.site-head{height:80px!important;display:grid!important;grid-template-columns:1fr auto 1fr;gap:24px;padding:0 4vw!important;background:rgba(238,237,230,.96)!important;color:#101218!important;border-bottom:1px solid rgba(16,18,24,.12);backdrop-filter:blur(14px);z-index:100;pointer-events:auto!important;opacity:1!important}
.site-head .brand{font-size:22px!important;letter-spacing:-.055em!important;white-space:nowrap}
.site-head nav.section-nav{justify-self:end;display:flex;gap:20px!important;white-space:nowrap;font-size:11px}
.site-head nav.mode-nav{display:flex;gap:3px!important;padding:4px;border:1px solid rgba(16,18,24,.18);border-radius:6px;background:rgba(16,18,24,.025);font-size:11px;font-weight:700;letter-spacing:.025em}
.mode-nav a{padding:11px 16px;display:inline-flex;gap:9px;align-items:center;border-radius:3px;transition:background .18s,color .18s}
.mode-nav a[aria-current='page']{background:#101218;color:#eeede6}
.mode-nav a:not([aria-current]):hover{background:rgba(36,77,247,.10)}
.mode-indicator{width:6px;height:6px;display:inline-block;border-radius:50%;background:currentColor;opacity:.65}
html[data-mode='ai']{--paper:#090f18;--ink:#f4f5f7;--nav-color:#f4f5f7;color-scheme:dark;scroll-padding-top:80px}
html[data-mode='ai'] body{background:#090f18;color:#f4f5f7}
html[data-mode='ai'] .site-head{background:rgba(9,15,24,.96)!important;color:#f4f5f7!important;border-color:rgba(244,245,247,.13)}
html[data-mode='ai'] .mode-nav{background:rgba(255,255,255,.025)!important;border-color:rgba(244,245,247,.18)!important}
html[data-mode='ai'] .mode-nav a[aria-current='page']{background:#4975ff;color:#fff}
html[data-mode='ai'] .mode-nav a:not([aria-current]):hover{background:rgba(255,255,255,.09)}
:is(.mode-curtain,.mode-prepaint){position:fixed;inset:0;z-index:2147483000;background:var(--curtain-bg);color:var(--curtain-fg);display:grid;place-items:center;pointer-events:all;contain:paint;will-change:clip-path,opacity}
.mode-curtain-inner{text-align:center;max-width:90vw}.mode-curtain-kicker{font-size:11px;letter-spacing:.24em;display:block;margin-bottom:22px;opacity:.65}.mode-curtain-title{font-size:clamp(40px,7vw,110px);line-height:.94;letter-spacing:-.055em;font-weight:700;margin:0}.mode-curtain-line{display:block;width:72px;height:3px;background:#4975ff;margin:30px auto 0}

.mode-curtain:focus{outline:none}
@media(prefers-reduced-motion:reduce){.mode-nav a{transition:none}}

/* The exact closed curtain is present in the first incoming HTML paint. */
.mode-prepaint{display:none;--curtain-bg:#eeede6;--curtain-fg:#101218}
html[data-mode='ai'] .mode-prepaint{--curtain-bg:#090f18;--curtain-fg:#f4f5f7}
html.mode-arrival .mode-prepaint{display:grid}
/* Preserve the closed outgoing frame during same-origin document handoff. */




:is(.mode-curtain,.mode-prepaint){font-family:Space,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.mode-curtain-inner{will-change:transform,opacity;transform:translateX(0px)}

/* Studio customer start: desktop navigation, compact two-row header on phones. */
.site-head nav.section-nav .onboarding-nav{font-weight:700;color:#244df7}
html[data-mode='ai'] .site-head nav.section-nav .onboarding-nav{color:#9eb4ff}
.preview-flag{font-size:8px;letter-spacing:.07em;vertical-align:top;opacity:.7;margin-left:2px}
.ai-onboarding-foot{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){
 .site-head{height:105px!important;grid-template-columns:1fr auto!important;grid-template-rows:38px 42px!important;gap:0 10px!important;padding:8px 4vw!important}
 .site-head .brand{grid-column:1;grid-row:1;font-size:20px!important}
 .site-head nav.section-nav{grid-column:2;grid-row:1;gap:13px!important;font-size:11px!important}
 .site-head nav.section-nav a:not(.onboarding-nav):not([href="#kontakt"]):not([href="#ai-kontakt"]){display:none}
 .site-head nav.section-nav .preview-flag{display:none}
 .site-head nav.mode-nav{grid-column:1/-1;grid-row:2;justify-self:center;font-size:10px!important}
 .site-head nav.mode-nav a{padding:8px 10px}
 .site-head nav.mode-nav a span.mode-indicator{display:none}
}
@media(max-width:400px){.site-head .brand{font-size:17px!important}.site-head nav.section-nav{font-size:10px!important;gap:9px!important}}

/* On phones the core offer takes priority over the secondary contact shortcut. */
@media(max-width:900px){.site-head nav.section-nav a[href="#kontakt"]{display:none}.site-head nav.section-nav a[href="#leistungen"]{display:inline-flex!important}}