/* =========================================================================
   Werbeseite D „Lichtwerk“ — Startseite (RD-W-02…06; RD-W-09: aus site-2027.css herausgelöst). Lädt NUR public/v2027/landing.blade.php, direkt nach
   site-2027.css (@stack('stil') im Layout); die Unterseiten sparen so ≈ 9 KB gzip blockierendes CSS (Budget Plan 4.5: ≤ 35 KB gzip je Seite).
   Es gelten die Regeln aus site-2027.css (Rollen-Tokens, Präfix .w-*, Endlosschleifen nur unter [data-schleife][data-laeuft], versteckende Startzustände
   nur über akw-bewegung, H1 nur über transform/filter). Reihenfolge wie dort: Grundregeln, Anpassungen, forced-colors, Barrierefreiheits-Stufen — die
   Stufen stehen hinter den Grundregeln DIESER Datei, sonst verlören sie bei gleicher Spezifität (Kaskadenwächter, WerbeseiteHellA11yTest).
   ========================================================================= */

/* ---------- Typografie D: Abschnittstitel der Startseite (Unterseiten nutzen .u-h1/.u-h2 aus site-2027-unterseiten.css) ---------- */
.w-h2{margin:12px 0 18px;max-width:18ch;font:800 clamp(36px,5vw,80px)/.95 var(--d-font-display);font-stretch:80%;letter-spacing:normal;text-transform:uppercase;color:var(--d-text)}
.w-marke{text-transform:none;letter-spacing:normal}
.w-h2--lang{max-width:26ch;font-size:clamp(32px,4vw,60px)}
.w-h3{font:800 23px/1 var(--d-font-display);font-stretch:84%;letter-spacing:normal;text-transform:uppercase;color:var(--d-text)}
.w-h3-gross{font:800 clamp(26px,3vw,40px)/1 var(--d-font-display);font-stretch:84%;letter-spacing:normal;text-transform:uppercase;color:var(--d-text)}
/* Knopf in der Vergleichskarte: darf umbrechen (Reflow 320 px, Tablet-Hochformat); der Kopf-Knopf bleibt einzeilig. */
.w-vergleich .w-knopf{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}

/* ---------- Hero D ---------- */
.w-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:calc(var(--kopf-h) * -1);padding:var(--kopf-h) 0 64px}
.w-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.w-aura{position:absolute;right:-220px;top:-260px;width:980px;height:980px;border-radius:50%;background:radial-gradient(circle,var(--d-aura-1),rgb(194 65 12 / var(--w-kupfer)) 38%,transparent 66%)}
.w-aura-2{right:auto;top:auto;left:-300px;bottom:-360px;width:760px;height:760px;background:radial-gradient(circle,var(--d-aura-2),transparent 62%)}
.w-boden{position:absolute;left:-40%;right:-40%;bottom:0;height:58%;perspective:520px;perspective-origin:50% 0;-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 45%,transparent 92%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 45%,transparent 92%)}
.w-boden-ebene{position:absolute;inset:0;transform:rotateX(64deg);transform-origin:50% 100%;overflow:hidden}
.w-boden-ebene i{position:absolute;left:0;right:0;top:-72px;bottom:0;background-image:linear-gradient(color-mix(in srgb,var(--d-akzent) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--d-akzent) 16%,transparent) 1px,transparent 1px);background-size:72px 72px;--d-weg:72px;--d-takt:3.6s}
.w-korn{position:absolute;inset:0;opacity:var(--w-korn,.14);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/></svg>")}
.w-aura.d-atmen{--d-takt:9s}
.w-aura-2.d-atmen{--d-takt:12s}

.w-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:center;padding-top:36px}
.w-hero-text{position:relative;z-index:2;min-width:0}
.w-status-hero{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 14px 0 12px;border:var(--d-kante-breite) solid var(--d-kante-2);border-radius:var(--radius-pill);background:var(--d-glas);font:500 11.5px/1.2 var(--d-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-text-2);text-decoration:none}
.w-status-hero:hover{border-color:var(--d-ebene-2-kante);color:var(--d-text)}
/* Projektstatus nur einmal je Bildschirmbreite: ab 1280 px steht die Pille im Kopf, darunter hier im Hero (gleiche Aussage, Text im Kopf für Screenreader). */
@media (min-width:1280px){.w-status-hero{display:none}}
.w-eyebrow{margin:26px 0 14px;font:500 12px/1.5 var(--d-font-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--d-akzent-text) 80%,var(--d-text))}
.w-h1{position:relative;isolation:isolate;font:800 clamp(44px,6.1vw,104px)/.95 var(--d-font-display);text-transform:uppercase;letter-spacing:-.005em;color:var(--d-text);overflow-wrap:break-word}
.w-wort-k{display:inline-block;font-stretch:76%;transform-origin:0 100%;animation:w-breite var(--dur-kinetik) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 110ms + 150ms)}
.w-wort-k:nth-of-type(1){--i:0}.w-wort-k:nth-of-type(2){--i:1}.w-wort-k:nth-of-type(3){--i:2}.w-wort-k:nth-of-type(4){--i:3}
.w-wort-k:nth-of-type(5){--i:4}.w-wort-k:nth-of-type(6){--i:5}.w-wort-k:nth-of-type(7){--i:6}.w-wort-k:nth-of-type(8){--i:7}
/* Start sichtbar (LCP) und ohne Layoutänderung (CLS): Streckung per transform statt font-stretch, Unschärfe per filter; Endzustand = echte Breite 76 %. */
@keyframes w-breite{from{transform:translateY(.22em) scaleX(1.3);filter:blur(10px)}to{transform:none;filter:blur(0)}}
@keyframes w-glanz{from{background-position:100% 0}to{background-position:0 0}}
.w-glut{position:relative;background:var(--d-glut);background-size:240% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation-name:w-breite,w-glanz;animation-duration:var(--dur-kinetik),2.8s;animation-timing-function:var(--ease-out),var(--ease-inout);animation-fill-mode:backwards,both;animation-delay:calc(var(--i,0) * 110ms + 150ms),1.6s}
.w-glut::after{content:"";position:absolute;inset:18% 4% 8%;z-index:-1;background:var(--d-glow);filter:blur(34px);border-radius:40%}
.w-h1-sub{display:block;margin-top:18px;font:700 clamp(15px,1.5vw,20px)/1.25 var(--d-font-display);letter-spacing:.07em;color:var(--d-text-2)}
.w-hero .w-lead{margin-top:22px;max-width:52ch}
.w-ersetzt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:22px;color:var(--d-text-3);font-size:14px}
.w-ersetzt s{color:var(--d-text-3)}

