.site-header.unified-header{position:relative;inset:auto;min-height:88px;height:auto;padding:18px max(3vw,20px);background:#07121d;color:#f4f7f8;display:flex;gap:24px;align-items:center;flex-wrap:nowrap;z-index:30;border-bottom:1px solid #263b48}
.unified-header .brand-logo{width:175px}.unified-header nav{display:flex;gap:20px;align-items:center;margin-left:auto;font-size:14px;flex-wrap:nowrap}.unified-header nav>a{padding:10px 0;white-space:nowrap}.unified-header nav>a[aria-current=page]{color:#33d6e6;box-shadow:0 2px #33d6e6}.unified-header .nav-contact{background:#33d6e6;color:#07121d;padding:10px 16px;font-weight:800;border-radius:4px}.nav-tools{display:flex;align-items:center;gap:14px;order:3}.nav-toggle{display:none}.unified-header .nav-mobile-contact{display:none}.unified-header a:focus-visible,.nav-toggle:focus-visible{outline:2px solid #33d6e6;outline-offset:5px}html{scroll-padding-top:20px}.service-hero,.article-hero,.guide-hero{padding-top:75px}
@media(max-width:1280px){.site-header.unified-header{flex-wrap:wrap;gap:12px;justify-content:space-between}.unified-header .nav-tools{order:0;margin-left:auto}.nav-toggle{display:block;background:#102b3c;color:#fff;border:1px solid #536b7b;border-radius:6px;min-height:44px;padding:9px 16px;font:inherit;font-size:15px;cursor:pointer}.unified-header nav{display:none;width:100%;margin:8px 0 0;padding:12px 0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #263b48;max-height:70vh;overflow-y:auto}.unified-header.menu-open nav{display:flex}.unified-header nav>a{padding:13px 10px;border-bottom:1px solid #263b48;font-size:16px}.unified-header nav>a[aria-current=page]{box-shadow:none;background:#102b3c}.unified-header .nav-contact{margin-top:14px;text-align:center}.unified-header .nav-mobile-contact{display:grid;gap:8px;margin-top:20px;font-size:15px}.unified-header .nav-mobile-contact a{padding:6px 10px}.service-hero,.article-hero,.guide-hero{padding-top:55px}}

/* Keep long German headings and grid items inside narrow screens. */
.service-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}
.service-hero-grid>*,.guide-index-head>*,.article-layout>*,.guide-grid>*,.service-steps>*{min-width:0}
.service-hero h1,.guide-hero h1,.article-hero h1,.service-main h2,.article-content h2,.guide-card h2{overflow-wrap:anywhere;hyphens:auto}
.service-hero-media::after{inset:12px 0 -12px 12px}
.service-hero-media img{max-width:100%}
.unified-header .nav-mobile-contact{color:#f4f7f8}
@media(max-width:850px){.service-hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){
 .service-hero h1,.guide-hero h1,.article-hero h1{font-size:clamp(32px,8.2vw,42px);line-height:1.1;letter-spacing:-.035em}
 .service-hero-media img{height:auto;aspect-ratio:4/3}
 .service-hero,.guide-hero,.article-hero{padding-bottom:55px}
}
@media(max-width:600px){
 .site-header.unified-header{min-height:72px;padding:11px 14px;gap:10px}
 .unified-header .brand{padding:4px 6px}
 .unified-header .brand-logo{width:138px}
 .nav-toggle{min-height:42px;padding:8px 13px;font-size:14px}
 .unified-header nav{max-height:calc(100dvh - 92px);margin-top:4px;padding:7px 0 12px;overscroll-behavior:contain}
 .unified-header nav>a{padding:11px 9px;font-size:15px}
 .unified-header .nav-contact{margin-top:10px}
 .unified-header .nav-mobile-contact{margin-top:12px;gap:3px;font-size:14px}
}