/* DailyVYBZ Fassung 24 · KI-Video-Guide (Bauteil kivideo)
   Gilt nur für body.seite-kivideo. Bewegung nur über transform und opacity, 150 bis 400 ms. */

.seite-kivideo{
  --kv-hf:#87478d; --kv-hf-hell:#f5edf7; --kv-hf-linie:#e3cfe7;
  --kv-hg:#b72f67; --kv-hg-hell:#fdeff5; --kv-hg-linie:#f3c8d9;
  --kv-farbe:var(--marke); --kv-hell:var(--grund); --kv-linie:var(--linie);
  --kv-r:14px;
  --kv-schatten:0 1px 2px rgba(58,16,56,.06),0 14px 30px -20px rgba(58,16,56,.3);
  --kv-schatten-hoch:0 2px 4px rgba(58,16,56,.06),0 26px 46px -24px rgba(120,30,90,.42);
  --kv-schnell:.16s; --kv-mittel:.24s;
}
.seite-kivideo [data-strang="higgsfield"]{--kv-farbe:var(--kv-hf);--kv-hell:var(--kv-hf-hell);--kv-linie:var(--kv-hf-linie)}
.seite-kivideo [data-strang="heygen"]{--kv-farbe:var(--kv-hg);--kv-hell:var(--kv-hg-hell);--kv-linie:var(--kv-hg-linie)}
.seite-kivideo [class*="kv-"],.seite-kivideo [class*="kv-"]::before,.seite-kivideo [class*="kv-"]::after{box-sizing:border-box}
.seite-kivideo .kv-illu{display:block;width:100%;height:100%}
.seite-kivideo .kv-illu text{font-family:var(--display);font-weight:700}
.seite-kivideo .kv-illu .kv-mono{font-family:ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace}
.seite-kivideo code{font-family:ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace;font-size:.88em;background:var(--flaeche);color:var(--tinte);padding:.08rem .35rem;border-radius:.35rem;overflow-wrap:anywhere}

/* Werkzeug-Kennung */
.seite-kivideo .kv-werkzeug{display:inline-flex;align-items:center;gap:.4rem;font:700 .74rem/1 var(--display);letter-spacing:.01em;color:var(--kv-farbe);background:var(--kv-hell);border:1px solid var(--kv-linie);padding:.32rem .6rem .32rem .5rem;border-radius:999px;white-space:nowrap}
.seite-kivideo .kv-werkzeug::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}

