/*MEGAMENU*/
:root {
	--menu_animation_speed_desktop: 150ms;
	--menu_animation_type_desktop: linear;

	--menu_padding_top_desktop: 40px;
	--menu_padding_bottom_desktop: 80px;

	--menu_animation_speed_mobile: 300ms;
	--menu_animation_type_mobile: ease;

	--container_title_padding_y: 10px;

	--menu_item_padding_x: var(--container-padding);
	--menu_item_padding_y: 15px;
	--menu-font-size-moble: 1.2rem;

	/* === Mega-Menü: lvl3 (Produktlinks) Abstände feinjustieren === */
	--menu_lvl3_pad_right: 8px;
	--menu_lvl3_pad_left: 8px;

	--menu_lvl3_gap_x: 28px;
	--menu_lvl3_gap_y: 18px;
}

#mew_mega_menu {
	display: flex;
	justify-content: space-between;
}
#mew_mega_menu_mobile {
	display: none;
	font-size: var(--menu-font-size-moble);
}
@media (max-width: 768px) {
	#mew_mega_menu {
		display: none;
	}
	#mew_mega_menu_mobile {
		display: block;
	}
}
#mew_mega_menu a {
	text-decoration: none !important;
}

/*Top Bar Hover*/
#mew_mega_menu .first_level {
	position: fixed;
	width: var(--container-width);
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--header_height));
	left: calc((100vw - var(--container-width))/2);
	display: flex;
	flex-direction: row;
	visibility: hidden;
}
@media (max-width: 1024px) {
	#mew_mega_menu .first_level {
		width: 100%;
		left: 0;
	}
}
#mew_mega_menu .level_0.ausgeklappt .first_level {
	visibility: visible;
}
#mew_mega_menu ul.level_1 > li {
	display: block;
	visibility: hidden;

	opacity: 0;
	transition: opacity var(--menu_animation_speed_desktop) var(--menu_animation_type_desktop);
	transition-delay: var(--menu_animation_speed_desktop);
}
#mew_mega_menu li.level_0.ausgeklappt ul.level_1 > li {
	visibility: visible;
	opacity: 1;
}
#mew_mega_menu ul.level_1 > li > a {
	display: inline-flex;
	align-items: center;
}

/*Menu Items*/
#mew_mega_menu li {
	white-space: nowrap;
}
:is(#mew_mega_menu ul.level_2, #mew_mega_menu_mobile) li {
	white-space: normal;
}
#mew_mega_menu li.just_mobile {
	display: none !important;
}
#mew_mega_menu nav.main-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mew_mega_menu nav.main-navigation ul.level_0 {
	display: flex;
	justify-content: flex-end;
}
#mew_mega_menu li.level_0:has(.level_1) > a:after, .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-left: 5px;
	rotate: 90deg;
	mask: url('/wp-content/uploads/2024/05/chevron-right.svg') no-repeat 65% 50%;
	mask-size: contain;
	background-color: var(--farbe-blau);
}
#mew_mega_menu li.level_0 > a {
	display: inline-block;
}
#mew_mega_menu li:is(.level_0, .level_2) > a:before {
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
#mew_mega_menu li.level_0:has(.level_1) > a:before {
	padding-right: 15px;
}
#mew_mega_menu ul.level_0 > li.ausgeklappt > a,
#mew_mega_menu ul.level_0 > li > a:hover,
#mew_mega_menu li.level_2 > a:hover,
#mew_mega_menu li.level_2 > a.active,
#mew_mega_menu li.level_0 > a.active,
#mew_mega_menu_mobile a.active {
	font-weight: bold;
}
#mew_mega_menu_mobile a:hover {
	text-decoration: underline !important;
}
#mew_mega_menu li.level_1 > a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;

	border-radius: var(--box-border-radius);
	padding: 10px 15px;
}
#mew_mega_menu ul.level_1 > li.ausgeklappt:not(:only-child) > a{
	background-color: var(--farbe-weiss);
}
#mew_mega_menu ul.level_1 > li.ausgeklappt:only-child > a {
	padding-top: 0;
	padding-left: 0;
}
#mew_mega_menu li.level_1:not(:only-child):has(li) > a::after {
	content: "";
	position: absolute;
	
	right: 20px;
	top: 50%;
	translate: 0 -50%;
	
	width: 15px;
	height: 15px;
	
	mask: url('/wp-content/uploads/2024/05/chevron-right.svg') no-repeat 50% 50%;
	mask-size: contain;
	background-color: var(--farbe-blau);
	
	transition: translate var(--menu_animation_speed_desktop) var(--menu_animation_type_desktop);
}
#mew_mega_menu ul.level_1 > li.ausgeklappt > a {
	font-weight: 700;
}
#mew_mega_menu ul.level_0 > li {
	padding: 5px 10px;
}
@media only screen and (max-width: 1023px) {
	#mew_mega_menu ul.level_0 > li {
		padding: 5px 5px;
	}
}

