/* druck-kanon-r85-a.css — ausgelagert am 2026-08-11 (Gewichts-Operation Teil 2). Quelle: byte-gleicher Inline-Block, Hash 1480f89f266f. ACHTUNG: Aenderung wirkt auf alle Seiten, die diese Datei laden. */

/* ==========================================================================
   DRUCK-KANON R85 - 01.08.2026 - eine einzige Regel fuer ALLE Seiten
   beider Auftritte (augmanitai + ballscience).

   WIRKT NUR AUF PAPIER. Alles steht in @media print bzw. @page.
   Am Bildschirm kann sich dadurch nichts aendern.

   WARUM ES DIESEN BLOCK BRAUCHT (Messung R84, 01.08.2026):
   Der alte Druck-Reset setzte "body *{background:transparent; color:#111}".
   Die dunkle Ruhe-Platte steht aber unter "main.wrap > .term-section" -
   das ist der genauere Selektor, also gewann die Platte. Ergebnis:
   fast schwarze Schrift auf fast schwarzem Grund, auf 251 von 261 Seiten.
   Dieser Block steht zuletzt im Dokument UND ist genauer als alles andere:
   ":root" sechsfach zaehlt wie 6 Klassen und schlaegt damit die genaueste
   vorhandene Klassen-Regel (5 Klassen). Die neun vorhandenen ID-Regeln,
   die Hintergrund oder Schriftfarbe mit !important setzen, sind namentlich
   mitgefuehrt und mit ":root" dreifach ueberboten.
   ========================================================================== */

@page{ size:A4; margin:18mm 16mm 20mm 16mm; }

