/* ═══════════════════════════════════════════════════════════════════════
   dp2-live.css · landing-videothek-1 · DealPilot live, Videothek, F&E
   ───────────────────────────────────────────────────────────────────────
   Marcel am 16.10.2026: "die gesamten Videos auf die Landingpage packen,
   dass dort immer irgendwo ein Video durchlaeuft, als Slider ... relativ
   weit oben, nicht direkt am Header ... DealPilot Live ... geil animiert
   ... umschalten Basis und Erweitert ... und eine extra Subpage."

   Drei Teile, eine Datei, weil alle drei dieselben Bausteine tragen:
     .dpl-*   der Abschnitt "DealPilot live" (index.html #live)
     .vt-*    die Videothek (videothek.html)
     .fe2-*   der F&E-Abschnitt (index.html #forschung, forschung.html)
     .kz-*    die Kanzlei-Zeile im Partnerbereich

   Gold steht NUR als Token (var(--gd), --gdh, --gdd, --runway, --line)
   oder als color-mix auf das Token - keine harten Goldwerte, sonst
   faerbt sich der Abschnitt beim Whitelabel nicht mit.
   Inhalte kommen aus assets/videothek/videos.json (dp2-live.js).
   ═══════════════════════════════════════════════════════════════════════ */

/* ══ DealPilot live ═════════════════════════════════════════════════════ */
.dpl{position:relative;overflow:hidden}
.dpl::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 420px at 78% 8%,color-mix(in srgb,var(--gd) 16%,transparent),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 56px);
  opacity:.9}
.dpl .wrap{position:relative}
.dpl-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:30px}
.dpl-kopf .head{margin-bottom:0}

/* Umschalter Ueberblick / Basis / Erweitert */
.dpl-tabs{display:inline-flex;gap:0;border:1px solid var(--line);background:rgba(255,255,255,.02);padding:4px;border-radius:40px}
.dpl-tab{font:700 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mdk);
  background:none;border:0;padding:11px 16px;border-radius:30px;cursor:pointer;transition:color .25s,background .35s var(--e-weich);white-space:nowrap}
.dpl-tab small{display:inline-block;margin-left:7px;font-size:9.5px;opacity:.7}
.dpl-tab:hover{color:#fff}
.dpl-tab[aria-selected="true"]{background:var(--runway);color:#14100a}
.dpl-tab:focus-visible{outline:2px solid var(--gdh);outline-offset:2px}

.dpl-buehne{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:22px;align-items:start}  /* 1a: stretch zog den Bildschirm auf Kartenhoehe, darunter stand ein schwarzes Feld */

/* Der Bildschirm: Goldrahmen, Eckmarken, Instrumentenzeile */
.dpl-schirm{position:relative;border:1px solid var(--line);background:#000;
  box-shadow:0 40px 90px -40px color-mix(in srgb,var(--gd) 45%,transparent),0 0 0 6px rgba(255,255,255,.015)}
.dpl-schirm::before,.dpl-schirm::after{content:'';position:absolute;width:18px;height:18px;z-index:3;pointer-events:none;border-color:var(--gdh)}
.dpl-schirm::before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}
.dpl-schirm::after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.dpl-hud{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);
  font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ddk);background:var(--ob1)}