/* ---------- Hub: Kopf ---------- */
.seite-kivideo .kv-kopf{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(1.3rem,2.6vw,2rem) clamp(2.4rem,4.6vw,3.6rem);background:linear-gradient(180deg,#fff 0%,#fff 58%,var(--grund) 100%);border-bottom:1px solid var(--linie)}
.seite-kivideo .kv-kopf::before{content:"";position:absolute;z-index:-1;right:-9rem;top:-12rem;width:46rem;height:46rem;border-radius:50%;background:radial-gradient(closest-side,rgba(156,84,161,.13),rgba(221,66,140,.06) 55%,transparent);pointer-events:none}
.seite-kivideo .kv-kopf-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,32rem);gap:2rem clamp(2rem,4.5vw,4.5rem);align-items:center}
.seite-kivideo .kv-kopf-text{display:grid;gap:1.05rem;justify-items:start;min-width:0}
.seite-kivideo .kv-kopf h1{font-size:clamp(2.3rem,4.4vw,3.4rem);font-weight:600;line-height:1.04;letter-spacing:-.022em;margin-top:.35rem}
.seite-kivideo .kv-kopf .lead{font-size:clamp(1.05rem,1.4vw,1.17rem);color:var(--text);max-width:35rem;line-height:1.62}
.seite-kivideo .kv-kennzahlen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.seite-kivideo .kv-kennzahlen li{display:inline-flex;align-items:baseline;gap:.35rem;font-size:.88rem;color:var(--leise);padding:.4rem .85rem;border-radius:999px;background:#fff;border:1px solid var(--linie)}
.seite-kivideo .kv-kennzahlen b{font:800 1rem var(--display);color:var(--tinte)}
.seite-kivideo .kv-knoepfe{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.15rem}
.seite-kivideo .kv-unabhaengig{display:flex;gap:.65rem;align-items:flex-start;max-width:38rem;margin:0;font-size:.8rem;line-height:1.55;color:var(--leise);padding:.8rem .95rem;border-radius:.95rem;background:rgba(255,255,255,.8);border:1px solid var(--linie)}
.seite-kivideo .kv-unabhaengig svg{flex:none;width:1.05rem;height:1.05rem;margin-top:.12rem;color:var(--violett)}

/* Bühne mit drei Videoplätzen */
.seite-kivideo .kv-buehne{position:relative;width:100%;max-width:32rem;height:28rem;justify-self:end}
.seite-kivideo .kv-buehne::before{content:"";position:absolute;left:-2rem;right:-2rem;top:2rem;bottom:1rem;border-radius:50%;background:radial-gradient(closest-side,rgba(156,84,161,.16),rgba(221,66,140,.08) 60%,transparent);z-index:0;pointer-events:none}
.seite-kivideo .kv-buehne .kv-video{position:absolute;margin:0;z-index:1;transform:translateY(var(--kv-y,0px))}
.seite-kivideo .kv-b-quer{top:0;left:4.5rem;width:23rem}
.seite-kivideo .kv-b-links{left:0;top:8.2rem;width:8rem;z-index:2}
.seite-kivideo .kv-b-rechts{right:0;top:10.2rem;width:8rem;z-index:2}
.seite-kivideo .kv-buehne.kv-start .kv-video{--kv-y:16px;opacity:0;transition:transform .38s var(--ease),opacity .38s var(--ease)}
.seite-kivideo .kv-buehne.kv-start.ist-da .kv-video{--kv-y:0px;opacity:1}
.seite-kivideo .kv-buehne.kv-start .kv-b-links{transition-delay:.08s}
.seite-kivideo .kv-buehne.kv-start .kv-b-rechts{transition-delay:.16s}

/* Videoplatz (Vorlage aus dem Bauvertrag) */
.seite-kivideo .kv-video{display:grid;grid-template-columns:minmax(0,1fr);margin:0}
.seite-kivideo .kv-video video{grid-area:1/1;display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:var(--kv-r);background:linear-gradient(160deg,#efe1f0,#fbe6ee);box-shadow:0 0 0 1px rgba(43,17,48,.06),0 28px 48px -26px rgba(58,16,56,.6)}
.seite-kivideo .kv-video[data-format="16:9"] video{aspect-ratio:16/9}
.seite-kivideo .kv-video[data-format="1:1"] video{aspect-ratio:1/1}
.seite-kivideo .kv-ki{grid-area:1/1;justify-self:end;align-self:start;z-index:1;margin:.5rem .5rem 0 0;display:inline-flex;align-items:center;gap:.35rem;padding:.24rem .55rem .24rem .26rem;border-radius:999px;background:rgba(29,11,33,.84);color:#fff;font:700 .68rem/1 var(--display);letter-spacing:.01em;box-shadow:0 4px 12px -6px rgba(0,0,0,.55);pointer-events:none}
.seite-kivideo .kv-ki b{display:inline-grid;place-items:center;min-width:1.3rem;height:1.1rem;padding:0 .22rem;border-radius:.3rem;background:#fff;color:#1d0b21;font:900 .62rem/1 var(--display)}
.seite-kivideo .kv-video figcaption{grid-area:2/1;margin-top:.5rem;font-size:.7rem;line-height:1.38;color:var(--leise);text-align:center}
.seite-kivideo .kv-b-quer figcaption{max-width:13.5rem;justify-self:center}
.seite-kivideo .kv-b-hoch figcaption{width:11.2rem;justify-self:center}

/* ---------- Bänder und Abschnittsköpfe ---------- */
.seite-kivideo .kv-band{padding-block:clamp(2.8rem,5.6vw,4.4rem)}
.seite-kivideo .kv-band.kv-zart{background:var(--grund);border-block:1px solid var(--linie)}
.seite-kivideo .kv-band-kopf{display:grid;gap:.5rem;max-width:46rem;margin-bottom:clamp(1.4rem,2.6vw,2rem)}
.seite-kivideo .kv-band-kopf h2,.seite-kivideo .kv-stand-raster h2{font-size:clamp(1.65rem,2.8vw,2.3rem);font-weight:600;line-height:1.12;letter-spacing:-.02em}
.seite-kivideo .kv-band-kopf p{color:var(--leise);font-size:1.02rem;line-height:1.6}

/* ---------- Auftragskarten ---------- */
.seite-kivideo .kv-auftraege-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.seite-kivideo .kv-auftraege-raster>li{display:flex;min-width:0}
.seite-kivideo .kv-auftrag{position:relative;flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:.95rem;padding:1.15rem 1.15rem 1rem;border-radius:1.15rem;background:#fff;border:1px solid var(--linie);color:var(--text);text-decoration:none;box-shadow:var(--kv-schatten);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-auftrag::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1.5px solid var(--kv-farbe);opacity:0;transition:opacity var(--kv-schnell) ease;pointer-events:none}
.seite-kivideo .kv-auftrag::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--kv-schatten-hoch);opacity:0;transition:opacity var(--kv-mittel) ease;pointer-events:none}
.seite-kivideo .kv-auftrag:hover,.seite-kivideo .kv-auftrag:focus-visible{transform:translateY(-2px)}
.seite-kivideo .kv-auftrag:hover::before,.seite-kivideo .kv-auftrag:focus-visible::before,.seite-kivideo .kv-auftrag:hover::after{opacity:1}
.seite-kivideo .kv-auftrag-ico{width:2.6rem;height:2.6rem;border-radius:.85rem;display:grid;place-items:center;background:var(--kv-hell);color:var(--kv-farbe);border:1px solid var(--kv-linie)}
.seite-kivideo .kv-auftrag-ico svg{width:1.35rem;height:1.35rem}
.seite-kivideo .kv-auftrag-satz{display:grid;gap:.2rem;align-content:start}
.seite-kivideo .kv-ich{font-size:.86rem;color:var(--leise)}
.seite-kivideo .kv-auftrag-satz b{font:700 1.04rem/1.32 var(--display);color:var(--tinte);letter-spacing:-.01em;text-wrap:balance}
.seite-kivideo .kv-auftrag-fuss{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .55rem;padding-top:.85rem;border-top:1px solid var(--linie)}
.seite-kivideo .kv-auftrag-dauer{font-size:.78rem;color:var(--leise)}
.seite-kivideo .kv-auftrag .kv-pfeil{margin-left:auto;width:1.1rem;height:1.1rem;color:var(--kv-farbe);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-auftrag:hover .kv-pfeil{transform:translateX(3px)}

/* ---------- Kapitel: Filter ---------- */
.seite-kivideo .kv-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.8rem;padding:1rem 1.15rem;border-radius:1.15rem;background:#fff;border:1px solid var(--linie);box-shadow:var(--kv-schatten);margin-bottom:1.5rem}
.seite-kivideo .kv-filter-gruppe{flex:0 1 auto;display:grid;gap:.45rem;min-width:0;max-width:100%}
.seite-kivideo .kv-filter-name{font:700 .78rem var(--display);color:var(--leise)}
.seite-kivideo .kv-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.seite-kivideo .kv-chip{flex:none;display:inline-flex;align-items:center;gap:.45rem;min-height:2.6rem;padding:.45rem .9rem;border-radius:999px;border:1.5px solid var(--linie-2);background:#fff;color:var(--tinte);font:700 .86rem var(--display);cursor:pointer;transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-chip em{font-style:normal;font:700 .7rem/1 var(--display);color:var(--leise);background:var(--grund);border-radius:999px;padding:.22rem .45rem;min-width:1.4rem;text-align:center}
.seite-kivideo .kv-chip:hover{border-color:var(--marke)}
.seite-kivideo .kv-chip:active{transform:scale(.97)}
.seite-kivideo .kv-chip[aria-pressed="true"]{background:var(--tinte);border-color:var(--tinte);color:#fff}
.seite-kivideo .kv-chip[aria-pressed="true"] em{background:rgba(255,255,255,.2);color:#fff}
.seite-kivideo .kv-chip[data-wert="higgsfield"][aria-pressed="true"]{background:var(--kv-hf);border-color:var(--kv-hf)}
.seite-kivideo .kv-chip[data-wert="heygen"][aria-pressed="true"]{background:var(--kv-hg);border-color:var(--kv-hg)}
.seite-kivideo .kv-fort{flex:1 1 100%;display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1.4rem;padding-top:.95rem;border-top:1px solid var(--linie)}
.seite-kivideo .kv-fort-kopf{display:flex;align-items:baseline;gap:.8rem}
.seite-kivideo .kv-fort>.kv-spur{flex:1 1 12rem;max-width:26rem}
.seite-kivideo .kv-fort .kv-schalter{margin-left:auto}
.seite-kivideo .kv-fort-text{font:700 .8rem var(--display);color:var(--tinte)}
.seite-kivideo .kv-spur{display:block;height:6px;border-radius:6px;background:var(--flaeche);overflow:hidden}
.seite-kivideo .kv-fort-balken{display:block;height:100%;width:100%;border-radius:inherit;background:var(--verlauf);transform:scaleX(0);transform-origin:left center;transition:transform .4s var(--ease)}
.seite-kivideo .kv-schalter{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text);cursor:pointer;justify-self:start}
.seite-kivideo .kv-schalter input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:2.3rem;height:1.3rem;margin:0;border-radius:999px;background:var(--linie-2);cursor:pointer}
.seite-kivideo .kv-schalter input::after{content:"";position:absolute;top:.17rem;left:.17rem;width:.96rem;height:.96rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(43,17,48,.3);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-schalter input:checked{background:var(--marke)}
.seite-kivideo .kv-schalter input:checked::after{transform:translateX(1rem)}
.seite-kivideo .kv-schalter input:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}

/* ---------- Kapitel: Raster und Karten ---------- */
.seite-kivideo .kv-treffer-zeile{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.seite-kivideo .kv-treffer-titel{font:700 1.22rem var(--display);color:var(--tinte);letter-spacing:-.015em}
.seite-kivideo .kv-treffer-zahl{color:var(--leise);font-weight:600}
.seite-kivideo .kv-reset{font:700 .86rem var(--display);color:var(--marke);background:none;border:0;padding:.3rem 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.seite-kivideo .kv-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.4rem;transition:opacity .15s ease}
.seite-kivideo .kv-karten.kv-blendet{opacity:0}
.seite-kivideo .kv-karte{position:relative;display:grid;grid-template-rows:auto 1fr;gap:1rem;min-width:0}
.seite-kivideo .kv-karte-bild{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--kv-r);overflow:hidden;background:linear-gradient(150deg,var(--kv-hell) 0%,#fff 125%);border:1px solid var(--kv-linie);transition:transform var(--kv-mittel) var(--ease)}
.seite-kivideo .kv-karte-bild::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--kv-farbe);opacity:0;transition:opacity var(--kv-schnell) ease}
.seite-kivideo .kv-karte:hover .kv-karte-bild{transform:translateY(-3px)}
.seite-kivideo .kv-karte:hover .kv-karte-bild::after{opacity:.55}
.seite-kivideo .kv-karte-haken{position:absolute;top:.7rem;right:.7rem;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--gut);color:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.5);opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .25s var(--ease)}
.seite-kivideo .kv-karte-haken svg{width:1rem;height:1rem;stroke-width:2.6}
.seite-kivideo .kv-karte.kv-ist-gelesen .kv-karte-haken{opacity:1;transform:none}
.seite-kivideo .kv-karte-text{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.seite-kivideo .kv-karte-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;font-size:.8rem;color:var(--leise)}
.seite-kivideo .kv-karte h3{font-size:1.14rem;font-weight:700;line-height:1.28;letter-spacing:-.015em}
.seite-kivideo .kv-karte h3 a{color:inherit;text-decoration:none}
.seite-kivideo .kv-karte h3 a::after{content:"";position:absolute;inset:-.4rem;border-radius:calc(var(--kv-r) + .3rem);z-index:2}
.seite-kivideo .kv-karte h3 a:focus-visible{outline:none}
.seite-kivideo .kv-karte h3 a:focus-visible::after{outline:3px solid var(--magenta);outline-offset:2px}
.seite-kivideo .kv-karte:hover h3 a{color:var(--kv-farbe)}
.seite-kivideo .kv-karte-text>p{font-size:.94rem;color:var(--leise);line-height:1.55}
.seite-kivideo .kv-karte-meta{list-style:none;margin:.1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.seite-kivideo .kv-karte-meta li{font:700 .72rem var(--display);color:var(--tinte);background:#fff;border:1px solid var(--linie);border-radius:999px;padding:.24rem .62rem}
.seite-kivideo .kv-karte-meta .kv-gelesen-pille{display:none;color:var(--gut);background:var(--gut-bg);border-color:transparent}
.seite-kivideo .kv-karte.kv-ist-gelesen .kv-gelesen-pille{display:inline-block}
.seite-kivideo .kv-leer{display:grid;justify-items:start;gap:.55rem;padding:2rem;border-radius:1.15rem;border:1.5px dashed var(--linie-2);background:#fff}
.seite-kivideo .kv-leer b{font:700 1.1rem var(--display);color:var(--tinte)}
.seite-kivideo .kv-leer span{color:var(--leise)}
.seite-kivideo .kv-hinweis-speicher{display:flex;align-items:center;gap:.5rem;margin-top:1.8rem;font-size:.82rem;color:var(--leise)}
.seite-kivideo .kv-hinweis-speicher svg{width:1rem;height:1rem;flex:none;color:var(--violett)}

/* ---------- Entscheidungshilfe ---------- */
.seite-kivideo .kv-ent-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.seite-kivideo .kv-ent-karte{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.3rem,2.4vw,1.9rem);border-radius:1.35rem;background:#fff;border:1px solid var(--linie);box-shadow:var(--kv-schatten)}
.seite-kivideo .kv-ent-karte::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--kv-farbe)}
.seite-kivideo .kv-ent-kopf{display:flex;align-items:center;gap:.85rem}
.seite-kivideo .kv-ent-ico{width:2.7rem;height:2.7rem;flex:none;border-radius:.9rem;display:grid;place-items:center;background:var(--kv-hell);color:var(--kv-farbe);border:1px solid var(--kv-linie)}
.seite-kivideo .kv-ent-ico svg{width:1.4rem;height:1.4rem}
.seite-kivideo .kv-ent-karte h3{font-size:1.3rem;font-weight:700;letter-spacing:-.015em}
.seite-kivideo .kv-ent-liste{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.seite-kivideo .kv-ent-liste li{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.7rem;line-height:1.58;color:var(--text)}
.seite-kivideo .kv-ent-liste svg{width:1.35rem;height:1.35rem;margin-top:.12rem;color:var(--kv-farbe)}
.seite-kivideo .kv-ent-liste b{color:var(--tinte);font-weight:700}
.seite-kivideo .kv-ent-fakt{margin-top:auto;font-size:.88rem;color:var(--leise);line-height:1.55;padding-top:1rem;border-top:1px solid var(--linie)}
.seite-kivideo .kv-ent-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;font:700 .95rem var(--display);color:var(--kv-farbe);text-decoration:none;padding:.2rem 0}
.seite-kivideo .kv-ent-link svg{width:1.05rem;height:1.05rem;transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-ent-link:hover svg{transform:translateX(3px)}
.seite-kivideo .kv-ent-link:hover{text-decoration:underline;text-underline-offset:3px}
.seite-kivideo .kv-ent-beide{margin-top:1.2rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem 2rem;align-items:start;padding:1.15rem 1.4rem;border-radius:1.15rem;background:var(--grund);border:1px solid var(--linie)}
.seite-kivideo .kv-ent-beide h3{font-size:1rem;font-weight:700;padding-top:.15rem}
.seite-kivideo .kv-ent-beide ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem 1.4rem}
.seite-kivideo .kv-ent-beide li{display:grid;grid-template-columns:1.15rem minmax(0,1fr);gap:.55rem;font-size:.92rem;line-height:1.5;color:var(--text)}
.seite-kivideo .kv-ent-beide svg{width:1.15rem;height:1.15rem;margin-top:.15rem;color:var(--marke)}

/* ---------- Stand und Unabhängigkeit ---------- */
.seite-kivideo .kv-stand-raster{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.2rem;align-items:stretch}
.seite-kivideo .kv-stand-karte,.seite-kivideo .kv-unabh-karte{display:grid;gap:.85rem;align-content:start;padding:clamp(1.3rem,2.4vw,1.9rem);border-radius:1.35rem;background:#fff;border:1px solid var(--linie)}
.seite-kivideo .kv-stand-raster h2{font-size:clamp(1.35rem,2.2vw,1.7rem)}
.seite-kivideo .kv-stand-karte>p,.seite-kivideo .kv-unabh-karte>p{line-height:1.62;color:var(--text)}
.seite-kivideo .kv-stand-marke{display:inline-flex;align-items:center;gap:.45rem;justify-self:start;font:700 .8rem var(--display);color:var(--marke);background:#fbe4ee;border-radius:999px;padding:.3rem .7rem .3rem .55rem}
.seite-kivideo .kv-stand-marke svg{width:.95rem;height:.95rem}
.seite-kivideo .kv-termine{list-style:none;margin:.2rem 0 0;padding:0}
.seite-kivideo .kv-termine li{display:grid;grid-template-columns:6.2rem minmax(0,1fr);gap:1rem;padding:.8rem 0;border-top:1px solid var(--linie);line-height:1.55}
.seite-kivideo .kv-termine time{font:700 .88rem var(--display);color:var(--tinte);padding-top:.05rem}
.seite-kivideo .kv-termine a,.seite-kivideo .kv-stand a,.seite-kivideo .kv-melden a{color:var(--marke);text-underline-offset:3px}
.seite-kivideo .kv-melden{margin-top:.2rem}
.seite-kivideo .kv-melden a{display:inline-flex;align-items:center;gap:.5rem;font:700 .9rem var(--display);text-decoration:none}
.seite-kivideo .kv-melden a:hover{text-decoration:underline}
.seite-kivideo .kv-melden svg{width:1.1rem;height:1.1rem}
.seite-kivideo .kv-unabh-karte .kv-stand-marke{color:var(--violett);background:#f2e7f8}
.seite-kivideo .kv-klein{font-size:.86rem;color:var(--leise)!important}

/* ---------- Brücke ---------- */
.seite-kivideo .kv-bruecke-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.seite-kivideo .kv-bruecke-karte{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.1rem;align-items:center;padding:1.4rem 1.5rem;border-radius:1.35rem;background:linear-gradient(120deg,#fdf0f6 0%,#fff 62%);border:1px solid var(--linie-2);color:var(--text);text-decoration:none;transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-bruecke-karte:hover{transform:translateY(-2px)}
.seite-kivideo .kv-bruecke-ico{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;background:#fff;color:var(--marke);border:1px solid var(--linie-2)}
.seite-kivideo .kv-bruecke-ico svg{width:1.5rem;height:1.5rem}
.seite-kivideo .kv-bruecke-text{display:grid;gap:.2rem}
.seite-kivideo .kv-bruecke-text small{font:700 .78rem var(--display);color:var(--marke)}
.seite-kivideo .kv-bruecke-text b{font:700 1.2rem var(--display);color:var(--tinte);letter-spacing:-.01em}
.seite-kivideo .kv-bruecke-text span{font-size:.93rem;color:var(--leise)}
.seite-kivideo .kv-bruecke-karte .kv-pfeil{width:1.25rem;height:1.25rem;color:var(--marke);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-bruecke-karte:hover .kv-pfeil{transform:translateX(3px)}

/* ---------- Kapitelseite ---------- */
.seite-kivideo .kv-doku{padding-block:clamp(1.4rem,3vw,2.4rem) clamp(2.8rem,5.5vw,4.4rem)}
.seite-kivideo .kv-nav .dn-uebersicht{display:inline-flex;align-items:center;gap:.35rem}
.seite-kivideo .kv-nav .dn-uebersicht svg{width:1rem;height:1rem}
.seite-kivideo .kv-nav .dn-gruppe[data-strang] small svg{color:var(--kv-farbe)}
.seite-kivideo .kv-nav .dn-gruppe a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem}
.seite-kivideo .kv-nav .dn-gruppe a::after{content:"";font:800 .8rem var(--display);color:var(--gut)}
.seite-kivideo .kv-nav .dn-gruppe a.kv-ist-gelesen::after{content:"✓"}
.seite-kivideo .kv-nav-nr{width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;font:700 .68rem var(--display);color:var(--kv-farbe);background:var(--kv-hell);border:1px solid var(--kv-linie)}
.seite-kivideo .kv-nav a[aria-current="page"] .kv-nav-nr{background:var(--marke);border-color:var(--marke);color:#fff}
.seite-kivideo .kv-nav-nr svg{width:.8rem;height:.8rem}
.seite-kivideo .kv-nav-nr.kv-nav-weiter{color:var(--marke);background:#fbe4ee;border-color:#f3c8d9}
.seite-kivideo .kv-kapitel{gap:1.15rem}
.seite-kivideo .kv-kapitel>.brotkrumen{margin-bottom:0}
.seite-kivideo .kv-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:.86rem;color:var(--leise);margin-top:.3rem}
.seite-kivideo .kv-kapitel h1{font-size:clamp(2rem,3.7vw,2.85rem);font-weight:600;line-height:1.08;letter-spacing:-.022em}
.seite-kivideo .kv-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.seite-kivideo .kv-meta li{display:inline-flex;align-items:center;gap:.4rem;font:700 .76rem var(--display);color:var(--tinte);background:#fff;border:1px solid var(--linie);border-radius:999px;padding:.32rem .72rem .32rem .55rem}
.seite-kivideo .kv-meta svg{width:.95rem;height:.95rem;color:var(--kv-farbe)}
.seite-kivideo .kv-kapitel .kv-unabhaengig{max-width:none;background:var(--grund)}
.seite-kivideo .kv-kapitel section{display:grid;gap:1rem;margin-top:1.7rem;scroll-margin-top:6.5rem}
.seite-kivideo .kv-kapitel section>h2{font-size:1.5rem;font-weight:600;letter-spacing:-.018em;line-height:1.2}

/* Ziel */
.seite-kivideo .kv-kapitel .kv-ziel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,15.5rem);gap:1.2rem 1.8rem;align-items:center;margin-top:.4rem;padding:1.3rem 1.4rem;border-radius:1.3rem;background:linear-gradient(135deg,var(--kv-hell) 0%,#fff 78%);border:1px solid var(--kv-linie)}
.seite-kivideo .kv-ziel-text{display:grid;gap:.55rem;min-width:0}
.seite-kivideo .kv-kapitel .kv-ziel-label{display:inline-flex;align-items:center;gap:.45rem;font:700 .86rem var(--display);color:var(--kv-farbe);letter-spacing:0}
.seite-kivideo .kv-ziel-label svg{width:1.1rem;height:1.1rem}
.seite-kivideo .kv-ziel-text p{font:600 1.22rem/1.45 var(--display);color:var(--tinte);letter-spacing:-.012em;text-wrap:pretty}
.seite-kivideo .kv-ziel-bild{position:relative;aspect-ratio:16/10;border-radius:.95rem;overflow:hidden;background:linear-gradient(150deg,var(--kv-hell) 0%,#fff 125%);border:1px solid var(--kv-linie)}

/* Wichtig */
.seite-kivideo .kv-wichtig{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.85rem;padding:1.15rem 1.3rem;border-radius:1.15rem;background:#fdecef;border:1px solid #f4c7d2;border-left:4px solid var(--marke);color:#5a1029;line-height:1.6}
.seite-kivideo .kv-wichtig>svg{width:1.5rem;height:1.5rem;color:var(--marke);margin-top:.1rem}
.seite-kivideo .kv-wichtig-titel{font:700 1.06rem var(--display);color:#4a0d22;margin-bottom:.25rem}
.seite-kivideo .kv-wichtig-quelle{display:block;margin-top:.45rem;font-size:.84rem;color:#6d1530}
.seite-kivideo .kv-wichtig a{color:#8a1640;text-underline-offset:3px}

/* Voraussetzungen */
.seite-kivideo .kv-check{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.seite-kivideo .kv-check li{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.7rem;line-height:1.6}
.seite-kivideo .kv-check svg{width:1.35rem;height:1.35rem;margin-top:.15rem;color:var(--kv-farbe)}

/* Schritte als Zeitleiste */
.seite-kivideo .kv-schritte{list-style:none;margin:0;padding:0;counter-reset:kvs;display:grid}
.seite-kivideo .kv-schritt{counter-increment:kvs;position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1.05rem;padding-bottom:1.6rem}
.seite-kivideo .kv-schritt::before{content:counter(kvs);position:relative;z-index:1;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;font:800 .98rem var(--display);color:#fff;background:linear-gradient(135deg,#9c54a1 0%,#b72f67 100%);box-shadow:0 0 0 5px #fff,0 10px 20px -10px rgba(183,47,103,.7)}
.seite-kivideo .kv-schritt::after{content:"";position:absolute;left:1.25rem;top:2.5rem;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(var(--linie-2),var(--linie))}
.seite-kivideo .kv-schritt:last-child{padding-bottom:0}
.seite-kivideo .kv-schritt:last-child::after{display:none}
.seite-kivideo .kv-schritt-text{display:grid;gap:.45rem;padding-top:.3rem;min-width:0}
.seite-kivideo .kv-schritt h3{font-size:1.13rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.seite-kivideo .kv-schritt p{line-height:1.68;color:var(--text)}
.seite-kivideo .kv-pfad{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.2rem;font:600 .8rem var(--display);color:var(--leise)}
.seite-kivideo .kv-pfad-label{margin-right:.15rem}
.seite-kivideo .kv-pfad-teil{display:inline-flex;align-items:center;padding:.24rem .55rem;border-radius:.5rem;background:#fff;color:var(--tinte);border:1px solid var(--linie-2);box-shadow:0 1.5px 0 var(--linie-2)}
.seite-kivideo .kv-pfad i{font-style:normal;color:var(--linie-2);font-weight:700}

/* Tabellen */
.seite-kivideo .kv-tabelle{display:grid;gap:.6rem;margin-top:1.4rem;min-width:0}
.seite-kivideo .kv-tabelle-titel{font:700 1rem var(--display);color:var(--tinte)}
.seite-kivideo .kv-tabelle-rahmen{overflow-x:auto;border-radius:1rem;border:1px solid var(--linie);background:#fff;max-width:100%}
.seite-kivideo .kv-tabelle table{width:100%;border-collapse:collapse;font-size:.86rem;line-height:1.45;min-width:32rem}
.seite-kivideo .kv-tabelle.kv-schmal{max-width:30rem}
.seite-kivideo .kv-tabelle.kv-schmal table{min-width:0}
.seite-kivideo .kv-tabelle.kv-schmal td{text-align:right;white-space:nowrap}
.seite-kivideo .kv-tabelle.kv-schmal thead th:last-child{text-align:right}
.seite-kivideo .kv-tabelle th,.seite-kivideo .kv-tabelle td{padding:.7rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--linie)}
.seite-kivideo .kv-tabelle thead th{font:700 .76rem var(--display);color:var(--leise);background:var(--grund)}
.seite-kivideo .kv-tabelle tbody th{font:700 .88rem var(--display);color:var(--tinte);white-space:nowrap}
.seite-kivideo .kv-tabelle tbody tr:last-child th,.seite-kivideo .kv-tabelle tbody tr:last-child td{border-bottom:0}
.seite-kivideo .kv-tabelle-fuss{font-size:.84rem;color:var(--leise);line-height:1.55}

/* Kopierblock */
.seite-kivideo .kv-code{margin:0;border-radius:1rem;overflow:hidden;background:#1d0b21;box-shadow:0 18px 40px -26px rgba(23,9,25,.9)}
.seite-kivideo .kv-code-kopf{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem .55rem .5rem 1rem;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.09)}
.seite-kivideo .kv-code-titel{font:700 .82rem var(--display);color:#efd6e5;min-width:0}
.seite-kivideo .kv-kopieren{position:relative;flex:none;display:inline-flex;align-items:center;gap:.45rem;min-height:2.3rem;padding:.4rem .8rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;font:700 .8rem var(--display);cursor:pointer;transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-kopieren:hover{background:rgba(255,255,255,.18)}
.seite-kivideo .kv-kopieren:active{transform:scale(.97)}
.seite-kivideo .kv-kopieren svg{width:1rem;height:1rem;transition:opacity var(--kv-schnell) ease,transform var(--kv-mittel) var(--ease)}
.seite-kivideo .kv-kopieren .kv-ico-fertig{position:absolute;left:.8rem;opacity:0;transform:scale(.5);stroke-width:2.6}
.seite-kivideo .kv-kopieren.ist-kopiert{background:var(--gut);border-color:var(--gut)}
.seite-kivideo .kv-kopieren.ist-kopiert .kv-ico-kopieren{opacity:0;transform:scale(.5)}
.seite-kivideo .kv-kopieren.ist-kopiert .kv-ico-fertig{opacity:1;transform:none}
.seite-kivideo .kv-code pre{margin:0;padding:1rem 1.15rem 1.15rem;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font:400 .9rem/1.68 ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace;color:#f6e6ef;tab-size:2}
.seite-kivideo .kv-code pre code{font:inherit;background:none;color:inherit;padding:0;border-radius:0}
.seite-kivideo .kv-code-erkl{font-size:.93rem;color:var(--leise);line-height:1.62;margin-top:-.2rem}
.seite-kivideo .kv-code+.kv-code-erkl+.kv-code,.seite-kivideo .kv-code+.kv-code{margin-top:.6rem}

/* Ergebnis */
.seite-kivideo .kv-ergebnis-box{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.9rem;align-items:start;padding:1.15rem 1.3rem;border-radius:1.15rem;background:var(--gut-bg);border:1px solid #bfe3d1}
.seite-kivideo .kv-ergebnis-box svg{width:2.2rem;height:2.2rem;color:var(--gut)}
.seite-kivideo .kv-ergebnis-box p{line-height:1.65;color:#123f2f;padding-top:.15rem}

/* Fehlerbehebung */
.seite-kivideo .kv-faq{display:grid;gap:.6rem}
.seite-kivideo .kv-faq details{border-radius:1rem;background:#fff;border:1px solid var(--linie)}
.seite-kivideo .kv-faq details[open]{border-color:var(--linie-2);box-shadow:var(--kv-schatten)}
.seite-kivideo .kv-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1.4rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:1rem 1.15rem;border-radius:1rem;font:700 1rem/1.4 var(--display);color:var(--tinte)}
.seite-kivideo .kv-faq summary::-webkit-details-marker{display:none}
.seite-kivideo .kv-faq summary::after{content:"";width:.6rem;height:.6rem;margin-right:.2rem;border-right:2px solid var(--marke);border-bottom:2px solid var(--marke);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--kv-mittel) var(--ease)}
.seite-kivideo .kv-faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.seite-kivideo .kv-faq summary:hover .kv-faq-frage{color:var(--marke)}
.seite-kivideo .kv-faq-ico{width:1.4rem;height:1.4rem;color:var(--kv-farbe)}
.seite-kivideo .kv-faq-inhalt{padding:0 1.15rem 1.15rem 3.35rem;color:var(--text);line-height:1.66}
.seite-kivideo .kv-faq details[open] .kv-faq-inhalt{animation:kvAuf .22s var(--ease)}
@keyframes kvAuf{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Gut zu wissen und Achtung */
.seite-kivideo .kv-wissen-box{position:relative;padding:1.2rem 1.35rem 1.25rem 3.6rem;border-radius:1.15rem;background:var(--grund);border:1px solid var(--linie)}
.seite-kivideo .kv-wissen-ico{position:absolute;left:1.2rem;top:1.2rem;width:1.5rem;height:1.5rem;color:var(--kv-farbe)}
.seite-kivideo .kv-wissen{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.seite-kivideo .kv-wissen li{position:relative;padding-left:1.1rem;line-height:1.62}
.seite-kivideo .kv-wissen li::before{content:"";position:absolute;left:0;top:.66em;width:.42rem;height:.42rem;border-radius:50%;background:var(--kv-farbe);opacity:.7}
.seite-kivideo .kv-achtung{display:grid;gap:.75rem;padding:1.2rem 1.35rem;border-radius:1.15rem;background:var(--warn-bg);border:1px solid #f0d49b;color:#4d3000}
.seite-kivideo .kv-kapitel .kv-achtung-kopf{display:flex;align-items:center;gap:.55rem;font:700 1.1rem var(--display);color:#5c3800;letter-spacing:0}
.seite-kivideo .kv-achtung-kopf svg{width:1.35rem;height:1.35rem;color:var(--warn)}
.seite-kivideo .kv-achtung ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.seite-kivideo .kv-achtung li{position:relative;padding-left:1.1rem;line-height:1.62}
.seite-kivideo .kv-achtung li::before{content:"";position:absolute;left:0;top:.66em;width:.42rem;height:.42rem;border-radius:50%;background:var(--warn)}

/* Quellen */
.seite-kivideo .kv-quellen{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.seite-kivideo .kv-quellen li{border-bottom:1px solid var(--linie)}
.seite-kivideo .kv-quellen a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;row-gap:.05rem;align-items:center;padding:.6rem .25rem;color:var(--tinte);text-decoration:none}
.seite-kivideo .kv-quellen b{font-weight:600;line-height:1.4}
.seite-kivideo .kv-quellen small{grid-column:1;color:var(--leise);font-size:.8rem}
.seite-kivideo .kv-quellen svg{grid-column:2;grid-row:1/span 2;width:1rem;height:1rem;color:var(--marke)}
.seite-kivideo .kv-quellen a:hover b{color:var(--marke);text-decoration:underline;text-underline-offset:3px}
.seite-kivideo .kv-stand{font-size:.86rem;color:var(--leise);line-height:1.6}

/* Gelesen */
.seite-kivideo .kv-gelesen-zeile{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 1.6rem;margin-top:2rem;padding:1.05rem 1.2rem;border-radius:1.15rem;background:var(--grund);border:1px solid var(--linie)}
.seite-kivideo .kv-gelesen{display:inline-flex;align-items:center;gap:.65rem;min-height:2.9rem;padding:.6rem 1.05rem;border-radius:.85rem;border:1.5px solid var(--linie-2);background:#fff;color:var(--tinte);font:700 .95rem var(--display);cursor:pointer;transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-gelesen:hover{border-color:var(--marke)}
.seite-kivideo .kv-gelesen:active{transform:scale(.97)}
.seite-kivideo .kv-gelesen-kasten{width:1.2rem;height:1.2rem;border-radius:.35rem;border:1.5px solid var(--linie-2);display:grid;place-items:center;background:#fff}
.seite-kivideo .kv-gelesen-kasten svg{width:.85rem;height:.85rem;color:#fff;stroke-width:3;opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .25s var(--ease)}
.seite-kivideo .kv-gelesen[aria-pressed="true"]{color:var(--gut);border-color:var(--gut);background:var(--gut-bg)}
.seite-kivideo .kv-gelesen[aria-pressed="true"] .kv-gelesen-kasten{background:var(--gut);border-color:var(--gut)}
.seite-kivideo .kv-gelesen[aria-pressed="true"] .kv-gelesen-kasten svg{opacity:1;transform:none}
.seite-kivideo .kv-gelesen.kv-pop .kv-gelesen-kasten{animation:kvPop .34s var(--ease)}
@keyframes kvPop{0%{transform:scale(.7)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
.seite-kivideo .kv-gelesen-fort{display:grid;gap:.4rem;min-width:12rem}
.seite-kivideo .kv-toc-fort{display:grid;gap:.4rem;margin-top:1.2rem}
.seite-kivideo .kv-toc .kv-toc-fort small{font:600 .78rem var(--body);letter-spacing:0;text-transform:none;color:var(--leise);margin:0}

/* Weiter-Karten */
.seite-kivideo .kv-weiter{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:.9rem;margin-top:1rem}
.seite-kivideo .kv-weiter.kv-einzeln{grid-template-columns:minmax(0,1fr)}
.seite-kivideo .kv-weiter-karte{position:relative;display:grid;gap:.3rem;align-content:start;padding:1.2rem 3.2rem 1.2rem 1.3rem;border-radius:1.2rem;border:1px solid var(--linie);background:#fff;color:var(--text);text-decoration:none;box-shadow:var(--kv-schatten);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-weiter-karte:hover{transform:translateY(-2px)}
.seite-kivideo .kv-weiter-karte.kv-haupt{background:linear-gradient(135deg,var(--kv-hell) 0%,#fff 72%);border-color:var(--kv-linie)}
.seite-kivideo .kv-weiter-karte small{font:700 .8rem var(--display);color:var(--kv-farbe)}
.seite-kivideo .kv-weiter-karte b{font:700 1.16rem/1.3 var(--display);color:var(--tinte);letter-spacing:-.01em}
.seite-kivideo .kv-weiter-satz{font-size:.93rem;color:var(--leise);line-height:1.5}
.seite-kivideo .kv-weiter-bereich{margin-top:.35rem;font:700 .74rem var(--display);color:var(--leise)}
.seite-kivideo .kv-weiter-karte .kv-pfeil{position:absolute;right:1.15rem;top:1.25rem;width:1.3rem;height:1.3rem;color:var(--kv-farbe);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-weiter-karte:hover .kv-pfeil{transform:translateX(3px)}

/* Nachlauf unter dem Kapitel */
.seite-kivideo .kv-nachlauf{padding-block:clamp(2.2rem,4.5vw,3.4rem)}
.seite-kivideo .kv-nachlauf-raster{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1.4rem 2rem;align-items:center}
.seite-kivideo .kv-nachlauf-ziele{display:grid;gap:.9rem;align-content:start;scroll-margin-top:6.5rem}
.seite-kivideo .kv-nachlauf-ziele h2{font-size:1.35rem;font-weight:600;letter-spacing:-.015em}
.seite-kivideo .kv-ziel-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.seite-kivideo .kv-ziel-links a{display:inline-flex;align-items:center;gap:.55rem;min-height:2.8rem;padding:.5rem .95rem .5rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--linie);color:var(--tinte);text-decoration:none;font:700 .88rem var(--display);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-ziel-links a:hover{transform:translateY(-2px);border-color:var(--kv-farbe)}
.seite-kivideo .kv-ziel-links a[aria-current="page"]{background:var(--kv-hell);border-color:var(--kv-linie)}
.seite-kivideo .kv-ziel-links svg{width:1.15rem;height:1.15rem;color:var(--kv-farbe);flex:none}
.seite-kivideo .kv-ziel-links small{font:600 .8rem var(--body);color:var(--leise);margin-right:.15rem}
.seite-kivideo .kv-nachlauf-ent{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.25rem 1.35rem;border-radius:1.25rem;background:#fff;border:1px solid var(--linie-2);color:var(--text);text-decoration:none;scroll-margin-top:6.5rem;transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-nachlauf-ent:hover{transform:translateY(-2px)}
.seite-kivideo .kv-nachlauf-ent-ico{width:2.8rem;height:2.8rem;border-radius:.95rem;display:grid;place-items:center;background:#fbe4ee;color:var(--marke)}
.seite-kivideo .kv-nachlauf-ent-ico svg{width:1.4rem;height:1.4rem}
.seite-kivideo .kv-nachlauf-ent>span:nth-child(2){display:grid;gap:.15rem}
.seite-kivideo .kv-nachlauf-ent small{font:700 .78rem var(--display);color:var(--marke)}
.seite-kivideo .kv-nachlauf-ent b{font:700 1.12rem var(--display);color:var(--tinte)}
.seite-kivideo .kv-nachlauf-ent span span{font-size:.9rem;color:var(--leise);line-height:1.45}
.seite-kivideo .kv-nachlauf-ent .kv-pfeil{width:1.2rem;height:1.2rem;color:var(--marke);transition:transform var(--kv-schnell) var(--ease)}
.seite-kivideo .kv-nachlauf-ent:hover .kv-pfeil{transform:translateX(3px)}
.seite-kivideo .kv-zart+.kv-cta{padding-top:clamp(2.6rem,5vw,3.6rem)}

/* ---------- Breiten ---------- */
@media (max-width:1180px){
  .seite-kivideo .kv-auftraege-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seite-kivideo .kv-auftraege-raster>li:first-child{grid-column:1/-1}
  .seite-kivideo .kv-auftraege-raster>li:first-child .kv-auftrag{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:1rem}
  .seite-kivideo .kv-auftraege-raster>li:first-child .kv-auftrag-ico{grid-row:1/span 2}
  .seite-kivideo .kv-ent-beide{grid-template-columns:1fr}
}
@media (max-width:1023px){
  .seite-kivideo .kv-kopf-raster{grid-template-columns:minmax(0,1fr)}
  .seite-kivideo .kv-buehne{height:auto;max-width:34rem;justify-self:start}
  .seite-kivideo .kv-buehne::before{display:none}
  .seite-kivideo .kv-buehne .kv-video{position:static;width:100%}
  .seite-kivideo .kv-b-links,.seite-kivideo .kv-b-rechts{display:none}
  .seite-kivideo .kv-b-quer figcaption{max-width:none}
  .seite-kivideo .kv-karten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seite-kivideo .kv-stand-raster,.seite-kivideo .kv-nachlauf-raster{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .seite-kivideo .kv-ent-raster{grid-template-columns:minmax(0,1fr)}
  .seite-kivideo .kv-ent-beide ul{grid-template-columns:minmax(0,1fr)}
  .seite-kivideo .kv-bruecke-raster{grid-template-columns:minmax(0,1fr)}
  .seite-kivideo .kv-nav{scroll-margin-top:6.5rem}
}
@media (max-width:700px){
  .seite-kivideo .kv-kapitel .kv-ziel{grid-template-columns:minmax(0,1fr)}
  .seite-kivideo .kv-ziel-bild{max-width:22rem;width:100%}
  .seite-kivideo .kv-weiter{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:639px){
  .seite-kivideo .kv-karten{grid-template-columns:minmax(0,1fr);gap:2rem}
  .seite-kivideo .kv-kennzahlen{display:none}
  .seite-kivideo .kv-filter{padding:.9rem;gap:.9rem}
  .seite-kivideo .kv-filter-gruppe{width:100%}
  .seite-kivideo .kv-treffer-zeile{flex-wrap:wrap;gap:.4rem}
  .seite-kivideo .kv-termine li{grid-template-columns:minmax(0,1fr);gap:.2rem}
  .seite-kivideo .kv-faq-inhalt{padding-left:1.15rem}
  .seite-kivideo .kv-schritt{grid-template-columns:2.2rem minmax(0,1fr);gap:.85rem}
  .seite-kivideo .kv-schritt::before{width:2.2rem;height:2.2rem;font-size:.9rem}
  .seite-kivideo .kv-schritt::after{left:1.1rem;top:2.2rem}
  .seite-kivideo .kv-wissen-box{padding:1.1rem 1.1rem 1.1rem 1.1rem}
  .seite-kivideo .kv-wissen-ico{position:static;margin-bottom:.5rem}
  .seite-kivideo .kv-gelesen-fort{min-width:0;width:100%}
  .seite-kivideo .kv-bruecke-karte{grid-template-columns:auto minmax(0,1fr);padding:1.2rem}
  .seite-kivideo .kv-bruecke-karte .kv-pfeil{display:none}
  .seite-kivideo .kv-nachlauf-ent{grid-template-columns:auto minmax(0,1fr)}
  .seite-kivideo .kv-nachlauf-ent .kv-pfeil{display:none}
}
@media (max-width:559px){
  .seite-kivideo .kv-auftraege-raster{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .seite-kivideo .kv-auftraege-raster .kv-auftrag,.seite-kivideo .kv-auftraege-raster>li:first-child .kv-auftrag{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.9rem;row-gap:.75rem;padding:1rem}
  .seite-kivideo .kv-auftraege-raster .kv-auftrag-ico{grid-row:1}
  .seite-kivideo .kv-auftrag-fuss{grid-column:1/-1;padding-top:.7rem}
}

/* Hover-Effekte nur für Mausgeräte */
@media (hover:none){
  .seite-kivideo .kv-auftrag:hover,.seite-kivideo .kv-karte:hover .kv-karte-bild,.seite-kivideo .kv-weiter-karte:hover,.seite-kivideo .kv-bruecke-karte:hover,.seite-kivideo .kv-nachlauf-ent:hover,.seite-kivideo .kv-ziel-links a:hover{transform:none}
}

/* Reduzierte Bewegung: keine Einblendungen, keine Bewegung */
@media (prefers-reduced-motion:reduce){
  .seite-kivideo .kv-buehne .kv-video{transition:none}
  .seite-kivideo .kv-karten,.seite-kivideo .kv-auftrag,.seite-kivideo .kv-karte-bild,.seite-kivideo .kv-weiter-karte,.seite-kivideo .kv-bruecke-karte,.seite-kivideo .kv-nachlauf-ent,.seite-kivideo .kv-ziel-links a,.seite-kivideo .kv-chip,.seite-kivideo .kv-kopieren,.seite-kivideo .kv-gelesen,.seite-kivideo .kv-fort-balken{transition:none}
  .seite-kivideo .kv-auftrag:hover,.seite-kivideo .kv-karte:hover .kv-karte-bild,.seite-kivideo .kv-weiter-karte:hover,.seite-kivideo .kv-bruecke-karte:hover,.seite-kivideo .kv-nachlauf-ent:hover,.seite-kivideo .kv-ziel-links a:hover{transform:none}
  .seite-kivideo .kv-faq details[open] .kv-faq-inhalt,.seite-kivideo .kv-gelesen.kv-pop .kv-gelesen-kasten{animation:none}
}