/* B6 · 12.09.2026. Beauftragte Sehkorrekturen; Originalregeln bleiben in Reihenfolge.
   Gemeinsamer Aufbau für Deutsch und Englisch. Keine Schriften oder Medien ersetzt. */
@media screen {
  /* Start H1 / Ballflug H6,8,10,12 und PC1: mitlaufender Kopf verdeckt keine Zeilen. */
  html body .topbar, html body .topbar.is-scrolled {
    position:relative !important; top:auto !important; inset-inline: auto !important;
    background:rgba(10,6,4,.94) !important; min-height:56px; height:auto !important;
    padding-block:8px !important; transform:none !important;
    backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  }
  html body .topbar::after { display:none !important; }
  html body .topbar:has(button[aria-expanded="true"]) { z-index:200000 !important; }
  html body .topnav a, html body .langswitch button, html body .topbar .back {
    color:#eee7da !important; opacity:1 !important; letter-spacing:.06em !important;
  }
  html body .topnav a[aria-current="page"], html body .langswitch button.active { color:#f5d778 !important; }
  html body .bs-mobile-nav, html body .bs-mobilenav { background:#100d0a !important; }
  html body .rs-banner { padding:7px 8px !important; height:auto !important; max-height:40px !important; white-space:nowrap !important; }
  html body .rs-banner span, html body .rs-banner .rs-b-mini, html body .rs-banner .rs-b-full { font-size:12px !important; line-height:1.4 !important; letter-spacing:.06em !important; white-space:nowrap !important; }

  /* Begrenzte Flächen hinter Absätzen, Listen, Karten und Titeln.
     Body/HTML werden ausdrücklich nicht als Leseflächen verwendet. */
  html body [data-b6-reading] {
    background-color:#100d0a !important; background-image:none !important;
    color:#eee7da !important; isolation:isolate;
  }
  html body .b6-direct-reading { max-width:1000px; margin-inline:auto; }
  /* Start PC8/13/19: Medienkinder liegen über dem Abschnittshintergrund.
     Deshalb erhalten die unmittelbar davorliegenden Textblöcke eigene Flächen. */
  html body [data-b6-reading] > :is(p,li,.teaser,.badge) {
    background-color:#100d0a !important; background-image:none !important;
  }
  /* Start H16: Die vorhandenen Bildblenden (z=4) bleiben hinter dem Text. */
  html body .vstage .cap, html body .vstage .vf-panel { z-index:6 !important; }
  html body [data-b6-text-tree] {
    opacity:1 !important; filter:none !important;
    -webkit-mask-image:none !important; mask-image:none !important;
  }
  html body [data-b6-reading]::before, html body [data-b6-reading]::after {
    opacity:0 !important; pointer-events:none !important;
  }
  html body :is(p,li,blockquote,figcaption,.muted,.sub,.legal-note,.copy,.t-role,.stat-label,.bfl-range-hint) {
    color:#eee7da !important; text-shadow:none !important;
  }
  html body [data-b6-heading], html body [data-b6-heading] :is(span,b,em,i,strong),
  html body .vstage .cap :is(.k,.t), html body .h2-cine-cap :is(.k,.t) {
    color:#f5d778 !important; -webkit-text-fill-color:#f5d778 !important;
    opacity:1 !important; filter:none !important; background-image:none !important;
    -webkit-background-clip:border-box !important; background-clip:border-box !important;
    text-shadow:none !important; animation:none !important;
  }
  html body :is(.bfl-ctrl label,#bs-reax-label,.label) { color:#eee7da !important; opacity:1 !important; }
  html body :is(.flutlicht-bar,.stat-counter-row) { background:#100d0a !important; opacity:1 !important; }
  html body :is(.fl-count .label,.stat-counter-row .lbl) {
    color:#eee7da !important; background:#100d0a !important; opacity:1 !important; letter-spacing:.06em !important;
  }
  html body .bs-dispatch .eyebrow { font-size:16px !important; letter-spacing:.08em !important; }
  html body [data-b6-heading] { background-color:#100d0a !important; }
  html body :is(.lede,.hero-plain,.promise,.aug-text,.raum-einleitung,.tafel p) { font-style:normal !important; }
  html body :is(.grid,.cols,.cards,.t-grid,.fact-grid,.feature-grid) { align-items:start !important; }
  html body :is(.card,.quote-card,.t-card,.proof,.next-step) { height:auto !important; min-height:0 !important; }
  html body :is(.card,.quote-stage,.t-card) :is(p,blockquote) { max-width:70ch !important; }
  html body .t-quote { font-size:20px !important; line-height:1.6 !important; font-weight:400 !important; }
  html body .card.t-card { padding:26px !important; }
  html body .bs-dispatch p { max-width:70ch !important; line-height:1.6 !important; }
  /* Weitere Berichtstellen: Start H4/H20, Labor H4, FAQ PC8, News H13. */
  html body .bs-vortrag-tuer .btn {
    display:block !important; box-sizing:border-box; max-width:100%;
    padding:12px !important; letter-spacing:.02em !important; white-space:normal !important;
  }
  html body #methode .list li { margin-block:4px !important; padding-block:4px !important; }
  html body .hero-text .badges .badge > b { display:block; margin-bottom:6px; }
  html body .hero-text .badges .badge > b + span { display:block; }
  html body #faq:has(> details.acc) { max-width:1000px !important; }
  html body .b6-legal-links { display:block; margin-top:10px; white-space:nowrap; }
  html body .b6-legal-links > a { display:inline-flex !important; align-items:center; padding:12px 3px !important; min-height:44px; box-sizing:border-box; }
  /* Coaches PC16: Faktorenkasten und Folgetitel im Fluss mit eigenem Abstand. */
  html body .vstage-mini:has(.vf-panel) { height:auto !important; max-height:none !important; min-height:320px !important; }
  html body .vstage-mini .vf-panel { position:relative !important; inset:auto !important; margin:16px 16px 24px !important; background:#100d0a !important; }
  html body .vstage-mini .vf-item { opacity:1 !important; transform:none !important; animation:none !important; }
  html body .vstage-mini .vf-head { color:#f5d778 !important; background:#100d0a !important; }
  html body .vstage-mini .vf-panel + .cap { position:relative !important; inset:auto !important; }
  html body footer :is(p,.copy), html body .legal-note { max-width:75ch; line-height:1.6 !important; }
  html body footer .wrap { position:relative; z-index:2; }
  html body #ki-schild-r153 > p:first-child { display:block; font-weight:600; margin-bottom:12px !important; }

  /* Start H19 / PC9, Coaches H8 / PC8, Stimmen PC11: ganze Sätze, Volltext bleibt. */
  html body .fold-body, html body .text-fold-body, html body .t-quote {
    display:block !important; max-height:none !important; height:auto !important;
    -webkit-line-clamp:unset !important; overflow:visible !important;
    -webkit-mask-image:none !important; mask-image:none !important;
  }
  html body [data-b6-tail] { display:none !important; }
  html body .text-fold.is-open [data-b6-tail], html body .card.is-open [data-b6-tail],
  html body .t-card.is-active [data-b6-tail] { display:revert !important; }
  html body [data-b6-has-lead]:not(.is-open) :is(.fold-body,.text-fold-body) { display:none !important; }
  html body [data-b6-has-tail] > .fold-more { display:inline-flex !important; }
  html body [data-b6-toggle], html body .t-more {
    position:relative !important; inset:auto !important; margin-top:12px !important;
    min-height:44px; color:#f5d778 !important; opacity:1 !important;
    background:#100d0a !important; -webkit-mask-image:none !important; mask-image:none !important;
  }
  html body .t-quote::after { display:none !important; }

  /* FAQ H8: Platz für das vorhandene Zeichen, getrennt vom unveränderten Fragetext. */
  html body details.acc > summary {
    display:block !important; position:relative; padding:16px 56px 16px 18px !important;
    min-height:52px; color:#f5d778 !important; background:#100d0a !important;
  }
  html body details.acc > summary::after {
    position:absolute !important; right:18px !important; left:auto !important; top:18px !important;
    width:24px !important; line-height:24px !important; margin:0 !important;
    opacity:1 !important; color:#f5d778 !important;
  }
  html body details.acc > summary > :is(span,i,b) { margin-right:0; }

  /* Labor PC5,8,18: die Lesespalte bleibt im Seitenraster. */
  html body :is(.h2-cine-cap,.vstage .cap) {
    left:0 !important; right:0 !important; transform:none !important;
    width:100% !important; max-width:100% !important; min-width:0 !important;
    box-sizing:border-box; white-space:normal !important;
  }
  html body .vstage .cap :is(.k,.t), html body .vstage .cap :is(.k,.t) * {
    opacity:1 !important; -webkit-mask-image:none !important; mask-image:none !important;
    transform:none !important; filter:none !important;
  }
  html body .h2-cine-cap, html body .h2-cine-cap *,
  html body [data-b6-reading] :is(p,li,blockquote) :is(span,b,strong,em) {
    opacity:1 !important; -webkit-mask-image:none !important; mask-image:none !important;
    filter:none !important; color:inherit !important; -webkit-text-fill-color:currentColor !important;
  }
  html body .bs-tile-hint {
    position:relative !important; inset:auto !important; display:block !important;
    margin-top:16px !important; padding-block:8px; color:#f5d778 !important;
    opacity:1 !important; transform:none !important;
  }
  html body .factor-card { min-height:0 !important; height:auto !important; padding-bottom:20px !important; }
  html body .kk-label { fill:#f5d778 !important; opacity:1 !important; font-size:16px !important; }
  html body .kk-btn { color:#eee7da !important; min-height:44px !important; }
  html body .kk-node-disc { fill:#100d0a !important; stroke:#f5d778 !important; }

  /* Start H8 / PC5,7: Zeichnung und Regler gehören in eine gemeinsame Einheit. */
  html body .b6-flight-unit { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:16px 24px; align-items:start; }
  html body .b6-flight-dock { display:contents; }
  html body .b6-flight-unit .bfl-canvas-wrap { grid-column:1; grid-row:1; align-self:start; }
  html body .b6-flight-unit #bfl-shot-desc { grid-column:1; grid-row:2; }
  html body .b6-flight-unit .bfl-controls { grid-column:2; grid-row:1 / span 2; margin:0; display:grid; grid-template-columns:1fr; gap:10px; }
  html body .bfl-tab { color:#f5d778 !important; opacity:1 !important; background:#100d0a !important; }
  html body .bfl-tab.active { background:#49371b !important; border-color:#f5d778 !important; }
  html body #bfl-strike, html body #beispiel-abschlag { background:#f5d778 !important; color:#100d0a !important; opacity:1 !important; }
  html body .bs-reax { min-height:0 !important; height:auto !important; padding:20px !important; }
  html body .bs-reax-pad { min-height:72px !important; height:auto !important; padding:20px !important; }
  html body #ballflug-labor { overflow:visible !important; }
  html body #ballflug-labor #bfl-canvas { filter:brightness(1.5) !important; }
  html body #ballflug-labor #bfl-ruhe { filter:brightness(3) !important; }
  html body .topbar + main, html body main > .hero { scroll-margin-top:12px; }
  html body .hero .cta-row a { box-sizing:border-box; }

  /* Ecken-Chips: nur der ausdrücklich gewünschte Wortlaut ändert sich. */
  html body #bewegung-knopf::after { content:"Images and films: partly AI-generated"; }
  html body.lang-de #bewegung-knopf::after { content:"Bilder und Filme: teils mit KI erzeugt"; }
}
@media screen and (max-width:768px) {
  html body .topbar { padding-inline:12px !important; gap:10px !important; }
  html body .b6-flight-unit { display:block !important; position:relative !important; padding:0 !important; min-height:calc(100svh - 16px) !important; }
  html body .b6-flight-dock { position:sticky !important; top:8px !important; display:flex !important; flex-direction:column; gap:10px; background:#100d0a; z-index:20; align-self:start; }
  html body .b6-flight-unit .bfl-canvas-wrap {
    position:relative !important; top:auto !important; z-index:20 !important;
    width:100%; max-height:45vh; background:#100d0a !important;
  }
  html body .b6-flight-unit #bfl-canvas { height:240px !important; max-height:45vh !important; }
  html body .b6-flight-unit #bfl-shot-desc { margin:0 auto !important; font-size:14px !important; line-height:1.4 !important; }
  html body .b6-flight-unit .bfl-controls { width:100%; gap:6px !important; }
  html body .bfl-ctrl label { margin-bottom:0 !important; }
  html body .bfl-range-hint { margin-top:0 !important; }
  html body .bfl-tabs { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px !important; }
  html body .bfl-strike-wrap { margin-top:0 !important; }
  html body .hero .cta-row a { display:flex !important; align-items:center; justify-content:center; width:100%; max-width:100%; white-space:normal; }
  html body :is(.vstage,.mband,.h2-cine-sec) { min-height:0 !important; height:320px !important; max-height:45vh !important; }
  html body .card.t-card { padding:20px !important; }
  html body .t-quote { font-size:18px !important; }
  html body .topbar .back { font-size:14px !important; }
  html body .flutlicht-bar { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  html body .flutlicht-bar .fl-count { min-width:0 !important; width:auto !important; }
}
@media screen and (min-width:1000px) {
  html body .factor-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  html body .h2-cine-sec { min-height:0 !important; }
}

@media screen {

/* B6 Herkunft: nur markierte, belegte Einzelhinweise sichtbar machen. */
html body .b6-origin-caption,
html body .b6-existing-caption {
  display:block !important; position:relative !important; inset:auto !important;
  transform:none !important; margin:0 !important; padding:8px 14px !important;
  background:rgba(10,6,4,.96) !important; color:#f5ead5 !important;
  font-size:14px !important; line-height:1.45 !important; letter-spacing:.02em !important;
  opacity:1 !important; text-shadow:none !important; filter:none !important;
  white-space:normal !important; height:auto !important; max-height:none !important;
  z-index:5; box-sizing:border-box; border-radius:0;
}
html body .mk-wrap .b6-inline-caption {
  width:100%; border:0 !important; text-align:center; pointer-events:none;
}
html body .b6-frame-caption {
  display:block !important; position:absolute !important; inset:auto 8px 8px auto !important;
  transform:none !important; font-size:14px !important; line-height:1.45 !important;
  padding:5px 9px !important; background:rgba(10,6,4,.96) !important;
  color:#f5ead5 !important; opacity:1 !important; z-index:8 !important;
  white-space:normal !important; text-shadow:none !important;
}
html body .mk-schild.b6-frame-caption.b6-frame-caption,
html body .mk-schild.b6-origin-caption.b6-origin-caption { display:block !important; }

}