/* arzt-d.css – Muster D „Mischung“ (Bau 22, 20.10.2026)
   Gerüst wie C (rechts mitlaufende Leiste „Für Ihre Praxis“), Klappen und Mädels-Karten wie A.
   Weiß mit Beere als Akzent und grünen Akzenten. Keine Flächen in Rosa oder Eisblau. Je Klappe nur EINE feine Linie. */

/* ---------- Wegweiser „Schnellauswahl“: nur Rahmen, nie Füllung ---------- */
.arzt20-d .az-wege__titel{font:600 1rem/1.2 var(--font-head);color:var(--c-mute)}
.arzt20-d .az-weg,.arzt20-d .az-weg:hover,.arzt20-d .az-weg[aria-current]{background:#fff}
.arzt20-d .az-weg:hover{box-shadow:0 0 0 1px var(--rand)}
.arzt20-d .az-weg[aria-current]{border-width:2.5px;box-shadow:none}

/* ---------- Kopf: weniger Luft, Mappe kleiner ---------- */
.arzt20-d .az-pfad{padding-top:.8rem;padding-bottom:0}
.arzt20-d .az-kopf{padding:.6rem 0 1.4rem}
.arzt20-d .az-kopf h1{margin-bottom:1rem}
.arzt20-d .az-knoepfe{margin-top:1.4rem}
@media (min-width:761px){.arzt20-d .az-mappe{width:clamp(200px,18vw,262px)}}
.arzt20-d .az-mappe img{box-shadow:0 8px 22px rgba(38,38,37,.11)}
.arzt20-d .az-mappe__hinweis{margin-top:.6rem}

/* ---------- Zwei Spalten ---------- */
/* Bau 23: Der Kopf ist unter 1300 px Breite real ~115 px hoch (--kopf sagt 76 px) – die Leiste rutschte darunter.
   Eigene Kopfhöhe nur für Leiste und Sprungziele dieser Seite. */
.arzt20-d{--kopf-leiste:max(var(--kopf),116px)}
.arzt20-d .az-zweispaltig{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:3rem}
.arzt20-d .az-spalte{min-width:0}
@media (min-width:1000px){
  html:has(.arzt20-d){scroll-padding-top:calc(max(var(--kopf),116px) + 16px)}
  .arzt20-d .az-zweispaltig{grid-template-columns:minmax(0,1fr) 380px;column-gap:clamp(2rem,3.5vw,3.5rem);align-items:start}
  .arzt20-d .az-praxis{grid-column:2;grid-row:1;position:sticky;top:calc(var(--kopf-leiste) + .5rem);
    max-height:calc(100vh - var(--kopf-leiste) - 1rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .arzt20-d .az-spalte{grid-column:1;grid-row:1}
}

/* ---------- Linke Spalte ---------- */
.arzt20-d .az-spalte>.az-abschnitt{padding:clamp(1.8rem,3vw,2.6rem) 0 0}
.arzt20-d .az-spalte>.az-leistungen{padding-top:.4rem}
.arzt20-d .az-leistungen__titel{margin:0 0 .7rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);color:var(--c-fg)}
/* Klappen: einheitlich, je Klappe nur EINE feine Linie (unten); die Liste oben mit einer Linie begonnen */
.arzt20-d .az-zeilen{border-top:1px solid var(--c-line)}
.arzt20-d .az-zeile{border-bottom:1px solid var(--c-line)}
.arzt20-d .az-zeile>summary{min-height:60px;padding:.75rem .4rem .75rem 0}
.arzt20-d .az-zeile--wunde .az-zeile__titel .icon{color:var(--c-berry);width:1.3em;height:1.3em}
.arzt20-d .az-zeile--wunde .az-zeile__titel{font-size:clamp(1.22rem,1.1rem + .4vw,1.45rem)}
.arzt20-d .az-zeile--wunde>summary:hover .az-zeile__titel{color:var(--c-berry)}
.arzt20-d .az-zeile--wunde .az-zeile__inhalt>p:first-child{font-size:1.05rem}
.arzt20-d .az-zeile__link{margin:1rem 0 0}
.arzt20-d .az-verordnen{border:0}
/* „Wir sind kein Pflegedienst …“: EINE Zeile, ohne eigene Linie */
.arzt20-d .az-leistungen .nicht-uebernehmen{margin:.8rem 0 0;padding:0;border:0;max-width:none;font-size:.95rem;color:var(--c-mute)}
@media (min-width:1300px){.arzt20-d .az-leistungen .nicht-uebernehmen{white-space:nowrap;font-size:.76rem}}
/* Wer zu Ihren Patienten kommt: zu zweit wie A, weniger Luft */
.arzt20-d .az-team .sec-num{margin-bottom:.6rem}
.arzt20-d .az-team>p{margin:0}
.arzt20-d .az-team .pk-liste{margin:.9rem 0 .6rem;gap:.8rem}
/* nach der Melden-Klappe trägt deren Linie die Trennung – keine zweite Linie über „Häufige Fragen“ */
.arzt20-d .az-melden-abschnitt+.az-fragen .sec-num{border-top:0!important;padding-top:0}
@media (min-width:1000px){.arzt20-d .az-team .pk-liste{--pk-b:150px}}
/* Ausführliche Klappe „So melden Sie einen Patienten“ */
.arzt20-d .az-zeile--melden .az-zeile__titel{font-size:clamp(1.22rem,1.1rem + .4vw,1.45rem)}
.arzt20-d .az-zeile--melden .az-zeile__titel .icon{color:var(--c-berry)}
.arzt20-d .az-schritte--liste>li{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:1rem;padding:.5rem 0}
.arzt20-d .az-schritte--liste>li::before{grid-row:1/span 2}
.arzt20-d .az-schritte--liste h4{margin-top:.2rem}
.az-pm-hinweis{margin:1rem 0 0;max-width:40em}
.az-pm-hinweis__a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:1rem;align-items:center;text-decoration:none;color:var(--c-text);background:var(--c-tint);border-radius:4px;padding:.8rem 1rem}
.arzt20-d .az-pm-hinweis__a img{width:96px;height:auto;border:1px solid var(--c-line);border-radius:2px;box-shadow:0 3px 10px rgba(38,38,37,.12);background:#fff}
.az-pm-hinweis__satz{display:block;font-size:.98rem;line-height:1.45}
.az-pm-hinweis__tun{display:block;margin-top:.3rem;font:600 .95rem/1.3 var(--font-body);color:var(--c-link)}
.az-pm-hinweis__a:hover .az-pm-hinweis__tun{text-decoration:underline}
/* Fragen und Rückruf wie C */
.arzt20-d .az-spalte>.az-rueckruf{margin-top:clamp(2rem,3.5vw,3rem);padding:clamp(1.2rem,3vw,2rem);border-radius:4px}
.arzt20-d .az-spalte>.az-rueckruf .sec-num{border-top:0!important;padding-top:0}
.arzt20-d #rueckruf .formular{grid-template-columns:minmax(0,1fr)}
.arzt20-d #rueckruf .formular>.feld{max-width:26rem}

/* ---------- Handy und Tablet: Leiste als Block direkt nach dem Kopf ---------- */
@media (max-width:760px){
  .arzt20-d .az-kopf{padding-bottom:1rem}
  .az-pm-hinweis__a{grid-template-columns:72px minmax(0,1fr);gap:.8rem}
  .arzt20-d .az-pm-hinweis__a img{width:72px}
}

/* Wegweisung abgesetzt (Bertram 19:37): Brotkrumen + Schnellauswahl auf einem zarten, durchgehenden Band mit feiner Linie darunter */
main{overflow-x:clip}
.az-pfad{position:relative;padding-top:.85rem;padding-bottom:.85rem;margin-bottom:1.6rem}
.az-pfad::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:#F6F8F4;border-bottom:1px solid #DDE5D8;z-index:0}
.az-pfad>*{position:relative;z-index:1}

/* ---------- Bau 24: Leiste „Für Ihre Praxis“ neu – Kurzinfo Melden (gleich in F und G) ---------- */
.arzt20-d .az-praxis .az-kurz{display:block;text-decoration:none;color:var(--c-text);margin:0;padding:.05rem 0 .1rem .8rem;border-left:3px solid var(--c-berry)}
.arzt20-d .az-praxis .az-kurz__titel{display:block;font:700 1.08rem/1.2 var(--font-head);color:var(--c-fg);transition:color .15s}
.arzt20-d .az-praxis .az-kurz__satz{display:block;margin-top:.15rem;font-size:.92rem;line-height:1.35;color:var(--c-text)}
.arzt20-d .az-praxis .az-kurz__tun{display:flex;width:max-content;align-items:center;gap:.3rem;margin-top:.2rem;font:600 .9rem/1.3 var(--font-body);color:var(--c-berry)}
.arzt20-d .az-praxis .az-kurz__tun::after{content:"↓";font-weight:700;transition:transform .15s}
.arzt20-d .az-praxis .az-kurz:hover .az-kurz__titel{color:var(--c-berry)}
.arzt20-d .az-praxis .az-kurz:hover .az-kurz__tun{text-decoration:underline;text-underline-offset:2px}
.arzt20-d .az-praxis .az-kurz:hover .az-kurz__tun::after{transform:translateY(2px)}
/* Rückruf-Knopf: Grundform (allgemein, Klasse .rk-knopf + Anker #rueckruf) */
.rk-knopf{display:flex;align-items:center;gap:.55rem;margin:0;padding:.5rem .9rem;min-height:42px;border:1.5px solid var(--c-green);border-radius:6px;
  background:#fff;color:var(--c-green-strong);font:600 .95rem/1.2 var(--font-body);text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
.rk-knopf .icon{width:1.05em;height:1.05em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rk-knopf__text{flex:1}
.rk-knopf__pfeil{font-weight:700;transition:transform .15s}
.rk-knopf:hover{background:var(--c-green);border-color:var(--c-green);color:#fff}
.rk-knopf:hover .rk-knopf__pfeil{transform:translateY(2px)}
.rk-knopf:focus-visible{outline:2px solid var(--c-green);outline-offset:2px}
@media (max-width:999px){.rk-knopf{min-height:46px}.arzt20-d .az-praxis{margin:.4rem 0 .8rem}}
@media (prefers-reduced-motion:reduce){.arzt20-d .az-praxis *{transition:none!important}}

/* ---------- Bau 24: Schnellauswahl sauber zentriert ----------
   Band oben und unten gleich viel Luft; alle vier Karten exakt gleich groß (aktuelle Karte nur mit Schatten-Ring, nicht dickerem Rand);
   Bild und Wort in jeder Karte mittig; Wort „Schnellauswahl“, Kartenreihe und Brotkrumen auf einer waagerechten Mittelachse. */
.arzt20-d .az-pfad{align-items:center;padding-top:1rem;padding-bottom:1rem;margin-bottom:1.6rem}
.arzt20-d .az-wege{align-items:center;gap:.9rem}
.arzt20-d .az-wege__titel{line-height:1;margin:0}
.arzt20-d .az-wege ul{align-items:stretch;gap:.5rem}
.arzt20-d .az-weg{box-sizing:border-box;width:5.4rem;height:4.6rem;padding:.4rem .25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;
  border:1.5px solid var(--rand);text-align:center}
.arzt20-d .az-weg img{display:block;margin:0 auto;flex:none}
.arzt20-d .az-weg>span:not(.unsichtbar){display:block;width:100%;text-align:center;line-height:1.1}
.arzt20-d .az-weg[aria-current]{border-width:1.5px;box-shadow:0 0 0 1.5px var(--rand)}
@media (max-width:999px){
  .arzt20-d .az-pfad{padding-top:.8rem;padding-bottom:.9rem}
  .arzt20-d .az-wege{width:100%}
  .arzt20-d .az-wege ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:.5rem;justify-content:center}
  .arzt20-d .az-wege li{min-width:0}
  .arzt20-d .az-weg{width:100%;height:4.3rem;padding:.3rem .15rem}
}
/* Schatten der Leiste nicht abschneiden (die Leiste scrollt notfalls selbst und schneidet sonst den Schatten ab) */
@media (min-width:1000px){.arzt20-d .az-praxis{padding:0 18px 22px;margin:0 -18px -22px;max-height:calc(100vh - var(--kopf-leiste) - .5rem + 14px)}}

/* ---------- Bau 24 · Variante F „Dunkelgrüner Kopf“ ----------
   Ein kräftiger dunkelgrüner Kopf trägt die Leiste (das eine mutige Element), darunter ein ruhiger weißer Körper:
   Melden (Beere) · Fax-Vordruck · Ansprechpartnerin + Rückruf auf hellgrüner Fläche · Unterlagen als schlichte Liste. Keine Trennlinien. */
.arzt20-d .az-praxis__in{background:#fff;border:0;border-radius:10px;padding:0;overflow:hidden;
  box-shadow:0 1px 2px rgba(47,58,43,.08),0 16px 36px -16px rgba(47,58,43,.34)}
.pf-kopf{position:relative;overflow:hidden;background:var(--c-green);padding:1.05rem 1.25rem 1rem}
.arzt20-d .pf-kopf__titel{position:relative;margin:0;font:700 1.55rem/1.05 var(--font-head);color:#fff;letter-spacing:.005em}
.pf-kopf__ginkgo{position:absolute;right:.6rem;top:50%;width:58px;height:58px;transform:translateY(-50%) rotate(-14deg);opacity:.28;pointer-events:none}
.pf-koerper{padding:.95rem 1.25rem .9rem}
.pf-melden{display:grid;gap:.55rem}
/* Zeilen (Fax-Vordruck, Unterlagen): kleines Vorschaubild · Titel · Aktion rechts */
.pf-zeile{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:.75rem;row-gap:.05rem;padding:.32rem .55rem;margin:0 -.55rem;border-radius:6px;
  text-decoration:none;color:var(--c-fg);transition:background-color .15s}
.pf-zeile__bild{display:block;width:30px;height:40px;grid-row:1/span 2}
.arzt20-d .pf-zeile__bild img{display:block;width:30px;height:40px;object-fit:cover;object-position:top;border:1px solid var(--c-line);border-radius:2px;background:#fff;box-shadow:0 2px 6px rgba(38,38,37,.14)}
.arzt20-d #patientenmappe .pf-zeile__bild img{object-fit:contain;object-position:center;border:0;box-shadow:none;background:none;filter:drop-shadow(0 2px 3px rgba(38,38,37,.2))}
.pf-zeile__titel{grid-column:2;align-self:end;font:700 1.02rem/1.2 var(--font-head);color:var(--c-fg)}
.pf-zeile__tun{align-self:start;font:600 .84rem/1.2 var(--font-body);color:var(--c-link);white-space:nowrap;grid-column:2}
.pf-zeile:hover{background:var(--c-tint)}
.pf-zeile:hover .pf-zeile__titel{color:var(--c-green-strong)}
.pf-zeile:hover .pf-zeile__tun{text-decoration:underline;text-underline-offset:2px}
/* Ansprechpartnerin + Rückruf auf hellgrüner Fläche */
.pf-kontakt{margin:.95rem 0 0;padding:.7rem .9rem .8rem;background:var(--c-tint);border-radius:8px}
.arzt20-d .pf-kontakt__name{margin:0 0 .6rem;max-width:none;line-height:1.25}
.pf-kontakt__rolle{display:block;font-size:.82rem;color:var(--c-mute)}
.pf-kontakt__name a{font:700 1.12rem/1.2 var(--font-head);color:var(--c-fg);text-decoration:none}
.pf-kontakt__name a:hover{color:var(--c-green-strong);text-decoration:underline;text-underline-offset:3px}
.pf .rk-knopf{background:var(--c-green);border-color:var(--c-green);color:#fff}
.pf .rk-knopf:hover{background:var(--c-green-strong);border-color:var(--c-green-strong);color:#fff}
/* Unterlagen */
.arzt20-d .pf-unter{margin:.95rem 0 .2rem;font:700 1.05rem/1.2 var(--font-head);color:var(--c-green-strong)}
.arzt20-d .pf-liste{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;max-width:none}
.arzt20-d .pf-liste>li{margin:0;padding:0;max-width:none}
.pf-mit-pdf{display:flex;align-items:center;gap:.4rem}
.pf-mit-pdf>.pf-zeile{flex:1;min-width:0}
.pf-pdf{flex:none;display:inline-flex;align-items:baseline;gap:.25rem;padding:.25rem .5rem;border:1px solid var(--c-line);border-radius:999px;
  font:600 .78rem/1.2 var(--font-body);color:var(--c-link);text-decoration:none;white-space:nowrap;transition:border-color .15s,background-color .15s}
.pf-pdf__mb{font-weight:400;color:var(--c-mute)}
.pf-pdf:hover{border-color:var(--c-green);background:var(--c-tint)}
@media (max-width:999px){
  .pf-zeile{min-height:48px}
  .pf-pdf{min-height:36px;align-items:center}
}