/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/

:root {
  --menu-item-col-1: #5B2282;
	--menu-item-col-2: #fab61f;
	--menu-item-col-3: #26a295;
	--menu-item-col-4: #9b1a4f;
	--menu-item-col-5: #ea5630;
	--menu-item-col-6: #1856a2;
	
	--col-black: #000000;
	--col-white: #ffffff;
	--col-emmaus: #5b2282;
	--col-bg: #F75C03;
	--col-bg-neutral-gelb: #fffcf4;
	
	--font-sz-h1: 40pt;
	--font-sz-h2: 24pt;
	--font-sz-h3: 22pt;
	--font-sz-h4: 20pt;
	--font-sz-h5: 18pt;
	--font-sz-p: 12pt;
	
	--font-sz-h1-mobile: 22pt;
	--font-sz-h2-mobile: 20pt;
	--font-sz-h3-mobile: 18pt;
	--font-sz-h4-mobile: 16pt;
	--font-sz-h4-mobile: 14pt;
	--font-sz-p-mobile: 12pt;
	
	
	--font-wgt-bold: 600;
	--font-wgt-reg: 400;
	
	--font-1 : "macho", sans-serif;
	--font-2 : font-family: "jumble", sans-serif;
}

.kigaem-btn {
	color: #ffffff !important;
	font-size: var(--font-sz-h5) !important;
	font-weight: var(--font-wgt-bold) !important;
	border-style: none !important;
	line-height: 1em !important;
	border-radius: 5pt !important;
}

.kigaem-btn:hover {
	border-style: none !important;
	border-radius: 5pt !important;
}

#kigaem-hero-btn, .et_pb_module div.wpforms-container-full button[type="submit"], .kigaem-btn, .et_pb_module div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), .kigaem-btn {
	background-color: var(--menu-item-col-4) !important;
	font-family: var(--font-1) !important;
	line-height: 1em !important;
	padding: .75em 1.5em .75em 1.5em !important;
	border-style: none !important;
	border-radius: 5pt !important;
	color: #ffffff !important;
	font-size: var(--font-sz-h5) !important;
	font-weight: var(--font-wgt-bold) !important;
	border-style: none !important;
	line-height: 1em !important;
	border-radius: 5pt !important;
	height: auto !important;
	opacity: 1 !important;
}

.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active, .wpforms-form input[type=submit]:focus,
.wpforms-form button[type=submit]:focus,
.wpforms-form .wpforms-page-button:focus, .kigaem-besichtigung-form .kigaem-besichtigung-btn#wpforms-submit-2114:hover, .kigaem-besichtigung-form .kigaem-besichtigung-btn#wpforms-submit-2114:active, .kigaem-besichtigung-form .kigaem-besichtigung-btn#wpforms-submit-2114:focus, #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:hover, #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:active, #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:focus, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]#wpforms-submit-2114:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]#wpforms-submit-2114:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]#wpforms-submit-2114:focus, .kigaem-btn:hover, #wpforms-submit-2114:hover, #wpforms-submit-2114:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:active{
	background: transparent !important;
	background-color: transparent !important;
	opacity: 1 !important;
	color: #000000 !important;
	-webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
	box-shadow: none !important;
	font-size: var(--font-sz-h5) !important;
	font-weight: var(--font-wgt-bold) !important;
	border-style: none !important;
	line-height: 1em !important;
	border-radius: 5pt !important;
}

#kigaem-hero-btn:hover {
	background-color: transparent !important;
	opacity: 1 !important;
	color: #000000 !important;
	-webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
	box-shadow: none !important;
}

#kigaem-hero-btn:hover::before,
#wpforms-submit-2114:hover::before,
#kigaem-btn-bewerbung:hover::before,
#kigaem-login-btn:hover::before{
	display: inline-block !important;
	height: 3px !important;
}

#kigaem-hero-btn {
	display: inline-block !important;
	position: relative !important;
	line-height: 1em !important;
	padding: .75em 1.5em .75em 1.5em !important;
}

#kigaem-btn-bewerbung::before{
	display: none !important;
	position: absolute !important;
	content: '' !important;
  width: 90% !important;
  -webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
  height: 0px !important;
  bottom: -.33em;
	left: 5% !important;
  border-radius: 20% !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  right: auto !important;
	background-color: var(--menu-item-col-4);
	-webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

