/* Bau 40 (21.10.2026): Zeilenumbrüche glätten – gemessen mit Arbeit/bau-40-umbrueche/messen.py
   (Handy 375/390, Tablet 768, iPad quer 1024, Laptop 1440). Text bleibt wörtlich gleich. */

/* 1. Kliniken + Pflege, Tablet bis kleiner Laptop: Die Arzt-Kopfregel (Claim als 3. Spalte, feinschliff35)
      griff hier mit – die Überschrift wurde nur 200 px breit („Gemeinsa-m“, „Überleitun-g“).
      Hier wie in klinik.css/pflege.css vorgesehen: Claim unter das Bild. Ab 1200 px bleibt alles wie bisher. */
@media (min-width:761px) and (max-width:1199px){
  .seite-klinik .az-kopf__in,.pflege25 .az-kopf__in{grid-template-columns:minmax(0,1fr) minmax(0,clamp(260px,34vw,450px))!important}
  .seite-klinik .az-kopf-claim,.pflege25 .az-kopf-claim{grid-column:2;grid-row:2;align-self:start;justify-self:center;width:clamp(200px,20vw,250px);margin:.7rem 0 0}
}

/* 2. Porträtkarten: Bei 1000–1239 px (Seiten mit Leiste) waren zwei Karten nebeneinander zu schmal –
      Namen und Qualifikationen wurden rechts abgeschnitten. Dort eine Karte je Zeile (alle gleich groß). */
@media (min-width:1000px) and (max-width:1239px){
  main:not(:has(.kopf-spitze)) .pk-liste:not(.pk-liste--eins){grid-template-columns:minmax(0,1fr)}
}
/* Schmale Textspalte in der Karte: Schrift nur so weit verkleinern, dass „Wundtherapeutin DEKRA“
   und die Namen ganz hineinpassen (greift nur, wenn es eng wird). */
.pk-liste .pk__text{container-type:inline-size}
.pk-liste .pk__text .pk__quali>li{font-size:min(.88rem,8.1cqi)}
.pk-liste .pk__text .pk__name:not(.name-hand){font-size:min(1.08rem,10.2cqi)}
@media (min-width:700px){.pk-liste .pk__text .pk__name:not(.name-hand){font-size:min(1.15rem,10.2cqi)}}
@media (min-width:1100px){
  .arzt20 .az-team .pk-liste .pk__text .pk__name{font-size:min(1.25rem,10.2cqi)}
  .arzt20 .az-team .pk-liste .pk__text .pk__quali>li{font-size:min(.95rem,8.1cqi)}
}

/* 3. Ratgeber-Übersicht: „Zum Ratgeber …“ und „Zuletzt geprüft …“ standen in schmalen Kacheln übereinander
      (beide ohne Umbruch). Ist die Kachel zu schmal für beides in einer Zeile, kommt „Zuletzt geprüft“ darunter. */
.rkarten>li{container-type:inline-size}
@container (max-width:540px){
  .rkarte{grid-template-columns:minmax(0,1fr)!important}
  .rkarte>.klein{grid-column:1!important;grid-row:4!important;margin-top:.4rem!important}
}

/* 4. Flyer-Seite /post/: drei Leistungs-Kästen nebeneinander waren am Tablet zu schmal
      („Schmerztherapie“ abgeschnitten, „Wundversorgung“ unter dem Pfeil). Dort zwei je Zeile. */
@media (min-width:761px) and (max-width:999px){
  .p33-leistungen{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 5. Wundkonzept für Praxen, Kasten „Hier sehen Sie unsere Patientenmappe“ bei 901–1199 px:
      Text stand in einer sehr schmalen Spalte (ein, zwei Wörter je Zeile). Weniger Abstand, Bild etwas kleiner. */
@media (min-width:901px) and (max-width:1199px){
  main #patientenmappe .mappe-knopf__a{grid-template-columns:minmax(0,170px) minmax(0,1fr)!important;column-gap:1.5rem!important}
  main #patientenmappe .mappe-knopf__bild{max-width:170px}
}

/* 6. Palliativ: Handschrift-Zeile „So bleibt Ihnen mehr Zeit füreinander.“ lief am Laptop unter die Leiste
      (stand fest auf einer Zeile). Jetzt darf sie umbrechen, ausgewogen. */
@media (min-width:761px){.seite-pall31 .hand-zeile{white-space:normal!important;text-wrap:balance}}

/* 7. Pflege-Kopf am Handy: Überschrift so groß wie bei Kliniken (klinik.css), damit „Gemeinsam mit“
      in eine Zeile passt (vorher stand „mit“ allein in einer Zeile). */
@media (max-width:760px){.pflege25 .az-kopf h1{font-size:clamp(1.7rem,1.1rem + 3vw,2.1rem)}}

/* 8. Team-Seite (Namen mit Vorname in Handschrift): langer Nachname „Herzog-Dahlbruck“ ragte um 700 px Breite
      7 px aus der Karte. Nachname nur so weit verkleinern, wie es nötig ist. */
.pk-liste .pk__text .pk__name.name-hand .nachname{font-size:min(1em,11cqi)}
