.language-switch{display:flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;border:1px solid #dce4ec;border-radius:7px;background:#f4f7fa}
.language-switch a{display:grid;place-items:center;min-width:34px;min-height:34px;font-size:12px;font-weight:600;border-radius:4px;color:#536b80}
.language-switch a[aria-current]{background:#0c2340;color:#fff}.language-switch a:hover{background:#dde8f2;color:#0c2340}
header{gap:24px}header #navigation{gap:24px}
@media(max-width:1100px){header{gap:16px}header #navigation{gap:16px}header>.button{gap:15px;padding:13px 16px}}
@media(max-width:900px) and (min-width:761px){header{padding-inline:3%;gap:12px}header #navigation{gap:12px;font-size:13px}header>.button{font-size:12px;padding:11px;gap:10px}}
@media(max-width:760px){header{gap:10px}.language-switch{margin-left:0}header>.button{font-size:12px;padding:9px 11px}header #navigation{gap:5px}}
@media(max-width:600px){header>.button{display:none}.language-switch{margin-left:auto}.language-switch a{min-width:38px;min-height:38px}.menu{padding:12px}}
html[lang=en] .hero-copy h1{font-size:clamp(46px,5.4vw,78px)}
@media(max-width:760px){html[lang=en] .hero-copy h1{font-size:clamp(43px,12vw,58px)}html[lang=en] .company-welcome h1{font-size:clamp(39px,10vw,60px)}html[lang=en] .home-history>div{padding-inline:9px}html[lang=en] .home-history strong{font-size:22px}}
.language-switch a{display:flex;gap:5px;min-width:58px;padding:3px 7px}.language-flag{font-size:19px;line-height:1}
@media(max-width:1000px) and (min-width:761px){header>.button{display:none}}
@media(max-width:600px){.language-switch a{min-width:60px}}
/* Mobile navigation: a calm, spacious navy panel below the language bar. */
@media(max-width:760px){
 header{z-index:50;background:#fff}header:has(#navigation.open){position:sticky;top:0}
 .menu{width:44px;height:44px;padding:12px;justify-content:center;align-items:center;border:1px solid #dce4ec;border-radius:50%;background:#f4f7fa;flex-shrink:0;gap:6px}
 .menu span{width:19px;height:2px;transition:transform .22s}
 .menu[aria-expanded=true]{background:#0c2340;border-color:#0c2340}.menu[aria-expanded=true] span{background:white}
 .menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
 header #navigation{position:absolute;top:calc(100% + 8px);left:12px;right:12px;margin:0;padding:24px 22px 22px;border:1px solid #29425e;border-radius:18px;background:linear-gradient(145deg,#163451,#0c2340);color:#fff;box-shadow:0 20px 45px #081b3b40;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
 header #navigation.open{display:flex;gap:0;align-items:stretch}
 header #navigation:before{content:'ENTDECKEN SIE HI-PRO';display:block;font-size:10px;letter-spacing:2px;color:#9cbad7;margin-bottom:12px}
 html[lang=en] header #navigation:before{content:'DISCOVER HI-PRO'}
 header #navigation a{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:13px 2px;border-bottom:1px solid #ffffff1c;font-size:23px;font-weight:400;letter-spacing:-.4px;line-height:1.35}
 header #navigation a:after{content:'↗';position:static;width:auto;height:auto;background:none;color:#91b9db;font-size:19px;transition:transform .2s}
 header #navigation a:hover:after{transform:translate(2px,-2px)}header #navigation a[aria-current]{color:#a7d0f0}
 header #navigation .mobile-contact{margin-top:20px;padding:14px 17px;background:#fff;color:#0c2340;border:0;border-radius:9px;font-size:17px;font-weight:600}
 header #navigation .mobile-contact:after{color:#0c2340}
 body.menu-open{overflow:hidden}body.menu-open:after{content:'';position:fixed;inset:88px 0 0;background:#07182e66;backdrop-filter:blur(4px);z-index:40}
}
@media(max-width:380px){header #navigation{padding:18px 20px}header #navigation a{padding-block:11px;font-size:21px}}