.dpl-live{display:inline-flex;align-items:center;gap:7px;color:#fff}
.dpl-live i{width:8px;height:8px;border-radius:50%;background:#D8564C;box-shadow:0 0 0 0 rgba(216,86,76,.6);animation:dplPuls 1.8s infinite}
@keyframes dplPuls{0%{box-shadow:0 0 0 0 rgba(216,86,76,.55)}70%{box-shadow:0 0 0 9px rgba(216,86,76,0)}100%{box-shadow:0 0 0 0 rgba(216,86,76,0)}}
.dpl-hud .dpl-flug{color:var(--gdh)}
.dpl-hud .dpl-zeit{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--mdk)}
.dpl-bild{position:relative;aspect-ratio:1920/1022;background:#000;overflow:hidden}
.dpl-bild video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;
  transition:opacity .6s var(--e-weich),transform 1.2s var(--e-weich)}
.dpl-bild.wechsel video{opacity:0;transform:scale(1.015)}
.dpl-knopf{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:74px;height:74px;border-radius:50%;border:1px solid var(--gdh);cursor:pointer;
  background:color-mix(in srgb,var(--ob) 70%,transparent);backdrop-filter:blur(6px);
  display:grid;place-items:center;color:var(--gdh);transition:opacity .3s,transform .3s var(--e-weich)}
.dpl-knopf:hover{transform:translate(-50%,-50%) scale(1.06)}
.dpl-knopf svg{width:26px;height:26px;fill:currentColor;margin-left:4px}
.dpl-schirm.laeuft .dpl-knopf{opacity:0;pointer-events:none}
.dpl-fuss{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:var(--ob1)}
.dpl-bahn{flex:1;height:4px;background:rgba(255,255,255,.08);position:relative;cursor:pointer}
.dpl-bahn i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--runway);transition:width .25s linear}
.dpl-bahn::after{content:'';position:absolute;left:0;right:0;top:-8px;bottom:-8px}
.dpl-mini{background:none;border:1px solid var(--line);color:var(--gdh);width:32px;height:32px;cursor:pointer;
  display:grid;place-items:center;transition:background .2s}
.dpl-mini:hover{background:color-mix(in srgb,var(--gd) 14%,transparent)}
.dpl-mini svg{width:14px;height:14px;fill:currentColor}

