/* =====================================================================
   start.dr-brauers.ch — Choreografie (Bauplan 10; Verfeinerungen M9, R1, V1).
   Nur die Website; das Portal lädt diese Datei nicht.
   Regeln (10.1): nichts auf dem LCP-Element ausser transform; keine
   Klassenumschaltung nach der Choreografie; versteckt wird nur unter html.bw
   (setzt bewegung.js); alles in prefers-reduced-motion:no-preference und nur
   am Bildschirm; nur transform, opacity, clip-path, stroke-dashoffset.
   Zeichnen ist ein einmaliges Ereignis, keine scroll-gekoppelte Zeitleiste:
   der Endzustand ist immer der Grundstil in stil.css.
   ===================================================================== */
@media screen and (prefers-reduced-motion:no-preference){

  /* ---- v3: kein «Vermessen» mehr ----
     Achsraster, Passermarken und Masslinie sind entfallen und mit ihnen ihre
     Choreografie (Abdecken des Rasters, einfahrende Marken, gezogene Linien).
     Teil 2 hat auch die letzten gezogenen Striche genommen: die Kopflinie der
     Datenleiste, die Zeitleiste der Schritte und den langen Pfeil zwischen den
     Therapiewegen - alle drei sind jetzt Karten. Auf dem LCP-Element bewegt
     sich weiterhin nichts. */

  /* ---- Erscheinen beim Scrollen: nur mit html.bw (bewegung.js) ---- */
  .bw [data-zeigen]{transition:opacity var(--d-4) var(--kurve-aus),transform var(--d-4) var(--kurve-aus)}
  .bw [data-zeigen]:not(.sichtbar):not([data-zeigen="gruppe"]){opacity:.001;transform:translateY(16px)}
  .bw [data-zeigen="gruppe"] > *{transition:opacity var(--d-4) var(--kurve-aus),transform var(--d-4) var(--kurve-aus)}
  .bw [data-zeigen="gruppe"]:not(.sichtbar) > *{opacity:.001;transform:translateY(16px)}
  .bw [data-zeigen="gruppe"] > :nth-child(2){transition-delay:70ms}
  .bw [data-zeigen="gruppe"] > :nth-child(3){transition-delay:140ms}
  .bw [data-zeigen="gruppe"] > :nth-child(4){transition-delay:210ms}
  .bw [data-zeigen="gruppe"] > :nth-child(5){transition-delay:280ms}
  .bw [data-zeigen="gruppe"] > :nth-child(n+6){transition-delay:350ms}
  .bw .foto[data-zeigen] img{transition:transform var(--d-4) var(--kurve-aus)}
  .bw .foto[data-zeigen]:not(.sichtbar) img{transform:scale(1.03)}

  /* ---- Zeichnen: einmaliges Ereignis (Runde 2, R1) ----
     bewegung.js setzt .sichtbar, wenn das Element ins Bild kommt; erst dann
     läuft eine Zeitanimation (Linie --d-5, Kontur --d-6, Staffel 70 ms,
     fill-mode backwards). Was beim Laden schon im Bild ist, trägt .still und
     wird weder versteckt noch gezeichnet. Nach dem Ende setzt bewegung.js .fertig:
     dann gilt nur noch der Grundstil, und keine spätere Umgestaltung (Breite,
     Ganzseitenaufnahme) kann das Zeichnen neu starten. */
  .bw .abb:not(.sichtbar) .z-kontur [pathLength]{stroke-dasharray:1;stroke-dashoffset:1}
  .bw .abb.sichtbar:not(.still,.fertig) .z-kontur [pathLength]{animation:zug var(--d-6) var(--kurve-schritt) backwards}
  .bw .abb.sichtbar:not(.still,.fertig) .z-kontur > :nth-child(2){animation-delay:var(--staffel)}
  .bw .abb.sichtbar:not(.still,.fertig) .z-kontur > :nth-child(3){animation-delay:calc(var(--staffel) * 2)}
  .bw .abb.sichtbar:not(.still,.fertig) .z-kontur > :nth-child(4){animation-delay:calc(var(--staffel) * 3)}

  /* ---- Formular (/termin: einziger Wechsel) ---- */
  .fsi-d::after{transition:transform var(--d-3) var(--kurve-aus)}
  .bw .f-step.on{transition:opacity 200ms var(--kurve-kurz)}
  @starting-style{.bw .f-step.on{opacity:0}}
  /* Nur, wo die Leiste unten klebt - in niedrigen Fenstern steht sie im Fluss. */
  @media (min-height:481px){#cc.show{animation:cc-hoch var(--d-3) var(--kurve-aus)}}
}
@keyframes zug{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes cc-hoch{from{transform:translateY(100%)}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important}}