/* Energiekern. Standard (ohne Skript, reduzierte Bewegung, Pause): stehende Fassung = Kugel über einer Kachelreihe aller Fachbereiche.
   Mit Skript, ohne Pause und ohne reduzierte Bewegung: räumlicher Umlauf (CSS 3D), Laufsperre über [data-schleife][data-laeuft]. */
.w-kern-wrap{position:relative;z-index:1;min-width:0}
.w-kern{display:grid;justify-items:center;gap:26px}
.w-bahn{display:none;max-width:none}
.w-bahn ellipse{fill:none}
.w-bahn-1{stroke:color-mix(in srgb,var(--d-akzent) 50%,transparent);stroke-width:1.2;stroke-dasharray:3 9}
.w-bahn-2{stroke:var(--d-kante);stroke-width:1.2}
.w-kugel{position:relative;display:grid;place-items:center;width:156px;height:156px;margin:24px 0 8px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff3d6 0%,#ffcb6b 13%,#f2a516 33%,#c2410c 66%,#3a1405 100%);box-shadow:0 0 70px 14px color-mix(in srgb,var(--d-akzent) 42%,transparent),0 0 180px 50px rgba(194,65,12,.24)}
.w-ring{position:absolute;inset:-24px;border-radius:50%;border:1px dashed rgba(255,203,107,.55)}
.w-ring-2{inset:-48px;border:1px solid rgba(255,203,107,.14)}
.w-ring-1{--d-takt:30s}
.w-ring-2{--d-takt:60s}
.w-linse{position:relative;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#232831,#0d0f13 72%);box-shadow:inset 0 0 0 2px rgba(255,203,107,.6),0 0 26px rgba(255,203,107,.45)}
.w-linse .w-zeichen{width:54px;height:54px;color:#f6f4ef;filter:drop-shadow(0 0 5px rgba(255,203,107,.5))}
.w-orbit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.w-modul{min-width:0;padding:14px 14px 13px;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--d-text) 7%,var(--d-flaeche)),var(--d-flaeche));border:var(--d-kante-breite) solid color-mix(in srgb,var(--d-akzent) 32%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--d-text) 8%,transparent),var(--d-ebene-2-schatten),0 0 30px -16px var(--d-glow)}
.w-modul .akw-pikto{width:22px;height:22px;color:var(--d-akzent-text)}
.w-modul b{display:block;margin-top:9px;font:700 13.5px/1.2 var(--d-font-display);font-stretch:88%;letter-spacing:.01em;color:var(--d-text);overflow-wrap:anywhere}
.w-modul span{display:block;margin-top:5px;font:500 10px/1.2 var(--d-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-text-3)}
.w-modul:nth-child(1){--i:0}.w-modul:nth-child(2){--i:1}.w-modul:nth-child(3){--i:2}.w-modul:nth-child(4){--i:3}.w-modul:nth-child(5){--i:4}
.w-modul:nth-child(6){--i:5}.w-modul:nth-child(7){--i:6}.w-modul:nth-child(8){--i:7}.w-modul:nth-child(9){--i:8}
.w-modul:nth-child(10){--i:9}.w-modul:nth-child(11){--i:10}.w-modul:nth-child(12){--i:11}
/* Anzahl der Fachbereiche (Klasse vom Blade, aus site.fn.areas): Winkel = 360° / Anzahl; Standard 9. */
.w-orbit--6{--w-n:6}.w-orbit--7{--w-n:7}.w-orbit--8{--w-n:8}.w-orbit--9{--w-n:9}.w-orbit--10{--w-n:10}.w-orbit--11{--w-n:11}.w-orbit--12{--w-n:12}
@keyframes w-umlauf{from{transform:rotateX(-13deg) rotateY(0deg)}to{transform:rotateX(-13deg) rotateY(-360deg)}}
@keyframes w-puls{from{transform:scale(.97);filter:brightness(.95)}to{transform:scale(1.04);filter:brightness(1.12)}}
[data-schleife][data-laeuft] .w-orbit{animation:w-umlauf 46s linear infinite}
[data-schleife][data-laeuft] .w-kugel{animation:w-puls 4.8s var(--ease-inout) infinite alternate}

