/* ========== Divi 5: Hamburger-Menü auch auf Desktop ========== */
@media screen and (min-width: 981px) {
	/* Theme Builder – Menu-Modul (Divi 4 & 5) */
	.et_pb_menu .et_pb_menu__menu,
	.et_pb_fullwidth_menu .et_pb_menu__menu {
		display: none !important;
	}

	.et_pb_menu .et_mobile_nav_menu,
	.et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		float: none;
		align-items: center;
		margin: 0 5px;
	}

	.et_pb_menu .et_mobile_nav_menu .mobile_nav,
	.et_pb_fullwidth_menu .et_mobile_nav_menu .mobile_nav {
		display: block !important;
	}

	/* Klassischer Divi-Header (#main-header) */
	#main-header #et-top-navigation #top-menu-nav,
	#main-header #et-top-navigation #top-menu {
		display: none !important;
	}

	#main-header #et_mobile_nav_menu {
		display: block !important;
		visibility: visible !important;
	}
}

.et_pb_menu .et_mobile_menu li,
#main-header .et_mobile_menu li,
ul.et_mobile_menu,
ul.et_mobile_menu ul {
	list-style: none !important;
	list-style-type: none !important;
	padding-left: 0;
}

ul.et_mobile_menu li::marker {
	content: none;
}

/*
 * Header-Steuerleiste (NICHT ul.et_mobile_menu – sonst werden alle Menüpunkte ausgeblendet!)
 */
.et_pb_menu .et_mobile_nav_menu > ul,
.et_pb_menu .et_mobile_nav_menu .mobile_nav > ul:not(.et_mobile_menu),
#et_mobile_nav_menu > ul {
	list-style: none !important;
	margin: 0 !important;
	padding-left: 0 !important;
}

/* Extra-Icons nur in der Hamburger-Zeile (Chevron links usw.) */
.et_pb_menu .et_mobile_nav_menu > ul > li:not(:has(.mobile_menu_bar)),
.et_pb_menu .et_mobile_nav_menu .mobile_nav > ul:not(.et_mobile_menu) > li,
#et_mobile_nav_menu > ul > li:not(:has(.mobile_menu_bar)),
.et_pb_menu .et_mobile_nav_menu > a:not(.mobile_menu_bar),
.et_pb_menu .et_mobile_nav_menu > .et-pb-icon,
.et_pb_menu .et_mobile_nav_menu .et_pb_menu__icon--left,
.et_pb_menu .et_mobile_nav_menu a[class*="prev"] {
	display: none !important;
}

/* Dropdown nur wenn Hamburger geöffnet ist (.opened) */
.et_pb_menu .mobile_nav:not(.opened) ul.et_mobile_menu,
.et_pb_fullwidth_menu .mobile_nav:not(.opened) ul.et_mobile_menu,
#et_mobile_nav_menu .mobile_nav:not(.opened) ul.et_mobile_menu {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.et_pb_menu .mobile_nav.opened ul.et_mobile_menu,
.et_pb_fullwidth_menu .mobile_nav.opened ul.et_mobile_menu,
#et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.mobile_nav.opened ul.et_mobile_menu > li,
.mobile_nav.opened ul.et_mobile_menu > li > a {
	display: block !important;
	visibility: visible !important;
}

/* Hamburger-Icon (kein Listen-Symbol) */
.et_pb_menu .et_mobile_nav_menu .mobile_menu_bar::before,
#et_mobile_nav_menu .mobile_menu_bar::before {
	font-family: ETmodules, "ET Modules", "ETmodules" !important;
	content: "\61" !important;
}

/* Icons in derselben Zeile wie der Hamburger (z. B. Chevron links) */
.et_pb_menu .et_mobile_nav_menu .mobile_nav > a:not(.mobile_menu_bar),
.et_pb_menu .et_mobile_nav_menu .mobile_nav > span:not(.mobile_menu_bar),
.et_pb_menu .et_mobile_nav_menu .mobile_nav > .et-pb-icon,
.et_pb_menu .et_mobile_nav_menu .mobile_nav > button {
	display: none !important;
}

.et_pb_menu .et_mobile_nav_menu .mobile_nav > .mobile_menu_bar {
	display: block !important;
}