@media print{

  /* --- 1. Grundflaeche: weisses Blatt, dunkle Schrift -------------------- */
  :root:root:root:root:root:root:root,
  :root:root:root:root:root:root:root body{
    background:#fff !important;
    background-image:none !important;
    color:#111 !important;
  }

  /* --- 2. Keine Platten, keine Schleier, keine Leucht-Effekte -----------
     Gilt fuer jedes Element und auch fuer die gemalten Zusatz-Ebenen
     (::before / ::after). Schlaegt auch Stil-Angaben, die direkt im
     HTML-Tag stehen, weil !important dort gewinnt.                       */
  :root:root:root:root:root:root *,
  :root:root:root:root:root:root *::before,
  :root:root:root:root:root:root *::after,
  :root:root:root #bewegung-knopf,
  :root:root:root #seiten-inhalt > footer,
  :root:root:root footer#fuss,
  :root:root:root footer#fuss p.ki-kennz,
  :root:root:root #begriff-des-tages > .funke-card,
  :root:root:root #nn-progress,
  :root:root:root #coaches::before,
  :root:root:root #qualifikationen::before,
  :root:root:root #bs-augmanitai-cta::before{
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    box-shadow:none !important;
    text-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
    animation:none !important;
    transition:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    text-shadow:none !important;
  }

  /* --- 3. Ueberschriften richtig schwarz --------------------------------- */
  :root:root:root:root:root:root h1,
  :root:root:root:root:root:root h2,
  :root:root:root:root:root:root h3,
  :root:root:root:root:root:root h4,
  :root:root:root:root:root:root h5,
  :root:root:root:root:root:root h6,
  :root:root:root:root:root:root h1 *,
  :root:root:root:root:root:root h2 *,
  :root:root:root:root:root:root h3 *{
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
  }

  /* --- 4. Filme, Leinwaende, Stimmungs-Ebenen: raus --------------------- */
  video, canvas, iframe, audio, model-viewer,
  .aug-ambient, .aug-ambient-wrap, .aug-ambient-veil, .aug-ambient-vignette,
  .aug-field, .aug-aurora, .aug-vignette, .aug-sky, .aug-dust, .aug-comet,
  .aug-ripple, .aug-welcome-bd, .aug-shimmer, .aug-tilt::after,
  .nn-bloom, .nn-spark, .nn-click-ring, .wow-spark, .film-grund,
  .held-schleier, .held-galerie, .kv-backdrop,
  .bs-ambient-wrap, .bs-ambient-veil, .bs-field, .bs-floodlight, .bs-cone,
  .bs-cursor-ring, .bs-cursor-trail, .bs-scrollbar, .bs-scroll-ball,
  .ix-gold-thread, .mb-ripple, .mr-breath, .amb-base, .amb-video-wrap, .amb-veil,
  .wk2-lightcones, .wk2-sparks-layer, .aug-dustline,
  [id*="loader"], [class*="loader"], [class*="veil"], [class*="aurora"],
  [class*="ambient"],
  #bs-scrollbar, #bs-scroll-ball, #wow-lesefaden-bar, #wk-glut-cones,
  #aug-nervengold, #aug-faden-marken, #augFieldCanvas, #klang, #buehne,
  body::before, body::after{
    display:none !important;
  }

  /* --- 5. Feste Baender sind nicht mehr fest ----------------------------
     Alles mit position:fixed wiederholt Chrome sonst auf JEDEM Blatt.
     Feste Elemente MIT Text werden nur geloest (sie kommen einmal, an ihrer
     Stelle im Text). Feste Elemente OHNE Text werden ausgeblendet.
     Beide Listen stammen aus der vollen Inventur ueber alle 261 Seiten
     vom 01.08.2026 - nicht geraten. */
  .topbar, header.topbar, .primary-nav, .bs-mobile-nav, .langswitch,
  .rueckweg, .toast, footer#fuss, .klang, #fuss,
  #panel, .introwrap, #intro, #kath-erstsatz, p.hinweis, header.titelblock,
  #ruheUhr, section.tafel, #schluss, .results-bar, #raum-erstsatz, #hint,
  a.scrollcue, #bsIntro{
    position:static !important;
  }
  /* Deko-Ebenen, die ueber der ganzen Seite kleben (kein Text darin) */
  [style*="position:fixed"], [style*="position: fixed"],
  .w4-aura, .aug-ww7-depth, #augwowThread, #lebende-ebene,
  .aug-nervengold, .wow-lesefaden,
  .ng-aura, .wn-frame, #nerveVignette, .bg-vignette, .celebrate,
  #ambientVeil, .nightlayer, .wk-glut-layer, #bsClickWave, #wkRipple,
  .plm-rail,
  /* Riesen-Schattenwoerter im Hintergrund: am Bildschirm blass hinter dem
     Text, auf Papier wuerden sie mitten durch den Fliesstext laufen. */
  .aug-ghostword, .ag-ghostword, .roman-ghost,
  /* Hintergrund-Bildebene im Kopfbereich: liegt frei hinter der Ueberschrift
     und lief auf Papier mitten durch die Buchstaben (gemessen: BallScience
     Leistungs-Labor). Der Text darueber bleibt vollstaendig erhalten. */
  .hero > .bg, header.hero .bg, .hero-motion-overlay,
  /* Alle frei liegenden Film-/Bild-Ebenen hinter Ueberschriften
     (position:absolute, inset:0, pointer-events:none) - gefunden in der
     vollen Inventur ueber alle 261 Seiten. */
  [class*="bg-wrap"], [class*="kino-wrap"], [class*="hero-bg"], .buehne-film,
  .u6r-cine, .aug-cinema-bg, .amb-wrap, .fb-zoomwrap, .secbg,
  .faq-hero-media, .bs-mitte-film, .footer-ball,
  .bs-cta-media, .bs-footer-media, .bs-proof-media{
    display:none !important;
  }

  /* --- 6. Sprung-Knoepfe und Bedien-Knoepfe: nie mit aufs Blatt ---------
     Der Knopf "Zum Inhalt springen" stand bisher auf jedem Blatt und
     verdeckte echten Text. Am Bildschirm bleibt er unveraendert.          */
  [class*="sprung"], [class*="skip"], [class*="Skip"],
  a[href="#top"], a[href="#inhalt"], a[href="#main"], a[href="#hauptinhalt"],
  #bewegung-knopf, .aug-totop, .nav-toggle, .navtoggle, .bs-burger,
  .augdrop-menu, .augdrop-sum, .druck-knopf, .print-btn,
  nav, .topbar, header.topbar, .primary-nav, .bs-mobile-nav, .langswitch,
  button, .btn, .cta, [role="button"]{
    display:none !important;
  }

  /* --- 7. Inhalte, die erst beim Scrollen erscheinen, sind sichtbar ----- */
  .reveal, .wave-reveal, .wow-fade-init, .sz-scene, .aug-reward span,
  .aug-dustline-armed > *, [data-reveal]{
    opacity:1 !important;
    transform:none !important;
    visibility:visible !important;
  }

  /* --- 8. Seitenumbruch: Ueberschriften bleiben bei ihrem Text ---------- */
  h1, h2, h3, h4, h5, h6{
    break-after:avoid-page; page-break-after:avoid;
    break-inside:avoid-page; page-break-inside:avoid;
  }
  /* Nur KLEINE Einheiten zusammenhalten - grosse Bloecke duerfen umbrechen,
     sonst entstehen halbleere Blaetter. */
  .cite-box, .card, .funke-card, .qual-card, .beleg,
  .kn, .punkt, figure, table, blockquote, li, dd, .bw-kachel, .siegel-chip{
    break-inside:avoid-page; page-break-inside:avoid;
  }
  p{ orphans:3; widows:3; }

  /* --- 8b. Keine bildschirmhohen Leerflaechen ---------------------------
     Der Kopfbereich ist am Bildschirm einen ganzen Bildschirm hoch. Auf
     Papier war dadurch das erste Blatt zur Haelfte leer.
     Nur der Kopfbereich wird gestaucht - NICHT die Film-Buehnen mitten im
     Text: dort liegt die Bildunterschrift frei ueber dem Bild und wuerde
     beim Stauchen wegfallen (gemessen 01.08.2026 auf coaches). */
  .aug-hero-stage, .hero, .hero-stage, .bs-hero, .held, .buehne{
    min-height:0 !important;
    height:auto !important;
  }

  /* --- 9. Bilder klein halten (Toner) ----------------------------------- */
  img, svg{ max-width:80mm !important; height:auto !important; }

  /* --- 10. Werk-Galerie: Namensliste statt 101 dunkler Bilder ----------- */
  .raster{ display:block !important; columns:2; column-gap:10mm; }
  a.bw-kachel{ display:block !important; border:none !important; }
  a.bw-kachel img{ display:none !important; }
  a.bw-kachel span{ text-align:left !important; padding:1px 0 !important; }

  /* --- 11. Link-Ziele in Klammern ---------------------------------------
     Ein Ausdruck soll ohne Bildschirm nachvollziehbar sein. Nur im
     Haupttext, nicht in Navigation und Fusszeilen - sonst quillt es auf. */
  main a[href^="http"]::after,
  article a[href^="http"]::after,
  main.wrap a[href^="http"]::after{
    content:" (" attr(href) ")";
    font-size:8.5pt;
    font-weight:400;
    word-break:break-all;
  }
  nav a::after, .topbar a::after, footer a::after, .foot-links a::after,
  .footbar a::after, .crumb a::after, .breadcrumb a::after,
  .term-nav a::after, .rueckweg a::after, .wg-nav a::after,
  .funnel-line a::after, a.bw-kachel::after, .navi a::after{
    content:"" !important;
  }

  /* --- 12. Hochzaehl-Zahlen: im Ausdruck die echte Zahl, nicht 0 --------
     Die Zahl zaehlt am Bildschirm erst hoch, wenn man hinscrollt. Wer die
     Seite druckt, ohne dort gewesen zu sein, bekam bisher "0 Jahre".
     Der richtige Wert steht im Tag als data-count und wird hier ausgegeben.
     Gemessen 01.08.2026: betrifft nur die vier Zahlen auf coaches (BallScience);
     alle anderen Zaehler (.fig, .count-hero) drucken bereits richtig.        */
  .fl-count > .num{ display:none !important; }
  .fl-count::before{
    content: attr(data-count);
    font-size:24pt; font-weight:500; letter-spacing:.02em;
  }

  /* --- 13. Links lesbar, Rahmen dezent ---------------------------------- */
  a{ color:#111 !important; text-decoration:underline !important; }
  details{ display:block !important; }
  details > *{ display:block !important; }
}