@media (prefers-reduced-motion:no-preference){
    :root.js:not([data-bewegung="aus"]) .w-kern-wrap{--w-k:1;height:540px}
    :root.js:not([data-bewegung="aus"]) .w-orbit{--w-winkel:calc(360deg / var(--w-n,9))}
    :root.js:not([data-bewegung="aus"]) .w-kern{position:absolute;inset:0;display:grid;place-items:center;perspective:1200px;transform:scale(var(--w-k))}
    :root.js:not([data-bewegung="aus"]) .w-bahn{display:block;position:absolute;left:50%;top:50%;width:600px;height:150px;margin:-75px 0 0 -300px;overflow:visible}
    :root.js:not([data-bewegung="aus"]) .w-kugel{position:absolute;left:50%;top:50%;margin:-78px 0 0 -78px}
    :root.js:not([data-bewegung="aus"]) .w-orbit{position:absolute;left:50%;top:50%;display:block;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-13deg) rotateY(0deg)}
    :root.js:not([data-bewegung="aus"]) .w-modul{position:absolute;left:-86px;top:-54px;width:172px;transform:rotateY(calc(var(--i) * var(--w-winkel))) translateZ(285px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
    /* Leistungsstufe sparsam (schmale Anzeige, wenig Transparenz, Datensparen): sechs statt neun Karten, gleichmäßig verteilt. */
    @media (max-width:1099px){
        :root.js:not([data-bewegung="aus"]) .w-kern-wrap{--w-k:.74;height:400px}
        :root.js:not([data-bewegung="aus"]) .w-orbit{--w-winkel:60deg}
        :root.js:not([data-bewegung="aus"]) .w-modul:nth-child(n+7){display:none}
    }
    @media (max-width:520px){
        :root.js:not([data-bewegung="aus"]) .w-kern-wrap{--w-k:.56;height:320px;margin-top:8px}
    }
    :root.js[data-sparsam]:not([data-bewegung="aus"]) .w-orbit{--w-winkel:60deg}
    :root.js[data-sparsam]:not([data-bewegung="aus"]) .w-modul:nth-child(n+7){display:none}
}

.w-kennzahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.w-kz{position:relative;overflow:hidden;padding:22px 20px;border-radius:18px;background:var(--d-ebene-1);border:var(--d-kante-breite) solid var(--d-kante)}
.w-kz::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--d-akzent-text) 70%,transparent),transparent)}
.w-kz-n{font:800 46px/1 var(--d-font-display);font-stretch:76%;font-variant-numeric:tabular-nums;color:var(--d-text)}
/* RD-W-09: lange Wörter („Feldverschlüsselung“) brechen in der schmalen Kachel nur im Notfall um (ohne automatische Silbentrennung, sonst änderte sich der Normalsatz),
   statt bei erhöhten Textabständen (WCAG 1.4.12) abgeschnitten zu werden. */
.w-kz dd{margin-top:9px;font-size:13.5px;color:var(--d-text-2);overflow-wrap:break-word}
.w-sek--folge{padding-top:0;box-shadow:none}
.w-sek-kopf{margin-bottom:clamp(28px,3.5vw,48px)}
.w-sek-nr{display:inline-block;margin-right:12px;padding-right:12px;border-right:var(--d-kante-breite) solid var(--d-kante-2);color:var(--d-text-3)}
.w-karte{position:relative;padding:22px 20px 20px;border-radius:var(--radius-lg);background:var(--d-ebene-1);border:var(--d-kante-breite) solid var(--d-kante);box-shadow:var(--d-ebene-2-schatten)}
.w-karte p:not([class]){color:var(--d-text-2);font-size:15px}
.w-karte .w-lbl,.w-karte .w-wo{color:var(--d-text-3)}
/* Licht folgt dem Zeiger (nur Zeigergeräte, vom Skript gesetzt: --mx/--my); der Schein blendet über eine registrierte Zahl weich ein und aus. */
@property --w-gl{syntax:'<number>';inherits:true;initial-value:0}
.w-licht{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--d-akzent) calc(var(--w-gl) * 17%),transparent),transparent 72%),var(--d-ebene-1);transition:--w-gl var(--dur-base) var(--ease-out),border-color var(--dur-base),transform var(--dur-base) var(--ease-out)}
@media (hover:hover){
    .w-licht:hover{--w-gl:1;border-color:var(--d-ebene-2-kante)}
    .w-schritt .w-licht:hover,.w-bereich:hover,.w-kacheln .w-licht:hover{transform:translateY(-3px)}
}
.w-pikto-kachel{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--d-akzent-text);background:linear-gradient(160deg,color-mix(in srgb,var(--d-akzent) 22%,transparent),color-mix(in srgb,var(--d-akzent) 6%,transparent));border:var(--d-kante-breite) solid color-mix(in srgb,var(--d-akzent) 38%,transparent);box-shadow:0 0 28px -12px var(--d-glow)}
.w-pikto-kachel .akw-pikto,.w-pikto-kachel .i{width:26px;height:26px}
.w-chip--jetzt{border-color:var(--d-akzent);background:var(--d-akzent);color:var(--d-auf-akzent)}
.w-chip--jetzt::before{background:var(--d-auf-akzent)}
.w-neu{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--d-akzent);color:var(--d-auf-akzent);font:700 10px/1.4 var(--d-font-mono);letter-spacing:.1em;text-transform:uppercase;vertical-align:.12em}
.w-punkt{display:inline-block;flex:none;width:9px;height:9px;margin-top:.5em;border-radius:50%}
.w-punkt--live{background:var(--d-ok)}
.w-punkt--dev{border:1.5px solid var(--d-akzent-text)}
.w-liste{display:grid;gap:9px;margin-top:16px}
.w-liste li{display:flex;gap:11px;align-items:flex-start;color:var(--d-text-2);font-size:15px}
.w-unter{display:flex;align-items:center;gap:8px;margin-top:22px}
.w-unter .w-punkt{margin-top:0}

/* Für wen (Band) */
.w-band{padding:0}
.w-band-in{padding:clamp(28px,4vw,48px);border-radius:var(--radius-xl);background:var(--d-ebene-1);border:var(--d-kante-breite) solid var(--d-kante);display:grid;gap:14px}
.w-band-text{max-width:80ch;color:var(--d-text-2)}
.w-fakten{display:flex;flex-wrap:wrap;gap:8px}
.w-fakten li{padding:8px 14px;border:var(--d-kante-breite) solid var(--d-kante-2);border-radius:var(--radius-pill);background:var(--d-glas);font:500 11.5px/1.2 var(--d-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-text-2)}

/* 2 · Ablauf: die Leitung. Waagrecht ab 1160 px (Linie läuft von Knoten 1 bis n), darunter senkrecht; der Impuls (.d-spur) und das Zünden der Knoten
   kommen aus akw-bewegung (Laufsperre [data-schleife][data-laeuft]); die Knoten-Verzögerung misst das Skript an der Linie (data-leitung-linie). */