/*Menu Item Content*/
#mew_mega_menu .menu_background {
	position: fixed;
	z-index: 0;
	
	width: 100vw;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--header_height));
	left: 0;
	height: 0;
	
	display: flex;
	flex-direction: row;
	background-color: var(--farbe-weiss);

	transition: height var(--menu_animation_speed_desktop) var(--menu_animation_type_desktop);
	box-shadow: 0 10px 30px -25px black;
}
#mew_mega_menu .menu_background > .container_1 {
	opacity: 0;
	--pad: calc(100vw - var(--container-width));
	width: calc((var(--pad)/2) + (var(--container-width)*0.25));
	background-color: #eaecf0;
	
	transition: opacity var(--menu_animation_speed_desktop) var(--menu_animation_type_desktop);
}
@media only screen and (max-width: 1024px) {
	#mew_mega_menu .menu_background > .container_1 {
		width: 25%;
		transition: opacity var(--menu_animation_speed_desktop) var(--menu_animation_type_desktop);
	}
}
#mew_mega_menu .first_level > .sublevel {
	width: 100%;
	position: relative;
	margin-top: var(--menu_padding_top_desktop);
}

#mew_mega_menu .level_1 > .sublevel {
	position: absolute;
	/*left: 25%;*/
    left: 27%;
	/*width: 75%;*/
    width: 73%;
	top: 0;

	/* padding: 0 var(--container-padding) 0 calc(2*var(--container-padding)); */
	padding: 0 var(--menu_lvl3_pad_right) 0 var(--menu_lvl3_pad_left);
}

#mew_mega_menu:has(li.level_0.ausgeklappt.has-2-sublevels) .menu_background > .container_1 {
	opacity: 1;
}
#mew_mega_menu nav.main-navigation ul.level_1 {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	padding: 0 var(--container-padding);
	/*width: 25%;*/
    width: 27%;
}
#mew_mega_menu li.level_1 .sublevel {
	visibility: hidden;
	opacity: 0;
	transition: opacity var(--menu_animation_speed_desktop) var(--menu_animation_type_desktop);
}
#mew_mega_menu .level_0.ausgeklappt .level_1.ausgeklappt .sublevel {
	visibility: visible;
	opacity: 1;
}

#mew_mega_menu ul.level_2 {
	display: grid;
	grid-template-columns: 1fr 1fr;

	/*grid-column-gap: var(--menu_item_padding_x);*/
	grid-column-gap: var(--menu_lvl3_gap_x);
    /*grid-row-gap: var(--menu_item_padding_y);*/
	grid-row-gap: var(--menu_lvl3_gap_y);
}

#mew_mega_menu li.one_row ul.level_2 {
	grid-template-columns: 1fr;
}

