/* C11 Stil-Bestandsaufnahme: Nummer | Originalzeile | Inhalt vorher (UTF-8 Bytes) | Zweck | Ablage
1 | 40 | 32508 | Grundgestaltung und lokale Schriften | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
2 | 641 | 132 | Kennzeichengroesse | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
3 | 642 | 200 | Pauseknopf und Zahlenausrichtung | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
4 | 643 | 16 | Linkfarbe | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
5 | 644 | 1101 | Mobile Bild- und Videohoehen | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
6 | 664 | 1718 | Medienkennzeichen | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
7 | 704 | 635 | Hinweisleiste | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
8 | 715 | 461 | Darstellung ohne JavaScript | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
9 | 738 | 3338 | Ladeblende | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
10 | 831 | 4068 | Siegelleiste | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
11 | 929 | 995 | Geometrie-Videobuehne | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
12 | 974 | 1981 | Physik-Video | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
13 | 1025 | 767 | Methoden-Hintergrund | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
14 | 1191 | 3837 | Kraftketten-Werkzeug | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
15 | 1451 | 1824 | Atemvideo | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
16 | 2722 | 16012 | Layout, Effekte und mobile Poster | inline: relative Pfade/Bildvariablen/noscript/Reihenfolge
17 | 3348 | 2467 | Mobile Leuchteffekte | extern
18 | 3541 | 1487 | H2-Videoebene | extern
19 | 3597 | 5396 | Farben und Effekte | extern
20 | 3752 | 2982 | Scroll- und Leuchteffekte | extern
21 | 3941 | 141 | Videoueberblendung | extern
22 | 4098 | 208 | Hintergrundvideo-Farben | extern
23 | 4105 | 171 | Einblendung | extern
24 | 4150 | 1933 | Licht und Parallaxe | extern
25 | 4310 | 3069 | Messskalen und Lineal | extern
26 | 4466 | 861 | Kartenkante | extern
27 | 4474 | 1705 | Lesbarkeit | extern
28 | 4705 | 1027 | Druckdarstellung | extern
29 | 4723 | 557 | Tastaturfokus und Sprunglink | extern
30 | 4811 | 1313 | Mobile Schriftgroessen | extern
31 | 4842 | 800 | Kopfzeilen-Verlauf | extern
32 | 4861 | 1146 | Pauseknopf | extern
33 | 4935 | 530 | Animationen pausieren | extern
34 | 4946 | 1149 | Fette lokale Schriften | extern
35 | 4960 | 1851 | Lokale Schriften zuordnen | extern
36 | 5006 | 1252 | Textbreite und Zeilenabstand | extern
37 | 5035 | 1557 | Mobile Abstaende und Umbrueche | extern
38 | 5069 | 12271 | Druckregeln | extern
39 | 5322 | 509 | Medienkennzeichnung | extern
40 | 5331 | 681 | Filmkennzeichnung | extern
41 | 5359 | 801 | Touch- und Schriftverhalten | extern
42 | 5373 | 666 | Umbrueche und Scrollgrenzen | extern
43 | 5384 | 456 | Kontrastmodi | extern
*/

/* Original-Stilblock 17, Zeile 3348; 2467 Bytes. */


@media (max-width:768px), (hover:none) and (pointer:coarse){

  
  .lb-ignite-target{ position:relative; overflow:hidden; }
  .lb-ignite-target::before{
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(100deg, transparent 0%, rgba(212,175,55,0) 30%, rgba(212,175,55,0.35) 48%, rgba(212,175,55,0) 66%, transparent 100%);
    transform:translateX(-120%); opacity:0;
  }
  .lb-ignite-target.lb-ignite-run::before{ animation: lb-sweep 600ms ease-out 1; }
  @keyframes lb-sweep{
    0%{ transform:translateX(-120%); opacity:0; }
    12%{ opacity:1; }
    100%{ transform:translateX(120%); opacity:0; }
  }

  
  .lb-ripple-host{ position:relative; overflow:hidden; -webkit-tap-highlight-color:transparent; }
  .lb-ripple{
    position:absolute; z-index:5; pointer-events:none; border-radius:50%;
    background:radial-gradient(circle, rgba(212,175,55,0.55) 0%, rgba(212,175,55,0.22) 45%, rgba(212,175,55,0) 72%);
    left:0; top:0; width:140px; height:140px;
    transform:translate(-50%,-50%) scale(0);
    animation: lb-ripple-out 550ms ease-out 1;
  }
  @keyframes lb-ripple-out{
    0%{ transform:translate(-50%,-50%) scale(0); opacity:0.9; }
    100%{ transform:translate(-50%,-50%) scale(2.2); opacity:0; }
  }

  
  .lb-gyro-layer{ will-change:transform; transition:transform 120ms linear; }

  
  .lb-chip-row{
    display:flex !important; flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity; padding-bottom:6px; scrollbar-width:none;
  }
  .lb-chip-row::-webkit-scrollbar{ display:none; }
  .lb-chip-row > *{ scroll-snap-align:start; flex:0 0 auto; }
  .lb-chip-active{
    background:rgba(212,175,55,0.22) !important;
    box-shadow:0 0 0 1px rgba(212,175,55,0.55) inset, 0 0 14px rgba(212,175,55,0.35) !important;
    transition:background 260ms ease, box-shadow 260ms ease;
  }

  
  /* R64 Bewegung: Weichzeichner ueber dem Hero-Film raus -- der dunkle
     Verlauf traegt die Lesbarkeit jetzt allein und ist dafuer kraeftiger. */
  .lb-textguard{
    background:linear-gradient(180deg, rgba(6,3,2,0.32) 0%, rgba(6,3,2,0.82) 55%, rgba(6,3,2,0.92) 100%);
    border-radius:4px;
  }
  header.hero.lb-textguard .hero-text{
    background:linear-gradient(180deg, rgba(6,3,2,0.20) 0%, rgba(6,3,2,0.66) 60%, rgba(6,3,2,0.82) 100%);
    border-radius:6px; padding:14px 14px 6px;
  }
}