.w-leitung{position:relative;--leitung-dauer:7.2s}
.w-n-3{--w-n:3}.w-n-4{--w-n:4}.w-n-5{--w-n:5}.w-n-6{--w-n:6}.w-n-7{--w-n:7}.w-n-8{--w-n:8}
.w-leitung-linie{position:absolute;display:block;left:calc(100% / (2 * var(--w-n,6)));right:calc(100% / (2 * var(--w-n,6)));top:23px;height:2px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--d-akzent) 30%,transparent),var(--d-akzent),color-mix(in srgb,var(--d-akzent) 30%,transparent));box-shadow:0 0 18px var(--d-glow)}
.w-leitung-spur{position:absolute;left:calc(100% / (2 * var(--w-n,6)));right:calc(100% / (2 * var(--w-n,6)));top:16px;height:16px;z-index:2;pointer-events:none}
[data-design="2027"] [data-schleife][data-laeuft] [data-richtung="senkrecht"] .d-spur{animation-name:d-spur-y}
.w-leitung-spur i{position:absolute;left:-8px;top:0;width:16px;height:16px;border-radius:50%;background:#fff3d6;box-shadow:0 0 0 4px rgba(255,203,107,.25),0 0 24px 6px color-mix(in srgb,var(--d-akzent) 90%,transparent),0 0 60px 14px rgba(255,138,42,.45)}
.w-schritte{position:relative;display:grid;grid-template-columns:repeat(var(--w-n,6),minmax(0,1fr));gap:14px}
.w-schritt{position:relative;display:grid;padding-top:64px}
.w-leitung .w-schritt .w-knoten{position:absolute;z-index:1;top:8px;left:50%;display:grid;place-items:center;width:32px;height:32px;margin-left:-16px;border-radius:10px;background:var(--d-flaeche);border:1.5px solid var(--d-akzent);font:500 11px/1 var(--d-font-mono);color:var(--d-akzent-text);box-shadow:0 0 18px -4px var(--d-glow)}
.w-schritt .w-karte{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;padding:18px 16px 16px}
.w-schritt .w-h3{font-size:22px}
.w-wo{display:block;font:500 10.5px/1.5 var(--d-font-mono);letter-spacing:.1em;text-transform:uppercase}
.w-mehr{align-self:stretch;margin-top:auto;border-top:var(--d-kante-breite) solid var(--d-kante);padding-top:4px}
.w-mehr summary{display:flex;align-items:center;gap:8px;min-height:36px;font:500 11px/1.3 var(--d-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-akzent-text);cursor:pointer;list-style:none}
.w-mehr summary::-webkit-details-marker{display:none}
.w-mehr summary::before{content:"+";content:"+" / "";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:var(--d-kante-breite) solid var(--d-kante-2);font:500 13px/1 var(--d-font-mono)}
.w-mehr[open] summary::before{content:"–";content:"–" / ""}
.w-detail{margin-top:8px;font-size:14px;color:var(--d-text-2)}
@media (max-width:1159px){
    .w-leitung-linie{left:15px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,transparent,var(--d-akzent) 6%,var(--d-akzent) 94%,transparent)}
    .w-leitung-spur{left:8px;right:auto;top:0;bottom:0;width:16px;height:auto}
    .w-leitung-spur i{left:0;top:-8px}
    .w-schritte{grid-template-columns:minmax(0,720px);gap:12px}
    .w-schritt{padding:0 0 0 58px}
    .w-leitung .w-schritt .w-knoten{left:0;top:18px;margin:0}
}

