/* wow-stufe3-2026-09-18 — Wow-Stufe 3 fuer alle ballscience4u.de-Seiten. Nur CSS.
   1 text-wrap balance · 2 Fokus-Kupferring · 9 weicher Seitenwechsel (View Transitions) ·
   4 Karten-Reihen als Wisch-Schiene auf dem Handy · 7 Kupfer-Einlauf per Scroll-Zeitachse (nur wo unterstuetzt). */
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:2px solid var(--bs-copper,#bd7950);outline-offset:3px;border-radius:4px}
a:focus:not(:focus-visible){outline:none}
@view-transition{navigation:auto}
@media (prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:wow3-out .22s ease-in both}
  ::view-transition-new(root){animation:wow3-in .32s ease-out both}
  @keyframes wow3-out{to{opacity:0;transform:translateY(-6px)}}
  @keyframes wow3-in{from{opacity:0;transform:translateY(8px)}}
}
@media (max-width:760px){
  .perspective-story .perspective-path{scroll-snap-align:start}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .perspective-path,.card,.coach,figure,.testimonial{animation:wow3-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    @keyframes wow3-rise{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}
  }
}

/* Ruhe: was nicht im Bild ist, pausiert (Skript wow-ruhe setzt die Klasse) */
.wow-ruhe,.wow-ruhe *,.wow-ruhe *::before,.wow-ruhe *::after,.wow-ruhe::before,.wow-ruhe::after{animation-play-state:paused!important}
html.wow-ruhe-alle *,html.wow-ruhe-alle *::before,html.wow-ruhe-alle *::after{animation-play-state:paused!important}