/* Die Bordkarte rechts: Geschichte zum Video */
.dpl-karte{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));padding:24px 24px 20px}
.dpl-karte::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:var(--runway)}
.dpl-k-kick{display:flex;justify-content:space-between;gap:10px;font:700 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gdh)}
.dpl-k-kick span:last-child{white-space:nowrap;color:var(--ddk)}
.dpl-karte h3{font:700 clamp(21px,2.1vw,27px)/1.15 var(--disp);color:#fff;margin:14px 0 6px;letter-spacing:-.01em}
.dpl-karte .dpl-unter{font:500 14px/1.45 var(--body);color:var(--gdh);margin:0 0 14px}
.dpl-karte .dpl-story{font-size:14.6px;line-height:1.62;color:var(--mdk);margin:0 0 16px}
.dpl-gewinn{border-left:3px solid var(--gd);background:color-mix(in srgb,var(--gd) 9%,transparent);padding:10px 14px;margin:0 0 16px}
.dpl-gewinn b{display:block;font:700 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gdh);margin-bottom:6px}
.dpl-gewinn span{font-size:14px;line-height:1.5;color:#fff}
.dpl-kapitel{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.dpl-kapitel span{font:600 10px/1 var(--mono);letter-spacing:.04em;color:var(--txtd);border:1px solid rgba(255,255,255,.12);padding:6px 9px;border-radius:20px}
.dpl-spruch{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(255,255,255,.14);
  font:italic 500 20px/1.3 var(--ser);color:#fff}
.dpl-aktion{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.dpl-aktion .btn-l{padding:11px 16px;font-size:12.5px}
.dpl-karte .dpl-inhalt{transition:opacity .45s var(--e-weich),transform .45s var(--e-weich)}
.dpl-karte.wechsel .dpl-inhalt{opacity:0;transform:translateY(10px)}

/* Der Filmstreifen */
.dpl-streifen{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 2px 8px;margin-top:6px;scrollbar-width:thin}
.dpl-w{flex:0 0 212px;scroll-snap-align:start;text-align:left;background:none;border:1px solid rgba(255,255,255,.1);padding:0;cursor:pointer;color:inherit;position:relative;transition:border-color .25s,transform .35s var(--e-weich)}
.dpl-w:hover{border-color:var(--gd);transform:translateY(-3px)}
.dpl-w.on{border-color:var(--gdh)}
.dpl-w img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(.8) brightness(.8);transition:filter .3s}
.dpl-w:hover img,.dpl-w.on img{filter:none}
.dpl-w .dpl-wt{display:block;padding:9px 10px 10px}
.dpl-w .dpl-wn{font:700 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--gdh)}
.dpl-w b{display:block;font:600 13px/1.3 var(--body);color:#fff;margin-top:5px}
.dpl-w .dpl-wd{position:absolute;right:6px;top:6px;font:700 9.5px/1 var(--mono);background:rgba(0,0,0,.72);color:#fff;padding:4px 6px}
.dpl-w .dpl-wp{position:absolute;left:0;right:0;top:0;height:3px;background:transparent}
.dpl-w.on .dpl-wp{background:linear-gradient(90deg,var(--gdh) var(--p,0%),rgba(255,255,255,.12) var(--p,0%))}
.dpl-hinweis{margin:14px 0 0;font-size:12.5px;color:var(--ddk)}
.dpl-hinweis a{color:var(--gdh)}

/* ══ F&E-Abschnitt (Landing) ════════════════════════════════════════════ */
.fe2{position:relative;overflow:hidden}
.fe2::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 500px at 14% 40%,color-mix(in srgb,var(--gd) 14%,transparent),transparent 70%)}
.fe2 .wrap{position:relative}
.fe2-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:56px;align-items:center}
.fe2-siegel{position:relative;width:min(300px,100%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.fe2-siegel::before{content:'';position:absolute;inset:-14px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 20%,var(--gdh) 32%,transparent 45% 70%,var(--gd) 82%,transparent 95%);
  -webkit-mask:radial-gradient(circle,transparent 66%,#000 67%,#000 69%,transparent 70%);
          mask:radial-gradient(circle,transparent 66%,#000 67%,#000 69%,transparent 70%);
  animation:fe2Dreh 9s linear infinite}
.fe2-siegel::after{content:'';position:absolute;inset:-34px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--gd) 35%,transparent)}
@keyframes fe2Dreh{to{transform:rotate(360deg)}}
.fe2-siegel img{position:relative;width:100%;height:auto;border-radius:50%;background:#fff;padding:6px;
  box-shadow:0 30px 80px -30px color-mix(in srgb,var(--gd) 60%,transparent)}
.fe2-zitat{font:italic 500 clamp(24px,3vw,34px)/1.25 var(--ser);color:#fff;margin:6px 0 16px;border-left:3px solid var(--gd);padding-left:18px}
.fe2 .fe2-text{color:var(--mdk);font-size:16px;line-height:1.7;margin:0 0 16px;max-width:62ch}
.fe2 .fe2-text b{color:#fff;font-weight:600}
.fe2-drei{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);margin:24px 0 22px}
.fe2-drei > div{padding:18px 18px 16px;border-right:1px solid var(--line)}
.fe2-drei > div:last-child{border-right:0}
.fe2-drei b{display:block;font:700 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gdh);margin-bottom:9px}
.fe2-drei span{font-size:14px;line-height:1.55;color:var(--txtd)}
.fe2-fuss{font-size:12.5px;color:var(--ddk);margin:14px 0 0}

/* Kanzlei-Zeile im Partnerbereich */
.kz{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center;margin:30px auto 34px;max-width:880px;
  padding:18px 24px;background:#fff;border:1px solid var(--cream-line);border-left:3px solid var(--gd)}
.kz img{height:40px;width:auto}
.kz p{margin:0;flex:1;min-width:240px;font-size:14.5px;line-height:1.55;color:var(--inkm)}
.kz p b{color:var(--ink)}

/* ══ Videothek (videothek.html) ═════════════════════════════════════════ */
.vt-hero{padding:56px 0 34px}
.vt-hero h1{font:700 clamp(32px,5vw,56px)/1.05 var(--disp);color:#fff;margin:14px 0 14px;letter-spacing:-.02em}
.vt-hero h1 .ac{color:var(--gdh)}
.vt-hero p{color:var(--mdk);font-size:17px;max-width:64ch;margin:0}
.vt-zahlen{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.vt-zahlen div{border:1px solid var(--line);padding:12px 18px;min-width:120px}
.vt-zahlen b{display:block;font:700 26px/1 var(--disp);color:var(--gdh)}
.vt-zahlen span{display:block;margin-top:5px;font:700 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ddk)}
.vt-leiste{position:sticky;top:var(--nav-h,74px);z-index:15;background:color-mix(in srgb,var(--ob) 92%,transparent);backdrop-filter:blur(12px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vt-leiste .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.vt-suche{margin-left:auto;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;font:500 14px var(--body);padding:10px 14px;min-width:220px}
.vt-suche::placeholder{color:var(--ddk)}
.vt-gruppe{padding:40px 0 10px}
.vt-gruppe[hidden]{display:none}
.vt-gk{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:14px}
.vt-gk h2{font:700 clamp(22px,3vw,30px)/1.1 var(--disp);color:#fff;margin:0}
.vt-gk span{font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gdh)}
.vt-gk p{flex-basis:100%;margin:4px 0 0;color:var(--mdk);font-size:14.5px}
.vt-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.vt-k{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.09);text-align:left;color:inherit;cursor:pointer;padding:0;
  display:flex;flex-direction:column;transition:border-color .25s,transform .35s var(--e-weich),box-shadow .35s}
.vt-k:hover{border-color:var(--gd);transform:translateY(-4px);box-shadow:0 26px 50px -30px color-mix(in srgb,var(--gd) 55%,transparent)}
.vt-k[hidden]{display:none}
.vt-kb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.vt-kb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e-weich),filter .4s;filter:brightness(.82)}
.vt-k:hover .vt-kb img{transform:scale(1.04);filter:none}
.vt-kb .vt-nr{position:absolute;left:10px;top:10px;font:700 12px/1 var(--disp);background:var(--runway);color:#14100a;padding:6px 9px}
.vt-kb .vt-d{position:absolute;right:10px;bottom:10px;font:700 10px/1 var(--mono);background:rgba(0,0,0,.75);color:#fff;padding:5px 7px}
.vt-kb .vt-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;
  border:1px solid var(--gdh);background:rgba(0,0,0,.45);display:grid;place-items:center;opacity:0;transition:opacity .3s}
.vt-kb .vt-play svg{width:20px;height:20px;fill:var(--gdh);margin-left:3px}
.vt-k:hover .vt-play{opacity:1}
.vt-kt{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.vt-kt b{font:600 16px/1.3 var(--disp);color:#fff}
.vt-kt .vt-u{font-size:13.5px;color:var(--gdh);line-height:1.4}
.vt-kt .vt-s{font-size:13.5px;color:var(--mdk);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vt-leer{padding:40px 0;color:var(--mdk)}

/* Kino-Fenster */
.vt-kino{position:fixed;inset:0;z-index:200;background:rgba(3,3,3,.86);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px}
.vt-kino.auf{display:flex}
.vt-kino-in{width:min(1180px,100%);max-height:100%;overflow:auto;background:var(--ob);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.vt-kino video{width:100%;display:block;background:#000;aspect-ratio:1920/1022}
.vt-kino-t{padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px;position:relative}
.vt-kino-t h3{font:700 22px/1.2 var(--disp);color:#fff;margin:0}
.vt-kino-t .vt-u{color:var(--gdh);font-size:14px}
.vt-kino-t p{margin:0;color:var(--mdk);font-size:14.5px;line-height:1.6}
.vt-zu{position:absolute;right:10px;top:10px;background:none;border:1px solid var(--line);color:#fff;width:34px;height:34px;cursor:pointer;font-size:18px;line-height:1}
.vt-kino-n{display:flex;gap:8px;margin-top:auto;padding-top:10px;flex-wrap:wrap}
.vt-kino-n button{background:none;border:1px solid var(--line);color:var(--gdh);font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:11px 14px;cursor:pointer;transition:background .2s}
.vt-kino-n button:hover{background:color-mix(in srgb,var(--gd) 14%,transparent)}  /* 1b: .btn-l ist ausserhalb von .sec-dark hell und war hier unlesbar */
#fe-hero .lu-hero h2 .ac{color:var(--gdh)}

/* Siegel im Vertrauensband: 64 px war Marcel zu klein (16.10.2026). */
.tband-siegel img{width:84px;height:84px}
.tband-siegel a{display:contents;color:inherit}

/* ══ landing-videothek-5 · Suche und Kapitelmarken (Marcel 28.10.2026) ══════ */
.vt-leiste .dpl-tab{min-height:44px}
.vt-suchfeld{margin-left:auto;position:relative;display:flex;align-items:center;flex:0 1 440px;min-width:260px}
.vt-suchfeld svg{position:absolute;left:14px;width:18px;height:18px;fill:none;stroke:var(--gdh);stroke-width:2;stroke-linecap:round;pointer-events:none}
.vt-suchfeld .vt-suche{margin-left:0;width:100%;min-width:0;min-height:46px;padding:12px 14px 12px 42px;font-size:15px;
  border-color:color-mix(in srgb,var(--gd) 45%,transparent);border-radius:0;-webkit-appearance:none;appearance:none}
.vt-suchfeld .vt-suche:focus{outline:none;border-color:var(--gdh);box-shadow:0 0 0 3px color-mix(in srgb,var(--gd) 25%,transparent)}
.vt-treffer{padding:30px 0 10px}
.vt-treffer[hidden]{display:none}
.vt-t-zahl{margin:0 0 18px;color:var(--mdk);font-size:14.5px;line-height:1.6}
.vt-t-zahl b{color:var(--gdh)}
.vt-t-vorschlag{background:none;border:1px solid var(--line);color:var(--gdh);font:600 13px/1 var(--body);padding:0 14px;min-height:44px;cursor:pointer;margin:6px 4px 0 0}
.vt-t{display:block;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);margin-bottom:14px}
.vt-t-kopf{width:100%;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.07);padding:0;text-align:left;color:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:stretch;font:inherit}
.vt-t-bild{position:relative;display:block;flex:0 0 200px;aspect-ratio:16/9;overflow:hidden;background:#000}
.vt-t-bild img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:filter .3s}
.vt-t-bild .vt-nr{position:absolute;left:8px;top:8px;font:700 11px/1 var(--disp);background:var(--runway);color:#14100a;padding:5px 7px}
.vt-t-kopf:hover .vt-t-bild img{filter:none}
.vt-t-kopf:hover b{color:var(--gdh)}
.vt-t-text{padding:12px 16px;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.vt-t-kick{font:700 9.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ddk)}
.vt-t-text b{font:600 16px/1.3 var(--disp);color:#fff;transition:color .2s}
.vt-t-text .vt-u{font-size:13px;color:var(--gdh);line-height:1.4}
.vt-t-kap{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));column-gap:12px;padding:6px 8px;min-width:0}
.vt-t-mehr{grid-column:1/-1}
.vt-t-k{display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 10px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.06);
  color:#fff;text-align:left;cursor:pointer;font:500 14.5px/1.35 var(--body);transition:background .2s}
.vt-t-k:last-of-type{border-bottom:0}
.vt-t-k:hover,.vt-t-k:focus-visible{background:color-mix(in srgb,var(--gd) 12%,transparent);outline:none}
.vt-zeit{flex:0 0 auto;min-width:48px;text-align:center;font:700 12px/1 var(--mono);color:#14100a;background:var(--runway);padding:7px 6px}
.vt-t-kt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.vt-t-kt small{font:500 11.5px/1.35 var(--mono);color:var(--mdk)}
.vt-t-pfeil{flex:0 0 auto;display:flex}
.vt-t-pfeil svg{width:14px;height:14px;fill:var(--gdh)}
.vt-t-mehr{font:600 11px/1.3 var(--mono);color:var(--ddk);padding:10px 10px 6px;letter-spacing:.06em}
/* Kapitel im Kinofenster: klickbare Zeitmarken, aktives Kapitel gold */
.vt-kino-t .dpl-k-kick{padding-right:50px}
.vt-kino-t .vt-zu{width:44px;height:44px}
.vt-kap-kopf{font:700 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gdh);margin-top:6px}
.vt-kap{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.vt-kap li{border-bottom:1px solid var(--line)}
.vt-kap button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 8px;background:none;border:0;color:var(--txtd);
  text-align:left;font:500 14px/1.3 var(--body);cursor:pointer;transition:background .2s}
.vt-kap button .vt-zeit{background:none;color:var(--gdh);border:1px solid color-mix(in srgb,var(--gd) 50%,transparent);padding:6px 5px}
.vt-kap button:hover,.vt-kap button:focus-visible{background:rgba(255,255,255,.05);outline:none}
.vt-kap button.an{background:color-mix(in srgb,var(--gd) 14%,transparent);color:#fff;box-shadow:inset 3px 0 0 var(--gd)}
.vt-kap button.an .vt-zeit{background:var(--runway);color:#14100a;border-color:transparent}
.vt-kap-ohne{display:block;padding:12px 8px;color:var(--mdk);font-size:14px}
/* Ende eines Videos: anhalten, naechstes anbieten - kein automatischer Start */
.vt-kino-v{position:relative;min-width:0;background:#000}
.vt-ende{position:absolute;inset:0 0 54px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;
  background:rgba(3,3,3,.78);backdrop-filter:blur(3px)}
.vt-ende[hidden]{display:none}
.vt-ende-vor{display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:min(440px,100%);min-height:44px;text-align:left;cursor:pointer;
  background:var(--ob);border:1px solid var(--gd);color:#fff;padding:14px 18px;font:inherit;transition:background .2s}
.vt-ende-vor:hover,.vt-ende-vor:focus-visible{background:color-mix(in srgb,var(--gd) 16%,var(--ob));outline:none}
.vt-ende-vor small{font:700 9.5px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gdh)}
.vt-ende-vor b{font:600 19px/1.25 var(--disp)}
.vt-ende-vor b span{color:var(--gdh)}
.vt-ende-nochmal{background:none;border:0;color:var(--mdk);font:600 12px/1 var(--mono);letter-spacing:.08em;min-height:44px;padding:0 14px;cursor:pointer}
.vt-ende-nochmal:hover{color:#fff}
/* landing-videothek-6 · Kapitelleiste unter dem Bild: 44 px Tippflaeche, Striche je Kapitel,
   Tooltip mit Zeit und Titel. Die Endkarte laesst sie und die native Leiste frei. */
.vt-ende{bottom:98px}
.vt-zl{position:relative;height:44px;padding:0 14px;background:#0a0907;border-top:1px solid var(--line);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.vt-zl:focus-visible{outline:2px solid var(--gdh);outline-offset:-2px}
.vt-zl-bahn{position:relative;height:100%}
.vt-zl-bahn::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:rgba(255,255,255,.14)}
.vt-zl-fill{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;width:0;background:var(--runway)}
.vt-zl-kopf{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;left:0;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--gd) 45%,transparent);transition:transform .15s}
.vt-zl:hover .vt-zl-kopf{transform:scale(1.2)}
.vt-zl-marken{position:absolute;inset:0;pointer-events:none}
.vt-zl-marken i{position:absolute;top:50%;width:3px;height:16px;margin:-8px 0 0 -1.5px;border-radius:2px;background:var(--gdh);box-shadow:0 0 0 1.5px #0a0907}
.vt-zl-marken i.vorbei{background:#fff}
.vt-zl-tip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:3;max-width:min(320px,calc(100% - 8px));padding:7px 10px;background:var(--ob);border:1px solid var(--gd);color:#fff;
  font:600 13px/1.3 var(--sans,Inter,sans-serif);pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-zl-tip[hidden]{display:none}
.vt-zl-tip b{font:700 11px/1 var(--mono);color:var(--gdh);margin-right:8px;letter-spacing:.06em}
@media(min-width:701px){
  .vt-kino-in{align-items:start}
  .vt-kino-t{max-height:calc(100vh - 48px);overflow:auto}
}
@media(max-width:700px){
  .vt-suchfeld{flex:1 1 100%;min-width:0;margin-left:0}
  .vt-t-bild{flex:0 0 112px;aspect-ratio:auto;min-height:72px}
  .vt-t-text{padding:10px 12px}
  .vt-t-text b{font-size:15px}
  .vt-t-k{gap:10px;padding:8px 6px;font-size:14px}
  .vt-kino-v{position:sticky;top:0;z-index:2}
  .vt-ende{gap:8px;padding:12px}
  .vt-ende-vor b{font-size:16px}
  .vt-kino-t{padding-top:16px}
}

/* ══ Handy ══════════════════════════════════════════════════════════════ */
@media(max-width:1080px){
  .dpl-buehne{grid-template-columns:1fr}
  .fe2-grid{grid-template-columns:1fr;gap:40px}
  .fe2-siegel{width:min(240px,70%)}
}
@media(max-width:700px){
  .dpl-tabs{width:100%;overflow-x:auto;scrollbar-width:none}
  .dpl-tabs::-webkit-scrollbar{display:none}
  /* 1c: auf 375 px brach die Instrumentenzeile dreizeilig um */
  .dpl-hud{gap:10px;font-size:9px;letter-spacing:.1em;white-space:nowrap}
  .dpl-hud .dpl-flug{display:none}
  .dpl-tab{padding:10px 12px;font-size:9.5px;letter-spacing:.1em}
  .dpl-karte{padding:20px 18px 18px}
  .dpl-w{flex-basis:168px}
  .fe2-drei{grid-template-columns:1fr}
  .fe2-drei > div{border-right:0;border-bottom:1px solid var(--line)}
  .fe2-drei > div:last-child{border-bottom:0}
  .vt-suche{margin-left:0;min-width:0;width:100%}
  .vt-kino{padding:0}
  .vt-kino-in{grid-template-columns:1fr;height:100%}
  .kz{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  .fe2-siegel::before,.dpl-live i{animation:none}
  .dpl-bild video,.dpl-karte .dpl-inhalt{transition:none}
}

/* ══ landing-module-1 · Zusatzmodule für Partner (#module, im Partner-Kasten) ══
   Marcel 27.10.2026: RND-Kern, Wertermittlungs-Kern und Makler-Hub bewerben, „auf Anfrage". */
.pmod{margin-top:28px;border:1px solid var(--line);padding:30px 26px 22px}
.pmod-h{max-width:720px;margin-bottom:22px}
.pmod-h .tag{font:700 10px/1 var(--mono);letter-spacing:.14em;color:var(--gdh);text-transform:uppercase;margin-bottom:12px}
.pmod-h h3{font:600 26px/1.2 var(--disp);color:#fff;margin:0 0 10px}
.pmod-h p{margin:0;color:var(--mdk);font-size:14.5px;line-height:1.6}
.pmod-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pmod-k{display:flex;flex-direction:column;border:1px solid var(--line);padding:22px 20px;background:rgba(255,255,255,.025)}
.pmod-hub{border-color:var(--gdh)}
.pmod-n{font:700 9px/1 var(--mono);letter-spacing:.12em;color:var(--gdh);margin-bottom:12px}
.pmod-k h4{font-size:17px;color:#fff;margin:0 0 9px}
.pmod-k p{margin:0 0 12px;font-size:13.4px;color:var(--mdk);line-height:1.6}
.pmod-k ul{margin:0 0 18px;padding:0;list-style:none;flex:1}
.pmod-k li{font-size:13px;color:var(--txtd);line-height:1.5;padding:5px 0 5px 18px;position:relative}
.pmod-k li::before{content:"◆";position:absolute;left:0;top:6px;font-size:9px;color:var(--gdh)}
.pmod-cta{display:block;text-align:center;border:1px solid var(--gdh);color:var(--gdh);padding:12px;min-height:44px;
  font:700 11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.pmod-cta:hover{background:var(--runway);color:#14100a;border-color:transparent}
.pmod-f{margin:18px 0 0;font-size:12.6px;color:var(--ddk);line-height:1.6}
.pmod-f a{color:var(--gdh)}
.pmod-g.zwei{grid-template-columns:repeat(2,1fr)}   /* landing-makler-hub-3 · zwei Module ohne Makler-Hub */
@media(max-width:900px){.pmod-g,.pmod-g.zwei{grid-template-columns:1fr}.pmod{padding:24px 16px 18px}.pmod-h h3{font-size:22px}}

/* landing-module-1a · Marcel 27.10.2026: „mehr Platz zwischen Bild und den Partnern" - seit die
   Kanzlei-Zeile weg ist, sass das Hausbild direkt unter dem Logo-Laufband. */
#partner .pmarq + .bildzeile,#partner .pmarq ~ .bildzeile{margin-top:56px}
@media(max-width:640px){#partner .pmarq ~ .bildzeile{margin-top:40px}}

/* landing-loesungen-1 · Sprungziele unter der festen Navigation */
#partner-plan,#module{scroll-margin-top:96px}