/* patient.css – Patienten-Seite nach der Arzt-Vorlage F (Bau 25, 20.10.2026)
   Lädt nach arzt-gemein.css + arzt-f.css und überschreibt nur, was sich für Patienten ändert.
   Gruppenfarbe Creme #F4EFE6 (Bertram 20:58): Seite bleibt warm – Creme als Grund, weiße Flächen für Inhalt.
   Leistenkopf dunkelgrün wie die Vorlage. Beere nur beim Wund-Symbol. Fließtext +1 px über seite-lesen (seiten.css). */

.seite-patient{--pa-creme:#F4EFE6;--pa-hauch:#FBF8F2;--pa-rand:#D3C3A5;--pa-linie:#E4DAC8;--pa-tief:#7A6848}
.seite-patient main{background:var(--pa-creme)}

/* ---------- Band oben: heller Creme-Hauch über dem Creme-Grund ---------- */
.seite-patient .az-pfad::before{background:var(--pa-hauch);border-bottom-color:var(--pa-linie)}

/* ---------- Kopf: Überschrift + ein großer Anruf-Knopf, rechts das Team ---------- */
.seite-patient .az-kopf h1{color:var(--c-fg);max-width:20ch;text-wrap:balance}
.seite-patient .az-kopf .lead{max-width:29em}
.seite-patient .pa-anruf{display:inline-flex;align-items:center;gap:.65rem;min-height:60px;padding:0 1.7rem;font-size:1.2rem}
.seite-patient .pa-anruf .icon{width:1.2em;height:1.2em;fill:currentColor;stroke:none}
.seite-patient .pa-anruf>span{white-space:nowrap}
.seite-patient .pa-anruf .tel-nr{display:inline;white-space:nowrap}
.pa-bild{margin:0;width:clamp(300px,32vw,470px);align-self:end}
.seite-patient .pa-bild img{display:block;width:100%;height:auto}

/* ---------- Leiste „Für Sie da“ ---------- */
.seite-patient .pf-koerper{display:grid;gap:.85rem;padding-top:1rem}
/* Telefon groß */
.pa-tel{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.8rem;text-decoration:none;color:var(--c-fg);
  padding:.5rem .6rem;margin:0 -.6rem;border-radius:8px;transition:background-color .15s}
.pa-tel__kreis{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--c-green);color:#fff}
.pa-tel__kreis .icon{width:22px;height:22px;fill:currentColor;stroke:none}
.pa-tel__text{display:flex;flex-direction:column;min-width:0}
.pa-tel__wort{font:600 .9rem/1.2 var(--font-body);color:var(--c-mute)}
.pa-tel .tel-nr{font:700 1.6rem/1.15 var(--font-head);color:var(--c-green-strong);white-space:nowrap;letter-spacing:.01em}
.pa-tel:hover{background:var(--c-tint)}
.pa-tel:hover .tel-nr{text-decoration:underline;text-underline-offset:3px}
.seite-patient .pa-ohne{margin:0;max-width:none;font-size:.98rem;line-height:1.4;color:var(--c-text)}
.seite-patient .pa-ohne strong{display:block;color:var(--c-fg)}
/* Bürozeiten */
.seite-patient .pa-zeiten p{margin:0;max-width:none}
.seite-patient .pa-label{font:700 .98rem/1.2 var(--font-head);color:var(--c-green-strong);margin-bottom:.15rem!important}
.seite-patient .pa-zeiten .zeiten{font-size:.98rem;column-gap:.9em}
/* Karte für Ihren Arzt: Querformat-Vorschau */
.seite-patient .pa-karte{grid-template-columns:52px minmax(0,1fr)}
.seite-patient .pa-karte .pf-zeile__bild{width:52px;height:37px}
.arzt20-d.seite-patient .pa-karte .pf-zeile__bild img{width:52px;height:37px;object-fit:cover;object-position:center}
/* Notruf: ruhige Creme-Fläche */
.pa-notruf{padding:.65rem .9rem .7rem;background:var(--pa-creme);border-radius:8px}
.seite-patient .pa-notruf p{margin:0;max-width:none}
.seite-patient .pa-notruf__zeile{display:grid;grid-template-columns:4.2rem minmax(0,1fr);align-items:baseline;column-gap:.5rem;font-size:.95rem;line-height:1.35;padding:.12rem 0}
.pa-notruf__wort{grid-column:2;grid-row:1;color:var(--c-text)}
.pa-notruf__zeile a{grid-column:1;grid-row:1;font:700 1.15rem/1.3 var(--font-head);color:var(--c-fg);text-decoration:none;white-space:nowrap}
.pa-notruf__zeile a:hover{color:var(--c-green-strong);text-decoration:underline}
.seite-patient .pa-notruf__link{margin-top:.3rem!important;font-size:.95rem}

/* ---------- Linke Spalte: Klappen auf weißer Fläche (Creme-Grund bleibt sichtbar) ---------- */
.seite-patient .az-zeilen{background:#fff;border:1px solid var(--pa-linie);border-radius:8px;padding:0 1.2rem}
.seite-patient .az-zeile{border-bottom:1px solid var(--pa-linie)}
.seite-patient .az-zeile:last-child{border-bottom:0}
.seite-patient .az-zeile>summary{min-height:62px}
.seite-patient .az-zeile__inhalt{padding-bottom:1.3rem}
.seite-patient .az-zeile__link{margin:.8rem 0 0}
.seite-patient .pa-zwischen{margin:1rem 0 .3rem;font:700 1.05rem/1.3 var(--font-head);color:var(--c-green-strong)}
/* Abschnitts-Überschriften wie Vorlage: eine feine grüne Linie */
.seite-patient .az-spalte h2{color:var(--c-fg)}
.seite-patient .az-spalte .sec-num{border-top:1px solid var(--c-green)!important;padding-top:.9rem;margin-bottom:.9rem}
.seite-patient .az-spalte .sec-num h2{margin:0}
.seite-patient .az-spalte>.az-abschnitt{padding-top:clamp(2rem,3.2vw,2.8rem)}
.seite-patient .az-spalte>.az-leistungen{padding-top:.4rem}
/* „Sie pflegen einen Angehörigen?“ – offen unter den Leistungen */
.seite-patient .pa-angehoerige{margin:1rem 0 0;max-width:44em;padding:.1rem 0 .1rem 1rem;border-left:3px solid var(--c-green);font-size:calc(1.0625rem + 1px);line-height:1.5}
.pa-angehoerige__frage{display:block;font:700 1.12rem/1.3 var(--font-head);color:var(--c-fg);margin-bottom:.15rem}

/* ---------- So kommen Sie zu uns: drei Schritte offen ---------- */
.pa-schritte{background:#fff;border:1px solid var(--pa-linie);border-radius:8px;padding:1.2rem 1.4rem 1.1rem;margin-bottom:1rem}
.seite-patient .pa-schritte .az-schritte{display:grid;gap:.9rem}
.seite-lesen.seite-patient .pa-schritte .az-schritte>li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:1rem;align-items:center;font:600 1.18rem/1.35 var(--font-body);color:var(--c-fg);max-width:none}
.seite-patient .pa-schritte .az-schritte>li::before{width:2.4rem;height:2.4rem;font-size:1.15rem}
.seite-patient .pa-schritte__tel{margin:1.1rem 0 0;padding-top:.9rem;border-top:1px solid var(--pa-linie);max-width:none}
.seite-patient .pa-schritte .telzeile{font:700 1.45rem/1.2 var(--font-head);color:var(--c-green-strong)}
.seite-patient .pa-schritte .telzeile .icon{width:1.05em;height:1.05em;fill:var(--c-green);stroke:none}

/* ---------- Wer zu Ihnen kommt ---------- */
.seite-patient .az-team>p{margin:0;max-width:40em}
.seite-patient .pk-liste>li.pk{border-top:2px solid var(--c-green)}

/* ---------- Einsatzgebiet, Wahl, Weitere Hilfe ---------- */
.seite-patient .pa-gebiet>p{max-width:40em}
.seite-patient .pa-gebiet .landkreise{max-width:none;margin:.8rem 0 1rem}
.seite-patient .pa-wahl{margin:clamp(2rem,3.2vw,2.8rem) 0 0}
.pa-weitere{margin-top:clamp(2rem,3.2vw,2.6rem);padding-top:.9rem;border-top:1px solid var(--pa-linie)}
.seite-patient .pa-weitere__titel{margin:0 0 .5rem;font-size:1.25rem}
.seite-patient .pa-weitere__links{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:0 0 .6rem;max-width:none}
.seite-patient .pa-weitere__hinweis{margin:0;max-width:40em;font-size:.95rem;color:var(--c-mute)}

/* ---------- Leiste: Höhe sicher unter 1280×800 ---------- */
@media (min-width:1000px) and (max-height:820px){
  .seite-patient .pf-koerper{gap:.65rem;padding-top:.8rem;padding-bottom:.75rem}
  .seite-patient .pa-tel{padding-top:.35rem;padding-bottom:.35rem}
}

/* ---------- Handy ---------- */
@media (max-width:760px){
  .seite-patient .az-kopf h1{grid-column:1/-1}
  .seite-patient .pa-bild{grid-column:1/-1;width:100%;margin-top:1.2rem}
  .seite-patient .pa-anruf{width:100%;justify-content:center;font-size:1.15rem}
  .seite-patient .az-zeilen{padding:0 .9rem}
  .seite-patient .az-zeile__titel{font-size:1.15rem}
  .pa-schritte{padding:1rem 1rem .95rem}
  .seite-lesen.seite-patient .pa-schritte .az-schritte>li{font-size:1.08rem;grid-template-columns:2.2rem minmax(0,1fr);column-gap:.8rem}
  .seite-patient .pa-schritte .az-schritte>li::before{width:2.2rem;height:2.2rem}
}
@media (max-width:999px){
  .seite-patient .pa-tel{min-height:56px}
}

/* ===== Bau 26 (20.10.2026, Bertram 21:29) – Claim + Ginkgo im farbigen Kopf.
   GLEICHER Block in klinik.css, pflege.css und patient.css (bei Änderung alle drei angleichen).
   Ginkgo wie Startseite (ginkgo-gruen.svg, Deckkraft .07), ganz im Kopf, nur am rechten Seitenrand angeschnitten, hinter Bild und Claim.
   Claim = Original-SVG, leicht schräg (-4°) unter dem Bild. ===== */
.az-kopf{position:relative;overflow:hidden;isolation:isolate}
.az-kopf::before{content:"";position:absolute;z-index:-1;right:-72px;bottom:.8rem;height:min(410px,calc(100% - 1.6rem));aspect-ratio:431.563/475.959;
  background:url(img/ginkgo-gruen.svg) no-repeat center/contain;opacity:.07;pointer-events:none}
.az-kopf-claim{display:block;width:clamp(240px,20vw,290px);height:auto;transform:rotate(-4deg);margin:.7rem 0 0;justify-self:center}
@media (min-width:761px){
  .az-kopf__in{grid-template-rows:auto auto;align-items:center}
  .az-kopf__text{grid-column:1;grid-row:1/span 2}
  /* rechte Spalte: Bild oben, Claim direkt darunter, beide zur Spaltenmitte ausgerichtet */
  .az-mappe--kachel,.pa-bild{grid-column:2;grid-row:1;align-self:end;justify-self:center}
  .az-kopf-claim{grid-column:2;grid-row:2;align-self:start;justify-self:center}
  /* Bild eine Spur kleiner, damit Bild + Claim zusammen in die Kopfhöhe passen */
  .az-kopf__in:has(.az-mappe--kachel){grid-template-columns:minmax(0,1fr) minmax(0,clamp(260px,34vw,450px))!important}
  .az-mappe--kachel{max-width:450px!important}
  .az-kachel{max-width:450px}
  .pa-bild{width:clamp(280px,29vw,420px)}
  /* etwas Luft oben/unten, damit Bild und Claim nicht an der Kopfkante kleben */
  .arzt20-d .az-kopf{padding-top:1.6rem;padding-bottom:1.8rem}
}
@media (max-width:760px){
  .az-kopf::before{right:-48px;bottom:.6rem;height:min(230px,calc(100% - 1.2rem));opacity:.06}
  /* Handy: Claim direkt unter dem Bild (Kliniken/Pflege: unter dem kleinen Bild oben rechts; Patienten: unter dem Teamfoto) */
  .az-kopf-claim{grid-column:1/-1;justify-self:end;width:180px;margin:.5rem .3rem .2rem 0}
  .az-kopf__in:has(.az-mappe--kachel) .az-kopf-claim{grid-row:2;margin:-.2rem .3rem .6rem 0}
}

/* 21:53 Bertram „baust du ein“ (Bau 27): Ginkgo wächst aufrecht von unten wie auf der Startseite. Stiel liegt unter der Kopfkante,
   man sieht den Fächer und nur den Stielansatz. Gleiche Regel auf allen vier Sparten-Seiten. */
.az-kopf{position:relative;overflow:hidden;isolation:isolate}
.az-kopf::before{content:"";position:absolute;z-index:-1;right:-60px;left:auto;top:auto;bottom:-150px;height:470px;aspect-ratio:431.563/475.959;
  background:url(img/ginkgo-gruen.svg) no-repeat center/contain;opacity:.09;transform:none;pointer-events:none}
@media (max-width:760px){.az-kopf::before{right:-50px;bottom:-110px;height:320px;opacity:.07}}
/* 21:42 Bertram: weiße Luft zwischen Schnellauswahl-Band und Kopf wie bei den anderen */ .seite-patient .az-pfad{margin-bottom:0!important}.seite-patient .az-kopf{border-top:1.6rem solid #fff}