/*MEGA MOBILE MENU*/
#mew_mega_menu_mobile .menu_background {
	display: none;
}
/*--Header-Elemente*/
#mew_mega_menu_mobile .menu_header {
	display: flex;
	column-gap: 10px;
}
/* Tabs  */
#mew_mega_menu_mobile .menu_header .tabs {
	display: flex;
	flex-direction: row-reverse;
	column-gap: 10px;
	padding-top: 5px;


	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.3s linear;
}
#mew_mega_menu_mobile.ausgeklappt .menu_header .tabs {
	visibility: visible;
	opacity: 1;
}
#mew_mega_menu_mobile.ausgeklappt .menu_header .tabs .tab_item {
	cursor: pointer;
	flex-basis: 50%;
	padding: 0 5px;
	width: 28px;
}
#mew_mega_menu_mobile.ausgeklappt .menu_header .tabs img {
	width: 100%;
}
#mew_mega_menu_mobile .tabs .tab_item.selected {
	box-shadow: inset 0 -4px 0px #0080c9;
}
/*----Burger menu button*/
button.menu-toggle {
		position: relative;
		top: -2px;
		
		height: 40px;
		width: 20px;
		background-color: transparent;
}
.menu-toggle span {
	display: block;
	height: 2px;
	width: 20px;
	padding: 0;
	border-radius: 0;
	background-color: var(--farbe-blau);
	position: absolute;
	left: 0;
	transition: all ease .3s;
}
.menu-toggle span:nth-child(1) {
		top: 12px;
}
.menu-toggle span:nth-child(2) {
		top: 18px;
}
.menu-toggle span:nth-child(3) {
		top: 24px;
}
.menu-toggle[aria-expanded="true"] span:nth-child(1) {
	top: 19px;
	rotate: 45deg;
}
.menu-toggle[aria-expanded="true"] span:nth-child(2) {
	background-color: transparent;
	opacity: 0;
}
.menu-toggle[aria-expanded="true"] span:nth-child(3) {
	top: 19px;
	rotate: -45deg;
}
/*----Tabs*/
#mew_mega_menu_mobile .header_content .tabs {
	display: none;
}
/*--Menu Container*/
#mew_mega_menu_mobile .menu_container > div.content_wrapper {
	position: relative;
	margin-top: calc(-100vh + var(--header_height_complete));
	transition: margin var(--menu_animation_speed_mobile) var(--menu_animation_type_mobile);

	background-color: var(--farbe-weiss);
}
#mew_mega_menu_mobile .menu_container.selected > div.content_wrapper {
	margin-top: 0;
}
#mew_mega_menu_mobile .menu_container.selected > div.content_wrapper:has(div.sublevel.selected) {
	margin-left: -100vw;
}
#mew_mega_menu_mobile .menu_container.selected > div.content_wrapper:has(div.sublevel.selected div.sublevel.selected) {
	margin-left: -200vw;
}
#mew_mega_menu_mobile .menu_container {
	position: fixed;
	z-index: 100;
	top: var(--header_height_complete);
	left: 0;

	width: 100%;

	height: calc(100vh - var(--header_height_complete));

	overflow: hidden;
	visibility: hidden;
	transition: visibility 0.5s linear;
}
#mew_mega_menu_mobile.ausgeklappt .menu_container.selected {
	visibility: visible;
}
#mew_mega_menu_mobile .menu_container .content_wrapper, #mew_mega_menu_mobile .menu_container .container_content {
	height: 100%;
}
#mew_mega_menu_mobile .menu_container .container_title {
	padding: var(--container_title_padding_y) var(--menu_item_padding_x);
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	font-weight: 700;
}

/*--Menu Items*/
#mew_mega_menu_mobile nav.main-navigation ul {
	list-style: none;
	margin: 0;
	height: 100%;
	width: 100vw;

	display: flex;
	flex-direction: column;
	row-gap: var(--menu_item_padding_y);
	padding: var(--menu_item_padding_y) 0;
}
#mew_mega_menu_mobile ul li a {
	display: block;
	padding-left: var(--menu_item_padding_x);
}
#mew_mega_menu_mobile nav.main-navigation ul li.highlighted a {
	text-transform: uppercase;
	box-shadow: inset 0 -2px 0px #0080c9;
	padding-bottom: var(--menu_item_padding_y);
	width: 90%;
}
#mew_mega_menu_mobile .sublevel {
	position: absolute;
	top: 0;

	width: 100%;
	height: 100%;
	margin-left: 100vw;

	background-color: white;

	visibility: hidden;
	opacity: 0;
	transition: visibility 0.5s, opacity 0.5s linear, margin 200ms ease-in;
}
#mew_mega_menu_mobile .sublevel.selected {
	visibility: visible;
	opacity: 1;
}
#mew_mega_menu_mobile nav.main-navigation li:not(.has-0-children) > a:after {
	content: "";	
	display: inline-block;
	width: 16px;
  height: 10px;

	background: url("/wp-content/themes/maul-theet/images/menu_nav_icon.svg") no-repeat;
	rotate: 180deg;
}
#mew_mega_menu_mobile .menu_container .container_title.navi_back {
	cursor: pointer;
}
#mew_mega_menu_mobile .navi_back img {
	display: inline;
	width: 15px;
	height: 15px;
	margin: -4px 10px 0 -2px;
}
/*WPML Tab*/
#mew_mega_menu_mobile .wpml-ls-legacy-list-horizontal > ul {
	padding-top: var(--menu_item_padding_y);
	display: flex;
	flex-direction: column;
	row-gap: var(--menu_item_padding_y);
}
#mew_mega_menu_mobile .wpml-ls-legacy-list-horizontal .wpml-ls-item {
	display: block;
	text-align: left;
}
#mew_mega_menu_mobile .wpml-ls-legacy-list-horizontal a {
	line-height: unset;
	padding: 0 var(--menu_item_padding_x);
}
#mew_mega_menu_mobile .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
	margin-bottom: unset;
}
#mew_mega_menu_mobile .wpml-ls-legacy-list-horizontal {
	border: unset;
	padding: unset;
	clear: unset;
}