/* 3 · Fachbereiche: neun Glas-Karten, Paketwahl als Filter */
.w-pakete{display:grid;gap:22px}
.w-pakete-leiste{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px}
@media (min-width:1100px) and (min-height:760px){.w-pakete-leiste{position:sticky;top:calc(var(--kopf-h) + 8px);z-index:5;padding:10px 0;background:linear-gradient(var(--d-grund-werbung) 72%,transparent)}}
.w-pkg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:var(--d-kante-breite) solid var(--d-kante-2);border-radius:var(--radius-pill);background:var(--d-glas)}
.w-pkg button{min-height:44px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:none;font:600 13px/1 var(--d-font-body);color:var(--d-text-2);cursor:pointer;transition:background-color var(--dur-fast),color var(--dur-fast)}
.w-pkg button:hover{color:var(--d-text)}
.w-pkg button[aria-pressed="true"]{background:var(--d-akzent);color:var(--d-auf-akzent);box-shadow:inset 0 0 0 2px var(--d-akzent),inset 0 0 0 3.5px var(--d-auf-akzent)}
.w-pkg button[aria-pressed="true"]::before{content:"";display:inline-block;width:5px;height:9px;margin:-3px 8px 0 0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(40deg)}
.w-summe{flex:1 1 320px;font-size:14.5px;color:var(--d-text-2)}
.w-summe strong{color:var(--d-text)}
.w-bereiche{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.w-bereich{display:flex;flex-direction:column;gap:10px;padding:20px 20px 12px}
.w-bereich-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}
.w-zahl{display:grid;justify-items:end;gap:2px;font:500 10.5px/1.3 var(--d-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-text-3)}
.w-zahl b{margin-right:5px;font:800 20px/1 var(--d-font-display);font-stretch:76%;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--d-text)}
.w-bereich-d{font-size:14.5px;color:var(--d-text-2)}
.w-meter{height:4px;border-radius:4px;background:var(--d-spur);overflow:hidden}
.w-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--d-akzent),var(--d-glut-ende,#ff8a2a));transform-origin:left;transform:scaleX(var(--w-a,1));transition:transform var(--dur-medium) var(--ease-inout)}
.w-bausteine{display:grid;margin-top:4px;border-top:var(--d-kante-breite) solid var(--d-kante)}
.w-bst{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:start;padding:11px 0;border-bottom:var(--d-kante-breite) solid var(--d-kante)}
.w-bst:last-child{border-bottom:0}
.w-bst-punkt{width:9px;height:9px;margin-top:.45em;border-radius:50%;background:var(--d-ok)}
.w-bst[data-state="dev"] .w-bst-punkt{background:transparent;border:1.5px solid var(--d-akzent-text)}
.w-bst[data-state="off"] .w-bst-punkt{background:var(--d-spur);border:1px solid var(--d-kante-2)}
.w-bst-text{display:grid;gap:3px;min-width:0}
.w-bst-text b{font:700 14px/1.3 var(--d-font-body);color:var(--d-text)}
.w-bst-d{font-size:13px;line-height:1.45;color:var(--d-text-2)}
.w-bst-meta{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.w-bst-st{font:500 10px/1.2 var(--d-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--d-text-3)}
.w-bst .w-tier{margin:0}
/* Der Normalzustand „bereits verfügbar“ steht als Punkt und für Screenreader im Text; sichtbar nur, was vom Normalfall abweicht (in Entwicklung, nicht im Paket). */
.w-bst[data-state="on"] .w-bst-st{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w-bst[data-state="off"] .w-bst-text b,.w-bst[data-state="off"] .w-bst-d{color:var(--d-text-3)}
.w-pakete-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.w-hinweis{max-width:70ch;font-size:13.5px;color:var(--d-text-3)}
.w-panel+.w-panel{margin-top:56px}
.w-panel-h{margin-bottom:18px;font:500 12px/1.5 var(--d-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--d-akzent-text)}
.w-reiter[data-reiter-bereit] .w-panel-h{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w-reiter[data-reiter-bereit] .w-panel+.w-panel{margin-top:0}
.w-panel[hidden]{display:none}
@keyframes w-panel-ein{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:no-preference){.w-reiter[data-reiter-bereit] .w-panel:not([hidden]){animation:w-panel-ein var(--dur-medium) var(--ease-out) backwards}}
.w-shots{display:grid;gap:28px 24px;align-items:start}
.w-shots--backoffice{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.w-shots--backoffice .w-shot--a4{grid-column:2;grid-row:1 / span 2;align-self:center}
.w-shots--webapp{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:28px 48px}
.w-shots--portal{grid-template-columns:minmax(0,900px);justify-content:center}
.w-shot{display:grid;gap:14px;min-width:0}
.w-geraet{position:relative;overflow:hidden;background:var(--d-flaeche);border:var(--d-kante-breite) solid var(--d-kante-2);box-shadow:var(--d-ebene-2-schatten),0 0 90px -50px var(--d-glow)}
.w-geraet--wide{border-radius:var(--radius-lg)}
.w-geraet-bar{display:flex;gap:6px;padding:11px 14px;border-bottom:var(--d-kante-breite) solid var(--d-kante);background:var(--d-glas)}
.w-geraet-bar i{width:9px;height:9px;border-radius:50%;background:var(--d-kante-2)}
.w-geraet--phone{max-width:290px;margin-inline:auto;padding:9px;border-radius:40px;background:#0d0f13;border-color:var(--d-kante-2)}
.w-geraet--phone .w-shot-rahmen{overflow:hidden;border-radius:31px}
.w-geraet--a4{max-width:360px;margin-inline:auto;border-radius:6px;background:#fff}
.w-shot-rahmen img{display:block;width:100%;height:auto}
.w-hat-beide .w-img-dunkel{display:none}
[data-theme="dark"] .w-hat-beide .w-img-hell{display:none}
[data-theme="dark"] .w-hat-beide .w-img-dunkel{display:block}
@media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]) .w-hat-beide .w-img-hell{display:none}
    :root:not([data-theme="light"]) .w-hat-beide .w-img-dunkel{display:block}
}
.w-shot-leer{display:grid;place-items:center;min-height:200px;padding:20px;border-radius:var(--radius-lg);border:1.5px dashed var(--d-kante-2);background:var(--d-glas);text-align:center}
.w-shot figcaption{display:grid;gap:6px;justify-items:start;font-size:14px;color:var(--d-text-2)}
.w-shot figcaption b{display:block;font:700 15px/1.3 var(--d-font-body);color:var(--d-text)}
.w-shots--webapp figcaption{justify-items:center;text-align:center}

/* Zugänge (Mitarbeiter-WebApp & Kundenportal) */
.w-portale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.w-portal .w-h3-gross{margin:10px 0 4px}
.w-pfad{text-transform:none;letter-spacing:.04em}

/* 5 · Umstieg & Technik: Leitungsbild (Sammelschiene) — links die entfallenden Bauteile, in der Mitte der eine Anschluss, rechts die Arbeitsplätze */
.w-vn{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,.8fr) 72px minmax(0,.9fr);grid-template-areas:"label label label label label" "alt p1 knoten p2 enden";align-items:center}
.w-vn-label{grid-area:label;margin-bottom:12px}
.w-vn-teile{grid-area:alt;display:grid;gap:8px}
.w-vn-teile li{position:relative;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:14.5px;color:var(--d-text-2)}
.w-vn-teile s{font:500 12px/1.3 var(--d-font-mono);letter-spacing:.06em;color:var(--d-text-3)}
.w-vn-teile li::after{content:"";position:absolute;right:-47px;top:50%;width:47px;height:2px;margin-top:-1px;background:var(--d-kante-2)}
.w-vn-teile li:not(:last-child)::before{content:"";position:absolute;right:-47px;top:50%;width:2px;height:calc(100% + 8px);margin-top:-1px;background:var(--d-kante-2)}
.w-vn-pfeil{position:relative;display:block;height:2px;background:var(--d-akzent);box-shadow:0 0 14px var(--d-glow)}
.w-vn-pfeil:nth-of-type(1){grid-area:p1;margin-left:26px}
.w-vn-pfeil:nth-of-type(2){grid-area:p2;margin-right:26px}
.w-vn-pfeil::after{content:"";position:absolute;right:-1px;top:-5px;width:10px;height:10px;border-top:2px solid var(--d-akzent);border-right:2px solid var(--d-akzent);transform:rotate(45deg)}
.w-vn-gross{margin:8px 0;font:800 clamp(28px,3vw,40px)/1 var(--d-font-display);font-stretch:80%;text-transform:uppercase;color:var(--d-text)}
.w-vn-knoten{grid-area:knoten;border-color:var(--d-ebene-2-kante);box-shadow:var(--d-ebene-2-schatten),0 0 60px -26px var(--d-glow)}
.w-vn-enden{grid-area:enden;display:grid;gap:10px}
.w-vn-enden .w-karte{display:grid;gap:4px;padding:14px 18px}
.w-vn-enden li::before{content:"";position:absolute;left:-26px;top:50%;width:26px;height:2px;margin-top:-1px;background:var(--d-akzent);box-shadow:0 0 10px var(--d-glow)}
.w-vn-enden li:not(:last-child)::after{content:"";position:absolute;left:-26px;top:50%;width:2px;height:calc(100% + 10px);margin-top:-1px;background:var(--d-akzent);box-shadow:0 0 10px var(--d-glow)}
.w-vn-enden b{font:700 15px/1.3 var(--d-font-body);color:var(--d-text)}
.w-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.w-blatt dl{display:grid;margin-top:14px}
.w-blatt dl>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;gap:6px 14px;align-items:start;padding:10px 0;border-top:var(--d-kante-breite) solid var(--d-kante)}
.w-blatt dl>div::after{content:"";width:9px;height:9px;margin-top:.5em;border-radius:50%;background:var(--d-ok)}
.w-blatt dl>div[data-s="dev"]::after{background:transparent;border:1.5px solid var(--d-akzent-text)}
.w-blatt dt{font:500 11px/1.5 var(--d-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--d-text-3)}
.w-blatt dd{font-size:14.5px;color:var(--d-text-2)}
.w-vergleich .w-ctas{margin-top:18px}
.w-vergleich-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.w-vergleich-paar ul{display:grid;gap:6px;margin-top:8px}
.w-vergleich-paar li{font-size:14px;color:var(--d-text-2)}

/* Symbolfotos (<x-akw.foto>, dekorativ): gerahmt, im Dunkelmodus leicht abgedunkelt; nie als Beleg für einen Kunden oder Ort */
.w-foto{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:var(--d-kante-breite) solid var(--d-kante-2);background:var(--d-flaeche);box-shadow:var(--d-ebene-2-schatten),0 0 90px -56px var(--d-glow)}
.w-foto picture img{width:100%;aspect-ratio:4 / 3;object-fit:cover}
.w-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--d-grund-werbung) 55%,transparent));pointer-events:none}
.w-sek-kopf--foto{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center}
.w-foto--kontakt{margin-top:32px;max-width:520px}
.w-foto--kontakt picture img{aspect-ratio:3 / 2}
[data-theme="dark"] .w-foto picture img{filter:brightness(.86)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .w-foto picture img{filter:brightness(.86)}}
@media (max-width:1099px){.w-sek-kopf--foto{grid-template-columns:minmax(0,1fr)}.w-foto--kontakt{display:none}}

