/* Shared navigation contract for DE/EN landing and case-study pages. */
.sitehead,.head{background:#fff;color:#202832;min-height:100px;padding-left:clamp(25px,5.2vw,95px);padding-right:clamp(25px,5.2vw,95px)}
.sitehead .nav,.head .nav{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:wrap;font-size:11px;font-weight:800;letter-spacing:.055em}
.sitehead .nav a,.head .nav a{color:#26323a;text-decoration:none;white-space:nowrap}
.sitehead .nav>a:hover,.head .nav>a:hover{color:#cf390c}
.sitehead .nav .nav-contact,.head .nav .nav-contact{background:#d63809;color:white;padding:12px 16px}
.sitehead .nav .nav-contact:hover,.head .nav .nav-contact:hover{background:#a72f0b;color:white}
.sitehead .language-switch,.head .language-switch{display:inline-flex;gap:9px;margin-left:0;padding-left:14px;border-left:1px solid #d2d9d6}
.sitehead .language-switch a,.head .language-switch a{color:#758187}
.sitehead .language-switch a.current,.head .language-switch a.current{color:#d63809}
.sitehead .mobile-menu,.head .mobile-menu{display:none;position:relative;margin-left:auto}
.sitehead .mobile-menu summary,.head .mobile-menu summary{cursor:pointer;list-style:none;font-size:12px;font-weight:800;letter-spacing:.08em;padding:10px 14px;background:#e8edeb}
.sitehead .mobile-menu summary::-webkit-details-marker,.head .mobile-menu summary::-webkit-details-marker{display:none}
.sitehead .mobile-menu nav,.head .mobile-menu nav{position:absolute;display:grid;right:0;top:calc(100% + 7px);width:min(270px,88vw);padding:18px;background:#fff;z-index:30;box-shadow:0 10px 35px #14212c30;gap:0;font-size:13px;letter-spacing:0}
.sitehead .mobile-menu nav a,.head .mobile-menu nav a{display:block;padding:11px 8px;border-bottom:1px solid #e9eeeb;color:#26323a;text-decoration:none;white-space:normal}
.sitehead .mobile-menu nav a:hover,.head .mobile-menu nav a:hover{color:#d63809}
@media(max-width:1180px){.sitehead,.head{min-height:88px;align-items:center;flex-direction:row;flex-wrap:nowrap}.sitehead .nav,.head .nav{display:none}.sitehead .mobile-menu,.head .mobile-menu{display:block}}
@media(max-width:760px){.sitehead,.head{padding:18px 24px;gap:12px}.head>a img{width:140px}.sitehead .mobile-menu nav,.head .mobile-menu nav{width:230px}}
/* Navigation must remain perceptible and accessible while reading long pages. */
.frame{overflow:visible}
.sitehead,.head{position:sticky;top:0;z-index:60;box-shadow:0 4px 18px #1a273017}
.sitehead .mobile-menu summary,.head .mobile-menu summary{background:#d63809;color:#fff;border:1px solid #d63809;min-width:100px;text-align:center;box-shadow:0 3px 10px #d6380922}
.sitehead .mobile-menu[open] summary,.head .mobile-menu[open] summary{background:#9f2d10;border-color:#9f2d10}
.sitehead .mobile-menu summary:hover,.head .mobile-menu summary:hover{background:#ae310d}
.sitehead .mobile-menu summary:focus-visible,.head .mobile-menu summary:focus-visible{outline:3px solid #243039;outline-offset:3px}
/* Discreet, legible transparency label attached to the synthetic hero visual. */
.hero-number{left:28px;right:auto;bottom:15px;font-size:10px;line-height:1.3;letter-spacing:.035em;font-weight:400;text-transform:none;color:#ecf0ee;background:transparent;padding:0;opacity:.72;text-shadow:0 1px 3px #111d26b8}
@media(max-width:850px){.hero-number{left:28px;right:auto;bottom:12px;font-size:9px}}