#kigaem-login-btn::before {
	display: none !important;
	position: absolute !important;
	content: '' !important;
  width: 10em !important;
  -webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
  height: 0px !important;
  bottom: 2.5em;
	left: 5% !important;
  border-radius: 20% !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  right: auto !important;
	background-color: var(--menu-item-col-4);
	-webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}


#kigaem-hero-btn::before, #wpforms-submit-2114::before {
	display: none !important;
	position: absolute !important;
	content: '' !important;
  width: 90% !important;
  -webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
  height: 0px !important;
  bottom: .33em;
	left: 5% !important;
  border-radius: 20% !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  right: auto !important;
	background-color: var(--menu-item-col-4);
	-webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.kigaem-font-1 {
	font-family: "jumble", sans-serif;
font-weight: 400;
font-style: normal;
}

.kigaem-font-2 {
	font-family: "macho", sans-serif;
font-weight: 500;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, tr, td, th, ul, li {
	color: var(--col-black);
	font-family: var(--font-1);
}

h1, .et_pb_text_inner h1 {
	font-size: var(--font-sz-h1);
	font-weight: var(--font-wgt-bold);
}

h2, .et_pb_text_inner h2 {
	font-size: var(--font-sz-h2);
	font-weight: var(--font-wgt-bold);
}

h3, .et_pb_text_inner h3 {
	font-size: var(--font-sz-h3);
	font-weight: var(--font-wgt-reg);
}

h4, .et_pb_text_inner h4 {
	font-size: var(--font-sz-h4);
	font-weight: var(--font-wgt-reg);
}

h5, .et_pb_text_inner h5 {
	font-size: var(--font-sz-h5);
	font-weight: var(--font-wgt-reg);
}

p, a, .et_pb_text_inner p, .et_pb_text_inner a, tr, td, th {
	font-size: var(--font-sz-p);
	font-weight: var(--font-wgt-reg);
}

th {
	font-weight: var(--font-wgt-bold) !important;
}

.et_pb_social_media_follow .et_pb_social_media_follow_network_0_tb_footer a.icon {
	background-color: var(--menu-item-col-1) !important;
}

.et_pb_social_media_follow .et_pb_social_media_follow_network_0_tb_footer a.icon:hover {
	background-color: transparent !important;
}

@media all and (max-width: 980px) {
 
h1, .et_pb_text_inner h1 {
	font-size: var(--font-sz-h1-mobile);
}

h2, .et_pb_text_inner h2 {
	font-size: var(--font-sz-h2-mobile);
}

h3, .et_pb_text_inner h3 {
	font-size: var(--font-sz-h3-mobile);
}

h4, .et_pb_text_inner h4 {
	font-size: var(--font-sz-h4-mobile);
}

h5, .et_pb_text_inner h5 {
	font-size: var(--font-sz-h5-mobile);
}

p, a, .et_pb_text_inner p, .et_pb_text_inner a {
	font-size: var(--font-sz-p-mobile);
}
}

.col-emmaus { 
	color: var(--col-emmaus) !important;
}

#kigaem-preise-tbl {
	max-width: 100%;
	width: auto;
	overflow-x: scroll;
}

#kigaem-preise-tbl, #kigaem-preise-tbl th, #kigaem-preise-tbl tr, #kigaem-preise-tbl td {
	color: #000000;
	font-size: 14px !important;
}

#emmauskindergarten-main-menu .menu-item {
	margin: 1em .25em 0 .25em;
	border-radius: 5pt;
	z-index: 10;
}


#emmauskindergarten-main-menu .menu-item a {
	padding: 1em 0 1em 0;
	font-weight: 600;
	z-index: 11;
}

#emmauskindergarten-main-menu .menu-item:nth-of-type(1) a::before {
	background-color: var(--menu-item-col-1);
	-webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

#emmauskindergarten-main-menu .menu-item:nth-of-type(2) a::before {
	background-color: var(--menu-item-col-2);
	-webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