/* Kacheln (Vertrauen, Umstieg) */
.w-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.w-kacheln .w-karte{display:grid;align-content:start;gap:10px}
.w-nr{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1.5px solid var(--d-akzent);font:500 12px/1 var(--d-font-mono);color:var(--d-akzent-text)}
.w-ki-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.w-ki-grid>li{grid-column:span 2;display:grid;align-content:start;gap:10px}
.w-ki-grid--5>li:nth-child(n+4){grid-column:span 3}
.w-ki-uses{margin-top:14px}
.w-ki-uses ul{display:grid;gap:10px;margin-top:14px}
.w-ki-uses li{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:15px;color:var(--d-text-2)}
.w-parallel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:center;margin-top:16px;padding:clamp(20px,3vw,32px)}
.w-parallel p+p{margin-top:12px}

/* 7 · Stand: die Roadmap als Leitung mit „Aktuell“-Lampe (Füllung bis zur aktuellen Stufe) */
.w-road{position:relative;display:grid;grid-template-columns:repeat(var(--w-n,4),minmax(0,1fr));gap:14px;align-items:stretch;padding-top:38px}
.w-road::before,.w-road::after{content:"";position:absolute;top:11px;left:calc(100% / (2 * var(--w-n,4)));height:2px;border-radius:2px}
.w-road::before{right:calc(100% / (2 * var(--w-n,4)));background:var(--d-spur)}
.w-road::after{width:calc(100% / var(--w-n,4) * var(--w-bis,1));background:linear-gradient(90deg,var(--d-ok),var(--d-akzent));box-shadow:0 0 14px var(--d-glow);transform-origin:left;animation:d-ziehen var(--dur-flow) var(--ease-inout) .2s both}
.w-road-bis-0{--w-bis:0}.w-road-bis-1{--w-bis:1}.w-road-bis-2{--w-bis:2}.w-road-bis-3{--w-bis:3}.w-road-bis-4{--w-bis:4}.w-road-bis-5{--w-bis:5}
.w-road li{display:grid;align-content:start;gap:10px}
.w-lampe{position:absolute;left:50%;top:-38px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--d-grund-werbung);border:2px solid var(--d-text-3)}
.w-road .is-later .w-lampe{border-style:dashed}
.w-road .is-done .w-lampe{background:var(--d-ok);border-color:var(--d-ok)}
.w-road .is-done .w-lampe::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--d-grund-werbung);border-width:0 2px 2px 0;transform:rotate(40deg)}
.w-road .is-now{border-color:var(--d-akzent);box-shadow:var(--d-ebene-2-schatten),0 0 50px -24px var(--d-glow)}
.w-road .is-now .w-lampe{background:var(--d-akzent);border-color:var(--d-akzent);box-shadow:0 0 0 4px color-mix(in srgb,var(--d-akzent) 25%,transparent),0 0 16px var(--d-akzent)}
/* Ring der aktiven Lampe: drei Durchläufe, dann Ruhe (Plan 4.3); Pause und reduzierte Bewegung enden sofort. */
@keyframes w-ring{from{transform:scale(.7);opacity:.9}to{transform:scale(2.1);opacity:0}}
.w-road .is-now .w-lampe::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--d-akzent);animation:w-ring 2.4s var(--ease-out) 3 both}

