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

/* P0  Längere Pillen auf der Kartenkante („Was wir in Ihre Einrichtung
   mitbringen“, „Ihre Fortbildung planen wir gemeinsam“): am Handy ragten sie
   einzeilig über die Karte (358 px Pille auf 342 px Karte bei 390 px).
   Etwas kleiner, höchstens kartenbreit, notfalls zweizeilig (Muster
   .aussage-pille, style.css 15b.2). */
@media (max-width: 480px) {
  :is(#feste-personen, #ort) .vorteile-karte > .badge {
    width: max-content;
    max-width: calc(100% - var(--m4));
    white-space: normal;
    text-align: center;
    line-height: 1.3;
    font-size: .76rem;
    letter-spacing: 0;
    padding-inline: var(--m4);
    gap: var(--m2);
  }
}

/* P1  /fortbildungen/ Themenkarte „Für das Wohlbefinden Ihres Teams“: vier
   Unterpunkte als Haken-Liste (Wortlaut „Verlust, Sterben und Tod“ trägt
   selbst Kommas). Kompakt wie der Kartentext (.v-karte p, bauteile.css). */
[data-auftritt="berlin"] .v-karte.v-foto > .r18-themen-liste { padding-inline: var(--m5); }
.v-karte .r18-themen-liste { margin: 0; gap: var(--m2); font-size: .92rem; line-height: 1.5; color: var(--tinte); }
.v-karte .r18-themen-liste li { padding-left: 28px; }
.v-karte .r18-themen-liste li::before { width: 18px; height: 18px; top: .12em; background-size: 11px; }

/* P2  /fortbildungen/ Formular Schritt 1: Hilfetext direkt unter der Frage. */
#anfrage-fortbildung .schritt > h3 + .r18-themen-hinweis { margin: calc(-1 * var(--m3)) 0 var(--m4); }

/* P3  „Ich bin noch unsicher“ als letzte Kachel über die ganze Breite,
   sonst steht sie am Rechner und am Handy allein in der letzten Reihe. */
#anfrage-fortbildung .wahl-raster > .wahl.r18-unsicher { grid-column: 1 / -1; }

/* P4  Längere Thementitel trennte der Browser am Rechner selbst („Ih-res
   Teams“, „Erhal-tung“). Nur an den gesetzten ­-Stellen trennen, wie
   am Handy schon (r12-berlin.css). */
#anfrage-fortbildung .wahl:has(input[type="checkbox"]) strong { hyphens: manual; }

/* P5  Pflegeseite: zwei lange Überschriften im Wortlaut des Kunden stehen in
   einer halben Spalte (Verordnungsmanagement, Angehörige). Bei 1440 px liefen
   sie mit der normalen H2-Größe über 7 bzw. 5 Zeilen. Nur hier kleiner,
   Wortlaut unverändert. */
@media (min-width: 761px) {
  :is(#verordnungsmanagement, #angehoerige) .headline { font-size: clamp(1.7rem, 2.2vw, 2.05rem); hyphens: manual; }
}