#emmauskindergarten-main-menu .menu-item:nth-of-type(3) a::before {
	background-color: var(--menu-item-col-3);
	-webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

#emmauskindergarten-main-menu .menu-item:nth-of-type(4) a::before {
	background-color: var(--menu-item-col-4);
	-webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

#emmauskindergarten-main-menu .menu-item:nth-of-type(5) a::before {
	background-color: var(--menu-item-col-5);
	-webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}


#emmauskindergarten-main-menu .menu-item:nth-of-type(6) a::before {
	background-color: var(--menu-item-col-6);
	-webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}


#emmauskindergarten-main-menu #mobile_menu1 .menu-item a:hover::before, #emmauskindergarten-main-menu #mobile_menu1 .current_page_item a::before{
	content: '';
  display: none;
}

#emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(1):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(7):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(13):hover, #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(19):hover{
	color: var(--menu-item-col-1) !important;
	background-color: transparent;
	opacity: 1;
}

#emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(2):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(8):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(14):hover, #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(20):hover{
	color: var(--menu-item-col-2) !important;
	background-color: transparent;
	opacity: 1;
}

#emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(3):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(9):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(15):hover, #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(21):hover{
	color: var(--menu-item-col-3) !important;
	background-color: transparent;
	opacity: 1;
}

#emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(4):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(10):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(16):hover, #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(22):hover{
	color: var(--menu-item-col-4) !important;
	background-color: transparent;
	opacity: 1;
}

#emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(5):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(11):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(17):hover, #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(23):hover{
	color: var(--menu-item-col-5) !important;
	background-color: transparent;
	opacity: 1;
}

#emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(6):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(12):hover,  #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(18):hover, #emmauskindergarten-main-menu #mobile_menu1 .menu-item a:nth-of-type(24):hover{
	color: var(--menu-item-col-6) !important;
	background-color: transparent;
	opacity: 1;
}

#emmauskindergarten-main-menu .sub-menu .menu-item a:hover::before {
	width: 80%;
}

#emmauskindergarten-main-menu .mobile_nav .mobile_menu_bar:before {
	color: var(--menu-item-col-5);
}


#emmauskindergarten-main-menu  .menu-item-has-children a::after {
	display: none !important;
}

#emmauskindergarten-main-menu .menu-item a:hover::before, #emmauskindergarten-main-menu .current_page_item a::before {
	content: '';
  width: 100%;
  -webkit-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  height: 3px;
  position: absolute;
  bottom: .25em;
	left: 0;
  border-radius: 20%;
  display: inline-block;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  right: auto;
}

@media screen and (max-width: 979px) {
	#kigaem-hero-row .et_pb_column_0{
		margin-bottom: 0;
	}
	
	#kigaem-hero-row  .et_pb_column_1 .et_pb_divider_0 {
		display: none;
	}
	
	#kigaem-preise-tbl, #kigaem-preise-tbl th, #kigaem-preise-tbl tr, #kigaem-preise-tbl td {
	color: #000000;
	font-size: 12px !important;
}
}

@media screen and (min-width: 980px) {

	#emmauskindergarten-main-menu  .et_pb_menu__wrap {
		display: flex;
		justify-content: center;
	}
	
	#menu-emmaus-menu .menu-item{
		margin-top: auto;
		margin-bottom: auto;
	}
}

