/* One shared navigation on every public service page; colours persist in all states. */
.site-header .wrap.nav{width:min(1240px,calc(100% - 48px));max-width:1240px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;height:auto;min-height:108px;padding-block:9px}
.site-header .brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0}
.site-header .brand-logo{display:block;width:220px;height:90px;object-fit:contain;object-position:left center;flex-shrink:0}
.site-header .brand-tagline{display:block;max-width:155px;font-size:14px;line-height:1.5;font-weight:650;white-space:nowrap;padding-left:18px;border-left:1px solid #48657b;color:#edf5fc}
.site-header nav.service-navigation{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px;align-items:stretch;position:static;flex:1 1 0;min-width:0;width:auto;max-width:760px;margin:0;padding:0;background:transparent}
.site-header nav.service-navigation .service-nav-button{--nav-fill:#174e77;--nav-ink:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:50px;min-height:50px;padding:9px 7px;margin:0;border:1px solid #ffffff40;border-radius:9px;background:var(--nav-fill)!important;color:var(--nav-ink)!important;font-size:clamp(11px,1.05vw,13px);font-weight:700;line-height:1.25;text-align:center;box-shadow:none;text-decoration:none;white-space:normal;filter:none;transform:none;transition:box-shadow .15s,border-color .15s}
.site-header nav.service-navigation .service-nav-button[href="heizungsvermietung.html"]{--nav-fill:#b22f39;--nav-ink:#fff}
.site-header nav.service-navigation .service-nav-button[href="heizungsmontage.html"]{--nav-fill:#9ed5f0;--nav-ink:#10364d}
.site-header nav.service-navigation .service-nav-button[href="hydraulischer-abgleich.html"]{--nav-fill:#5dadd6;--nav-ink:#102f43}
.site-header nav.service-navigation .service-nav-button[href="handwerk.html"]{--nav-fill:#287ba8;--nav-ink:#fff}
.site-header nav.service-navigation .service-nav-button[href="anfrage.html"]{--nav-fill:#174e77;--nav-ink:#fff}
.site-header nav.service-navigation .service-nav-button:is(:visited,:hover,:active,:focus-visible,[aria-current="page"]){background:var(--nav-fill)!important;color:var(--nav-ink)!important;filter:none;transform:none}
.site-header nav.service-navigation .service-nav-button:hover{border-color:#d0e8f8;box-shadow:inset 0 0 0 1px #ffffff55}
.site-header nav.service-navigation .service-nav-button[aria-current="page"]{outline:2px solid #d2e9f6;outline-offset:2px;border-color:#e1f1f9;box-shadow:inset 0 0 0 1px #ffffff55}
.site-header nav.service-navigation .service-nav-button:focus-visible{outline:3px solid #ffda62;outline-offset:3px}
.site-header nav.service-navigation[hidden]{display:none!important}
@media(min-width:961px){.site-header .menu-toggle{display:none!important}.site-header nav.service-navigation{display:grid!important}}
@media(min-width:961px) and (max-width:1200px){.site-header .wrap.nav{gap:18px;min-height:96px}.site-header .brand{gap:10px}.site-header .brand-logo{width:180px;height:76px}.site-header .brand-tagline{font-size:12px;padding-left:13px;max-width:135px}.site-header nav.service-navigation .service-nav-button{font-size:11px}}
@media(max-width:960px){
 .site-header .wrap.nav{position:relative;min-height:84px;padding-block:10px;gap:15px}
 .site-header .brand-logo{width:150px;height:60px}.site-header .brand-tagline{font-size:12px;padding-left:13px;max-width:135px}
 .site-header.navigation-enhanced .menu-toggle{display:inline-flex!important;align-items:center;flex:0 0 auto;margin-left:auto;color:#fff;border:1px solid #7e9aaf;background:#174e77;padding:9px 12px;border-radius:8px}
 .site-header nav.service-navigation{position:absolute;top:100%;left:0;right:0;z-index:50;width:100%;max-width:none;grid-template-columns:minmax(0,1fr)!important;gap:9px;padding:16px;background:#0b293d;border:1px solid #48657b;border-radius:0 0 12px 12px}
 .site-header nav.service-navigation .service-nav-button{font-size:14px;height:48px;min-height:48px}
 .site-header:not(.navigation-enhanced) .wrap.nav{flex-wrap:wrap}
 .site-header:not(.navigation-enhanced) nav.service-navigation{position:static;flex-basis:100%;grid-template-columns:minmax(0,1fr)!important;width:100%;padding:8px 0;border:0}
}
@media(max-width:600px){.site-header .wrap.nav{width:calc(100% - 32px)}.site-header .brand-tagline{display:none}.site-header .brand-logo{width:145px;height:58px}}
@media(prefers-reduced-motion:reduce){.site-header nav.service-navigation .service-nav-button{transition:none}}