/* r92-siegelband-handy — Siegel-Band am Handy von 25 % auf 18 % der Bildschirmhoehe.
   Vorher standen die Siegel nebeneinander gezwungen (nowrap), jedes nur ~115
   Bildpunkte breit; der Text brach dadurch auf sechs bis sieben Zeilen um
   (gemessen: 205 Bildpunkte Bandhoehe). Jetzt darf umbrochen werden und jedes
   Siegel bekommt die volle Breite: Zeichen links, Text rechts, eine Zeile.
   Gemessen danach: 144 Bildpunkte, jedes Siegel genau 44 hoch (Fingergroesse).
   Am Rechner aendert sich nichts. Der 16-Bildpunkt-Schriftboden bleibt. */
@media (max-width:640px){
  .siegel-leiste{ flex-wrap:wrap !important; }
  .siegel-leiste .siegel-chip{ flex:1 1 100% !important; justify-content:flex-start !important; }
}

/* r103-auszeichnungen — Der Vorwort-Block war zu schwach abgehoben.
   Gemessen auf der Live-Seite: Uebersetzungs-Zeilen und Namensreihe hatten ein
   Kontrast-Verhaeltnis von 5,93 zu 1. Der Mindestwert fuer Lesbarkeit ist 4,5 -
   fuer angenehmes Lesen gelten 7 als gut. Der Karten-Hintergrund hatte 4,5 Prozent
   Deckkraft und war damit praktisch unsichtbar; die Karte hob sich nicht ab.
   Jetzt: kraeftigerer Karten-Grund, hellere Nebentexte, deutlicherer Rand. */
#vorwort .vw-karte{
  background:linear-gradient(180deg, rgba(201,162,63,.13), rgba(201,162,63,.05)) !important;
  border:1px solid rgba(201,162,63,.46) !important;
  box-shadow:0 2px 30px rgba(0,0,0,.30) !important;
}
#vorwort .vw-namen{ color:#d7dced !important; }
#vorwort .vw-quelle{ color:rgba(238,214,132,.98) !important; }
#vorwort .vw-karte p,
#vorwort .vw-karte span{ color:#e4e8f2; }
#vorwort .vw-karte b{ color:#f2e4b4 !important; }