/*F.A.Q.*/
.kigaem-faq {
	color: #000000;
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item {
	border-color: var(--menu-item-col-2);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item.dipl_active {
	border-color: var(--menu-item-col-3);
}

.kigaem-faq .dipl_faq_item_wrapper .dipl_question_wrapper:hover h4::before {
	width: 15%;
}

.kigaem-faq .dipl_faq_item_wrapper .dipl_question_wrapper h4::before {
	content: '';
  width: 0%;
  -webkit-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  height: 3px;
  position: absolute;
  bottom: .5em;
  border-radius: 20%;
  display: inline-block;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  left: .5em;
  right: auto;
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_0 .dipl_question_wrapper h4::before  {
	background-color: var(--menu-item-col-1);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_0 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_5 .dipl_question_wrapper h4::before  {
	background-color: var(--menu-item-col-1);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_1 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_6 .dipl_question_wrapper h4::before  {
	background-color: var(--menu-item-col-2);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_2 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_7 .dipl_question_wrapper h4::before  {
	background-color: var(--menu-item-col-3);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_3 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_8 .dipl_question_wrapper h4::before  {
	background-color: var(--menu-item-col-4);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_4 .dipl_question_wrapper h4::before  {
	background-color: var(--menu-item-col-5);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_0 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_2 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_4 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_6 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_8 .dipl_question_wrapper h4::before {
	-webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_1 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_3 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_5 .dipl_question_wrapper h4::before, .kigaem-faq .dipl_faq_wrapper .dipl_faq_page_schema_item_7 .dipl_question_wrapper h4::before{
	-webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}


.kigaem-faq .dipl_faq_item_wrapper .dipl_question_wrapper::after{
	display: none;
	position: relative;
	content: "";
	width: 25px;
	height: auto;
	background-image: url("/wp-content/uploads/2024/01/emkiga-marienkaefer-icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.kigaem-faq .dipl_faq_item_wrapper .dipl_question_wrapper::before {
	display: none;
	position: relative;
	content: "";
	width: 25px;
	height: auto;
	background-image: url("/wp-content/uploads/2024/01/emkiga-schmetterling-icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}


.kigaem-faq .dipl_active .dipl_faq_item_wrapper .dipl_question_wrapper::after, .kigaem-faq .dipl_active .dipl_faq_item_wrapper .dipl_question_wrapper::before{ 
	display: block;
}

#wpforo-menu {
	background-color: var(--col-bg-neutral-gelb) !important;
	border-style: none !important;
}

#wpforo #wpforo-wrap .wpf-breadcrumb div.active::after {
	background-color: var(--col-bg-neutral-gelb) !important;
}

#wpforo #wpforo-wrap .wpf-breadcrumb div.active {
	color: var(--menu-item-col-5) !important;
}

#wpforo #wpforo-menu .menu-item {
	font-size: var(--font-sz-p);
}

#wpforo #wpforo-menu .menu-item a {
	padding: .5em !important;
	font-weight: var(--font-wgt-bold) !important;
}

#wpforo-title {
	display: none;
}

#wpforo .wpforo-category {
	background-color: var(--col-bg-neutral-gelb) !important;
}

#wpforo .wpforo-category .cat-title, #wpforo .wpforo-category .cat-title .cat-name, #wpforo .wpforo-category .cat-title .cat-icon {
	font-size: var(--font-sz-p) !important;
	font-weight: var(--font-wgt-bold) !important;
}

#wpforo .wpforo-category .cat-title .cat-name {
	color: var(--col-black) !important;
}

#wpforo .wpf-button , #wpforo .wpf-button i, #wpforo .wpf-button span{
	color: #ffffff !important;
	font-size: var(--font-sz-p) !important;
}

#wpforo .wpf-button span {
	padding: .5em !important;
	font-weight: var(--font-wgt-bold) !important;
}

#wpforo .wpf-button {
	border-style: none !important;
	border-radius: 5pt !important;
	padding: 0 !important;
}

#wpforo .wpf-button:nth-of-type(1) {
	background-color: var(--menu-item-col-4) !important;
}

#wpforo .wpf-button:hover, #wpforo .wpf-button:hover span, #wpforo .wpf-button:hover i {
	background-color: transparent !important;
	color: var(--col-black) !important;
}

#wpforo .wpf-button:nth-of-type(1):hover span::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(1):hover a::before{
	background-color: var(--menu-item-col-1) !important;
}

#wpforo .wpf-button:nth-of-type(1) span::before, #wpforo-menu li:nth-of-type(1)::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(1) a::before{
-webkit-transform: rotate(-2deg) !important;
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg) !important;
}

#wpforo .wpf-button:nth-of-type(2):hover span::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(2) a:hover::before {
	background-color: var(--menu-item-col-2) !important;
}

#wpforo .wpf-button:nth-of-type(2) span::before, #wpforo-menu li:nth-of-type(2)::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(2) a::before{
-webkit-transform: rotate(2deg) !important;
  -ms-transform: rotate(2deg);
  transform: rotate(2deg) !important;
}

