/* wow-ball-2026-09-17 — Wow-Schicht fuer alle ballscience4u.de-Seiten.
   Regeln: nur CSS + kleines Skript, kein blur, kein Layout-Sprung, prefers-reduced-motion beachtet,
   Handy zuerst (ohne Zeiger: nur Licht-Kanten + weiches Erscheinen). Skript setzt html.wow-b-ready. */
:root{--wow-b-gold:var(--bs-copper,#bd7950);--wow-b-ivory:var(--bs-ivory,#f5f0e7);--wow-b-x:50%;--wow-b-y:50%}
/* 1 Lesefortschritt oben (Kupfer-Linie) */
.wow-b-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(var(--wow-b-p,0));transform-origin:0 50%;background:linear-gradient(90deg,var(--wow-b-gold),#f1c9a4);z-index:9999;pointer-events:none;opacity:.9}
/* 2 Abschnitte erscheinen weich (nur wenn Skript da ist) */
html.wow-b-ready main > section,html.wow-b-ready main > article,html.wow-b-ready .perspective-path,html.wow-b-ready .card,html.wow-b-ready figure{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
html.wow-b-ready .wow-b-in{opacity:1;transform:none}
/* 3 Karten: Licht-Kante + leichte Neigung zur Maus (nur feiner Zeiger) */
html.wow-b-ready .perspective-path,html.wow-b-ready .card,html.wow-b-ready article.testimonial,html.wow-b-ready .coach,html.wow-b-ready .faq-item{position:relative;isolation:isolate}
html.wow-b-ready .perspective-path::after,html.wow-b-ready .card::after,html.wow-b-ready .coach::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--wow-b-x) var(--wow-b-y),rgba(241,201,164,.22),transparent 60%)}
html.wow-b-ready .wow-b-lit::after{opacity:1}
@media (hover:hover) and (pointer:fine){
  html.wow-b-ready .wow-b-tilt{transform:perspective(900px) rotateX(var(--wow-b-rx,0deg)) rotateY(var(--wow-b-ry,0deg)) translateY(0);transition:transform .25s ease}
}
/* 4 Ueberschriften: Kupfer-Strich zeichnet sich beim Erscheinen */
html.wow-b-ready main h2{position:relative}
html.wow-b-ready main h2::after{content:"";display:block;height:2px;width:0;margin-top:.35em;background:linear-gradient(90deg,var(--wow-b-gold),transparent);transition:width .9s cubic-bezier(.2,.7,.2,1) .15s}
html.wow-b-ready .wow-b-in h2::after,html.wow-b-ready h2.wow-b-in::after{width:min(180px,40%)}
/* 5 Links: Unterstrich waechst von links */
html.wow-b-ready main p a:not([class]){background-image:linear-gradient(var(--wow-b-gold),var(--wow-b-gold));background-repeat:no-repeat;background-size:0 1px;background-position:0 100%;transition:background-size .3s}
html.wow-b-ready main p a:not([class]):hover{background-size:100% 1px}
/* 6 Zahlen zaehlen hoch: nur Markierung, Zahl setzt das Skript */
.wow-b-count{font-variant-numeric:tabular-nums}
/* 7 Hero-Licht folgt dem Zeiger (Startseite) */
html.wow-b-ready .hero-copy{position:relative}
html.wow-b-ready .hero-copy::before{content:"";position:absolute;inset:-10% -5%;pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s;background:radial-gradient(560px circle at var(--wow-b-x) var(--wow-b-y),rgba(189,121,80,.20),transparent 62%)}
html.wow-b-ready .hero-copy.wow-b-lit::before{opacity:1}
/* Ruhe: Betriebssystem-Wunsch oder Schalter */
@media (prefers-reduced-motion:reduce){html.wow-b-ready main > section,html.wow-b-ready main > article,html.wow-b-ready .perspective-path,html.wow-b-ready .card,html.wow-b-ready figure{opacity:1;transform:none;transition:none}html.wow-b-ready .wow-b-tilt{transform:none}}
html.wow-b-off main > section,html.wow-b-off main > article,html.wow-b-off .perspective-path,html.wow-b-off .card,html.wow-b-off figure{opacity:1!important;transform:none!important;transition:none!important}