/* WEBNAV 24.09.2026: Demo-Uebersicht als Teil der Websites-Sparte. Kopf wie auf der Startseite mit Websites aktiv,
   darunter dieselbe gruene Sub-Navigation wie auf /websites/ (Jascha Variante B, ein Knopf „Prototyp anfragen").
   Sub-Navigation gleich src/studio-kopf.css; aendert sich dort etwas, hier nachziehen. */
.kopf-stapel{position:sticky;top:0;z-index:60;transition:transform .35s var(--ease)}
.kopf-stapel>.site-header{position:relative}
.kopf-stapel.is-scrolled>.site-header{border-color:#1d1e1b0d}
.site-header nav>a.nav-web{background:var(--green);color:var(--ink);font-weight:700}.site-header nav>a.nav-web:hover{background:#b2e21f}
.site-header nav>a.nav-web[aria-current]{box-shadow:inset 0 0 0 2px var(--ink)}
.nav-studio-handy{display:none!important}
html{scroll-padding-top:160px}
.web-subnav{display:flex;align-items:center;gap:6px 18px;min-height:52px;padding:6px 26px;background:var(--green);color:var(--ink);font:650 13px/1.35 Schibsted,Arial,sans-serif;box-shadow:0 4px 24px #1d1e1b08}
.web-subnav a{color:inherit;text-decoration:none}
.web-subnav-links{display:flex;align-items:center;gap:4px;min-width:0}
.web-subnav-links>a{display:flex;align-items:center;min-height:40px;padding:0 13px;border-radius:7px;white-space:nowrap;transition:background .2s}
.web-subnav-links>a:hover{background:#1d1e1b14}
.web-subnav .web-subnav-cta{margin-left:auto;flex:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:40px;padding:9px 16px;border-radius:7px;background:var(--ink);color:#fff;font-weight:650}
.web-subnav .web-subnav-cta:hover{background:#383a33}
.web-subnav-titel{display:flex;align-items:center;gap:10px;flex:none;padding-right:18px;margin-right:4px;border-right:1.5px solid #1d1e1b33;font:800 20px/1 Bricolage,Schibsted,sans-serif;letter-spacing:-.02em}
.web-subnav-titel svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.web-subnav{padding-inline:20px}}
@media(max-width:760px){
 .site-header nav>a[href$="#studio"]{display:none}
 .nav-menu-panel>a.nav-studio-handy{display:flex!important;min-height:44px;font-size:14px;font-weight:650}
 .web-subnav{gap:10px;min-height:48px;padding:5px 0 5px 10px;font-size:12px}
 .web-subnav-links{flex:1;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-shadow:inset -14px 0 10px -10px #1d1e1b40}
 .web-subnav-links::-webkit-scrollbar{display:none}
 .web-subnav-links>a{min-height:38px;padding-inline:10px}
 .web-subnav .web-subnav-cta{margin:0 12px 0 0;min-height:36px;padding:8px 11px;font-size:11px}
 .web-subnav-titel{padding-right:10px;margin-right:0;font-size:15px}
 .web-subnav-titel svg{display:none}
 html{scroll-padding-top:175px}
}
@media(prefers-reduced-motion:reduce){.kopf-stapel{transition:none;transform:none}}