/*  ==================================================================
	HIER KOMMEN DEINE AUSGELAGERTEN CSS BEFEHLE REIN =================
	==================================================================  */
/* Kontaktformular Labelproblem umgehen */

	.et_pb_contact_form_label {
	 
	display: block !important;
	color:rgba(0,0,0,0);
	 
	}

/* #### Collaping Mobile Menu #### */

/* #### 1. Icons und Styling für Menüs mit Unterpunkten #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
    color: #da181f; /* Farbe des Icons */
    background: #f1f1f1; /* Hintergrundfarbe des Icons */
    top: 10px;
    position: relative;
    font-family: "ETModules"; /* Font für Icons */
    content: '\33'; /* Symbol für geschlossenes Menü */
    border-radius: 50%;
    padding: 3px;
}
ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
    content: '\32'; /* Symbol für geöffnetes Menü */
}

/* #### 2. Textstil für Menüpunkte mit Untermenüs #### */
.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

/* #### 3. Styling und Position der Toggle-Icons #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}

/* #### 4. Position der Menüpunkte und Untermenüs #### */
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}

/* #### 5. Hintergrund von Menüpunkten mit Untermenüs #### */
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}

/* #### 6. Verstecken/Anzeigen von Untermenüs #### */
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}

/* #### 7. Zentrieren und Transparenz der Toggle-Icons #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
    text-align: center;
    opacity: 1;
}

/* #### 8. Interaktive Bereiche für Menüpunkte mit Untermenüs #### */
#main-header .et_mobile_menu .menu-item-has-children, 
.et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children, 
.et_pb_menu .et_mobile_menu .menu-item-has-children {
    position: relative;
}

#main-header .et_mobile_menu .menu-item-has-children > a, 
.et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children > a, 
.et_pb_menu .et_mobile_menu .menu-item-has-children > a {
    padding-right: 47px;
    background: transparent;
}

/* #### 9. Custom Fonts und Symbole für Menüzustände #### */
#main-header .et_mobile_menu span.menu-closed:before, 
.et_pb_fullwidth_menu .et_mobile_menu span.menu-closed:before, 
.et_pb_menu .et_mobile_menu span.menu-closed:before {
    content: "\4c"; /* Symbol für geschlossenes Menü */
    font-family: "ETmodules";
    display: block;
    font-size: 17px;
}

#main-header .et_mobile_menu span.menu-closed.menu-open:before, 
.et_pb_fullwidth_menu .et_mobile_menu span.menu-closed.menu-open:before, 
.et_pb_menu .et_mobile_menu span.menu-closed.menu-open:before {
    content: "\4d"; /* Symbol für geöffnetes Menü */
}