/* r18 (20.10.2026, Rückmeldung Lucas Fichter „Website Rückmeldung-2.docx“): Praxisseiten Tempelhof und Friedenau. */

/* P1  Karriere-Karte der Praxisseiten (bauen.py karriere_karte, Text „praxis:Ort“):
   Titel zweizeilig im Muster der Überschriften. Grün dunkel statt #66941C,
   weil der Titel unter 24 px bleibt (4,6:1 auf dem hellsten Grün der Karte). */
.z-karriere-praxis .z-karriere-titel .zeile-gruen { color: var(--gruen-dunkel); font-weight: 400; }
.z-karriere-praxis .z-karriere-titel .punkt { color: var(--orange); }
.z-karriere-praxis .z-karriere-satz { max-width: 52ch; }

/* P2  Mehr Zeit (bausteine/mehr-zeit.html): Die Frage „Sie wünschen sich mehr
   Zeit?“ ist länger als das alte Etikett. Gemessen 320 px: 277 px Text in
   232 px Pille, sie lief über den Rand. Schmal darf sie umbrechen. */
@media (max-width: 480px) {
  [data-auftritt="zeitlos"] .mehr-zeit .aussage .aussage-pille { white-space: normal; text-align: center; }
}

/* P3  Zeitentafel Friedenau: die Samstagzeile „Behandlungen nach
   Vereinbarung“ hielt mit nowrap (schwung.css, unter 560 px) die Tabelle
   bei 320 px 28 px breiter als den Bildschirm. Diese eine Zelle bricht um. */
@media (max-width: 560px) {
  .zeiten-tafel tr[data-tag="6"] td { white-space: normal; }
}
/* Unter 360 px stand die Tabelle auf beiden Praxisseiten 29 px über ihre
   Karte (gemessen 320 px: 276 px Tabelle, „BEHANDLUNGEN“ allein 106 px).
   Etwas kleinere Schrift und engere Zellen, die Zeiten bleiben einzeilig. */
@media (max-width: 359px) {
  .zeiten-tafel { padding-inline: 8px; }
  .zeiten-tafel tbody th, .zeiten-tafel td { padding-inline: 2px; font-size: .8rem; }
  .zeiten-tafel thead th { padding-inline: 2px; font-size: .6rem; }
}