/* Testzugang */
.w-trial{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center}
.w-trial-main{display:grid;justify-items:start;gap:6px}
.w-trial-main .w-knopf{margin-top:20px}
.w-trial-fakten{display:grid;gap:10px}
.w-trial-fakten .w-karte{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:center;padding:16px 20px}
.w-trial-n{min-width:2.4ch;font:800 36px/1 var(--d-font-display);font-stretch:76%;color:var(--d-text);font-variant-numeric:tabular-nums}
.w-trial-fakten .w-karte>span:last-child{font-size:14.5px;color:var(--d-text-2)}
.w-trial-note{grid-column:1/-1;margin-top:0}

/* 8 · FAQ: Akkordeon (details, gleicher Name = höchstens eine Antwort offen); Überschrift bleibt beim Lesen stehen */
.w-faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:start}
.w-faq-wrap .w-sek-kopf{position:sticky;top:calc(var(--kopf-h) + 24px);margin:0}
.w-faq-mehr{margin-top:20px}

/* 9 · Kontakt: Anfrageformular (Partial public.partials.anfrage-formular, eigene Stile per @push) in der Glas-Gestaltung D. Das Partial färbt über seine
   Rollen-Variablen und ein paar feste Werte; beides wird hier auf die Tokens D gelegt (hell wie dunkel, Eingabekontur ≥ 3 : 1, Fokusring sichtbar). */
.w-kontakt{overflow:hidden;isolation:isolate}
.w-kontakt::before{content:"";position:absolute;z-index:-1;right:-200px;bottom:-320px;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,var(--d-aura-1),transparent 66%)}
.w-kontakt-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.w-kontakt-status{display:flex;align-items:center;gap:10px;margin-top:24px}
.w-kontakt-oder{margin-top:28px;padding:14px 18px;border-radius:var(--radius-md);background:var(--d-flaeche);border:var(--d-kante-breite) solid var(--d-kante-2);font-size:14.5px;color:var(--d-text-2)}
.w-kontakt-oder a{color:var(--d-akzent-text);text-decoration:underline;text-underline-offset:3px}
.w-kontakt .anfrage-card{--paper-2:var(--d-flaeche);--ink:var(--d-text);--ink-3:var(--d-text-2);--muted:var(--d-text-3);--line-2:var(--d-kante-2);--ci-kontur:var(--d-text-3);--ci-fokus:var(--d-fokus);--copper:var(--d-kritisch);--volt:var(--d-akzent);--volt-d:var(--d-akzent-text);--glow:var(--d-glow);color-scheme:inherit;max-width:none;margin:0;color:var(--d-text);background:var(--d-flaeche);border:var(--d-kante-breite) solid var(--d-kante-2);border-radius:var(--radius-xl);padding:clamp(22px,3vw,36px);box-shadow:var(--d-ebene-2-schatten),0 0 120px -60px var(--d-glow)}
.w-kontakt .anfrage-card>p{margin-bottom:18px}
.w-kontakt .anfrage-card h3{font-family:var(--d-font-display);font-stretch:84%;font-size:24px;letter-spacing:normal;text-transform:uppercase}
.w-kontakt .anfrage-form input[type=text],.w-kontakt .anfrage-form input[type=email],.w-kontakt .anfrage-form input[type=tel],.w-kontakt .anfrage-form select,.w-kontakt .anfrage-form textarea{border-radius:var(--radius-md);color:var(--d-text);background:var(--d-glas-2);border-color:var(--d-text-3)}
.w-kontakt .anfrage-form input:focus-visible,.w-kontakt .anfrage-form select:focus-visible,.w-kontakt .anfrage-form textarea:focus-visible{border-color:var(--d-akzent)}
.w-kontakt .anfrage-form [aria-invalid="true"]{border-color:var(--d-kritisch);box-shadow:inset 5px 0 0 var(--d-kritisch)}
.w-kontakt .anfrage-feld-fehler,.w-kontakt .anfrage-fehler{color:color-mix(in srgb,var(--d-kritisch) 80%,var(--d-text))}
/* RD-W-09 (axe target-size, WCAG 2.5.8): die Sprunglinks der Fehlerliste sind mindestens 24 px hoch (vorher Textzeile ≈ 20 px, Ziele eng übereinander). */
.w-kontakt .anfrage-fehler a{display:inline-flex;align-items:center;min-height:24px}
.w-kontakt .anfrage-fehler{border-radius:var(--radius-md);background:color-mix(in srgb,var(--d-kritisch) 9%,transparent);border-color:color-mix(in srgb,var(--d-kritisch) 45%,transparent)}
.w-kontakt .anfrage-btn{min-height:52px;border-radius:var(--radius-md);background:var(--w-verlauf);color:var(--d-auf-akzent);font-family:var(--d-font-display);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,238,196,.85),0 14px 40px -16px rgba(242,165,22,.8)}
.w-kontakt .anfrage-btn:hover{transform:none;box-shadow:inset 0 1px 0 rgba(255,238,196,.85),0 18px 54px -14px rgba(255,150,40,.9)}
.w-kontakt .anfrage-btn:active{transform:translateY(1px)}

