/* ============================================================
   r15  RUHE (Runde 13.10.2026 spät), auf allen drei Auftritten,
   als letzte Stildatei eingebunden (bauen.py R15_CSS).

   Anlass: Lucas Fichter fand die Seite „sehr KI generiert“ und zu
   verschachtelt. Gemessen lag der Eindruck weniger am Text als am
   Rhythmus: Jeder Abschnitt hatte dieselbe Formel (Strich, Zweiton-
   Überschrift, Raster gleicher Karten, Pille mit Punkt). Diese Datei
   nimmt Wiederholung heraus, ohne eine Form zu erfinden, die das
   Mockup (15.png) nicht zeigt.

     R1  Akzentstrich nur, wo das Mockup ihn zeigt
     R2  Wegweiser-Faktenkarte (Berlin-Start, Pflege-Abschnitt)
     R3  Weg zum Termin als Band (Zeitlos-Start)
     R4  Zeiten und Anfahrt als Reiter (Praxisseiten)
   ============================================================ */

/* R1  Das Mockup setzt den kurzen Strich über der Überschrift nur im
   grünen Band („Deine Vorteile“) und über der mittigen Schrittreihe
   („In 3 Schritten“). Auf der Seite stand er über jeder Überschrift,
   18 Abschnitte allein auf dem Berlin-Start und den Praxisseiten. */
.sub-strich { display: none; }
:is(.vorteile, .cta-band, .schritte-kopf, .abschnitt-tief, .zahlen, .schritte) .sub-strich { display: block; }

/* R2  Drei Ziele für Einrichtungen in der Faktenkarte. Die ganze Zeile
   ist der Verweis, das Grün wandert mit (r13 R6), der Pfeil zeigt es an.
   Farben wie die übrigen Faktenkarten: grün #24390A auf #91C73D 6,1:1. */
.vorteile-karte.r15-wege[data-wander] > a.fakt {
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  padding-right: calc(var(--m5) + 26px);
}
@media (max-width: 760px) {
  .vorteile-karte.r15-wege[data-wander] > a.fakt { padding-right: calc(var(--m4) + 22px); }
  .r15-wege > a.fakt::after { right: var(--m3); }
}
.r15-wege > a.fakt::after {
  content: "→";
  position: absolute; right: var(--m4); top: 50%; translate: 0 -50%;
  font-family: var(--font-head); font-weight: 700;
  color: var(--orange-aktion);
  transition: translate .2s ease, color var(--w-zeit, .2s) linear;
}
.r15-wege > a.fakt:hover::after,
.r15-wege > a.fakt:focus-visible::after { translate: 4px -50%; }
.r15-wege > a.wander-an::after { color: var(--gruen-nacht); }
.r15-wege > a.fakt:focus-visible { outline: 3px solid var(--gruen-dunkel); outline-offset: 2px; }
.start-pflege .r15-wege { margin-top: var(--m10); }
@media (prefers-reduced-motion: reduce) { .r15-wege > a.fakt::after { transition: none; } }

/* R3  Fünf Schritte im grünen Band, als Liste ausgezeichnet. Ohne die
   Fotos bleibt die Karte so hoch wie ihr Text, alle gleich hoch. */
ol.r15-weg { list-style: none; margin: 0; padding-left: 0; }
.z-digital .r15-weg > .v-karte { min-height: 0; display: flex; flex-direction: column; }
.z-digital .r15-weg > .v-karte p { padding-bottom: 0; }
.z-digital .r15-weg .z-schritt-nummern { justify-content: flex-start; margin-top: auto; padding-top: var(--m4); }
.z-digital .btn-primary { box-shadow: 0 10px 24px rgba(0, 0, 0, .18); }

/* R4  Zeiten und Anfahrt in einem Abschnitt. Der Anker #zeiten bleibt
   für alte Verweise und landet über der Überschrift. */
.r15-anker { display: block; position: relative; top: calc(-1 * var(--kopf-hoehe, 80px)); height: 0; }
.r15-besuch .abschnitt-kopf { margin-bottom: var(--m6); }
.r15-besuch-wahl { margin-bottom: var(--m8); }
.r15-besuch .tafel .zeiten-paar { margin-top: 0; }
.r15-besuch #tafel-anfahrt > .abschnitt-kopf { max-width: 760px; }
html:not(.js) .r15-besuch-wahl { display: none; }

/* R3b Telefonknöpfe in der hellen Karte: Die alte Fassung war für die
   dunkelgrüne Schrittkarte gebaut (weiß auf Grün) und war auf der hellen
   Karte kaum lesbar. Jetzt #4E7B08 auf Weiß 5,1:1. */
.z-digital .r15-weg .z-schritt-nummern a {
  color: var(--gruen-dunkel);
  background: #fff;
  border-color: var(--gruen);
}
.z-digital .r15-weg .z-schritt-nummern a:hover,
.z-digital .r15-weg .z-schritt-nummern a:focus-visible {
  color: #fff;
  background: var(--gruen-dunkel);
  border-color: var(--gruen-dunkel);
}

/* R5  Preise und After Work stehen seit dieser Runde im Abschnitt der
   Leistungen (Zeitlos-Start), mit Luft zum Knopf darüber. */
.z-start-leistungen .z-duo { margin-top: var(--m16); }

/* R4b Segmentschalter wie auf /preise/ (.z-tarif-wahl, Mockup-Umschalter),
   hier mit zwei statt drei Feldern. Vorher je 560 px breite Kartenknöpfe,
   am Handy untereinander. */
.z-tarif-wahl.umschalter.r15-besuch-wahl { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 420px); margin-bottom: var(--m8); }

/* R6  Überschriften ohne Waisen (Prüfagent 13.10.2026 spät: einzelne
   Wörter allein in der letzten Zeile, etwa „Physiotherapie in / der /
   Pflegeeinrichtung“, „Anamnese auf dem / Tablet“). Zweizeilige
   Kartentitel werden ausgeglichen; die Zweiton-Überschriften behalten
   ihren festen Zeilenwechsel (<br>), jede Zeile wird für sich verteilt. */
main :is(h2, h3) { text-wrap: balance; }
.r15-ganz { white-space: nowrap; }   /* „After-Work-Abend“ nie am Bindestrich trennen */

/* R7  Untertitel im gewählten Leistungsreiter: #C8EB82 auf #4E7B08 hatte
   bei 13 px nur 3,8:1. Weiß 5,1:1. */
.lw-knopf[aria-selected="true"] .lw-knopf-ort { color: #fff; }