/* ---- Bewegung (nur mit html.ek-eff; ohne Skript oder bei «weniger Bewegung» steht alles im Endzustand) ---- */
.bt{padding:64px 0}.bt-in{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.bt.rev .bt-bild{order:2}
.bt-bild{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:var(--alt)}.bt-bild img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08)}
.bt-text p{color:var(--muted);font-size:1.08rem;max-width:56ch}
.band-bild{overflow:hidden;border-block:1px solid var(--border);background:var(--alt);padding:14px 0}.mq{display:flex;gap:14px;width:max-content}.mq figure{margin:0;flex:none;width:260px;height:150px;border-radius:var(--r);overflow:hidden}.mq img{width:100%;height:100%;object-fit:cover;display:block}
.heroBild{position:relative}.heroBild .hero-i{width:100%}.heroChat{position:absolute;left:-28px;bottom:-26px;width:min(86%,420px);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);display:grid;gap:8px;font-size:.92rem}.heroChat p{margin:0}.heroChat .cq{background:var(--accent);color:var(--on-accent);padding:9px 12px;border-radius:12px 12px 4px 12px;justify-self:end}.heroChat .ca{background:var(--alt);padding:9px 12px;border-radius:12px 12px 12px 4px}.heroChat .cs{font-size:.76rem;color:var(--muted)}.dots{display:flex;gap:4px;padding:6px 10px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--muted);display:block}
.leiste{background:var(--accent);color:var(--on-accent);font:600 .92rem/1.35 Inter,sans-serif}.leiste[hidden]{display:none}.leiste-in{max-width:1400px;margin:0 auto;padding:9px 24px;display:flex;gap:14px;align-items:center;justify-content:center;text-align:center}.leiste p{margin:0}.leiste a{color:var(--on-accent);text-decoration:underline;font-weight:700;white-space:nowrap}.leiste-zu{background:none;border:0;color:var(--on-accent);font-size:1.3rem;line-height:1;cursor:pointer;min-width:36px;min-height:36px}
.cta-img{background-image:linear-gradient(90deg,rgba(31,58,92,.92),rgba(31,58,92,.7)),var(--bgi);background-size:cover;background-position:center}
.fall .vn{display:grid;gap:10px;margin-top:8px}.fall p{margin:0;padding:10px 12px;border-radius:var(--r)}.fall .vor{background:var(--alt);color:var(--muted)}.fall .nach{background:var(--surface);border:1px solid var(--accent)}.fall b{display:block;font:700 .7rem/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.fall span{display:block}
.rechtbox{border-left:4px solid var(--accent);background:var(--surface);padding:18px 22px;border-radius:0 var(--r) var(--r) 0}.rechtbox p{margin:0;max-width:80ch}
.swapdoc{position:relative;margin:28px 0 0;padding:22px 24px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);overflow:hidden}.sd-kopf{display:flex;gap:10px;margin-bottom:10px;font:700 .72rem/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}.sd-kopf span{padding:5px 10px;border:1px solid var(--border);border-radius:99px;color:var(--muted)}
.sd-text{font-size:1.25rem;line-height:1.7;margin:0}.sv{display:inline-grid;vertical-align:baseline}.sv b,.sv i{grid-area:1/1;font-style:normal}.sv b{font-weight:600}.sv i{color:var(--accent);font-weight:700}
.sd-scan{position:absolute;top:0;bottom:0;left:0;width:90px;background:linear-gradient(90deg,transparent,rgba(79,156,249,.28),transparent);pointer-events:none;opacity:0}
.ill .scan{fill:var(--accent);opacity:0}
@media (max-width:1023px){.bt-in{grid-template-columns:1fr}.bt.rev .bt-bild{order:0}.heroChat{left:8px;bottom:-34px}.leiste-in{padding:8px 14px;font-size:.84rem;justify-content:space-between;text-align:left}}
html.ek-eff .reveal:not(.in){opacity:0;transform:translateY(24px)}html.ek-eff .reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
html.ek-eff .bt-bild{clip-path:inset(0 0 0 0);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}html.ek-eff .bt-bild:not(.in){clip-path:inset(0 100% 0 0)}html.ek-eff .bt.rev .bt-bild:not(.in){clip-path:inset(0 0 0 100%)}
html.ek-eff .bt-bild img{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}html.ek-eff .bt-bild.in img{transform:scale(1)}html.ek-eff .bt-bild:hover img{transform:scale(1.05)}
html.ek-eff .mq{animation:mq 55s linear infinite}html.ek-eff .band-bild:hover .mq{animation-play-state:paused}@keyframes mq{to{transform:translateX(-50%)}}
html.ek-eff .hero-i{animation:kb 22s ease-in-out infinite alternate;transform-origin:60% 40%}@keyframes kb{to{transform:scale(1.06)}}
html.ek-eff .heroBild{overflow:visible}html.ek-eff .heroBild .hero-i{border-radius:var(--r)}
html.ek-eff .heroChat .cq,html.ek-eff .heroChat .dots,html.ek-eff .heroChat .ca,html.ek-eff .heroChat .cs{opacity:0;transform:translateY(8px)}
html.ek-eff .heroChat.in .cq{animation:chin .5s .6s forwards}html.ek-eff .heroChat.in .dots{animation:chin .3s 1.5s forwards,chout .2s 3.1s forwards}html.ek-eff .heroChat.in .ca{animation:chin .6s 3.2s forwards}html.ek-eff .heroChat.in .cs{animation:chin .5s 3.9s forwards}
html.ek-eff .dots i{animation:dot 1s infinite}html.ek-eff .dots i:nth-child(2){animation-delay:.15s}html.ek-eff .dots i:nth-child(3){animation-delay:.3s}
@keyframes chin{to{opacity:1;transform:none}}@keyframes chout{to{opacity:0;height:0;padding:0;margin:0}}@keyframes dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
html.ek-eff .leiste{animation:lein .6s .4s both}@keyframes lein{from{opacity:0;transform:translateY(-100%)}}
html.ek-eff .feat svg.big path,html.ek-eff .karte svg.big path{stroke-dasharray:1;stroke-dashoffset:1}html.ek-eff .reveal.in svg.big path,html.ek-eff .karte.ek-an svg.big path,html.ek-eff .feat.in svg.big path{animation:draw 1.4s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}
html.ek-eff .cta-img{background-attachment:fixed}
html.ek-eff .abb:not(.in) .ill rect,html.ek-eff .abb:not(.in) .ill path{opacity:0}
html.ek-eff .abb.in .ill .gr{transform-box:fill-box;transform-origin:left center;animation:grow 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*.14s)}@keyframes grow{from{transform:scaleX(0)}}
html.ek-eff .abb.in .ill .hz{animation:pop .5s ease both;animation-delay:var(--d,0ms)}@keyframes pop{from{opacity:0;transform:scale(.6)}}
html.ek-eff .abb.in .ill .scan{animation:scan 5s linear infinite}@keyframes scan{0%{opacity:0;transform:translateX(0)}8%{opacity:.22}92%{opacity:.22}100%{opacity:0;transform:translateX(560px)}}
html.ek-eff .abb.in .ill .l1,html.ek-eff .abb.in .ill .l2{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.4s ease forwards}html.ek-eff .abb.in .ill .l2{animation-delay:.5s}
html.ek-eff .abb.in .ill .bar{transform-box:fill-box;transform-origin:bottom;animation:up .8s ease both;animation-delay:calc(var(--i,0)*.03s)}@keyframes up{from{transform:scaleY(0)}}
html.ek-eff .ill .dot{fill:var(--accent)}
html.ek-eff .swapdoc.in .sv b{animation:swb 9s infinite}html.ek-eff .swapdoc.in .sv i{animation:swi 9s infinite}html.ek-eff .swapdoc.in .sv:nth-of-type(2) b,html.ek-eff .swapdoc.in .sv:nth-of-type(2) i{animation-delay:.35s}html.ek-eff .swapdoc.in .sv:nth-of-type(3) b,html.ek-eff .swapdoc.in .sv:nth-of-type(3) i{animation-delay:.7s}
html.ek-eff .swapdoc.in .sd-scan{animation:sdscan 9s infinite}html.ek-eff .swapdoc.in .sd-o{animation:sdo 9s infinite}html.ek-eff .swapdoc.in .sd-s{animation:sds 9s infinite}
@keyframes swb{0%,36%{opacity:1}44%,90%{opacity:0}98%,100%{opacity:1}}@keyframes swi{0%,36%{opacity:0}44%,90%{opacity:1}98%,100%{opacity:0}}
@keyframes sdscan{0%,30%{opacity:0;transform:translateX(0)}36%{opacity:1}52%{opacity:1;transform:translateX(110%)}58%,100%{opacity:0;transform:translateX(110%)}}
@keyframes sdo{0%,40%{border-color:var(--accent);color:var(--accent)}48%,100%{border-color:var(--border);color:var(--muted)}}@keyframes sds{0%,40%{border-color:var(--border);color:var(--muted)}48%,92%{border-color:var(--accent);color:var(--accent)}98%,100%{border-color:var(--border);color:var(--muted)}}
html.ek-notfall .reveal,html.ek-notfall .bt-bild{opacity:1!important;transform:none!important;clip-path:none!important}
@media (prefers-reduced-motion:reduce){html.ek-eff .mq,html.ek-eff .hero-i,html.ek-eff .swapdoc .sw b,html.ek-eff .swapdoc .sv i{animation:none!important}}

