/* pflege.css – Seite „Für Pflegedienste und Heime“ (Bau 25, 20.10.2026)
   Vorlage = abgenommene Arzt-Seite Variante F: arzt-gemein.css + arzt-f.css werden eingebunden, hier nur gezielt überschrieben.
   Gruppenfarbe Sand: Fläche zart, Rand dunkler. Leistenkopf bleibt dunkelgrün. Keine Beere außer beim Wund-Symbol. Keine rosa Flächen. */

.pflege25{--sand:#EAE1D1;--sand-hell:#F6F1E8;--sand-rand:#C9B48F;--sand-dunkel:#9C824F}

/* ---------- Band oben: Sandhauch statt Grünhauch ---------- */
.pflege25 .az-pfad::before{background:var(--sand-hell);border-bottom-color:#E6DCC9}

/* ---------- Kopf ---------- */
.pflege25 .az-kopf h1{max-width:none;text-wrap:balance}
.pflege25 .az-kopf .lead{max-width:36em}
.pflege25 .az-merksatz{border-left-color:var(--sand-rand)}
.pflege25 .az-mappe img{background:#ECECEC}

/* ---------- Leiste: Melden-Strich in Sand statt Beere ---------- */
.pflege25 .az-praxis .az-kurz{border-left-color:var(--sand-rand)}
.pflege25 .az-praxis .az-kurz__tun{color:var(--c-link)}
.pflege25 .az-praxis .az-kurz:hover .az-kurz__titel{color:var(--c-green-strong)}
.pflege25 .pf-kontakt__name{margin-bottom:.25rem}
.pflege25 .pf25-kontakt__rolle{margin:0;max-width:none;font-size:.86rem;line-height:1.35;color:var(--c-mute)}
.pflege25 .pf-unter{margin-top:1rem}
.pflege25 #patientenmappe .pf-zeile__bild img{object-fit:cover;object-position:top;border:1px solid var(--c-line);box-shadow:0 2px 6px rgba(38,38,37,.14);filter:none;background:#ECECEC}

/* ---------- Wer was macht: Herzstück, offen, zwei Spalten ---------- */
.pflege25 .az-spalte>.pf25-wer{padding-top:.4rem}
.pf25-wer__spalten{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:.2rem}
.pflege25 .pf25-wer h3{margin:0 0 .8rem;font:700 1.2rem/1.25 var(--font-head);color:var(--c-fg)}
.pf25-wer__wir{padding:1rem 0 .2rem;border-top:2px solid var(--c-green)}
.pf25-wer__sie{padding:1rem 1.1rem 1.1rem;background:var(--sand-hell);border-top:2px solid var(--sand-rand);border-radius:0 0 6px 6px}
.pflege25 .pf25-wer .haekchen{margin:0;gap:.65rem}
.pflege25 .pf25-wer .haekchen li{max-width:none;font-size:1rem;line-height:1.5}
.pflege25 .pf25-wer__sie .haekchen svg rect{fill:var(--sand-dunkel)}
@media (min-width:1180px){
  .pf25-wer__spalten{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.6rem;align-items:start}
}
/* Patientenmappe-Hinweis in der Sand-Spalte */
.pflege25 .pf25-mappe{margin:1.1rem 0 0;max-width:none}
.pf25-mappe__a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1.1rem;align-items:start;padding:.85rem 1.1rem;background:var(--sand-hell);border:1px solid #E3D8C4;border-radius:6px;text-decoration:none;color:var(--c-text);transition:border-color .15s,box-shadow .15s}
.pf25-mappe__titel{display:block;margin-bottom:.3rem;font:700 1.05rem/1.25 var(--font-head);color:var(--c-fg)}
.pf25-mappe__satz{display:block;font-size:.95rem;line-height:1.45;max-width:44em}
.pf25-mappe__satz+.pf25-mappe__satz{margin-top:.3rem}
.pf25-mappe__tun{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;font:600 .95rem/1.3 var(--font-body);color:var(--c-link)}
.pf25-mappe__tun::before{content:"";width:1.05em;height:1.05em;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center/contain no-repeat}
.pf25-mappe__a:hover{border-color:var(--sand-rand);box-shadow:0 4px 14px -6px rgba(38,38,37,.25)}
.pf25-mappe__a:hover .pf25-mappe__tun{text-decoration:underline;text-underline-offset:2px}
.pflege25 .pf25-mappe__a img{display:block;width:72px;height:auto;border:1px solid var(--c-line);border-radius:2px;box-shadow:0 3px 10px rgba(38,38,37,.14);background:#ECECEC}
@media (max-width:600px){.pf25-mappe__a{grid-template-columns:56px minmax(0,1fr);gap:.8rem;padding:.8rem}.pflege25 .pf25-mappe__a img{width:56px}}
/* „Mehr dazu …“ bleibt Klappe */
.pflege25 .pf25-wer>.mehr-dazu{margin:1.2rem 0 0}

/* ---------- Wobei wir unterstützen ---------- */
.pflege25 .az-spalte>.az-leistungen{padding-top:clamp(1.8rem,3vw,2.6rem)}
/* Beere nur am Wund-Symbol – Titel beim Überfahren grün wie die anderen */
.pflege25 .az-zeile--wunde>summary:hover .az-zeile__titel{color:var(--c-green-strong)}
.pflege25 .az-zeile--wunde .az-zeile__titel{font-size:clamp(1.15rem,1.05rem + .35vw,1.35rem)}
.pflege25 .az-zeile--wunde .az-zeile__titel .icon{width:1.15em;height:1.15em}
.pflege25 .az-zeile--wunde .az-zeile__inhalt>p:first-child{font-size:inherit}
.pflege25 .az-verordnen>p:not(.az-verordnen__titel){max-width:none;margin:0 0 .6rem}

/* ---------- Melden-Klappe: grün statt Beere ---------- */
.pflege25 .az-zeile--melden .az-zeile__titel .icon{color:var(--c-green)}
.pflege25 .az-zeile--melden .az-zeile__inhalt>p{max-width:40em}
.pflege25 .az-zeile--melden .angaben{font-weight:600}

/* ---------- Ansprechpartnerin: zarte Sandfläche ---------- */
.pflege25 .az-spalte>.pf25-sandy{background:var(--sand-hell)!important}
.pflege25 .pf25-sandy .sandy{max-width:40rem}
.pflege25 .pf25-sandy .sandy p{margin:0 0 .6rem}
.pflege25 .pf25-sandy .rolle-zeilen{font-size:1rem}

/* ---------- Schluss ---------- */
.pflege25 .az-spalte>.pf25-schluss{padding-top:1.6rem}
.pflege25 .pf25-schluss>.mehr-dazu{margin:0 0 1rem}

/* ---------- Großansicht mit nur einem Blatt (ISO): Zurück/Weiter weg ---------- */
.grossbild--eins .grossbild__zurueck,.grossbild--eins .grossbild__weiter{display:none}

/* ---------- Handy ---------- */
@media (max-width:760px){
  .pf25-wer__sie{padding:.9rem .9rem 1rem}
}

/* 21:20 Bertram: oben das gemalte Bild statt Bogen/Mappe (die stehen in der Leiste). Die Bildstrecke bleibt unsichtbar im Seitenaufbau, damit die Großansicht aus der Leiste weiter funktioniert. */
.az-mappe--kachel{display:flex;align-items:center;justify-content:center}
.az-mappe--kachel>.az-mappe__a{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap}
.az-kachel{display:block;width:100%;max-width:340px;height:auto;border-radius:14px}
/* 21:21 Kopf in zartem Sand über volle Breite, gemaltes Bild größer */
.az-kopf{background:#EFE8DA;padding-top:2.2rem;padding-bottom:2.4rem;margin-bottom:2rem}
.az-kachel{max-width:460px;box-shadow:0 10px 30px rgba(70,58,38,.12)}
.az-pfad{margin-bottom:0}
@media (min-width:761px){
  .az-kopf__in{grid-template-columns:minmax(0,1fr) minmax(0,440px)!important;align-items:center}
  .az-mappe--kachel{width:100%!important;max-width:440px!important;justify-self:end}
  .az-kachel{max-width:440px;width:100%}
}
@media (max-width:760px){.az-mappe--kachel{max-width:none!important;width:100%!important}.az-kachel{max-width:none}}
.az-pfad{margin-bottom:0}
@media (min-width:761px){
  .az-kopf__in{grid-template-columns:minmax(0,1fr) minmax(0,440px)!important;align-items:center}
  .az-mappe--kachel{width:100%!important;max-width:440px!important;justify-self:end}
  .az-kachel{max-width:440px;width:100%}
}
@media (max-width:760px){.az-mappe--kachel{max-width:none!important;width:100%!important}.az-kachel{max-width:none}}
.az-kopf{margin-top:0!important}.az-pfad+*{margin-top:0!important}
main .az-pfad{margin-bottom:0!important}
/* 21:30 Bertram: Bild noch größer */
@media (min-width:761px){.az-kopf__in{grid-template-columns:minmax(0,1fr) minmax(0,540px)!important}.az-mappe--kachel{max-width:540px!important}.az-kachel{max-width:540px}}
/* 21:27 Bertram: Luft zwischen Schnellauswahl-Band und farbigem Kopf wieder rein */ main .az-pfad{margin-bottom:1.6rem!important}

/* ===== 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}}

/* 22:05 Bertram (Bau 29): Rückruf wie auf der Arzt-Seite; Sandy-Kasten in der Leiste in Sand wie der Strich darüber (war vergessen, stand auf Hellgrün) */
.pflege25 .pf-kontakt{background:var(--sand-hell)!important}
.pflege25 .az-rueckruf .angaben{margin:.6rem 0 0;font-weight:600}
.pf25-kontakt__rolle+.rk-knopf{margin-top:.75rem}