/* W3 Strang D: Ärzte-Bereich MediPersonal (Kopie von w2x-aerzte/werk/aerzte.css, Stand Runde 5, unverändert; Ergänzung zu stil/basis.css). */
/* Strang W2x Ärzte (MediPersonal): Ergänzungen zu stil.css (Variante A). Gleiche Schrift-Skala, Farben aus den Variablen der Marke
   (Blau/Grün, nie Rot), alle Knöpfe und Pillen halbrund. Keine neuen Schriftgrössen ausser den Kennzahlen (Wert in H2-Grösse). */

/* Kennzahlen-Kacheln (SEO-Methode Teil D): nur belegte Werte, sonst «folgt» mit Quelle */
.kennzahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--luecke)}
.kennzahl{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--schatten)}
.kennzahl__wert{margin:0;font-size:var(--h2);line-height:var(--h2-z);font-weight:700;color:var(--akzent-text)}
.kennzahl__text{margin:0;font-size:var(--klein);line-height:22px;color:var(--text)}
.kennzahl__quelle{margin:auto 0 0;padding-top:8px;border-top:1px solid var(--linie);font-size:var(--klein);line-height:18px;color:var(--text3)}
.kennzahl__quelle a{color:var(--text2)}
.kennzahl--offen{background:var(--grau2);border-style:dashed;box-shadow:none}
.kennzahl--offen .kennzahl__wert{color:var(--text3);font-weight:500}

/* Fachgruppen und Liste aller Fachrichtungen */
.fachgruppen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--luecke)}
.fachgruppe{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--schatten)}
.fachgruppe h3{margin:0 0 8px}
.fachgruppe p{margin:0;font-size:var(--klein);line-height:23px;color:var(--text2)}
.fachgruppe--zahn{background:var(--akzent-zart);border-color:var(--linie2)}
.fachliste__titel{margin:28px 0 12px}
.fachliste{columns:3;column-gap:32px;margin:0;padding:0;list-style:none}
.fachliste li{display:flex;justify-content:space-between;gap:12px;break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--linie);font-size:var(--klein);line-height:21px}
.fachliste__dauer{flex-shrink:0;color:var(--text3);white-space:nowrap}
.fachliste__quelle{margin-top:18px;font-size:var(--klein);color:var(--text3)}

/* Stellen mit Filter: Treffer wechseln an Ort und Stelle, ohne Neuladen; die Liste schrumpft nie unter die Höhe einer Kartenreihe */
.aerzte-filter{display:grid;gap:18px;margin-bottom:18px;padding:22px;background:var(--grau2);border:1px solid var(--linie);border-radius:var(--radius)}
html:not(.js) .aerzte-filter,html:not(.js) .aerzte-treffer{display:none}
.aerzte-filter__suche{max-width:560px}
.aerzte-filter__reihe{clear:both;display:flex;flex-wrap:wrap;gap:8px}
.aerzte-treffer{margin:0 0 12px;font-size:var(--klein);color:var(--text2)}
.aerzte-aehnlich{margin:0 0 16px;padding:14px 18px;background:var(--akzent-zart);border-radius:var(--radius);font-size:var(--klein);line-height:22px;color:var(--tinte)}
.aerzte-stellen{grid-template-columns:repeat(3,minmax(0,1fr))}
.js .aerzte-stellen{min-height:236px}
.aerzte-stelle .stelle-karte__titel{-webkit-line-clamp:2}
.aerzte-muster{margin:16px 0 0;font-size:var(--klein);color:var(--text3)}

/* Regionen (nur Text, kein Ort verlinkt einen anderen Ort) */
.regionen-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none}
.regionen-liste li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--linie)}
.regionen-liste .sym{flex-shrink:0;color:var(--akzent)}

/* Schritte im Seitenkasten des Formulars */
.aerzte-schritte{margin:0;padding-left:20px;display:grid;gap:8px;font-size:var(--klein);line-height:22px;color:var(--text2)}

/* ==== Startseite ==== */
/* Bereich «Ärztinnen, Ärzte und Kader»: gleiche Karten wie «Berufsgruppen» (halbes Bild mit Verlauf), dazu zwei Wege */
.bereiche--aerzte{margin-bottom:28px}
.aerzte-wege{display:grid;grid-template-columns:1fr 1fr;gap:var(--luecke)}
.aerzte-weg{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 22px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius)}
.aerzte-weg__wer{margin:0;font-size:var(--h3);line-height:var(--h3-z);font-weight:700;color:var(--tinte)}
.leiste__liste:has(> li:nth-child(7)){grid-template-columns:repeat(7,1fr)}
@media (max-width:960px){
  .leiste__liste:has(> li:nth-child(7)){grid-template-columns:repeat(3,1fr)}
  .leiste__liste li:nth-child(7){grid-column:1/-1;border-left:0!important;border-top:1px solid var(--linie)}
  .leiste__liste li:nth-child(7) a{flex-direction:row;gap:10px;min-height:0}
}
@media (max-width:700px){
  /* am Handy kurz halten (Runde 2, Höhe): Karten nur mit Bild und Titel, Wege ohne Rahmen und ohne Zeile darüber, nur die zwei Knöpfe */
  .bereiche--aerzte{margin-bottom:14px;gap:10px}
  .bereiche--aerzte .bereich{grid-template-columns:72px 1fr}
  .bereiche--aerzte .bereich__bild img{min-height:56px}
  .bereiche--aerzte .bereich__box{justify-content:center;padding:10px 14px}
  .bereiche--aerzte .bereich__box p{display:none}
  /* Karte «Ärztinnen und Ärzte»: im schmalen Ausschnitt die Ärztin zeigen, nicht den Pfleger rechts */
  .bereiche--aerzte > li:first-child .bereich__bild img{object-position:24% 35%}
  .aerzte-wege{grid-template-columns:1fr;gap:10px}
  .aerzte-weg{align-items:stretch;gap:6px;padding:0;background:none;border:0}
  .aerzte-weg__wer{display:none}
  .aerzte-weg .knopf{width:100%;justify-content:center}
  .leiste__liste li:nth-child(7) a{padding:10px 4px}
}
/* ==== Ende Startseite ==== */

@media (max-width:1180px){
  .kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fachliste{columns:2}
}
@media (max-width:960px){
  .fachgruppen,.aerzte-stellen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .regionen-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .kennzahlen,.fachgruppen,.aerzte-stellen,.regionen-liste{grid-template-columns:1fr;gap:12px}
  .fachliste{columns:1}
  .kennzahl{padding:16px 18px}
  .aerzte-filter{padding:16px}
  .js .aerzte-stellen{min-height:160px}
}