/* ---------- Anpassungen ---------- */
@media (max-width:1099px){
    .w-hero-in{grid-template-columns:minmax(0,1fr);padding-top:12px}
    .w-kacheln,.w-bereiche,.w-ki-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .w-ki-grid>li,.w-ki-grid--5>li:nth-child(n+4){grid-column:auto}
    .w-kontakt-in,.w-trial,.w-parallel,.w-faq-wrap{grid-template-columns:minmax(0,1fr)}
    .w-faq-wrap .w-sek-kopf{position:static}
    .w-shots--backoffice{grid-template-columns:minmax(0,1fr)}
    .w-shots--backoffice .w-shot--a4{grid-column:auto;grid-row:auto}
    .w-vn{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "alt" "p1" "knoten" "p2" "enden";gap:14px}
    .w-vn>.w-vn-pfeil{width:2px;height:28px;margin:0 auto;animation:none}
    .w-vn-pfeil::after{right:auto;left:-5px;top:auto;bottom:-1px;transform:rotate(135deg)}
    .w-vn-teile li::before,.w-vn-teile li::after,.w-vn-enden li::before,.w-vn-enden li::after{display:none}
}
@media (max-width:999px){
    .w-road{grid-template-columns:minmax(0,640px);gap:16px;padding:0 0 0 44px}
    .w-road::before{left:10px;right:auto;top:0;bottom:0;width:2px;height:auto}
    .w-road::after{display:none}
    .w-lampe{left:-44px;top:24px;margin-left:0}
}
@media (max-width:760px){
    .w-kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
    .w-portale,.w-zwei,.w-vergleich-paar{grid-template-columns:minmax(0,1fr)}
    .w-kacheln,.w-bereiche,.w-ki-grid{grid-template-columns:minmax(0,1fr)}
    .w-kz{padding:18px 15px}
    .w-kz-n{font-size:34px}
    .w-blatt dl>div{grid-template-columns:minmax(0,1fr) auto}
    .w-blatt dt{grid-column:1/-1}
    .w-shots--webapp{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
    .w-geraet--phone{padding:6px;border-radius:28px}
    .w-geraet--phone .w-shot-rahmen{border-radius:22px}
}
/* Einspaltiges Hero (bis 1099 px): der Aura-Kern (hellste/dunkelste Stelle hinter Text) rückt in die Ecke oben rechts, damit Kicker und Lead nicht über ihm stehen. Worst-Case-Messung hell:
   Kicker 375 px 4,3 : 1, zwischen 761 und 1099 px 4,3–4,4 : 1 (Review RD-W-08 M-1) → mit Verschiebung und dem leicht dunkleren Eyebrow ≥ 4,8 : 1 auf allen Breiten. */
@media (max-width:1099px){
    .w-aura{right:-520px;top:-560px}
}
@media (max-width:520px){
    /* Stehende Kachelreihe der Fachbereiche (Kern ohne Umlauf): zwei Spalten — in drei Spalten bräche „Kommunikation“ mitten im Wort. */
    .w-orbit{grid-template-columns:repeat(2,minmax(0,1fr))}
    .w-hero .w-lead{font-size:15.5px}
    .w-pkg{width:100%}
    .w-pkg button{flex:1 1 auto;padding:0 10px}
    .w-shots--webapp{grid-template-columns:minmax(0,1fr)}
}

@media (forced-colors:active){
    .w-glut{background:none;color:CanvasText}
    .w-glut::after,.w-korn{display:none}
    .w-meter i,.w-leitung-linie,.w-vn-pfeil,.w-road::before,.w-road::after{forced-color-adjust:none;background:Highlight}
    .w-lampe,.w-bst-punkt,.w-punkt{forced-color-adjust:none;border-color:Highlight}
    .w-punkt--live{forced-color-adjust:none;background:Highlight}
    .w-punkt--dev{forced-color-adjust:none;background:transparent;border:1.5px solid Highlight}
    .w-chip--jetzt{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}
    .w-chip--jetzt::before{background:HighlightText}
    .w-neu{forced-color-adjust:none;background:Highlight;color:HighlightText}
    .w-kontakt .anfrage-btn,.w-pkg button{border:1px solid ButtonText}
    .w-status-hero,.w-fakten li,.w-pkg{border:1px solid CanvasText}
    .w-modul,.w-kz,.w-band-in,.w-bereich,.w-parallel{border:1px solid CanvasText}
    .w-kugel,.w-linse{forced-color-adjust:none;border:2px solid Highlight}
    .w-geraet,.w-foto,.w-shot-rahmen{border:1px solid CanvasText}
    .w-karte{border:1px solid CanvasText}
    .w-pkg button[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px;font-weight:800}
}
/* =========================================================================
   RD-W-08 — Barrierefreiheits-Stufen (Plan 4.6): prefers-contrast: more · prefers-reduced-transparency · forced-colors (Block oben).
   Gemessen wird immer an der ungünstigsten Stelle (Text über Aura/Glut/Glas, siehe Paketbericht). Die Token-Anpassungen von ci.css (Kanten 2 px, kein Glow,
   massives Glas bei reduzierter Transparenz) bleiben; hier kommen die Teile dazu, die nur die Werbeseite kennt (Aura, Korn, Bodenraster, Fotos-Verlauf, Knöpfe).
   Spezifität: html:root[data-design="2027"][lang] (0,3,1) schlägt jede Modus-Variante der Tokens in ci.css (höchstens 0,3,0), unabhängig vom Farbmodus.
   ========================================================================= */
@media (prefers-contrast:more){
    /* Schmuck ohne Aussage entfällt: Aura, Korn, Bodenraster, Verlauf über Fotos; nichts liegt mehr unter Text. */
    .w-aura,.w-aura-2,.w-korn,.w-boden,.w-foto::after{display:none}
    .w-kontakt::before{display:none}
    .w-glut::after{display:none}
    .w-kontakt-oder a{text-decoration:underline;text-underline-offset:3px}
    .w-status-hero{border-width:2px}
    .w-kontakt .anfrage-btn{border:2px solid var(--d-auf-akzent);box-shadow:none}
    .w-kontakt .anfrage-card{box-shadow:none}
    .w-pkg button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--d-auf-akzent)}
    .w-kugel{box-shadow:none}
    .w-modul,.w-pikto-kachel{border-color:var(--d-kontur)}
}
@media (prefers-reduced-transparency:reduce){
    /* Glas wird massiv (Tokens in ci.css); dazu entfallen die durchscheinenden Schmuckflächen und der Kopf/Menü-Grund wird deckend. */
    .w-aura,.w-aura-2,.w-korn,.w-boden,.w-foto::after{display:none}
    .w-kontakt::before,.w-glut::after{display:none}
    .w-pakete-leiste{background:var(--d-grund-werbung)}
}
@media print{
    .w-hero-bg{display:none}
    .w-hero{margin-top:0}
}