/*header.page-header,*/
/*header.page-header >*,*/
/*header.page-header >* >* >* {*/
/*	transition: height .17s;*/
/*}*/
/*header.page-header.sticky {*/
/*	height: auto;*/
/*}*/
/*header.page-header.sticky >* {*/
/*	padding: 9px 0;*/
/*	height: auto;*/
/*}*/
/*header.page-header.sticky >* >* >*:not(a) {*/
/*	!*scale: .9;*!*/
/*	zoom: .85;*/
/*	@media screen and (max-width: 88rem) {*/
/*		zoom: .95;*/
/*	}*/
/*}*/
/*header.page-header.sticky .logo {*/
/*	zoom: .7;*/
/*	padding: 3px 0;*/
/*}*/
/*@media screen and (max-width: 88rem) { !* 88rem = 1408px *!*/
/*	p, li, *:not(p, li) > a {*/
/*		zoom: calc(1.5 - (var(--zoom) / 2));*/
/*		!*zoom: 1.2;*!*/
/*	}*/
/*}*/
/*@media screen and (max-width: 77rem) { !* 77rem = 1232px *!*/
/*	!*.our-story {*!*/
/*	!*	zoom: 1.05;*!*/
/*	!*}*!*/
/*	body {*/
/*		--mscale: 0.6;*/
/*	}*/
/*	.section-title-vertical {*/
/*		display: none;*/
/*	}*/
/*	.contact-section .container {*/
/*		max-width: 100%;*/
/*		.contact-form {*/
/*			zoom: 1.3;*/
/*			padding: 40px;*/
/*		}*/
/*	}*/
/*}*/
/*section#leistungen {*/
/*	margin-top: 4rem;*/
/*}*/

/*#d#d .our-story .absolute-circle.shadow.shadow3 {*/
/*	left: auto;*/
/*	right: 50%;*/
/*	translate: 50%;*/
/*}*/

#d * {
	--dev: desktop;
}
.hero .slides {
	height: 100% !important;
}

/* header menu */


ul.top-menu li,
ul.nav-links li {
	position: relative;
	&:has([alt="Menu"]) {
		background-color: #e9e5d9;
	}
}
ul.nav-links li>ul,
ul.top-menu li>ul {
	position: absolute;
	/*background: #271b14;*/
	background: #f6f5f1;
	z-index: 150;
	padding: 20px;
	visibility: hidden;
	/*left: -14px;*/
	left: 0;
	ul {
		min-width: 300px;

	}
}
ul.nav-links li>ul a {
	padding: 5px 5px;
	line-height: 1.23;
}
ul.nav-links li ul li {
	min-width: 200px;
}
ul.nav-links li>ul ul {
	left: 100%;
	top: -20px;
	margin-left: -1px;
	max-height: calc(100vh - 200px);
	overflow-y: auto;
	overflow-x: hidden;
}
ul.nav-links li:has(>ul:hover),
ul.nav-links li:hover>ul {
	visibility: visible;
}
ul.nav-links li:has(>ul:hover)>a {
	color: var(--brand-yellow);
}
ul.nav-links ul li:has(ul)::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 7px solid #fff;
	transition: border-color .3s ease;
}
ul.nav-links ul li:has(ul):hover::after,
ul.nav-links ul li:has(ul:hover)::after {
	border-left-color: var(--brand-yellow);
}

/* */
#d {
	.nav2._m1 {
		display: flex;
		gap: 8px;
	}
	.nav2._m2 {
		display: none;
	}
}