/* Zusatz-Stile der V2-Animationen. Greifen fast alle erst, wenn GSAP
   läuft (html.gsap bzw. die gsap-*-Klassen der Module). Ohne JavaScript
   oder bei "Bewegung reduzieren" bleibt alles bei der Baseline. */

/* Kacheln: den CSS-Hover (Versatz + Medien-Zoom) abgeben, GSAP macht
   stattdessen den weichen Scale-Hover. Der Schatten bleibt CSS. */
html.gsap .kachel-bild:hover { transform: none }
html.gsap .kachel-bild:hover .kachel-medien img,
html.gsap .kachel-bild:hover .kachel-medien video { transform: none }

/* Bewertungs-Laufband: CSS-Animation aus, GSAP fährt (weiches Anhalten) */
.bew-lauf.gsap-lauf { animation: none }

/* Ablauf mit Scrub: CSS-Zeitsteuerung aus, GSAP zieht Rahmen,
   Verbindungsstücke (über die Variable --verb) und Häkchen. */
.gsap-ablauf .rahmen rect,
.gsap-ablauf .schritt::after,
.gsap-ablauf .fertig-haken { animation: none !important }
.gsap-ablauf .schritt::after { transform: scaleX(var(--verb, 0)) }

/* Karte: Die Wärmestrecken übernimmt GSAP (nacheinander statt zeitgleich).
   dashoffset 1 = Strecke noch unsichtbar; Sichtbarkeit .35 wie Baseline. */
html.gsap .gsap-karte .k-waermespur {
  stroke-dasharray: 1; stroke-dashoffset: 1; opacity: .35;
  animation: none !important;
}
html.gsap .gsap-karte.laeuft .k-ort-warm { animation: none !important }
/* Der Ortsname erscheint weiter mit seinem Punkt, aber die Warm-Färbung
   macht GSAP, wenn die Wärme wirklich ankommt. */
html.gsap .gsap-karte.laeuft .k-ort-name {
  animation: k-auf .45s ease both !important;
  animation-delay: calc(2.6s + var(--i) * .05s) !important;
}

/* Ping-Marker beim Zeigen auf einen Ortsknopf */
.k-ping { fill: none; stroke: var(--waerme); stroke-width: 2;
  vector-effect: non-scaling-stroke; pointer-events: none }
.k-ping-punkt { fill: var(--waerme); pointer-events: none }

/* Die Orte leuchten jetzt nacheinander auf und brauchen dafür länger als
   in der CSS-Fassung. Deshalb wird die Karte erst danach farbig, sonst
   käme der Farbwechsel mitten in die Kette. */
html.gsap .gsap-karte.laeuft .k-warmbild { animation-delay: 8.2s !important }
html.gsap .gsap-karte.laeuft .k-warmlicht { animation-delay: 8.4s !important }