/* Divi-Standardpfeil am Menü-Link ausblenden – Pfeil nur am .mobile-toggle */
ul.et_mobile_menu li.pls-has-submenu > a:first-of-type::before,
ul.et_mobile_menu li.pls-has-submenu > a:first-of-type::after,
ul.et_mobile_menu li.menu-item-has-children > a:first-of-type::before,
ul.et_mobile_menu li.menu-item-has-children > a:first-of-type::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu > a:first-of-type::before,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu > a:first-of-type::after {
	display: none !important;
	content: none !important;
}

ul.et_mobile_menu li.pls-has-submenu::before,
ul.et_mobile_menu li.menu-item-has-children::before,
ul.et_mobile_menu li[data-icon]::before {
	display: none !important;
	content: none !important;
}

ul.et_mobile_menu li.pls-has-submenu > a.mobile-toggle,
ul.et_mobile_menu li.menu-item-has-children > a.mobile-toggle {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
}

ul.et_mobile_menu li.pls-has-submenu > a:first-of-type:not(.mobile-toggle),
ul.et_mobile_menu li.menu-item-has-children > a:first-of-type:not(.mobile-toggle) {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
	padding-right: 48px !important;
	cursor: pointer;
}

ul.et_mobile_menu li.pls-has-submenu,
ul.et_mobile_menu li.menu-item-has-children {
	cursor: pointer;
}

@media (min-width: 1200px) {
	div#et-top-navigation {
		padding-left: 0px !important;
	}
}

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	font-family: ETmodules, "ET Modules", "ETmodules" !important;
	content: "\4d" !important;
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.pls-has-submenu .mobile-toggle,
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu li.pls-has-submenu,
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu li.pls-has-submenu .sub-menu li.pls-has-submenu,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu {
	position: relative;
}


/* Menüpunkte: weißer Hintergrund */
ul.et_mobile_menu > li,
ul.et_mobile_menu > li > a,
ul.et_mobile_menu ul.sub-menu li > a,
ul.et_mobile_menu ul.children li > a,
.et-db #et-boc .et-l ul.et_mobile_menu > li > a {
	background-color: #ffffff !important;
	border-bottom: none !important;
}


/*
 * Untermenüs nur bei .dt-open (nicht Divi-.visible allein – sonst alles offen).
 */
ul.et_mobile_menu li.pls-has-submenu:not(.dt-open) > ul,
ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) > ul,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu:not(.dt-open) > ul {
	display: none !important;
	visibility: hidden !important;
	max-height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

ul.et_mobile_menu li.pls-has-submenu.dt-open > ul,
ul.et_mobile_menu li.menu-item-has-children.dt-open > ul,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu.dt-open > ul {
	display: block !important;
	visibility: visible !important;
	max-height: none !important;
	overflow: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

ul.et_mobile_menu li.pls-has-submenu.dt-open > ul > li,
ul.et_mobile_menu li.pls-has-submenu.dt-open > ul > li > a {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.pls-has-submenu .mobile-toggle,
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu .mobile-toggle {
	text-align: center;
	opacity: 1;
}

ul.et_mobile_menu li.pls-has-submenu .mobile-toggle::before {
	display: none !important;
	content: none !important;
}

/* Pfeil nach unten am Toggle */
ul.et_mobile_menu li.pls-has-submenu > a.mobile-toggle::after,
ul.et_mobile_menu li.menu-item-has-children > a.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.pls-has-submenu > a.mobile-toggle::after {
	top: 10px;
	position: relative;
	display: inline-block !important;
	font-family: ETmodules, "ET Modules", "ETmodules", "ETModules" !important;
	content: "\33" !important;
	color: #6f5237 !important;
	background: #ffffff;
	border-radius: 50%;
	padding: 3px;
	font-size: 24px;
	line-height: 1;
	transition: transform 0.2s ease;
}

ul.et_mobile_menu li.pls-has-submenu.dt-open > a.mobile-toggle::after,
ul.et_mobile_menu li.menu-item-has-children.dt-open > a.mobile-toggle::after {
	content: "\33" !important;
	transform: rotate(180deg);
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu .et_mobile_menu:after,
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu .et_mobile_menu,
.et_pb_menu .et_mobile_menu ul,
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff !important;
	border-radius: 10px;
}
/*Ende Anpassunge Mobiles Menu*/

.nav li ul {
	width: 300px !important;
}

.nav li li {
	position: relative;
	line-height: 1.5em;
}

#top-menu li li a {
	padding: 6px 20px;
	width: 210px;
}

#top-menu li.mega-menu>ul>li>a:first-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 16px;
}