/* Original-Stilblock 18, Zeile 3541; 1487 Bytes. */


.h2-cine-sec{position:relative;overflow:hidden;min-height:clamp(260px,42vh,420px);display:flex;align-items:flex-end;max-width:1440px;margin:0 auto;}
.h2-bg-wrap{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.h2-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;}
.h2-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,4,0.30),rgba(10,6,4,0.86));z-index:1;pointer-events:none;}
.h2-cine-cap{position:relative;z-index:2;padding:clamp(18px,4vw,40px) clamp(16px,5vw,48px);color:#fff;}
.h2-cine-cap .k{font-family:var(--serif-head,serif);letter-spacing:.09em;text-transform:uppercase;font-size:clamp(16px,1.6vw,16px);color:var(--gold,#d4af37);margin-bottom:6px;}
.h2-cine-cap .t{font-size:clamp(16px,2.4vw,22px);line-height:1.35;max-width:56ch;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);}
@media(max-width:760px){
  .h2-veil{background:linear-gradient(180deg,rgba(10,6,4,0.42),rgba(10,6,4,0.88));}
  .h2-cine-sec{min-height:clamp(220px,52vh,360px);}
}

.h2-cine-sec-silent{min-height:clamp(160px,26vh,260px);}
.h2-cine-sec-silent .h2-bg{object-position:50% 50%;}
.h2-cine-sec-silent .h2-veil{background:radial-gradient(70% 90% at 50% 50%,rgba(10,6,4,0.35),rgba(10,6,4,0.82));}
@media(max-width:760px){ .h2-cine-sec-silent{min-height:clamp(130px,20vh,190px);} }
@media (prefers-reduced-motion:reduce){ .h2-cine-sec-silent{ min-height:0; overflow:hidden; } }

/* Original-Stilblock 19, Zeile 3597; 5396 Bytes. */



:root{
  --bg:#040201;
  --bg-2:#0a0503;
  --gold:#f0c24a;
  --gold-soft:#ffd257;
  --ember:#fff2c0;
  --rot:#ea3c14;
  --rot-soft:#ff5a2c;
  --flood:rgba(224,67,28,0.20);
  --line:rgba(240,194,74,0.30);
}

body{
  background:
    radial-gradient(1500px 880px at 50% -8%, rgba(234,60,20,0.24), transparent 60%),
    radial-gradient(1000px 640px at 50% 108%, rgba(234,60,20,0.13), transparent 62%),
    linear-gradient(180deg, #040201 0%, #0a0503 55%, #050302 100%) !important;
  background-attachment:fixed !important;
  background-color:#040201 !important;
}
section:nth-of-type(even){ background:radial-gradient(1100px 500px at 50% 50%, rgba(234,60,20,0.05), transparent 70%); }

h1, h2.sec-title, .sec-title, .hero h1{
  color:#fff6e6 !important;
  font-weight:600 !important;
  text-shadow:0 0 30px rgba(224,67,28,0.5), 0 2px 10px rgba(0,0,0,0.9) !important;
}
.hero h1 .accent{ color:#ffd257 !important; text-shadow:0 0 34px rgba(224,67,28,0.55), 0 2px 10px rgba(0,0,0,0.9) !important; }
h3.sub-title{ color:#ffd257 !important; text-shadow:0 0 20px rgba(224,67,28,0.35); }
.eyebrow{ color:#ff6a3c !important; text-shadow:0 0 18px rgba(224,67,28,0.5); }

.divider{
  height:2px !important;
  
  background-image:linear-gradient(90deg, transparent, rgba(255,90,44,0.5), rgba(255,210,87,0.72), rgba(255,90,44,0.5), transparent);
  box-shadow:0 0 16px rgba(224,67,28,0.3);
}

.btn-primary{
  background:linear-gradient(180deg,#ffd257,#f0a828) !important;
  color:#1a0a03 !important;
  
  box-shadow:0 0 0 1px rgba(255,210,87,0.5), 0 8px 30px rgba(224,67,28,0.35), 0 0 34px rgba(240,168,40,0.4);
}
.btn-primary:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 42px rgba(255,90,44,0.5), 0 0 48px rgba(255,210,87,0.55) !important;
}
.btn-ghost{ border-color:rgba(255,210,87,0.4) !important; }
.btn-ghost:hover{ border-color:#ffd257 !important; color:#ffd257 !important; box-shadow:0 0 26px rgba(224,67,28,0.3), inset 0 0 20px rgba(224,67,28,0.12) !important; }

.badges .sport-badge{ border-color:rgba(255,210,87,0.42) !important; box-shadow:0 0 10px rgba(224,67,28,0.16); }
.badges .sport-badge:hover{ box-shadow:0 0 0 1px #ffd257, 0 0 26px rgba(255,210,87,0.5), 0 0 14px rgba(224,67,28,0.42) !important; }

.vstage{ box-shadow:inset 0 0 0 1px rgba(255,210,87,0.35), 0 0 52px rgba(224,67,28,0.25), 0 20px 60px rgba(0,0,0,0.62) !important; }
.vstage::after{
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(255,90,44,0.22), transparent 60%),
    linear-gradient(180deg, rgba(6,3,2,0.55), rgba(6,3,2,0.16) 40%, rgba(6,3,2,0.8)) !important;
}
.hero-spark{ box-shadow:0 0 0 1px rgba(255,210,87,0.42), 0 30px 70px rgba(0,0,0,0.6), 0 0 72px rgba(224,67,28,0.35) !important; }

.card:hover{ box-shadow:0 14px 42px rgba(0,0,0,0.5), 0 0 26px rgba(224,67,28,0.18) !important; }

.card{
  border-color:rgba(240,194,74,0.30) !important;
  background:linear-gradient(180deg, rgba(224,67,28,0.055), rgba(255,255,255,0.022)) !important;
  box-shadow:0 0 0 1px rgba(240,194,74,0.07), 0 10px 30px rgba(0,0,0,0.45) !important;
}
.card:hover{ border-color:#ffd257 !important; box-shadow:0 16px 46px rgba(0,0,0,0.5), 0 0 34px rgba(224,67,28,0.28), 0 0 0 1px rgba(255,210,87,0.42) !important; }

.card h3{ color:#ffd257 !important; font-weight:500 !important; text-shadow:0 0 16px rgba(224,67,28,0.38); }

.k2-ambient{ opacity:.42 !important; }
.k2-veil{ background:rgba(20,9,5,0.80) !important; }

.eyebrow{ position:relative; z-index:1; }
.eyebrow::before{
  content:""; position:absolute; left:-30px; top:50%; transform:translateY(-50%);
  width:300px; height:180px; z-index:-1; pointer-events:none;
  background:radial-gradient(circle at 22% 50%, rgba(224,67,28,0.2), transparent 66%);
}

@media (max-width:640px){
  h1, h2.sec-title, .hero h1{ text-shadow:0 0 20px rgba(224,67,28,0.45), 0 2px 8px rgba(0,0,0,0.9) !important; }
  .eyebrow::before{ width:220px; height:130px; }
}



@media (max-width:768px){
  .bs-ambient{ opacity:.44 !important; filter:saturate(1.06) brightness(1.1) !important; }
  .bs-ambient-veil{ background:radial-gradient(116% 80% at 50% 32%, rgba(6,3,2,0) 40%, rgba(6,3,2,.30) 100%), linear-gradient(180deg, rgba(12,6,5,.14), rgba(12,6,5,.25)) !important; }
  .eyebrow{ text-shadow:0 0 22px rgba(224,67,28,.6), 0 0 6px rgba(255,150,90,.5) !important; }
  h2.sec-title, .hero h1{ text-shadow:0 2px 0 rgba(0,0,0,.6), 0 0 26px rgba(212,175,55,.32) !important; }
  .card, .quote-card, .beleg, .next-step, .bs-relevance, .why-matters, .why-relevance, details.acc{ background:rgba(12,6,5,.60) !important; }
  .vstage{ height:clamp(440px,74vh,680px) !important; }
  .mband{ height:clamp(300px,52vh,460px) !important; }
  .vstage .cap, .mband .cap{ background:linear-gradient(180deg, rgba(6,3,2,0), rgba(6,3,2,.74)) !important; }
  .vstage .cap .t, .mband .cap .t{ text-shadow:0 2px 24px rgba(0,0,0,.9) !important; }
  #bfl-canvas{ height:clamp(330px,58vh,440px) !important; }
  .wave-reveal{ opacity:0 !important; transform:translateY(42px) !important;  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1) !important; }
  .wave-reveal.is-visible{ opacity:1 !important; transform:none !important; }
  
}
@media (max-width:768px) and (prefers-reduced-motion:reduce){
  .wave-reveal{ opacity:1 !important; transform:none !important; }
}

/* Original-Stilblock 20, Zeile 3752; 2982 Bytes. */




#bs-scroll-ball{
  position:fixed; left:0; top:0; width:30px; height:30px; z-index:35; pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff6e6, #ffd257 35%, #ea3c14 75%, #6e1a09 100%);
  box-shadow:0 0 14px rgba(234,60,20,.7), 0 0 28px rgba(240,194,74,.35);
  will-change:transform;
}
@media (prefers-reduced-motion:reduce){ #bs-scroll-ball{ display:none; } }

@media (max-width:600px){ #bs-scroll-ball{ display:none !important; } }


.bs-spark{ position:absolute; width:2px; height:14px; border-radius:1px; pointer-events:none;
  background:linear-gradient(180deg, var(--ember,#fff2c0), var(--rot,#ea3c14)); opacity:0; }
@keyframes bsSparkFly{ 0%{opacity:1; transform:translate(0,0) rotate(var(--a)) scale(1);} 100%{opacity:0; transform:translate(var(--dx),var(--dy)) rotate(var(--a)) scale(.3);} }
@media (prefers-reduced-motion:reduce){ .bs-spark{ display:none; } }
.wk-counters{ position:relative; }


.hero .bg::before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(340px 340px at var(--mx,50%) var(--my,30%), rgba(255,210,87,0.10), transparent 70%); }
@property --mx{ syntax:'<percentage>'; inherits:true; initial-value:50%; }
@property --my{ syntax:'<percentage>'; inherits:true; initial-value:30%; }
@media (hover:none){ .hero .bg{ animation:bsLichtDrift 16s ease-in-out infinite; } }
@keyframes bsLichtDrift{
  0%{ --mx:38%; --my:24%; } 25%{ --mx:64%; --my:36%; } 50%{ --mx:52%; --my:46%; } 75%{ --mx:30%; --my:32%; } 100%{ --mx:38%; --my:24%; }
}
@media (prefers-reduced-motion:reduce){ .hero .bg{ animation:none !important; } }


.divider{ background-size:200% 100%; background-position:0% 0; }
.divider.is-lit{ animation:bsMeltSweep 1.6s ease-out 1; }
@keyframes bsMeltSweep{ from{background-position:120% 0;} to{background-position:0% 0;} }
@media (prefers-reduced-motion:reduce){ .divider.is-lit{ animation:none; } }


#bs-scrollbar{ position:fixed; top:0; left:0; height:3px; width:0; z-index:9999; background:linear-gradient(90deg,#c8452e,#d4af37,#e6c964); box-shadow:0 0 10px rgba(212,175,55,.7); pointer-events:none; }


.btn-primary{ animation:bsBreathe 3.6s ease-in-out infinite; }
@keyframes bsBreathe{ 0%,100%{ box-shadow:0 0 0 1px rgba(255,210,87,.5), 0 8px 30px rgba(234,60,20,.35), 0 0 34px rgba(240,168,40,.4);} 50%{ box-shadow:0 0 0 1px rgba(255,210,87,.7), 0 8px 34px rgba(234,60,20,.5), 0 0 46px rgba(240,168,40,.62);} }
@media (prefers-reduced-motion:reduce){ .btn-primary{ animation:none; } }


@media (min-width:900px){
  .rs-banner, .rs-banner span{ font-size:16px !important; }
  .rs-mini, .rs-mini span, .rs-mini a, .rs-mini p{ font-size:16px !important; }
  .eyebrow{ font-size:16px !important; }
  .badge{ font-size:16px !important; }
  .bfl-range-hint span{ font-size:16px !important; }
  .lbl{ font-size:16px !important; }
  .ai-honesty, .site-footnote{ font-size:16px !important; }
}

/* Original-Stilblock 21, Zeile 3941; 141 Bytes. */


#u6rBsKinoVideo{ transition:opacity 1.5s ease; }
@media (prefers-reduced-motion:reduce){ #u6rBsKinoVideo{ display:none !important; } }

/* Original-Stilblock 22, Zeile 4098; 208 Bytes. */


#bs-ambient-video{ opacity:.68 !important; filter:saturate(1.42) contrast(1.2) brightness(1.25) !important; }
video.bs-ambient.bs-amb-active{ opacity:.5 !important; }
.h2-bg{ opacity:.34 !important; }

/* Original-Stilblock 23, Zeile 4105; 171 Bytes. */

@media (prefers-reduced-motion: no-preference){
  body{ animation: wow2FadeIn .65s ease-out both; }
  @keyframes wow2FadeIn{ from{ opacity:0; } to{ opacity:1; } }
}

/* Original-Stilblock 24, Zeile 4150; 1933 Bytes. */


.bs-aurora{
  position:fixed; left:-12%; right:-12%; top:-14%; height:128vh; z-index:-2;
  pointer-events:none; opacity:.7; will-change:transform,opacity;
  background:
    radial-gradient(52% 46% at 27% 9%,  rgba(212,175,55,0.10), transparent 60%),
    radial-gradient(44% 40% at 76% 17%, rgba(200,69,46,0.075), transparent 62%),
    radial-gradient(60% 38% at 52% 3%,  rgba(230,201,100,0.055), transparent 66%);
  animation:wkAuroraBreathe 34s ease-in-out infinite;
}
@keyframes wkAuroraBreathe{
  0%,100%{ transform:translate3d(-2.2%,0,0) scale(1.02); opacity:.5; }
  50%    { transform:translate3d(2.4%,1.3%,0) scale(1.11); opacity:.78; }
}
@media (prefers-reduced-motion:reduce){ .bs-aurora{ animation:none !important; opacity:.5; transform:none; } }


.wk-refract-host{ position:relative; }
.wk-refract-host > .wk-refract{
  position:absolute; inset:0; z-index:4; pointer-events:none; border-radius:inherit;
  opacity:0; transition:opacity .45s ease; mix-blend-mode:screen; overflow:hidden;
  background:
    radial-gradient(150px 150px at var(--rx,50%) var(--ry,50%), rgba(255,244,214,0.15), transparent 60%),
    linear-gradient(var(--ra,118deg), transparent 41%, rgba(212,175,55,0.11) 50%, transparent 59%);
}
.wk-refract-host:hover > .wk-refract,
.wk-refract-host:focus-within > .wk-refract{ opacity:1; }
@media (prefers-reduced-motion:reduce){ .wk-refract-host > .wk-refract{ display:none !important; } }


#wkRipple{
  position:fixed; left:0; top:0; width:16px; height:16px; margin:-8px 0 0 -8px;
  border-radius:50%; border:1.5px solid var(--gold-soft); box-shadow:0 0 12px rgba(212,175,55,.42);
  pointer-events:none; z-index:9997; opacity:0; will-change:transform,opacity;
}
@media (prefers-reduced-motion:reduce){ #wkRipple{ display:none !important; } }


.hero .bg{ will-change:transform; }
@media (prefers-reduced-motion:reduce){ .hero .bg{ transform:none !important; } }

/* Original-Stilblock 25, Zeile 4310; 3069 Bytes. */


.plm-scale{ display:block; width:min(340px,66%); height:24px; margin:2px 0 20px; pointer-events:none; }
.plm-scale-svg{ display:block; width:100%; height:100%; overflow:visible; }
.plm-base{ stroke:var(--gold); stroke-width:1.2; opacity:.72; stroke-dasharray:300; stroke-dashoffset:300; }
.plm-scale.plm-drawn .plm-base{ stroke-dashoffset:0; transition:stroke-dashoffset 1.15s cubic-bezier(.16,.8,.24,1); }
.plm-tick{ stroke:var(--gold-soft); stroke-width:1.1; opacity:0; transform:translateY(4px); }
.plm-scale.plm-drawn .plm-tick{ opacity:.62; transform:translateY(0); transition:opacity .42s ease var(--d,0ms), transform .42s cubic-bezier(.2,.8,.2,1) var(--d,0ms); }
.plm-tick-lg{ stroke-width:1.5; }
.plm-scale.plm-drawn .plm-tick-lg{ opacity:.92; }
.plm-node{ opacity:0; transform:translateX(8px); filter:drop-shadow(0 0 5px rgba(230,201,100,.85)); }
.plm-scale.plm-drawn .plm-node{ opacity:1; transform:translateX(var(--px,176px)); transition:transform 1.25s cubic-bezier(.16,.8,.24,1) .12s, opacity .5s ease .12s; }
.plm-diamond{ fill:var(--gold-soft); }
.plm-vtick{ stroke:var(--gold-soft); stroke-width:1.2; opacity:.85; }


.plm-figlit{ font-variant-numeric:tabular-nums; }
.plm-figlit.plm-lit{ animation:plmFigLock 1.15s ease-out; }
@keyframes plmFigLock{ 0%{ text-shadow:0 0 0 rgba(212,175,55,0); } 42%{ text-shadow:0 0 20px rgba(230,201,100,.6); } 100%{ text-shadow:0 0 0 rgba(212,175,55,0); } }


.plm-rail{ position:fixed; left:18px; top:16vh; height:68vh; width:12px; z-index:30; pointer-events:none; opacity:.5; }
.plm-rail-track{ position:absolute; left:5px; top:0; bottom:0; width:1px; background:linear-gradient(180deg, transparent, var(--line) 12%, var(--line) 88%, transparent); }
.plm-rail-fill{ position:absolute; left:5px; top:0; width:1px; height:var(--p,0%); background:linear-gradient(180deg, var(--gold-soft), var(--gold)); box-shadow:0 0 6px rgba(212,175,55,.6); }
.plm-rail-node{ position:absolute; left:5px; top:var(--p,0%); width:7px; height:7px; margin-left:-3px; margin-top:-3px; transform:rotate(45deg); background:var(--gold-soft); box-shadow:0 0 9px rgba(230,201,100,.9); }
.plm-rail i{ position:absolute; left:2px; width:6px; height:1px; background:var(--line); }
.plm-rail i.lg{ left:0; width:11px; background:rgba(212,175,55,.42); }


@media (max-width:768px){
  .plm-scale{ width:min(240px,78%); height:20px; margin:2px 0 16px; }
  .plm-scale .plm-tick-sm{ display:none; }
  .plm-scale.plm-drawn .plm-node{ transition-duration:.5s; }
  .plm-rail{ display:none !important; }
}


@media (prefers-reduced-motion:reduce){
  .plm-scale .plm-base{ stroke-dashoffset:0 !important; transition:none !important; }
  .plm-scale .plm-tick{ opacity:.7 !important; transform:none !important; transition:none !important; }
  .plm-scale .plm-tick-lg{ opacity:.9 !important; }
  .plm-scale .plm-node{ opacity:1 !important; transform:translateX(var(--px,176px)) !important; transition:none !important; }
  .plm-figlit.plm-lit{ animation:none !important; }
  .plm-rail{ display:none !important; }
}

/* Original-Stilblock 26, Zeile 4466; 861 Bytes. */

.card{border-color:rgba(240,194,74,0.42) !important;box-shadow:inset 0 1px 0 rgba(255,244,206,0.12),0 0 0 1px rgba(240,194,74,0.22),0 12px 34px rgba(0,0,0,0.48),0 0 22px rgba(224,67,28,0.09) !important;}
.proof{box-shadow:inset 0 1px 0 rgba(255,244,206,0.12),0 0 0 1px rgba(240,194,74,0.22),0 16px 44px rgba(0,0,0,0.5),0 0 28px rgba(224,67,28,0.11);}
.aug-bridge-inner{border-color:rgba(240,194,74,0.42);box-shadow:inset 0 1px 0 rgba(255,244,206,0.12),0 0 0 1px rgba(240,194,74,0.22),0 14px 40px rgba(0,0,0,0.5),0 0 26px rgba(224,67,28,0.10);}
.next-step{box-shadow:inset 0 1px 0 rgba(255,244,206,0.14),0 0 0 1px rgba(240,194,74,0.20),0 14px 42px rgba(0,0,0,0.5),0 0 30px rgba(224,67,28,0.12);}
.factor-card{border-color:rgba(240,194,74,0.34);box-shadow:inset 0 1px 0 rgba(255,244,206,0.09),0 0 0 1px rgba(240,194,74,0.15),0 10px 28px rgba(0,0,0,0.42);}

/* Original-Stilblock 27, Zeile 4474; 1705 Bytes. */

/* LESBARKEITS-SCHILD 27.07. — Hintergruende, Filme und Farben bleiben UNANGETASTET.
   Nur die Schrift: kleine Groessen auf mindestens 17 Pixel, Staerke 500 (echte Datei da,
   600 waere gefaelschtes Fett), und ein enger Licht-Schild direkt hinter den Buchstaben. */
:root{ --les-tief:12,6,5; }
body p, body li, body dd, body dt, body figcaption, body blockquote,
body td, body th, body small, body summary,
body p span, body li span, body p em, body p strong, body p a,
body .lede, body .sub, body .eyebrow, body .kicker, body .caption, body .hinweis{
  font-size:max(17px, 1em);
  font-weight:500;
  text-shadow:
    0 0 1px  rgba(var(--les-tief), .98),
    0 1px 2px rgba(var(--les-tief), .95),
    0 0 7px  rgba(var(--les-tief), .92),
    0 0 15px rgba(var(--les-tief), .80),
    0 0 26px rgba(var(--les-tief), .55);
}
body h1, body h2, body h3, body h4, body h5, body h6{
  text-shadow:
    0 0 2px  rgba(var(--les-tief), .96),
    0 2px 5px rgba(var(--les-tief), .92),
    0 0 12px rgba(var(--les-tief), .85),
    0 0 24px rgba(var(--les-tief), .70),
    0 0 44px rgba(var(--les-tief), .45);
}
/* Menue, Knoepfe, Siegel: ausgenommen, die haben schon einen eigenen Grund */
nav p, nav li, nav a, header li, header a,
.wg-nav li, .wg-nav a, .ml-topbar li, .ml-topbar a,
button, .btn, .cta, [class*="siegel"], [class*="seal"], [class*="badge"]{
  font-size:inherit; font-weight:inherit; text-shadow:none;
}
/* Ruhe-Ausgang: wer weniger Bewegung eingestellt hat, bekommt denselben Kontrast */
@media (prefers-reduced-motion:reduce){
  body p, body li, body .lede, body .sub{ text-shadow:0 0 1px rgba(var(--les-tief),.95), 0 1px 2px rgba(var(--les-tief),.92); }
}

/* Original-Stilblock 28, Zeile 4705; 1027 Bytes. */

/* DRUCK-REGELN 27.07. - gelten NUR auf Papier. Ein Ausdruck soll lesbar sein:
   dunkle Schrift auf weissem Grund, keine Filme, keine Leisten, keine Effekte. */
@media print{
  *{animation:none !important;transition:none !important;text-shadow:none !important;
    box-shadow:none !important;-webkit-mask-image:none !important;mask-image:none !important}
  html,body{background:#fff !important;color:#111 !important}
  body *{background-color:transparent !important;background-image:none !important;color:#111 !important}
  h1,h2,h3,h4,h5,h6{color:#000 !important;-webkit-text-fill-color:#000 !important;background:none !important}
  a{color:#000 !important;text-decoration:underline}
  video,canvas,nav,header[class*=intro],.naht-traeger-2607,.naht-weich-2607,
  [id*=loader],[class*=loader],[class*=veil],[class*=aurora],[class*=ambient],
  button,.btn,.cta{display:none !important}
  details{display:block}
  details > *{display:block !important}
  img{max-width:80mm !important;height:auto !important}
}

/* Original-Stilblock 29, Zeile 4723; 557 Bytes. */

/* TASTATUR 27.07.: Sprung-Link (erscheint NUR beim Tab-Druck) + sichtbare Fokus-Markierung. */
.sprung-inhalt{position:fixed;left:14px;top:-60px;z-index:99999;background:#0d0e12;color:#ffd97a;
  border:1px solid #c9a23f;border-radius:4px;padding:10px 18px;font-size:17px;text-decoration:none;
  transition:top .2s ease}
.sprung-inhalt:focus{top:14px}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,
input:focus-visible,textarea:focus-visible{outline:2px solid #ffd97a !important;outline-offset:3px !important}

/* Original-Stilblock 30, Zeile 4811; 1313 Bytes. */

/* HANDY-TYPOGRAFIE 28.07. — Fliesstext am Handy auf Forschungs-Soll (19/1.6).
   Belege: GOV.UK-Typoskala 19/25 · WCAG 1.4.8 Zeilenhoehe >= 1,5 · WCAG 1.4.12 Textabstand.
   Nur bis 640 Pixel Breite. Grosse Schrift bleibt gross (max), leise Nebentexte bleiben leise. */
@media (max-width:640px){
  body p, body li, body dd, body blockquote,
  body .body, body .lede, body .sub, body .text, body .absatz{
    font-size:max(19px, 1em);
    line-height:1.62;
    letter-spacing:.004em;
  }
  /* Bewusst leise: Bild-Unterschriften, Fussnoten, Kennzeichnungen, Marken-Zeilen, Siegel-Text */
  body figcaption, body small, body .caption, body .hinweis, body .fussnote,
  body .ki-zeile, body .lebend, body .stand, body .quelle, body .meta,
  body [class*="siegel"], body [class*="seal"], body [class*="badge"], body [class*="chip"],
  body nav p, body nav li, body nav a, body footer p, body footer li{
    font-size:max(16px, 1em);
    line-height:1.5;
  }
  /* Tipp-Flaechen: Forschungs-Soll 44 Pixel (WCAG-Untergrenze waere 24) */
  body nav a, body nav button, body .lang button, body [class*="lang"] button{
    min-height:44px;
    display:inline-flex; align-items:center;
  }
  /* Zeilenlaenge: nie mehr als rund 80 Zeichen (WCAG 1.4.8) */
  body p, body li{ max-width:72ch; }
}

/* Original-Stilblock 31, Zeile 4842; 800 Bytes. */

/* KOPF-SAUM 28.07. — Menue-Leiste ohne Kante: Verlauf statt Flaeche, keine Trennlinie,
   darunter ein weicher Saum, der ins Bild ausblendet. Aendert kein Layout. */
.topbar, .topbar.is-scrolled{
  background-color:transparent !important;
  background-image:linear-gradient(to bottom,
    rgba(12,6,5,.985) 0%, rgba(12,6,5,.955) 55%, rgba(12,6,5,.86) 84%, rgba(12,6,5,.62) 100%) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.topbar::after{
  content:"";position:absolute;left:0;right:0;top:100%;height:34px;
  pointer-events:none;z-index:-1;
  background:linear-gradient(to bottom, rgba(12,6,5,.58) 0%, rgba(12,6,5,.26) 46%, rgba(12,6,5,0) 100%);
}
@media (max-width:640px){ .topbar::after{height:26px} }
@media print{ .topbar::after{display:none} }

/* Original-Stilblock 32, Zeile 4861; 1146 Bytes. */

/* BEWEGUNG ANHALTEN 28.07. — WCAG 2.2.2 (Pause) + Schutz bei "weniger Bewegung".
   Leises Gegenstueck zum Nach-oben-Knopf: gleiche Groesse, gleiche Zurueckhaltung. */
#bewegung-knopf{
  position:fixed;left:18px;bottom:18px;z-index:60;
  width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,210,87,.42);background:rgba(10,12,20,.62);
  color:rgba(255,210,87,.92);font-family:Georgia,'Times New Roman',serif;font-size:16px;
  letter-spacing:.06em;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:.85;transition:opacity .35s ease,border-color .35s ease,color .35s ease;
  -webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%);
}
#bewegung-knopf:hover,#bewegung-knopf:focus-visible{opacity:1;border-color:rgba(255,210,87,.85);color:#fff}
#bewegung-knopf:focus-visible{outline:2px solid rgba(255,210,87,.9);outline-offset:3px}
#bewegung-knopf[aria-pressed="true"]{opacity:.95;border-color:rgba(255,210,87,.8)}
@media (max-width:640px){ #bewegung-knopf{width:44px;height:44px;left:14px;bottom:14px} }
@media print{ #bewegung-knopf{display:none} }

/* Original-Stilblock 33, Zeile 4935; 530 Bytes. */

/* Wenn angehalten: auch reine Zeichen-Animationen ruhen lassen, nicht nur Filme */
html.bewegung-aus *, html.bewegung-aus *::before, html.bewegung-aus *::after{
  animation-play-state:paused !important;
}
/* SCHLUSS-KONTROLLE 30.07.: Die Auftakt-Blende der Seite darf NICHT eingefroren
   werden. Sie beginnt bei Deckkraft 0 - angehalten blieb die ganze Seite unsichtbar.
   Richtig ist der Endzustand sofort: keine Blende, volle Deckkraft. */
html.bewegung-aus body{ animation:none !important; opacity:1 !important; }

/* Original-Stilblock 34, Zeile 4946; 1149 Bytes. */

/* ECHTES FETT 28.07. - vorher verlangte die Gestaltung Fettgrade 600-900, als Datei lagen
   nur 400/500 vor: der Browser rechnete sich das Fett selbst zusammen (verschmiert).
   Jetzt liegen echte 600er/700er-Dateien im fonts-Ordner (freie SIL-Lizenz). */
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-style:normal;font-display:swap;
  src:url('/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-style:normal;font-display:swap;
  src:url('/fonts/cormorant-garamond-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'Cormorant Garamond';font-weight:700;font-style:normal;font-display:swap;
  src:url('/fonts/cormorant-garamond-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'Cormorant Garamond';font-weight:700;font-style:normal;font-display:swap;
  src:url('/fonts/cormorant-garamond-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}

/* Original-Stilblock 35, Zeile 4960; 1851 Bytes. */

/* HAUS-FETT 28.07. — die echten Fett-Dateien zusaetzlich unter dem Haus-Namen
   der Schrift anmelden. Vorher fand der Browser unter diesem Namen kein Fett
   und hat es selbst zusammengerechnet (verschmierter Kunst-Fettdruck). */
@font-face{font-family:'BsHead';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'BsHead';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/cormorant-garamond-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'BsHead';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/cormorant-garamond-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'BsHead';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/cormorant-garamond-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'BsText';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/newsreader-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'BsText';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/newsreader-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'BsText';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/newsreader-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'BsText';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/newsreader-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}

/* Original-Stilblock 36, Zeile 5006; 1252 Bytes. */

/* R66 Typografie-Meister (gemessene Buchnorm):
   1) Fliesstext nie breiter als ~72 Zeichen (gemessen bis 122)
   2) Ueberschriften eng setzen (erbten 1.75 vom Fliesstext)
   3) Grosse Grade mit Minus-Sperrung (liefen mit Plus-Sperrung auseinander)
   Karten/Tabellen/Gitter sind ausgenommen, damit kein Layout bricht. */
main p, main li, section > p, section > li,
.lede, .body, .klartext, .promise, .proof-line, .werkraum-satz{
  max-width: 660px;
}
p.lede, .lede, .promise, .werkraum-satz{ margin-left:auto; margin-right:auto; }
.card p, .card li, .grid p, .grid li, td p, .kachel p, .bw-kachel span,
.raster p, .talk-item p, .tier p, .pubcard p{ max-width:none; }

h1, h2, h3, h4, .sec-title, .sub-title, .special-h3, .aug2d-label{
  line-height: 1.16;
}
h4, .card h3{ line-height: 1.25; }

h1, .aug-ghostword, .sec-title, .aug-konkret-title{ letter-spacing: -.025em; }
h2, .sp-h2, .fyw-h2{ letter-spacing: -.02em; }
@media (max-width:600px){ h1, h2{ letter-spacing:-.012em; } }

/* Kleingedrucktes: war 900px breit bei 16px = 122 Zeichen */
.rs-mini, .rs-mini2, .ki-kennzeichnung, footer .meta, footer .ai-note, .siegel-fussnote{
  max-width: 560px !important; margin-left:auto; margin-right:auto; line-height:1.65;
}

/* Original-Stilblock 37, Zeile 5035; 1557 Bytes. */

/* ============================================================
   r65-handy  ·  2026-07-30  ·  Handy-Feinschliff (Kuerzel: handy)
   Steht bewusst ganz unten im Seitenkoerper: viele Seiten laden ihre
   eigenen Stil-Bloecke erst dort nach und wuerden einen Block im Kopf
   ueberstimmen. Wirkt NUR bis 440 Pixel Bildschirmbreite - am Rechner
   aendert sich nichts.
   Drei Ziele: (1) nichts laeuft seitlich aus dem Bild,
   (2) jede Tipp-Flaeche ist mindestens 44 Pixel hoch,
   (3) kein Text faellt unter 16 Pixel.
   ============================================================ */
@media (max-width:440px){

  /* Bei 360 Pixel lief der Menue-Knopf halb aus dem Bild. */
  .topbar{ column-gap:8px; padding-left:12px; padding-right:12px; }
  .topbar .brand{ min-width:0; }
  .langswitch{ column-gap:0; }
  .langswitch button{ min-width:44px !important; padding-left:5px; padding-right:5px; }
  .bs-burger, .nav-toggle{ flex:0 0 44px; }

  /* Tipp-Flaechen mindestens 44 Pixel hoch */
  .topbar a, .topbar button, .rueckweg-2807 a, .foot-links a, footer nav a,
  #seiten-inhalt > a.brand, #seiten-inhalt > a.back,
  a.scrollcue, a.sprung-inhalt, a.back, .lb-ignite-target > a{
    min-height:44px !important; display:inline-flex; align-items:center;
    box-sizing:border-box;
  }
  .bs-burger, .nav-toggle{ min-width:44px !important; justify-content:center; }
  .rueckweg-2807 a, .lb-ignite-target > a, .foot-links a, footer > a{
    display:inline-flex !important; align-items:center; min-height:44px !important;
  }
}

/* Original-Stilblock 38, Zeile 5069; 12271 Bytes. */

/* ==========================================================================
   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; }
}

/* r102-hero-boden — Der Kopfbereich bekommt einen Boden in Bildpunkten.
   Vorher: min-height:92vh, also 92 % der BILDSCHIRMHOEHE, ohne Boden.
   Auf kurzen Bildschirmen schrumpfte der Kasten (iPhone SE: 523 Bildpunkte,
   kleines Android: 589) - der Text aber nicht. Weil er mittig sitzt und der
   Kasten abschneidet, verschwand oben UND unten etwas. Gemessen fehlten
   12 bis 14 Bildpunkte.
   Jetzt: clamp(520px, 92vh, 900px). Der erste Wert ist der Boden - der Kasten
   kann nie kleiner werden. Auf grossen Bildschirmen aendert sich nichts,
   dort gilt weiter 92vh. Genau diese Bauweise nutzen die starken Seiten schon. */
@media (max-width:900px){
  .hero{ min-height:clamp(520px, 92vh, 900px) !important; height:auto !important; }
}

/* Original-Stilblock 39, Zeile 5322; 509 Bytes. */

/* r100-gelb: Schild fuer bildschirmbreite KI-Hintergruende, die bisher keines
   hatten. Gestaltung 1:1 von .bs-hero-ki-hint der Startseite uebernommen. */
.bs-ki-schild-r100{position:absolute;right:14px;bottom:12px;z-index:4;margin:0;
  font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.4;
  letter-spacing:.02em;color:rgba(240,226,182,.82);
  text-shadow:0 1px 5px rgba(0,0,0,.85);pointer-events:none;}
@media (max-width:640px){ .bs-ki-schild-r100{right:10px;bottom:8px;} }

/* Original-Stilblock 40, Zeile 5331; 681 Bytes. */

.bs-ki-schild-film{position:fixed;right:14px;bottom:12px;z-index:59;margin:0;
  padding:3px 9px;border-radius:4px;
  border:1px solid rgba(212,175,55,.22);background:rgba(12,6,5,.58);
  font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.4;
  letter-spacing:.02em;color:rgba(240,226,182,.82);
  text-shadow:0 1px 5px rgba(0,0,0,.85);pointer-events:none;
  opacity:1;transition:opacity .45s ease;}
.bs-ki-schild-film.ist-weg{opacity:0;}
@media (max-width:640px){ .bs-ki-schild-film{right:10px;bottom:8px;} }
@media (prefers-reduced-motion:reduce){ .bs-ki-schild-film{transition:none;} }
@media print{ .bs-ki-schild-film{display:none !important;} }

/* Original-Stilblock 41, Zeile 5359; 801 Bytes. */

/* Runde 131 (05.08.): 1) iPhone-Schrift-Aufblaehen im Querformat aus (text-size-adjust,
   stand bisher nur auf der Startseite). 2) Milchglas (backdrop-filter) auf Beruehr-
   Geraeten aus - der Grafikchip musste sonst pro Einzelbild eine Unschaerfe rechnen.
   Gleiches Gleis wie Startseite Runde 125. Grund minimal deckender, damit sich
   optisch nichts aendert. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
@media (hover:none),(pointer:coarse){
  .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;
    background:linear-gradient(180deg,rgba(12,6,5,.97),rgba(12,6,5,.82) 70%,rgba(12,6,5,0));}
  .bs-mobilenav{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(12,6,5,.985);}
  .mobile-nav{-webkit-backdrop-filter:none;backdrop-filter:none;}
}

/* Original-Stilblock 42, Zeile 5373; 666 Bytes. */

/* Runde 132b (06.08.): Schrift-Umbruch-Haertung fuer alle Handy-Formate -
   ausgewogene Ueberschriften-Umbrueche, Silbentrennung fuer lange deutsche
   Woerter (mit Zurueckhaltungs-Grenzen gegen Trennstrich-Leitern), kein
   Durchscrollen der Seite hinter dem offenen Handy-Menue. Muster von der
   augmanitai-Startseite uebernommen. */
h1,h2,h3{ text-wrap:balance; overflow-wrap:break-word; }
p,li{ text-wrap:pretty; hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word;
  hyphenate-limit-chars:6 3 3; -webkit-hyphenate-limit-before:3; -webkit-hyphenate-limit-after:3; }
.bs-mobile-nav,.bs-mobilenav,.mobile-nav{ overscroll-behavior:contain; }

/* Original-Stilblock 43, Zeile 5384; 456 Bytes. */

/* Runde 139 (06.08.): Windows-Kontrast-Themen (forced-colors) und die
   Nutzer-Einstellung "mehr Kontrast" respektieren - Deko-Schatten weichen,
   Links werden unterstrichen, Systemfarben behalten das Sagen. */
@media (forced-colors: active){
  a{ text-decoration:underline; }
  *{ text-shadow:none !important; box-shadow:none !important; }
}
@media (prefers-contrast: more){
  a{ text-decoration:underline; }
  body{ text-shadow:none; }
}