#wpforo .wpf-button:nth-of-type(3):hover span::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(3) a:hover::before {
	background-color: var(--menu-item-col-3) !important;
}

#wpforo .wpf-button:nth-of-type(3) span::before, #wpforo-menu li:nth-of-type(3)::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(3) a::before{
-webkit-transform: rotate(-2deg) !important;
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg) !important;
}

#wpforo .wpf-button:nth-of-type(4):hover span::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(4) a:hover::before {
	background-color: var(--menu-item-col-4) !important;
}

#wpforo .wpf-button:nth-of-type(4) span::before, #wpforo-menu li:nth-of-type(4)::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(4) a::before{
-webkit-transform: rotate(2deg) !important;
  -ms-transform: rotate(2deg);
  transform: rotate(2deg) !important;
}

#wpforo-menu li:nth-of-type(5)::before, #kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(5) a::before{
-webkit-transform: rotate(-2deg) !important;
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg) !important;
}

#kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(5) a:hover::before {
	background-color: var(--menu-item-col-6) !important;
}

#kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(6) a::before{
-webkit-transform: rotate(2deg) !important;
  -ms-transform: rotate(2deg);
  transform: rotate(2deg) !important;
}

#kigaem-footer-menu .et_pb_menu__menu nav ul li:nth-of-type(6) a:hover::before {
	background-color: var(--menu-item-col-1) !important;
}

#kigaem-footer-menu .sub-menu {
	background-color: var(--col-bg-neutral-gelb) !important;
}


#wpforo-menu li.wpforo-active, #wpforo-menu li, #wpforo-menu li:hover {
	border-style: none !important;
}

#wpforo .wpf-button span::before {
	content: '' !important;
  width: 90% !important;
  -webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
  height: 3px;
  position: relative !important;
  top: 1.25em !important;
  border-radius: 20% !important;
  display: block !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  left: 5% !important;
  right: auto !important;
}

#kigaem-footer-menu .et_pb_menu__menu nav ul li a::before {
	content: '' !important;
  width: 90% !important;
  -webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
  height: 3px !important;
  position: relative !important;
  top: 1.25em !important;
  border-radius: 20% !important;
  display: inline-block !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  left: 5% !important;
  right: auto !important;
}

#kigaem-footer-menu .et_pb_menu__menu nav ul li .sub-menu a::before {
  top: 2.5em !important;
}

#wpforo-menu li::before {
	content: '' !important;
  width: 90% !important;
  -webkit-transition: 0.1s ease-out !important;
  -o-transition: 0.1s ease-out !important;
  transition: 0.1s ease-out !important;
  height: 3px !important;
  position: relative !important;
  top: 2.5em !important;
  border-radius: 20% !important;
  display: inline-block !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  left: 5% !important;
  right: auto !important;
}

#wpforo-menu li:nth-of-type(1):hover::before {
	background-color: var(--menu-item-col-1);
}

#wpforo-menu li:nth-of-type(2):hover::before {
	background-color: var(--menu-item-col-2);
}

#wpforo-menu li:nth-of-type(3):hover::before {
	background-color: var(--menu-item-col-3);
}

#wpforo-menu li:nth-of-type(4):hover::before {
	background-color: var(--menu-item-col-4);
}

#wpforo-menu li:nth-of-type(5):hover::before {
	background-color: var(--menu-item-col-5);
}

#wpforo-menu .sub-menu {
	background-color: var(--col-bg-neutral-gelb) !important;
}

/*make the menu items fullwidth and add space between them*/
#kigaem-footer-menu .et_pb_menu__menu nav ul li {
	width: 100%;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start;
}
/*style the menu items*/
#kigaem-footer-menu .et_pb_menu__menu nav ul li a {
	background: transparent;
	border-style: none;
	color: var(--col-black) !important;
	font-weight: var(--font-wgt-bold) !important;
}

/*style the menu items on hover*/
#kigaem-footer-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1 !important;
}

#kigaemmaus-galerie.et_pb_gallerie .et_pb_gallery_pagination-nummerierung .page .page-1:hover, .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_pagination a:hover {
	color: var(--menu-item-col-5) !important;
}

.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_pagination .active {
	color: var(--menu-item-col-2) !important;
}