/* ---- Schwerpunkt oben ---- */
.hero-schw .hero-g{grid-template-columns:1fr 1.15fr;align-items:center}.hero-schw h1{font-size:clamp(2.4rem,5.2vw,4.3rem)}.hero-d{min-width:0}
.diag{width:100%;height:auto;display:block;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.diag .knoten rect{fill:var(--alt);stroke:var(--border);stroke-width:1.5}.diag .knoten.mid rect{fill:var(--surface);stroke:var(--accent);stroke-width:2.5}.diag .ikon{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.diag .kn-h{font:700 17px 'Barlow Condensed',sans-serif;fill:var(--text);letter-spacing:.04em}.diag .kn-p{font:500 11.5px Inter,sans-serif;fill:var(--muted)}.diag .t2{font:600 11.5px Inter,sans-serif;fill:var(--muted)}.diag .t3{font:700 12.5px Inter,sans-serif;fill:var(--on-accent)}
.diag .weg{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:5 5}.diag .weg.zu{stroke:var(--muted);opacity:.7}.diag .weg.rueck{stroke:var(--muted)}
.diag .stop circle{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}.diag .stop path{stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round}
.diag .dot{fill:var(--accent)}.diag .dot.rk{fill:var(--muted)}.diag .marke-leck rect{fill:var(--accent)}
html.ek-eff .diag .weg:not(.zu){animation:dashf 1.4s linear infinite}@keyframes dashf{to{stroke-dashoffset:-20}}
html.ek-eff .diag .knoten.mid rect{animation:pulsr 3.2s ease-in-out infinite}@keyframes pulsr{50%{stroke-width:4;filter:drop-shadow(0 0 8px rgba(79,156,249,.45))}}
.mi.schwer>.mb{background:var(--accent);color:var(--on-accent);border-radius:99px;padding:10px 16px;margin-right:6px}.mi.schwer>.mb:hover,.mi.schwer.open>.mb{background:var(--accent);color:var(--on-accent);filter:brightness(1.1)}
.leiste-in{gap:28px}.l-schw b{font-weight:800}
@media (max-width:1023px){.hero-schw .hero-g{grid-template-columns:1fr}.l-part{display:none}.mi.schwer>.mb{border-radius:var(--r);padding:16px 8px;margin-right:0;background:transparent;color:var(--accent)}}

/* ---- Branchenwahl und Merk-Angebot ---- */
.rolle-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.rolle-chip{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);text-decoration:none;color:var(--text);font-weight:600;min-height:64px;transition:border-color .2s,transform .2s}.rolle-chip:hover{border-color:var(--accent);transform:translateY(-2px)}.rolle-chip svg{color:var(--accent);width:26px;height:26px}
.rolle-bar{background:var(--surface);border-block:1px solid var(--accent)}.rolle-bar[hidden]{display:none}.rolle-in{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-block:14px;flex-wrap:wrap}.rolle-in p{margin:0;max-width:78ch;font-size:.93rem}.rolle-act{display:flex;gap:10px}.rolle-act .btn{min-height:42px;padding:0 18px;font-size:.92rem}
.l-rolle{font-size:.88rem}.l-rolle[hidden],.rl[hidden]{display:none}.linkknopf{background:none;border:0;color:var(--on-accent);text-decoration:underline;cursor:pointer;font:inherit;padding:0 4px}
@media (max-width:1023px){.rolle-chips{grid-template-columns:1fr 1fr}.l-rolle{display:none}}@media (max-width:640px){.rolle-chips{grid-template-columns:1fr}}

/* Navigation (Holgers Vorgabe 08.11.): ab 1260 px genau eine Zeile: Marke | Wer wir sind, Was wir tun, Branchen, Lösungen, Partner, Einblicke, Kontakt | EN, Hell/Dunkel, Partner werden. Darunter Burger-Menü. */
.mb,.hd-cta{white-space:nowrap}
@media (min-width:1260px){.mb{padding:14px 10px}.hd-cta{padding:0 18px;min-height:44px;font-size:.88rem}}
@media (min-width:1024px) and (max-width:1259px){
 .burger{display:inline-flex}.hd-cta{display:none}
 .nav{position:fixed;inset:var(--hd) 0 0 0;background:var(--bg);overflow:auto;padding:12px 16px 40px;margin:0;transform:translateX(100%);visibility:hidden;transition:transform .2s,visibility .2s}
 body.menu-open .nav{transform:none;visibility:visible}body.menu-open{overflow:hidden}
 .menu{flex-direction:column;gap:0}.mi{border-bottom:1px solid var(--border)}.mb{width:100%;justify-content:space-between;padding:16px 8px;font-size:1.05rem}
 .panel{position:static;display:none;box-shadow:none;border:0;background:transparent}.mi.open>.panel{display:block}.panel-in{padding:0 8px 16px;grid-template-columns:1fr}
}

/* Farben der Original-Vorlage (Ashurst Perkins Coie: Dunkelblau #14363f, Aqua #89c6cc, Creme #f7f5e6, Blaugrau #d0d7e5 / #f0f3f8, Text #17202a). Holger 08.11.: Dunkelblau statt Grün. */
:root{--bg:#f3f5f8;--surface:#fff;--alt:#e8edf3;--text:#0f1419;--muted:#4a5b72;--accent:#1f3a5c;--accent-i:#4f9cf9;--on-accent:#fff;--border:#cfd8e3;--shadow:0 6px 24px rgba(15,20,25,.10)}
html[data-theme=dark]{--bg:#0f1419;--surface:#1a212b;--alt:#141a22;--text:#e6e6e6;--muted:#9fb7d0;--accent:#6fb3ff;--accent-i:#4f9cf9;--on-accent:#0f1419;--border:#2a3441;--shadow:0 6px 24px rgba(0,0,0,.4)}

/* Feine orange Linien als Trenner (Holger 08.11.2026): Eigenkern-Orange #f97316; Navigationsleiste bleibt unverändert */
:root{--orange:#fb923c;--orange-lin:rgba(251,146,60,.7)}
.sec,.band{position:relative}
.sec::before,.band::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange-lin) 14%,var(--orange-lin) 86%,transparent);pointer-events:none}
.sec.alt,.band{border-top-color:transparent}
.eyebrow::before{content:"";display:inline-block;width:30px;height:1px;background:var(--orange);vertical-align:middle;margin:-2px 12px 0 0}
.card,.karte,.zahl,.vergleich{border-top-color:var(--orange-lin)}
.faq details{border-bottom-color:rgba(251,146,60,.4)}
.szene::before{height:2px;background:linear-gradient(90deg,transparent,var(--orange) 18%,var(--orange) 82%,transparent);background-size:auto;animation:none!important}
.ds-prot{border-top-color:var(--orange-lin)}
.ft{background:#10151c;border-top:1px solid var(--orange)}

/* Biogas-/Energie-Seiten bleiben grün (Holger 08.11.2026): nur der Seiteninhalt, Navigation und Fußzeile bleiben dunkelblau */
.th-gruen{--accent:#2c6b47;--accent-i:#5fd38d}
html[data-theme=dark] .th-gruen{--accent:#5fd38d;--accent-i:#5fd38d;--on-accent:#0f1419}

/* Übernommene Seiten (Produktseiten, Rechtstexte) */
.ergebnis{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;max-width:860px}.ergebnis li{position:relative;padding:14px 16px 14px 46px;border:1px solid var(--border);border-radius:10px;background:var(--surface);line-height:1.5}.ergebnis li::before{content:"\2713";position:absolute;left:16px;top:13px;color:var(--accent);font-weight:700}
.rtext{max-width:860px}.rtext h2.rh{font-size:1.5rem;margin:32px 0 8px}.rtext h3.rh3{font-size:1.15rem;margin:22px 0 6px}.rtext p{max-width:72ch}.rl{padding:0 0 0 1.2em;max-width:72ch}.rl li{margin:6px 0}
.rk{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px 20px;margin:10px 0;max-width:860px}.rk.betont{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.rk p{margin:.25em 0}
.rz{display:grid;gap:0;max-width:640px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;margin:10px 0}.rz>div{display:grid;grid-template-columns:9em 1fr;gap:12px;padding:11px 18px;border-top:1px solid var(--border)}.rz>div:first-child{border-top:0}.rz dt{color:var(--muted);font-weight:600}.rz dd{margin:0}
.entwurf{padding:12px 16px;border:1px dashed var(--orange);border-radius:10px;background:color-mix(in srgb,var(--orange) 8%,var(--surface));font-weight:600;max-width:860px}

/* Förderkatalog */
.fkfilter{display:grid;gap:10px;margin:18px 0 12px}.fkgr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fkl{font:700 .72rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-width:9.5em}
.fkcount{color:var(--muted);font-weight:600;margin:6px 0 14px}.fkarten{display:grid;gap:18px}.fk{border:1px solid var(--border);border-top-color:var(--orange-lin);border-radius:14px;background:var(--surface);padding:20px 22px;box-shadow:var(--shadow)}.fk[hidden]{display:none}
.fk header{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.fkr{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--on-accent);font:700 1.2rem/38px 'Barlow Condensed',sans-serif;text-align:center}
.fk h3{margin:0;font-size:1.3rem}.fk .org{margin:2px 0 0;color:var(--muted);font-size:.9rem}.fk .badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.fk .badge{margin:0}
.fkkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0}.fkk{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--alt)}.fkk .kl{display:block;font:600 .68rem/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.fkk b{display:block;font:700 1.4rem/1.15 'Barlow Condensed',sans-serif;color:var(--accent);margin:3px 0}.fkk small{color:var(--muted)}
.fkdet{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fkc h4{margin:0 0 6px;font-size:.95rem}.fkc.ja h4{color:var(--accent)}.fkc.nein h4{color:#c2410c}.fkc ul{margin:0;padding-left:1.1em;font-size:.93rem}.fkc li{margin:4px 0}
.fk footer{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;padding-top:10px;border-top:1px dashed var(--border);font-size:.88rem}.fk footer a{color:var(--accent)}.fkfoot{margin:0;color:var(--muted)}
@media (max-width:760px){.fkdet{grid-template-columns:1fr}.fk header{grid-template-columns:auto 1fr}.fk .badges{grid-column:1/-1;justify-content:flex-start}.fkl{min-width:100%}}
.sr-app{margin-top:2.4rem}.sr-app input,.sr-app select,.sr-app textarea{background:var(--surface);color:var(--text);border-color:var(--border)}.sr-app input::placeholder{color:var(--muted)}
.fx-rahmen{width:100%;min-height:1200px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:block}\n
/* ===== Mobil-Feinschliff (Holger 08.11.2026: «mobile Seite hoch optimieren») ===== */
.sv i{opacity:0}
html{scroll-padding-top:78px}
.mobil-cta,.ek-zb,.ek-zx{display:none}
@media (max-width:760px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 /* Tippflächen mindestens 44 px */
 .btn,button.btn,a.btn{min-height:48px}
 a.txtlink{display:inline-flex;align-items:center;min-height:44px}
 details>summary{min-height:48px;padding-top:12px;padding-bottom:12px;box-sizing:border-box}
 .ft a,.ft-l a{display:inline-block;padding:10px 4px}
 input,select,textarea{font-size:16px!important;min-height:48px;box-sizing:border-box}
 textarea{min-height:130px}
 /* Lesbarkeit */
 .herkunft,.beispiel,p.beispiel{font-size:.82rem;line-height:1.5}
 .szene .sz-kl{white-space:normal;overflow:visible;text-overflow:clip;font-size:.64rem;line-height:1.25;letter-spacing:.04em;min-height:2.5em;overflow-wrap:anywhere}
 .szene .sz-k{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
 .szene .sz-k b{font-size:1.05rem;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 .szene .beispiel{margin-top:12px}
 .sz-cap{font-size:1.02rem;line-height:1.55;min-height:4.6em}
 .sz-ctl .btn{width:100%}
 .eyebrow{font-size:.78rem}
 h1{overflow-wrap:anywhere;hyphens:auto}
 .wrap{padding-left:18px;padding-right:18px}
 /* lange Seiten: unsichtbare Abschnitte erst bei Bedarf zeichnen */
 main>section,main section.sec{content-visibility:auto;contain-intrinsic-size:auto 900px}
 /* Kontakt-Leiste unten + Nach-oben */
 .mobil-cta{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;gap:10px;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);transform:translateY(110%);transition:transform .3s ease;visibility:hidden}
 .mobil-cta.zeig{transform:none;visibility:visible}
 .mobil-cta .mc-b{flex:1;justify-content:center}
 .mobil-cta .mc-up{flex:0 0 48px;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0}
 body.menu-open .mobil-cta,body.ek-zoom .mobil-cta{display:none}
 /* Bilder-Schaubilder vergrößern */
 .ek-zb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:10px 0 0;padding:0 16px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font:600 .9rem Inter,sans-serif}
 .hero-d .ek-zb,.szene .ek-zb{width:100%}
 body.ek-zoom{overflow:hidden}
 .ek-zx{display:inline-flex;position:fixed;top:10px;right:10px;z-index:10060;min-height:46px;padding:0 18px;align-items:center;border-radius:999px;border:1px solid var(--accent);background:var(--surface);color:var(--text);font:700 .95rem Inter,sans-serif}
 .szene.zoom{position:fixed!important;inset:0;z-index:10050;margin:0!important;border-radius:0!important;overflow:auto;background:var(--bg);padding:62px 0 24px!important;max-width:none!important;width:auto!important;transform:none!important;opacity:1!important}
 .szene.zoom::before{display:none}
 .szene.zoom .sz-svg{width:940px;max-width:none;height:auto;display:block}
 .szene.zoom .sz-kopf,.szene.zoom .sz-kpi,.szene.zoom .sz-cap,.szene.zoom .sz-ctl,.szene.zoom .beispiel{position:sticky;left:0;width:100vw;box-sizing:border-box;padding-left:14px;padding-right:14px}
 .szene.zoom .ek-zb{display:none}
 .ek-zoomov{position:fixed;inset:0;z-index:10050;background:var(--bg);overflow:auto;padding:62px 0 24px}
 .ek-zoomov svg{width:900px;max-width:none;height:auto;display:block}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){.mobil-cta{transition:transform .3s ease}}

/* ---- Hero mit Hintergrundfilm (Branchenseiten) ---- */
.hero-v{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(440px,76vh,740px);display:flex;align-items:center;padding:0;background:#0b1c20 var(--poster) center/cover no-repeat;color:#fff;border-bottom:1px solid var(--orange-lin,#fb923c)}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-ov{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,16,20,.84) 0%,rgba(7,16,20,.58) 50%,rgba(7,16,20,.22) 100%),linear-gradient(0deg,rgba(7,16,20,.5),transparent 45%)}
.hero-v .hero-g{display:block;padding-top:72px;padding-bottom:72px}.hero-v .hero-t{max-width:720px}
.hero-v h1,.hero-v .lead{color:#fff}.hero-v .eyebrow{color:#cfe3f5}
.hero-v .btn-p{background:#6fb3ff;border-color:#6fb3ff;color:#0b1c20}.hero-v .btn-o{color:#fff;border-color:#fff;background:transparent}.hero-v .btn-o:hover{background:#fff;color:#0b1c20}
@media (max-width:760px){.hero-v{min-height:420px}.hero-v .hero-g{padding-top:48px;padding-bottom:48px}.hero-ov{background:linear-gradient(0deg,rgba(7,16,20,.85),rgba(7,16,20,.55))}}
@media (prefers-reduced-motion:reduce){.hero-vid{display:none}}

/* ---- Karten mit Bild (Branchenseiten, Holger 09.11.2026) ---- */
.card.karte>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--border)}
.card.karte>.card-b h3{margin-top:2px}