/* Care Friends – Website, Fassung 3 („Skill pur“ + Bauplan 17.10.2026)
   Farbregeln: Hellgrün nie als Schrift · Beere nur Wundversorgung + „Patient melden“ · Telefon immer Dunkelgrün
               Karten flach mit feiner Linie · Menschen freigestellt, Dinge im Kasten · Fotos nie beschnitten */

@font-face{font-family:"Roboto";src:url(fonts/roboto-var-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url(fonts/robotocondensed-bold-latin.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"PF Scandal Pro";src:url(fonts/pf-scandal-pro-bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --c-green:#57734C; --c-green-strong:#435A3A; --c-deep:#2F3A2B; --c-link:#46603C;
  --c-light:#94C07E; --c-berry:#A3264B; --c-berry-strong:#86193B;
  --c-fg:#262625; --c-text:#3F3F3E; --c-mute:#5E5E5C; --c-bg:#fff; --c-cream:#F4EFE6; --c-tint:#F1F6EE; --c-line:#DDE2D8;
  --font-head:"Roboto Condensed","Arial Narrow",sans-serif; --font-body:"Roboto",system-ui,sans-serif; --font-hand:"PF Scandal Pro","Segoe Script",cursive;
  --s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:4.5rem;
  --r-s:8px;--r:14px;--r-l:20px;--r-btn:999px;
  --ease:cubic-bezier(.2,.7,.2,1); --wrap:1280px; --kopf:76px;
}
.seite-fach{--r-s:4px;--r:6px;--r-l:8px;--r-btn:6px}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf) + 16px)}
body{margin:0;background:var(--c-bg);color:var(--c-text);font:400 1.0625rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--font-head);font-weight:700;color:var(--c-fg);line-height:1.15;margin:0 0 var(--s2);letter-spacing:-.005em;text-wrap:balance}
h1{font-size:clamp(2rem,1.45rem + 2.4vw,3.2rem)}
h2{font-size:clamp(1.55rem,1.2rem + 1.3vw,2.2rem)}
h3{font-size:1.22rem}
p{margin:0 0 var(--s2);max-width:70ch;text-wrap:pretty}
li{text-wrap:pretty}
ul,ol{max-width:70ch}
a{color:var(--c-link);text-underline-offset:3px}
a:hover{color:var(--c-green-strong)}
:focus-visible{outline:3px solid var(--c-green-strong);outline-offset:3px;border-radius:4px}
strong{color:var(--c-fg);font-weight:600}
abbr{text-decoration:none}
.wrap,.huelle{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.skip{position:absolute;left:-999px;top:0;background:var(--c-fg);color:#fff;padding:.75rem 1rem;z-index:200}
.skip:focus{left:1rem;top:1rem}
.icon{width:1.25em;height:1.25em;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.unsichtbar,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nobr{white-space:nowrap}
.klein{font-size:.9rem;color:var(--c-mute)}
.lead{font-size:1.18rem;line-height:1.6;color:var(--c-fg)}
.handschrift,.hand-zeile{font-family:var(--font-hand);font-weight:700;color:var(--c-green);font-size:clamp(1.75rem,1.4rem + 1vw,2.3rem);line-height:1.1;transform:rotate(-2deg);transform-origin:left center}
.beere{color:var(--c-berry)}
.dachzeile,.eyebrow{font:700 .82rem/1.25 var(--font-head);text-transform:uppercase;letter-spacing:.12em;color:var(--c-green);margin:0 0 .6rem}
.zeiten span{display:block;white-space:nowrap}
.zeiten abbr{display:inline-block;min-width:3.3em;font-weight:500}
.zeiten-zeile{margin:.4rem 0}
.bildnachweis,.ki-hinweis,figcaption.bildnachweis{font-size:.75rem;line-height:1.35;color:var(--c-mute);margin:.35rem 0 0}
.bildnachweis a{color:inherit}

/* ---------- Knöpfe und Links ---------- */
.btn,.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.75rem 1.35rem;border-radius:var(--r-btn);font:600 1rem/1.2 var(--font-body);text-decoration:none;border:2px solid transparent;cursor:pointer;text-wrap:balance;text-align:center;transition:background-color .2s var(--ease),color .2s,border-color .2s}
.btn-gruen,.knopf--voll,.btn-accent{background:var(--c-green);color:#fff}
.btn-gruen:hover,.knopf--voll:hover,.btn-accent:hover{background:var(--c-green-strong);color:#fff}
.btn-wund{background:var(--c-berry);color:#fff}
.btn-wund:hover{background:var(--c-berry-strong);color:#fff}
.btn-ghost,.knopf--rahmen,.knopf:not(.knopf--voll){border-color:var(--c-green);color:var(--c-green-strong);background:#fff}
.btn-ghost:hover,.knopf--rahmen:hover{background:var(--c-green);color:#fff}
.btn-row,.aktion{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:var(--s3) 0}
.textlink{display:inline-flex;align-items:baseline;gap:.35rem;font-weight:600;text-decoration:none;color:var(--c-link)}
.textlink::after{content:"→";transition:transform .2s var(--ease)}
.textlink:hover::after{transform:translateX(3px)}
.telzeile{display:inline-flex;align-items:center;gap:.5rem;font:700 1.45rem/1.2 var(--font-head);color:var(--c-green-strong);text-decoration:none}
.telzeile .icon{fill:var(--c-green);stroke:none;width:1.1em;height:1.1em}
.knopf .icon,.telzeile svg{fill:currentColor;stroke:none}
.download{margin:.4rem 0}

/* ---------- Kopf ---------- */
.kopf{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--c-line)}
.kopf-in{display:flex;align-items:center;gap:var(--s3);min-height:var(--kopf)}
.logo img{width:170px;height:auto}
@media (min-width:1300px){.logo img{width:236px}:root{--kopf:118px}}
.hauptnav{margin-left:auto}
.hauptnav>ul{list-style:none;display:flex;gap:.1rem;margin:0;padding:0;max-width:none}
.nav-punkt{position:relative}
.nav-auf{display:flex;align-items:center;gap:.3rem;background:none;border:0;border-radius:999px;padding:.6rem .8rem;font:500 1rem/1.2 var(--font-body);color:var(--c-fg);cursor:pointer;min-height:44px}
.nav-auf .icon{width:16px;height:16px;transition:transform .2s}
.nav-auf[aria-expanded="true"] .icon{transform:rotate(180deg)}
.nav-auf:hover,.nav-auf[aria-expanded="true"],.nav-punkt[data-aktiv] .nav-auf{background:var(--c-tint);color:var(--c-green-strong)}
.nav-unter{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:#fff;border:1px solid var(--c-line);border-radius:12px;box-shadow:0 18px 40px rgba(38,38,37,.12);padding:.5rem;z-index:110}
.nav-unter ul{list-style:none;margin:0;padding:0}
.nav-unter a{display:block;padding:.6rem .8rem;border-radius:8px;text-decoration:none;color:var(--c-fg)}
.nav-unter a:hover,.nav-unter a[aria-current]{background:var(--c-tint);color:var(--c-green-strong)}
.nav-punkt:nth-last-child(-n+2) .nav-unter{left:auto;right:0}
.anrufkasten{display:flex;flex-direction:column;gap:.25rem;background:var(--c-green);color:#fff;border-radius:12px;padding:.5rem .6rem .45rem;text-decoration:none;margin-left:var(--s1)}
.anrufkasten:hover{background:var(--c-green-strong);color:#fff}
.ak-knopf{display:flex;align-items:center;gap:.45rem;background:#fff;color:var(--c-green-strong);border-radius:8px;padding:.35rem .7rem;font:700 1.12rem/1.2 var(--font-head);white-space:nowrap}
.ak-knopf .icon{fill:var(--c-green);stroke:none;width:18px;height:18px}
.ak-zeiten{font-size:.78rem;text-align:center;white-space:nowrap}
.menue-knopf{display:none;align-items:center;gap:.4rem;background:#fff;border:1.5px solid var(--c-line);border-radius:12px;padding:.55rem .8rem;font:600 1rem/1 var(--font-body);color:var(--c-fg);cursor:pointer;min-height:48px}
.menue-knopf .mk-zu,.menue-knopf[aria-expanded="true"] .mk-auf{display:none}
.menue-knopf[aria-expanded="true"] .mk-zu{display:inline}
.menue-knopf .icon{display:block}
.handymenue{position:fixed;left:0;right:0;top:var(--kopf);bottom:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;padding:var(--s2) clamp(1rem,4vw,2rem) 6rem;border-top:1px solid var(--c-line);z-index:105}
.hm-liste{list-style:none;margin:0;padding:0;max-width:none}
.hm-liste>li{border-bottom:1px solid var(--c-line)}
.hm-start,.hm-auf{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;padding:1rem 0;font:700 1.15rem/1.2 var(--font-head);color:var(--c-fg);text-decoration:none;cursor:pointer;text-align:left;min-height:52px}
.hm-auf .icon{transition:transform .2s}
.hm-auf[aria-expanded="true"] .icon{transform:rotate(180deg)}
.hm-unter{list-style:none;margin:0 0 .75rem;padding:0 0 0 .75rem;border-left:3px solid var(--c-light)}
.hm-unter a{display:block;padding:.6rem .5rem;text-decoration:none;color:var(--c-fg);font-size:1.02rem}
.hm-kontakt{margin-top:var(--s3);font-size:.95rem}
.hm-kontakt a{display:inline-flex;gap:.4rem;align-items:center;font:700 1.3rem/1.2 var(--font-head);color:var(--c-green-strong);text-decoration:none;margin-bottom:.4rem}
.hm-kontakt .icon{fill:var(--c-green);stroke:none}
html.menue-offen{overflow:hidden}
@media (max-width:1239px){.hauptnav{display:none}.menue-knopf{display:inline-flex}.anrufkasten{margin-left:auto}.anrufkasten+.menue-knopf{margin-left:0}}
@media (max-width:767px){.anrufkasten{display:none}.menue-knopf{margin-left:auto}.logo img{width:150px}:root{--kopf:68px}}

}

/* ---------- Startseite ---------- */
.einstieg{background:var(--c-cream);padding:var(--s5) 0 var(--s4)}
.einstieg-raster{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:center}
.einstieg h1 span{display:block;color:var(--c-green)}
.kein-pd{display:flex;gap:.6rem;align-items:flex-start;background:#fff;border:1px solid var(--c-line);border-left:4px solid var(--c-light);border-radius:var(--r-s);padding:.75rem 1rem;max-width:560px;color:var(--c-fg)}
.kein-pd .icon{color:var(--c-green);margin-top:.18rem}
.beleg{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:.4rem;font-size:.97rem}
.beleg li{display:flex;gap:.6rem;align-items:center}
.beleg .icon{color:var(--c-green);width:20px;height:20px}
.einstieg-link{margin:var(--s3) 0 0}
.wundkasten{display:grid;grid-template-columns:40% 1fr;gap:1.4rem;align-items:start;background:#fff;border:1px solid var(--c-line);border-top:5px solid var(--c-berry);border-radius:var(--r-l);padding:1.5rem;position:relative}
.wk-blatt img{border-radius:4px;border:1px solid var(--c-line);box-shadow:0 10px 26px rgba(38,38,37,.14)}
.wundkasten h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-bottom:.15rem}
.wk-unter{font:700 1.08rem/1.25 var(--font-head);color:var(--c-green);margin:0 0 .8rem}
.wk-haken{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.3rem;font-weight:600;color:var(--c-fg)}
.wk-haken li{display:flex;gap:.5rem;align-items:center}
.wk-haken .icon{width:20px;height:20px;padding:3px;border-radius:4px;background:var(--c-green);color:#fff;stroke-width:3.5}
.wk-satz{font-size:.97rem}
.wundkasten .btn{margin-top:.2rem}
.wundkasten .ki-hinweis{grid-column:1;margin:-1rem 0 0}
.gruppe{background:linear-gradient(180deg,var(--c-cream) 0,var(--c-cream) 55%,#fff 55%);padding:var(--s2) 0 var(--s4)}
.gruppe figure{margin:0;position:relative}
.gruppe img{margin:0 auto}
.gruppe .handschrift{position:absolute;right:2%;bottom:-.4rem;background:#fff;padding:.2rem .8rem;border-radius:8px}
.abschnitt-start{padding:var(--s5) 0}
.mitte{text-align:center}
.flaeche{background:var(--c-tint)}
.kacheln-start{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);max-width:none}
.kacheln-start li{display:flex}
.kachel{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .25s var(--ease)}
.kachel:hover{border-color:var(--c-green);transform:translateY(-3px);color:inherit}
.kachel__text{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.kachel h3{margin:0}
.kachel__saetze p,.kachel__satz{font-size:.96rem;margin:0 0 .35rem}
.kachel__link{margin-top:auto;font-weight:600;color:var(--c-link)}
.kachel__link::after{content:" →"}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
.leistungsliste{list-style:none;padding:0;margin:0 0 var(--s2);display:grid;gap:.6rem;max-width:none}
.leistungsliste a{display:flex;gap:.9rem;align-items:center;background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:.8rem 1rem;text-decoration:none;color:var(--c-fg);font:700 1.12rem/1.2 var(--font-head)}
.leistungsliste a:hover{border-color:var(--c-green)}
.ico{width:44px;height:44px;border-radius:12px;background:var(--c-tint);display:grid;place-items:center;color:var(--c-green);flex:none}
.linkzeile{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
.lk-chips{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:var(--s2) 0 0;max-width:none}
.lk-chips a{display:inline-block;padding:.45rem .85rem;border:1px solid var(--c-line);border-radius:999px;text-decoration:none;color:var(--c-fg);background:#fff;font-size:.95rem}
@media (max-width:1100px){.kacheln-start{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .einstieg{padding:var(--s3) 0 var(--s3)}
  .einstieg-raster{grid-template-columns:1fr;gap:var(--s3)}
  .einstieg .lead{font-size:1.05rem;margin-bottom:.8rem}
  .beleg,.einstieg-link{display:none}
  .zwei{grid-template-columns:1fr;gap:var(--s4)}
}
@media (max-width:600px){
  .einstieg h1{font-size:1.85rem}
  .wundkasten{grid-template-columns:104px 1fr;gap:.9rem;padding:1rem;border-radius:16px}
  .wk-text{display:contents}
  .wk-blatt{grid-row:1/span 4}
  .wundkasten .dachzeile{display:none}
  .wundkasten h2{font-size:1.3rem;grid-column:2}
  .wk-unter{grid-column:2;font-size:.95rem;margin:0}
  .wk-haken{grid-column:2;font-size:.95rem;margin:0}
  .wk-satz{grid-column:1/-1;font-size:.93rem;margin:0}
  .wundkasten .btn{grid-column:1/-1;justify-self:start}
  .wundkasten .ki-hinweis{grid-column:1/-1;margin:0}
  .gruppe .handschrift{position:static;transform:rotate(-2deg);margin:.4rem 0 0;padding:0;background:none;font-size:1.6rem;text-align:right}
  .kacheln-start{grid-template-columns:1fr;gap:.75rem}
  .kachel{flex-direction:row;align-items:center}
  .kachel>img{width:112px;flex:none;align-self:center;margin-left:.75rem;border-radius:8px}
  .kachel__text{padding:.9rem 1rem}
  .kachel h3{font-size:1.08rem}
  .kachel__saetze p{font-size:.9rem;margin:0}
}

/* ---------- Kontaktband (ruhig, ohne Knopf) ---------- */
.kontaktband{padding:var(--s5) 0}
.kb-in{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s4);border:1px solid var(--c-line);border-top:4px solid var(--c-green);border-radius:var(--r-l);padding:clamp(1.5rem,3vw,2.5rem);background:#fff}
.kb-tel a{font:700 1.8rem/1.2 var(--font-head);color:var(--c-green-strong);text-decoration:none}
@media (max-width:800px){.kb-in{grid-template-columns:1fr;gap:var(--s2)}}

/* ---------- Fuß ---------- */
.fuss{background:var(--c-deep);color:#D3DCCD;padding:var(--s6) 0 var(--s4);font-size:.95rem}
.fuss a{color:#fff;text-decoration:none}.fuss a:hover{text-decoration:underline}
.fuss-raster{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:var(--s4)}
.fuss h2{font-size:.95rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}
.fuss ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.fuss-claim{max-width:240px;margin-top:1rem}
.fuss-logo{background:#fff;border-radius:14px;padding:.75rem 1rem;display:inline-block}
.fuss-logo img{width:150px}
.fuss-unten{border-top:1px solid rgba(255,255,255,.15);margin-top:var(--s5);padding-top:var(--s3);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.88rem}
@media (max-width:900px){.fuss-raster{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fuss-raster{grid-template-columns:1fr}}

/* =================== Rohbau-Bausteine (Unterseiten) =================== */
.seite-raster{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"oben oben" "inhalt leiste";column-gap:var(--s5);max-width:var(--wrap);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.seite-oben{grid-area:oben;padding:var(--s3) 0 var(--s5);position:relative}
.seite-oben::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--c-cream);z-index:-1}
.seite-fach .seite-oben::before{background:#fff;border-bottom:1px solid var(--c-line)}
.seite-inhalt{grid-area:inhalt;min-width:0}
.seitenleiste{grid-area:leiste;padding-top:var(--s5)}
.seite-raster .huelle{padding:0;max-width:none}
@media (max-width:1000px){.seite-raster{grid-template-columns:1fr;grid-template-areas:"oben" "inhalt" "leiste"}.seitenleiste{padding:0 0 var(--s5)}}

.brotkrumen{padding:0!important;margin-bottom:var(--s3);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1.5rem;align-items:baseline}
.brotkrumen ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .5rem;padding:0;margin:0;font-size:.9rem;color:var(--c-mute)}
.brotkrumen li+li::before{content:"/";color:var(--c-green);margin-right:.5rem}
.brotkrumen a{color:var(--c-mute)}
.brotkrumen__zurueck{margin:0;font-size:.9rem}
.brotkrumen__zurueck a{display:inline-flex;gap:.35rem;align-items:center;font-weight:600;text-decoration:none;color:var(--c-link)}
.brotkrumen__zurueck .icon{width:16px;height:16px}
.pfad{padding-top:var(--s3)}
.seitenkopf{padding:0!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5);align-items:center}
.seitenkopf--bild{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.vorspann p{font-size:1.15rem;line-height:1.6;color:var(--c-fg)}
.kopfperson figure,.kopfbild{margin:0}
.kopfperson img{width:190px;margin:0 auto}
.kopfperson figcaption{font:700 1.05rem/1.2 var(--font-head);color:var(--c-fg);margin-top:.5rem;text-align:center}
.kopfperson__rolle{display:block;font-size:.9rem;text-align:center}
.kopfbild img{border-radius:var(--r)}
.kopfginkgo img{width:170px;opacity:.25}
.merksatz{display:inline-flex;align-items:center;gap:.5rem;border-left:4px solid var(--c-green);background:var(--c-tint);color:var(--c-fg);font-weight:600;padding:.6rem 1rem;margin:.4rem 0 0}
.hinweiszeile{font-size:.95rem;margin-bottom:var(--s2)}
.hinweiszeile--oben{color:var(--c-berry);font-weight:600}
.hinweiszeile--oben a{color:var(--c-berry)}
@media (max-width:760px){.seitenkopf,.seitenkopf--bild{grid-template-columns:1fr;gap:var(--s3)}.kopfginkgo{display:none}.kopfperson img{width:140px;margin:0}.kopfperson figcaption,.kopfperson__rolle{text-align:left}}

.abschnitt{padding:var(--s5) 0;border-bottom:1px solid var(--c-line)}
.abschnitt:last-child{border-bottom:0}
.abschnitt h2{font-size:clamp(1.45rem,1.2rem + 1vw,2rem)}
.abschnitt h3{margin-top:var(--s3)}
.abschnitt h2+h3{margin-top:0}
.band{background:var(--c-tint);border-radius:var(--r-l);padding:var(--s4);border:0;margin:var(--s3) 0}
.seite-ruhig .band{background:#fff;border:1px solid var(--c-line)}
.abschnitt--anruf h2{margin-bottom:.4rem}
.abschnitt--anruf .aktion{margin:.4rem 0}

.haekchen{list-style:none;padding:0;margin:0 0 var(--s3);display:grid;gap:.7rem}
.haekchen li{display:flex;gap:.7rem;align-items:flex-start}
.haekchen svg{width:22px;height:22px;flex:none;margin-top:.2rem}
.haekchen svg rect{fill:var(--c-green)}
.punkte{padding-left:1.2rem;margin:0 0 var(--s3)}
.punkte li{margin-bottom:.45rem}
.punkte li::marker{color:var(--c-green)}

.mehr-dazu,.frage{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);margin:.7rem 0}
.mehr-dazu summary,.frage summary{cursor:pointer;list-style:none;padding:.95rem 3rem .95rem 1.2rem;min-height:52px;display:block;position:relative;font-weight:600;color:var(--c-green-strong);text-wrap:pretty}
.mehr-dazu summary::-webkit-details-marker,.frage summary::-webkit-details-marker{display:none}
.mehr-dazu summary::after,.frage summary::after{content:"+";font-size:1.4rem;line-height:1;transition:transform .2s;position:absolute;right:1.1rem;top:50%;margin-top:-.7rem}
.mehr-dazu[open] summary::after,.frage[open] summary::after{transform:rotate(45deg)}
.mehr-dazu__wort{color:var(--c-mute);font-weight:500}
.mehr-dazu__titel,.frage summary>span{flex:0 1 auto}
.mehr-dazu__inhalt,.frage__antwort{padding:0 1.2rem 1.2rem}
.verordnen{border-left:4px solid var(--c-green);margin-top:.6rem}
li .verordnen{font-size:.97rem}

.ablauf{background:#fff;border-radius:var(--r);padding:var(--s3);margin-bottom:var(--s2)}
.ablauf__liste,.schritte{list-style:none;padding:0;margin:0;counter-reset:s;display:grid;max-width:none}
.ablauf__liste li,.schritt{position:relative;padding:0 0 1.3rem 3.4rem;counter-increment:s;min-height:44px}
.ablauf__liste li::before,.schritt::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--c-green);color:#fff;display:grid;place-items:center;font:700 1.05rem/1 var(--font-head)}
.ablauf__liste li::after,.schritt::after{content:"";position:absolute;left:18px;top:42px;bottom:4px;width:2px;background:var(--c-light)}
.ablauf__liste li:last-child,.schritt:last-child{padding-bottom:0}
.ablauf__liste li:last-child::after,.schritt:last-child::after{display:none}
.ablauf__liste li span{display:block;padding-top:.4rem}
.schritt h3{font-size:1.08rem;padding-top:.45rem;margin:0 0 .3rem}
.schritt p{margin:0}

.kasten-fach{margin:var(--s4) 0;padding:var(--s4);border:1px solid var(--c-line);border-top:4px solid var(--c-green);border-radius:var(--r-s);background:#fff}
.kasten-fach h2{font-size:1.45rem}
.karte,.kasten{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:var(--s3)}
.kasten-ruhig{background:var(--c-cream);border:0}
.kaesten{list-style:none;padding:0;margin:var(--s3) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s2);max-width:none}
.hinweis,.hinweiskasten{background:var(--c-cream);border-radius:var(--r-s);padding:.8rem 1rem;font-size:.95rem;color:var(--c-fg)}
.angaben--dl,.buerozeiten{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0}
.angaben--dl>div{display:contents}
dt{font-weight:600;color:var(--c-fg)}dd{margin:0}
.bz-kurz{display:none}

/* Sie haben die Wahl */
.wahl{margin:var(--s4) 0;padding:1.4rem 1.5rem;background:var(--c-tint);border-left:5px solid var(--c-green);border-radius:0 var(--r) var(--r) 0}
.wahl h2{font-size:1.45rem;margin-bottom:.5rem}
.wahl p{color:var(--c-fg)}
.wahl__link{margin:0;font-size:.95rem}
.wahl__link a{display:inline-flex;gap:.4rem;align-items:center;font-weight:600}
.wahl__link .icon{width:18px;height:18px}
.seite-ruhig .wahl{background:#fff;border:1px solid var(--c-line)}

/* Personen – freigestellt, klein, mittig, Köpfe auf gleicher Höhe */
.personen{list-style:none;padding:0;margin:var(--s3) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s3);max-width:none}
.personen--einzeln{grid-template-columns:minmax(0,260px)}
.person{border-radius:var(--r);overflow:hidden;border:1px solid var(--c-line);background:linear-gradient(180deg,var(--c-tint) 0,var(--c-tint) 62%,#fff 62%)}
.person__portraet,.person>img{width:72%;max-width:190px;margin:1rem auto 0}
.person__text{padding:.9rem 1.1rem 1.2rem;background:#fff}
.person h3{font-size:1.12rem;margin:0 0 .3rem}
.person__angaben,.person__quali{font-size:.9rem;line-height:1.45}
.person__rolle{margin:0 0 .3rem}
.person__quali{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.3rem}
.person__quali li{background:var(--c-tint);color:var(--c-green-strong);border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600}
.person__extra{font-size:.88rem;margin-top:.5rem}
.person__extra p{margin:0}
.name-hand .vorname{display:block;font-family:var(--font-hand);font-weight:700;font-size:1.65rem;color:var(--c-green);line-height:1.1;transform:rotate(-2deg);transform-origin:left center;margin-bottom:.15rem}
.name-hand .nachname{font-size:1rem}
@media (max-width:480px){.personen{grid-template-columns:1fr 1fr;gap:.75rem}.person__text{padding:.7rem}.person h3{font-size:1rem}}

/* Kacheln / Leistungen / Ratgeber / Landkreise */
.kacheln,.leistungen,.rkarten,.lkkarten{list-style:none;padding:0;margin:var(--s3) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s2);max-width:none}
.leistung,.rkarte,.lkkarte{display:flex;flex-direction:column;gap:.45rem;height:100%;background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1.2rem;text-decoration:none;color:inherit;transition:border-color .2s}
.leistung:hover,.rkarte:hover,.lkkarte:hover{border-color:var(--c-green);color:inherit}
.leistung__name,.lkkarte__name{font:700 1.18rem/1.2 var(--font-head);color:var(--c-fg)}
.lkkarte__zusatz{font-size:.88rem}
.rkarte__titel{font-size:1.28rem}
.linkliste{padding-left:1.2rem}.linkliste li{margin-bottom:.4rem}
.landkreise{display:flex;flex-wrap:wrap;gap:.45rem}
.landkreise a{padding:.45rem .85rem;border:1px solid var(--c-line);border-radius:999px;text-decoration:none;background:#fff;color:var(--c-fg)}
.orte-gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3)}
.orte__titel{font-size:1.05rem}
.orte__liste{padding-left:1.1rem;font-size:.95rem;columns:2;column-gap:1.5rem}
.gebietskarte{margin:var(--s3) 0}
.gebietskarte img{border-radius:var(--r);border:1px solid var(--c-line);background:#fff}
.gebietskarte__gross{margin-left:.8rem}

.banner{position:relative;overflow:hidden;background:#fff;border:1px solid var(--c-line);border-top:5px solid var(--c-berry);border-radius:var(--r-l);padding:var(--s4);margin:var(--s3) 0}
.banner__ginkgo{display:none}

/* Bildstrecken – Dinge im Kasten */
.bildstrecke__raster,.blattstrecke{list-style:none;padding:0;margin:var(--s3) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--s2);max-width:none}
.bildstrecke figure,.blattstrecke figure{margin:0}
.bildstrecke img,.blattstrecke img{border-radius:3px;border:1px solid var(--c-line);background:#fff;transition:transform .25s var(--ease)}
.bildstrecke a:hover img,.blattstrecke a:hover img{transform:translateY(-3px)}
.bildstrecke figcaption,.blattstrecke figcaption{font-size:.85rem;margin-top:.45rem;line-height:1.35;color:var(--c-fg)}
.bildstrecke__titel{display:block;font-weight:600}

.tabelle-huelle{overflow-x:auto;margin:var(--s3) 0}
.tabelle{width:100%;border-collapse:collapse;font-size:.97rem;background:#fff}
.tabelle th,.tabelle td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--c-line);vertical-align:top}
.tabelle thead th{background:var(--c-tint);color:var(--c-fg);font-family:var(--font-head);font-size:1rem}
.tabelle tbody th{font-weight:500;color:var(--c-fg)}
.pgkarten{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s2);max-width:none}
.pgkarte{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1.1rem}
.kontakte{list-style:none;padding:0;margin:var(--s3) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s2);max-width:none}
.kontakt{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1.1rem 1.2rem}
.kontakt h3{font-size:1.1rem;margin:0 0 .3rem}
.kontakt__wofuer{font-size:.9rem;margin:0}
.kontakt__nummer{font:700 1.35rem/1.2 var(--font-head);margin:.3rem 0 0}
.kontakt__nummer a{text-decoration:none}
.claim-hand img{max-width:340px;margin:.6rem 0 .4rem}

.formular{display:grid;gap:1rem}
.box{border:1px solid var(--c-line);padding:1.5rem;background:#fff;border-radius:var(--r)}
.feld label,.field label{display:block;font-weight:600;color:var(--c-fg);margin-bottom:.35rem}
.feld input,.feld textarea,.feld select{width:100%;min-height:52px;border:1.5px solid #B9C1B3;border-radius:10px;padding:.75rem 1rem;font:inherit;color:var(--c-fg);background:#fff}
.feld input:focus,.feld textarea:focus{outline:none;border-color:var(--c-green);box-shadow:0 0 0 4px rgba(87,115,76,.18)}
.fehler{color:var(--c-berry);font-size:.9rem}
.hp{position:absolute;left:-9999px}
.formular button{justify-self:start}

/* Seitenleiste – ruhig, ohne großen Knopf */
.leiste{position:sticky;top:calc(var(--kopf) + 20px);background:#fff;color:var(--c-text);border:1px solid var(--c-line);border-top:4px solid var(--c-green);border-radius:var(--r);padding:1.4rem}
.leiste__ginkgo{display:none}
.leiste__titel{font:700 1.25rem/1.2 var(--font-head);color:var(--c-fg);margin-bottom:.6rem}
.leiste .knopf{display:flex;justify-content:flex-start;gap:.4rem;background:none;border:0;padding:0;min-height:0;color:var(--c-green-strong);font:700 1.4rem/1.2 var(--font-head)}
.leiste .knopf .icon{fill:var(--c-green);width:20px;height:20px}
.leiste .knopf .tel-nr{white-space:nowrap}
.leiste .knopf>span{display:flex;flex-direction:column}
.leiste__fax,.leiste__post{font-size:.95rem}
.leiste__label{font-weight:600;color:var(--c-fg);margin:.6rem 0 .2rem}
.leiste__hinweis{font-size:.85rem}
.seite-ruhig .leiste{background:var(--c-cream);border-color:var(--c-cream);border-top-color:var(--c-green)}
.ruhig-tel{font:700 1.3rem/1.3 var(--font-head);color:var(--c-fg)}
@media (max-width:1000px){.leiste{position:relative;top:auto}}

/* =================== Arzt-Seite – sachlich wie eine Fachinformation =================== */
.fach-kopf{padding:var(--s3) 0 var(--s4);border-bottom:1px solid var(--c-line)}
.fach-raster{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--s5);align-items:start}
.fach-kopf h1{font-size:clamp(1.95rem,1.4rem + 2.1vw,2.9rem)}
.fach-blatt{margin:0}
.fach-blatt img{border:1px solid var(--c-line);border-radius:3px;box-shadow:0 12px 30px rgba(38,38,37,.12)}
.fach-blatt figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.6rem}
.fakten-zeile{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:.5rem 2.5rem;margin:var(--s4) 0 0;padding:1rem 0 0;border-top:1px solid var(--c-line)}
.fakten-zeile>div{display:flex;flex-direction:column}
.fakten-zeile dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-mute);font-weight:600}
.fakten-zeile dd{font-weight:600;color:var(--c-fg)}
.fakten-zeile .zeiten span{display:inline;margin-right:.8rem}
.fach-abschnitt{padding:var(--s5) 0}
.sec-num{display:flex;gap:1rem;align-items:baseline;border-top:2px solid var(--c-fg);padding-top:.9rem;margin-bottom:var(--s3)}
.sec-num span{font:700 .95rem/1 var(--font-head);color:var(--c-green);letter-spacing:.08em}
.sec-num h2{margin:0}
.schritte4{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:s;border-top:1px solid var(--c-line);max-width:none}
.schritte4 li{counter-increment:s;padding:1.2rem 1.4rem 1.2rem 0}
.schritte4 li+li{padding-left:1.4rem;border-left:1px solid var(--c-line)}
.schritte4 li::before{content:"0" counter(s);display:block;font:700 1.8rem/1 var(--font-head);color:var(--c-green);margin-bottom:.6rem}
.schritte4 h3{font-size:1.06rem;margin-bottom:.4rem}
.schritte4 p{font-size:.95rem;margin:0}
.fax-box{margin-top:var(--s3);border:1px solid var(--c-line);border-left:4px solid var(--c-green);padding:1rem 1.2rem;background:#fff}
.fax-box p{margin:0 0 .5rem}.fax-box .hinweis{margin:0}
.kap-titel{margin-top:var(--s4)}
.kapitelliste{border-top:1px solid var(--c-line)}
.kapitel{border-bottom:1px solid var(--c-line)}
.kapitel summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:6rem 1fr auto;gap:1rem;align-items:center;padding:1rem 0;min-height:56px}
.kapitel summary::-webkit-details-marker{display:none}
.kapitel .num{font:700 .82rem/1 var(--font-head);color:var(--c-green);letter-spacing:.06em;text-transform:uppercase}
.kapitel summary b{display:block;font:700 1.12rem/1.25 var(--font-head);color:var(--c-fg);text-wrap:balance}
.kapitel .sub{font-size:.92rem}
.kapitel .plus{width:28px;height:28px;padding:5px;border:1px solid var(--c-line);border-radius:4px;transition:transform .2s}
.kapitel[open] .plus{transform:rotate(45deg)}
.kapitel .body{padding:0 0 1.2rem 7rem}
.kapitel .body ul{margin:0;padding-left:1.1rem}
.kapitel .body li{margin-bottom:.4rem}
.nutzen{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--c-line)}
.nutzen article{padding:1.2rem 1.4rem 1.2rem 0}
.nutzen article+article{padding-left:1.4rem;border-left:1px solid var(--c-line)}
.nutzen h3{font-size:1.12rem;margin-bottom:.4rem}
.nutzen p{font-size:.96rem;margin:0}
.therapien{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--c-line)}
.therapien article{padding:1.3rem 1.4rem 1.3rem 0}
.therapien article+article{padding-left:1.4rem;border-left:1px solid var(--c-line)}
.therapien h3{display:flex;gap:.5rem;align-items:center;font-size:1.12rem}
.therapien h3 .icon{color:var(--c-green)}
.therapien p{font-size:.96rem}
.fachpersonen{list-style:none;padding:0;margin:0 0 var(--s2);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);max-width:none}
.fp-bild{background:var(--c-tint);border-radius:var(--r-s);padding-top:.8rem}
.fp-bild img{width:70%;margin:0 auto}
.fp h3{font-size:1.05rem;margin:.7rem 0 .2rem}
.fp p{font-size:.88rem;margin:0}
.fp-quali{color:var(--c-green-strong);font-weight:600}
.fach-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:start}
.sandy{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;align-items:start}
.sandy img{background:var(--c-tint);border-radius:var(--r-s);padding-top:.6rem}
.wer-wir-sind{margin-top:var(--s4);padding-top:var(--s2);border-top:1px solid var(--c-line);font-size:.95rem;max-width:none}
@media (max-width:1000px){.therapien{grid-template-columns:1fr}.therapien article,.therapien article+article{padding:1.1rem 0;border-left:0;border-bottom:1px solid var(--c-line)}}
@media (max-width:900px){
  .fach-raster{grid-template-columns:1fr 150px;gap:var(--s3)}
  .schritte4{grid-template-columns:1fr 1fr}
  .schritte4 li:nth-child(3){padding-left:0;border-left:0}
  .schritte4 li:nth-child(n+3){border-top:1px solid var(--c-line)}
  .nutzen{grid-template-columns:1fr}.nutzen article,.nutzen article+article{padding:1rem 0;border-left:0;border-bottom:1px solid var(--c-line)}
  .fachpersonen{grid-template-columns:1fr 1fr}
  .fach-split{grid-template-columns:1fr;gap:var(--s3)}
  .fakten-zeile{grid-template-columns:auto auto;gap:.8rem 2rem}
}
@media (max-width:600px){
  .fach-raster{grid-template-columns:1fr}
  .fach-blatt{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:center}
  .fach-blatt figcaption{flex-direction:column;align-items:flex-start;margin:0}
  .schritte4{grid-template-columns:1fr}
  .schritte4 li,.schritte4 li+li{padding:1rem 0 1rem 3rem;border-left:0;border-top:1px solid var(--c-line);position:relative}
  .schritte4 li::before{position:absolute;left:0;top:1rem;font-size:1.5rem}
  .kapitel summary{grid-template-columns:1fr auto}.kapitel .num{display:none}.kapitel .body{padding-left:0}
  .sandy{grid-template-columns:96px 1fr}
  .blattstrecke{grid-template-columns:repeat(3,1fr);gap:.6rem}
  .blattstrecke figcaption{font-size:.75rem}
  .fakten-zeile{grid-template-columns:1fr 1fr}
}

/* Palliativ – ruhig */
.seite-ruhig .kachel:hover,.seite-ruhig .leistung:hover{transform:none}
.seite-ruhig .hand-zeile{margin-top:var(--s3)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Korrekturen nach Messung 1 */
@media (max-width:600px){
  .einstieg h1{font-size:1.7rem}
  .einstieg .lead{font-size:1rem}
  .kein-pd{font-size:.95rem;padding:.6rem .8rem}
  .wundkasten .wk-blatt{order:0}.wundkasten h2,.wk-unter,.wk-haken{order:0}
  .wundkasten .btn{order:1}.wk-satz{order:2}.wundkasten .ki-hinweis{order:3}
  .schritte4 li:nth-child(n){padding:1rem 0 1rem 3rem;border-left:0;border-top:1px solid var(--c-line);position:relative}
  .blattstrecke{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.6rem;padding-bottom:.4rem}
  .blattstrecke li{flex:0 0 31%;scroll-snap-align:start}
  .kapitel .sub{display:none}
  .fp-bild img{width:58%}
  .fachpersonen{gap:1rem}
  .fach-blatt img{max-width:110px}
}
@media (max-width:560px){
  .fuss{padding:var(--s4) 0 var(--s3);font-size:.9rem}
  .fuss-raster{grid-template-columns:1fr 1fr;gap:var(--s3) var(--s2)}
  .fuss-raster>div:nth-child(1),.fuss-raster>div:nth-child(2){grid-column:1/-1}
  .fuss-raster>div:nth-child(1){display:flex;align-items:center;gap:1rem}
  .fuss-claim{max-width:150px;margin:0}
  .fuss-logo img{width:110px}
  .fuss ul{gap:.3rem}
  .fuss h2{margin-bottom:.6rem}
  .fuss-unten{margin-top:var(--s3)}
  .fach-abschnitt,.abschnitt-start,.kontaktband{padding:var(--s4) 0}
  .fach-kopf{padding-bottom:var(--s3)}
}

/* ===== Korrekturen nach Prüflauf 1 ===== */
/* Kopf: Menüpunkte nie umbrechen */
.nav-auf{white-space:nowrap;padding:.55rem .62rem}
.hauptnav>ul{gap:0}
.kopf-in{gap:var(--s2)}
/* Unterseiten: Seitenleiste oben bündig mit der Überschrift, am Handy weg (dort Anrufleiste) */
.seite-raster{grid-template-areas:"pfad pfad" "kopf leiste" "inhalt leiste";grid-template-rows:auto auto 1fr}
.seite-oben{display:contents}
.seite-oben>.brotkrumen{grid-area:pfad;position:relative;padding-top:var(--s3)!important;margin-bottom:2.4rem}
.seite-oben>.seitenkopf{grid-area:kopf;position:relative;padding-bottom:var(--s5)!important;align-self:start}
.seite-oben>.brotkrumen::before,.seite-oben>.seitenkopf::before{content:"";position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;background:var(--c-cream);z-index:-1}
.seite-fach .seite-oben>.brotkrumen::before,.seite-fach .seite-oben>.seitenkopf::before{background:#fff}
.seite-fach .seite-oben>.seitenkopf{border-bottom:1px solid var(--c-line)}
.seite-oben::before{display:none}
.seitenkopf>div{position:relative}
.seitenkopf>div>.dachzeile:first-child{position:absolute;top:-1.75rem;left:0;margin:0}
.seitenkopf h1{margin-top:0}
.seitenleiste{grid-area:leiste;padding-top:0;align-self:stretch;position:relative;z-index:1}
.seite-inhalt{grid-area:inhalt}
@media (max-width:1000px){.seite-raster{grid-template-areas:"pfad" "kopf" "inhalt";grid-template-columns:1fr}.seitenleiste{display:none}}
/* Kartenreihen: Links unten auf einer Linie, Titel gleich hoch */
.kacheln>li,.leistungen>li,.rkarten>li,.lkkarten>li{display:flex}
.kacheln>li>a,.leistungen>li>a,.rkarten>li>a,.lkkarten>li>a{width:100%}
.leistung>:last-child,.rkarte>:last-child,.lkkarte>:last-child{margin-top:auto}
.kontakt{display:flex;flex-direction:column}
.kontakt__rumpf{display:flex;flex-direction:column;flex:1}
.kontakt__rumpf>:last-child{margin-top:auto}
@media (min-width:700px){.kontakt h3,.person h3,.fp h3{min-height:2.35em}}
@media (min-width:900px){.schritte4 h3{min-height:3.5em}}
/* Startseiten-Kachel-Zeilen nur auf der Startseite */
@media (max-width:600px){
  .kachel:not(.kacheln-start .kachel){flex-direction:column}
  .kachel:not(.kacheln-start .kachel)>img{width:100%;margin:0;border-radius:0}
  /* Personen am Handy als Zeile: Bild links, Name daneben in voller Breite */
  .personen{grid-template-columns:1fr}
  .person{display:grid;grid-template-columns:96px 1fr;align-items:center;background:#fff}
  .person__portraet,.person>img{width:96px;max-width:none;margin:0;background:var(--c-tint);align-self:stretch;object-fit:contain;object-position:bottom}
  .person__text{padding:.7rem 1rem}
  .person h3{font-size:1.08rem}
}
.gebietskarte figcaption{display:flex;flex-wrap:wrap;gap:.2rem 1rem}
.gebietskarte__gross{margin-left:0}
.fach-stapel{display:grid;gap:var(--s3);max-width:760px}
.fach-stapel .formular{max-width:560px}
/* Creme-Fläche über die volle Breite ohne Einfluss auf die Seitenbreite */
.seite-oben>.brotkrumen::before,.seite-oben>.seitenkopf::before{content:none}
.seite-oben>.brotkrumen,.seite-oben>.seitenkopf{background:var(--c-cream);box-shadow:0 0 0 100vmax var(--c-cream);clip-path:inset(0 -100vmax)}
.seite-fach .seite-oben>.brotkrumen,.seite-fach .seite-oben>.seitenkopf{background:#fff;box-shadow:0 0 0 100vmax #fff}
.seite-oben>.seitenkopf{z-index:0}
.seitenleiste{z-index:2}
.fp h3{min-height:2.35em}
.name-hand{min-height:3.3rem}
.leistung .kachel__link,.rkarte .kachel__link,.kontakt__nummer{white-space:nowrap}
.leistung .kachel__link,.rkarte .kachel__link{font-size:.95rem}
@media (min-width:700px){.personen:has(.name-hand) h3{min-height:3.3rem}}

/* ===== Korrekturen nach Prüflauf 4 ===== */
/* Wund-Kasten: Titel über die ganze Breite wie auf der Mappe */
.wundkasten{grid-template-columns:40% 1fr;grid-template-areas:"dach dach" "titel titel" "blatt unter" "blatt haken" "blatt satz" "blatt knopf" "ki .";column-gap:1.4rem;row-gap:0}
.wk-text{display:contents}
.wundkasten .dachzeile{grid-area:dach}
.wundkasten h2{grid-area:titel;white-space:nowrap;margin-bottom:.9rem;font-size:clamp(1.3rem,.9rem + 1.6vw,2rem)}
.wk-blatt{grid-area:blatt;align-self:start}
.wk-unter{grid-area:unter}.wk-haken{grid-area:haken}.wk-satz{grid-area:satz}
.wundkasten .btn{grid-area:knopf;justify-self:start;align-self:start}
.wundkasten .ki-hinweis{grid-area:ki;margin:.4rem 0 0}
@media (max-width:600px){
  .wundkasten{grid-template-columns:104px 1fr;grid-template-areas:"titel titel" "blatt unter" "blatt haken" "knopf knopf" "satz satz" "ki ki";column-gap:.9rem}
  .wundkasten .dachzeile{display:none}
  .wk-blatt{grid-row:auto}
  .wundkasten h2,.wk-unter,.wk-haken,.wk-satz,.wundkasten .btn,.wundkasten .ki-hinweis{grid-column:auto;order:0}
  .wundkasten .btn{margin:.8rem 0 .6rem}
  .wk-satz{margin:0}
}
/* Vier Gesichter: zwei Spalten, Bild links – Namen passen in eine Zeile */
.personen--vier{grid-template-columns:repeat(2,minmax(0,1fr))}
.personen--vier .person{display:grid;grid-template-columns:110px 1fr;align-items:center;background:#fff}
.personen--vier .person__portraet{width:110px;max-width:none;margin:0;background:var(--c-tint);align-self:stretch;object-fit:contain;object-position:bottom}
.personen--vier .person h3{min-height:0}
@media (max-width:600px){.personen--vier{grid-template-columns:1fr}}
/* Überschriften der Unterseiten etwas kleiner, damit sie in 2 Zeilen passen */
.seitenkopf h1{font-size:clamp(1.85rem,1.4rem + 1.9vw,2.75rem)}
/* Handschrift-Zeile ohne Drehung (lesbar, sauber umbrochen) */
.hand-zeile{transform:none;text-wrap:balance}
/* Kontaktband: Titel und Nummer gleich hoch */
.kontaktband h2{font-size:1.8rem;line-height:1.2;margin-bottom:.6rem}
.kb-tel{margin:0 0 .6rem;line-height:1.2}
.kb-in{align-items:start}
/* Kontakte: gleicher Aufbau, Nummer an gleicher Stelle */
.kontakt__rumpf>:last-child{margin-top:0}
/* Tabellen: Zellen nicht zu schmal */
.tabelle td,.tabelle th{min-width:7rem}
/* Handy: lange Wörter mit Trennstrich, Sandys Text in voller Breite */
@media (max-width:600px){
  .sandy{grid-template-columns:1fr}
  .sandy img{width:96px}
}

/* ===== Korrekturen nach Prüflauf 5 ===== */
@media (max-width:600px){
  .wundkasten h2{grid-area:titel}.wk-blatt{grid-area:blatt}.wk-unter{grid-area:unter}.wk-haken{grid-area:haken}
  .wk-satz{grid-area:satz}.wundkasten .btn{grid-area:knopf}.wundkasten .ki-hinweis{grid-area:ki}
  .seitenkopf h1{font-size:1.6rem}
  .fachpersonen{grid-template-columns:1fr;gap:.8rem}
  .fp{display:grid;grid-template-columns:84px 1fr;gap:0 1rem;align-items:start}
  .fp-bild{grid-row:1/span 3}
  .fp-bild img{width:100%}
  .fp h3{min-height:0;margin-top:.4rem}
}
.kontakt__rumpf>:last-child{margin-top:auto}
.kb-zeile{margin:0 0 .3rem}
.personen--vier .person{align-items:start}
.personen--vier .person__text{align-self:center}
.personen:has(.name-hand) h3{height:3.6rem;min-height:0}
.seitenkopf--bild{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media (min-width:761px){.seitenkopf--bild h1{font-size:clamp(1.8rem,1.2rem + 1.4vw,2.2rem)}}
@media (max-width:767px){.anrufkasten+.menue-knopf{margin-left:auto}}
.pfad+.fach-kopf{padding-top:0}
/* Landkreis-Kopf: Text oben, Landschaftsbild darunter (Ding im Kasten) */
.seitenkopf--bild{grid-template-columns:1fr;gap:var(--s3)}
.seitenkopf--bild .kopfbild{max-width:640px}
.personen--vier .person__text{align-self:start;padding-top:1rem}
@media (max-width:600px){.tabelle td,.tabelle th{min-width:9rem}}
@media (max-width:1199px){.personen--vier{grid-template-columns:1fr;max-width:520px}}
@media (max-width:600px){.tabelle tbody th{min-width:13rem}}
@media (max-width:600px){.tabelle td{min-width:11rem}}
@media (max-width:600px){.tabelle td{min-width:14rem}}
.gruppe{background:var(--c-cream);padding:var(--s2) 0 var(--s4)}
.seite-oben>.brotkrumen{margin-bottom:0!important;padding-bottom:2.4rem!important}
@media (min-width:1001px){
  .therapien{grid-template-columns:repeat(2,1fr)}
  .therapien article:nth-child(odd){padding-left:0;border-left:0}
  .therapien article:nth-child(n+3){border-top:1px solid var(--c-line)}
}
.blattstrecke{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
@media (max-width:600px){.blattstrecke li{flex:0 0 62%}.blattstrecke figcaption{font-size:.82rem}}
.blattstrecke figcaption b{display:block}
.blattstrecke figcaption b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}
@media (min-width:1001px){.therapien article{display:flex;flex-direction:column}.therapien article>.mehr-dazu{margin-top:auto}}
.blattstrecke figcaption{min-height:4.2em}

/* ===== Nachbesserung nach Prüferbericht 76/100 ===== */
/* Seiten ohne Seitenleiste (Team, Kontakt, /post/, Jobs …): Seitenrand wie überall */
main>.huelle,main>.brotkrumen.huelle,main>.seitenkopf.huelle{padding-left:clamp(1rem,4vw,2rem)!important;padding-right:clamp(1rem,4vw,2rem)!important}
main>.brotkrumen.huelle{padding-top:var(--s3)!important;margin-bottom:var(--s4)}
main>.seitenkopf.huelle{padding-bottom:var(--s4)!important}
main>.seitenkopf .dachzeile{position:static!important;margin-bottom:.6rem}
/* Verteilerseite Wundversorgung: drei gleich gebaute Kacheln */
.wege{list-style:none;padding:0;margin:var(--s3) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);max-width:none}
.wege>li{display:flex}
.wege .kachel{width:100%}
.kachel__mappe{aspect-ratio:1200/700;background:var(--c-green);display:grid;place-items:center}
.kachel__mappe img{width:34%;opacity:.9}
.kachel__mappe span{display:none}
.landkreise{align-items:center}
.landkreise__label{font-weight:600;color:var(--c-fg);margin-right:.3rem}
@media (max-width:900px){.wege{grid-template-columns:1fr}}
@media (max-width:600px){.wege .kachel{flex-direction:column}.wege .kachel>img,.wege .kachel__mappe{width:100%;margin:0;border-radius:0}}
/* Spam-Fangfeld unsichtbar */
.honig{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* Pflegegrad: breite Tabelle oder Karten, nie beides */
.nur-bis-699{display:block}.nur-ab-700{display:none}
@media (min-width:700px){.nur-bis-699{display:none}.nur-ab-700{display:block}}
.tabelle--karte td,.tabelle--karte th{min-width:0!important}
.tabelle--karte{table-layout:fixed}
.tabelle--karte th{width:62%}
/* Team: Gruppenbild volle Breite, einzelne Karte nicht verloren in leerer Reihe */
.gruppenbild,.gruppenbild.karte{padding:0;border:0;background:none;margin:var(--s3) 0}
.gruppenbild img,.team__bild{width:100%;border-radius:var(--r-l)}
.personen--einzeln{grid-template-columns:minmax(0,560px)}
.personen--einzeln .person{display:grid;grid-template-columns:170px 1fr;align-items:center;background:#fff}
.personen--einzeln .person__portraet{width:170px;max-width:none;margin:0;background:var(--c-tint);align-self:stretch;object-fit:contain;object-position:bottom}
.personen--einzeln .person h3{height:auto!important;min-height:0!important}
/* Kontakt */
.seitenkopf--kontakt{grid-template-columns:minmax(0,1fr) minmax(0,300px)}
.kontakt-zeiten h2,.h-klein{font-size:1.15rem;margin-bottom:.4rem}
.wege-kontakt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:start}
.kontaktliste{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.2rem;margin:0}
.kontaktliste>div{display:contents}
.bildluecke{display:none}
.route .aktion{margin-top:0}
.formular-raster{max-width:560px}
@media (max-width:800px){.seitenkopf--kontakt,.wege-kontakt{grid-template-columns:1fr}}
/* /post/ */
.post{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s5);align-items:center;padding-bottom:var(--s5)}
.post__bild.karte{padding:0;border:0;background:none}
.post__bild img{border-radius:var(--r);box-shadow:0 10px 30px rgba(38,38,37,.12)}
.post__satz{font-size:1.15rem;color:var(--c-fg)}
.post__claim{font-family:var(--font-hand);font-weight:700;color:var(--c-green);font-size:2rem;line-height:1.1;margin:.4rem 0 .6rem}
.post__nummer a{font:700 1.8rem/1.2 var(--font-head);color:var(--c-green-strong);text-decoration:none}
@media (max-width:800px){.post{grid-template-columns:1fr;gap:var(--s3)}}
/* Telefon leise: Telefonzeilen sind ruhige Links, Seitenleiste ohne lauten Knopf */
.telzeile{font:600 1.1rem/1.3 var(--font-body);color:var(--c-link)}
.telzeile .icon{width:1em;height:1em}
.leiste .knopf{font:600 1.05rem/1.3 var(--font-body);color:var(--c-link)}
.leiste .knopf .icon{width:16px;height:16px}
.anrufwort{font-weight:400}
.angaben{margin:.3rem 0}
/* Palliativ: Anrufkasten im Kopf hell (weiß, dunkelgrüner Rand) */
.seite-ruhig .anrufkasten{background:#fff;color:var(--c-green-strong);border:2px solid var(--c-green)}
.seite-ruhig .anrufkasten:hover{background:var(--c-tint);color:var(--c-green-strong)}
.seite-ruhig .ak-knopf{background:var(--c-tint)}
/* Palliativ: wenige Kästen – Kontakte als ruhige Liste */
.seite-ruhig .kontakte{gap:0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.seite-ruhig .kontakt{border:0;border-top:1px solid var(--c-line);border-radius:0;background:none;padding:1rem .2rem}
.seite-ruhig .karte:has(.kontakte),.kontaktkarte{border:0;background:none;padding:0}
.kopfperson--unten img{margin:0}
.kopfperson--unten figcaption,.kopfperson--unten .kopfperson__rolle{text-align:left}
/* Arzt-Seite: Erreichbar-Zeile ohne Lücke */
.fakten-zeile .zeiten abbr{min-width:0;margin-right:.25em}
/* Pfeil bleibt am letzten Wort */
.textlink{display:inline;text-decoration:none}
.textlink::after{content:"\00a0→";display:inline}
/* Lesetext für Ältere mindestens 16 px */
.schritte4 p,.nutzen p,.therapien p,.kachel__saetze p,.kachel__satz,.wk-satz,.leistung__satz,.person__angaben,.orte__liste,.fp p,.mehr-dazu__inhalt,.kapitel .body,.kontakt__wofuer{font-size:1rem}
.lead{hyphens:manual;-webkit-hyphens:manual}
@media (max-width:600px){.kachel__saetze p{font-size:1rem}}
/* Kopf: Logo mit Luft nach oben */
.kopf-in{padding-top:.35rem;padding-bottom:.35rem}
/* Startseite Handy: KI-Hinweis über der Anrufleiste (direkt unter dem Titelblatt) */
@media (max-width:600px){
  .wundkasten{grid-template-areas:"titel titel" "blatt unter" "blatt haken" "ki ki" "knopf knopf" "satz satz"}
  .wundkasten .ki-hinweis{margin:.3rem 0 0}
}
.nummern{padding-left:1.4rem}.nummern li{margin-bottom:.45rem}.nummern li::marker{color:var(--c-green);font-weight:700}
.hinweis-oben{padding-top:var(--s2)!important}
.knopfliste{list-style:none;padding:0;margin:var(--s3) 0;display:flex;flex-wrap:wrap;gap:.75rem;max-width:none}
.linkzeile__label{font-weight:600;color:var(--c-fg)}
.faxzeile{display:block;width:100%;font-size:.97rem}
.kopf-weg{margin:.6rem 0}
.seitenkopf__bild img{border-radius:var(--r)}
.seitenkopf--bild .seitenkopf__bild{max-width:640px}
.gebietskarte__zeile{display:block}
.vorspann .hand-zeile{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);line-height:1.2;color:var(--c-green)}
.seite-ruhig .band{background:none;border:0;padding:0;border-radius:0}
.hinweis,.hinweiskasten,.wer-wir-sind,.hinweiszeile{font-size:1rem}
.wege .kachel__link{display:block;min-height:2.7em}
@media (min-width:700px){.wege h3{min-height:2.35em}}
.wege-kontakt{grid-template-columns:minmax(0,640px)!important}
@media (min-width:901px){.wege .kachel__link{display:flex;align-items:flex-end;min-height:0;height:4.2em;margin-top:auto}}
@media (max-width:900px){.wege .kachel__link{min-height:0}}

/* ===== Runde 2 (17.10. 15:11) ===== */
/* Schrift größer für Ältere: Grundschrift 17 px → Lesetext ≈ 18 px, kleinste Schrift ≥ 15 px (Pflichtangaben Bildnachweis/KI ≥ 13 px) */
html{font-size:106.25%}
.dachzeile,.eyebrow{font-size:.9rem}
.klein,.brotkrumen ol,.brotkrumen__zurueck,.leiste__fax,.leiste__post,.leiste__hinweis,.lkkarte__zusatz,.fp p,.kontakt__wofuer,.bildstrecke figcaption,.blattstrecke figcaption,.blattstrecke figcaption b{font-size:.9rem}
.person__quali li{font-size:.9rem;padding:.15rem .6rem}
.person__angaben,.person__rolle{font-size:.95rem}
.fakten-zeile dt{font-size:.9rem}
.ak-zeiten{font-size:.88rem}
.bildnachweis,.ki-hinweis,figcaption.bildnachweis{font-size:.8rem}
.leiste{font-size:1rem}
.leiste .knopf{font-size:1.05rem}
.nav-auf{font-size:.95rem;padding:.55rem .55rem}
.zeiten abbr{min-width:3.1em}
/* Dachzeile über der H1 nie unter die Brotkrumen */
.seitenkopf>div>.dachzeile:first-child{position:static!important;margin:0 0 .5rem}
.seite-oben>.brotkrumen{padding-bottom:var(--s3)!important}
/* Qualifikationen im Seitenkopf als eigene Zeile */
.kopfperson__rolle{display:block;max-width:230px;margin:.2rem auto 0;line-height:1.4}
/* Startseite: „Seit 2013 für Sie da“ ruhig über dem Gruppenbild, auf Creme, nicht schief */
.gruppe figure{display:flex;flex-direction:column;align-items:center}
.gruppe .handschrift{order:-1;position:static!important;transform:none!important;background:none!important;padding:0!important;margin:0 0 .6rem!important;text-align:center!important;font-size:clamp(1.9rem,1.5rem + 1.3vw,2.6rem);line-height:1.1}
.gruppe{padding-top:var(--s4)}
/* Bilder mittig: Landkreis-/Seitenkopf-Bilder in voller Satzbreite, Gruppenbilder freigestellt mittig */
.seitenkopf--bild .kopfbild,.seitenkopf--bild .seitenkopf__bild{max-width:none}
.gruppenbild img,.team__bild{margin:0 auto;border-radius:0}
.gruppenbild{background:var(--c-tint);border-radius:var(--r-l);padding:var(--s3) var(--s3) 0!important}
.person__portraet,.person>img{object-position:bottom center}
/* Weniger leere Fläche am großen Bildschirm: Lesespalte etwas breiter */
p,ul,ol{max-width:76ch}
:root{--wrap:1320px}
@media (max-width:600px){.fakten-zeile{grid-template-columns:1fr!important;gap:.6rem}.fakten-zeile>div{flex-direction:row;gap:.8rem;align-items:baseline}.fakten-zeile dt{min-width:7.5rem}.fakten-zeile .zeiten span{display:block}}
/* Team-Seite: Außendienst und Büro wieder hochkant mit großem Porträt */
.personen--vier:has(.name-hand){grid-template-columns:repeat(auto-fill,minmax(210px,1fr));max-width:none}
.personen--vier:has(.name-hand) .person{display:block;background:linear-gradient(180deg,var(--c-tint) 0,var(--c-tint) 62%,#fff 62%)}
.personen--vier:has(.name-hand) .person__portraet{width:72%;max-width:190px;margin:1rem auto 0;background:none;align-self:auto}
@media (max-width:600px){.personen--vier:has(.name-hand){grid-template-columns:1fr 1fr}}
/* Team-Gruppenbild wie auf der Startseite: freigestellt auf Creme */
.gruppenbild{background:var(--c-cream)}
/* Wund-Knopf einzeilig */
@media (min-width:1200px){.wundkasten .btn{white-space:nowrap}}
.kopfperson--unten .kopfperson__rolle{margin:.2rem 0 0;max-width:260px;text-align:left}
.kopfperson--unten{display:flex;flex-wrap:wrap;gap:var(--s3)}
.seite-ruhig .kontakt__rumpf>:last-child,.seite-ruhig .kontakt__rumpf>.kontakt__nummer{margin-top:.3rem}
@media (min-width:900px){.personen--vier:has(.name-hand){grid-template-columns:repeat(4,minmax(0,1fr))}}
.gruppenbild.karte,.gruppenbild{background:var(--c-cream)}
.seite-ruhig .kontakte,.kontakte{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.blattstrecke figcaption{min-height:5.2em;text-wrap:pretty}

/* ===== Runde 3 (17.10. 16:00) ===== */
/* Creme-Grund auf den Seiten für Patienten, Leistungen, Landkreise, Ratgeber, Wund, Palliativ – weiße Kästen darauf (Flyer-Familie) */
.seite-warm main{background:var(--c-cream)}
.seite-warm .seite-oben>.brotkrumen,.seite-warm .seite-oben>.seitenkopf{border-bottom:0}
.seite-warm .seitenkopf{border-bottom:1px solid var(--c-line)}
.seite-warm .band,.seite-warm .ablauf,.seite-warm .wahl{background:#fff}
.seite-warm .band{border:1px solid var(--c-line)}
.seite-warm .hinweis,.seite-warm .hinweiskasten,.seite-warm .kasten-ruhig{background:#fff;border:1px solid var(--c-line)}
.seite-warm .merksatz{background:#fff}
.seite-warm .leiste{background:#fff;border-color:var(--c-line)}
.seite-warm .landkreise a,.seite-warm .lk-chips a{background:#fff}
.seite-warm .tabelle{background:#fff}
.seite-warm .gebietskarte img{background:#fff}
.seite-warm .person{background:linear-gradient(180deg,var(--c-tint) 0,var(--c-tint) 62%,#fff 62%)}
.seite-warm .personen--vier .person{background:#fff}
.seite-warm .abschnitt{border-bottom-color:#E4DCCB}
.seite-ruhig.seite-warm .kontakt{background:none}
/* Wund-Knopf am Tablet: volle Kastenbreite, nie gequetscht */
@media (min-width:601px) and (max-width:1199px){
  .wundkasten{grid-template-areas:"dach dach" "titel titel" "blatt unter" "blatt haken" "blatt satz" "ki ." "knopf knopf"}
  .wundkasten .btn{justify-self:stretch;margin-top:.8rem}
}
/* Arzt-Seite: Nutzen und Therapien am Handy zum Aufklappen, ab 900 px offen wie bisher */
.klapp-handy>summary{list-style:none;cursor:pointer}
.klapp-handy>summary::-webkit-details-marker{display:none}
.klapp-handy>summary h3{display:flex;align-items:center;gap:.5rem}
@media (max-width:899px){
  .klapp-handy>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:52px}
  .klapp-handy>summary::after{content:"+";font-size:1.4rem;color:var(--c-green-strong);transition:transform .2s}
  .klapp-handy[open]>summary::after{transform:rotate(45deg)}
  .klapp-handy>summary h3{margin:0}
  .nutzen article,.therapien article,.therapien article+article{padding:.6rem 0}
  /* Fachpersonen am Handy als wischbare Reihe */
  .fachpersonen{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding-bottom:.4rem}
  .fachpersonen .fp{flex:0 0 72%;scroll-snap-align:start;display:block}
  .fp-bild img{width:60%}
}
@media (min-width:900px){.klapp-handy>summary{pointer-events:none}}

/* ===== Runde 4 (17.10. abends) ===== */
/* Keine automatische Silbentrennung: ältere Leser stolpern darüber. Sehr lange Wörter nur gezielt mit ­ */
p,li,td,th,dd,dt,figcaption,summary,h1,h2,h3,h4{hyphens:manual;-webkit-hyphens:manual}
/* Quellen-Links wie im Rohbau: kurze Einheit zusammen, langer Titel darf umbrechen */
@media (min-width:360px){.bund{white-space:nowrap}.bund .frei{white-space:normal}}
/* Tabellen am Handy als Karten: nichts mehr seitlich abgeschnitten */
@media (max-width:600px){
  .tabelle-huelle{overflow-x:visible}
  .tabelle:not(.tabelle--karte){background:transparent}
  .tabelle:not(.tabelle--karte) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabelle:not(.tabelle--karte),.tabelle:not(.tabelle--karte) tbody,.tabelle:not(.tabelle--karte) tr,.tabelle:not(.tabelle--karte) th,.tabelle:not(.tabelle--karte) td{display:block;width:auto;min-width:0!important}
  .tabelle:not(.tabelle--karte) tr{background:#fff;border:1px solid var(--c-line);border-radius:10px;padding:.7rem .9rem;margin:0 0 .6rem}
  .tabelle:not(.tabelle--karte) th,.tabelle:not(.tabelle--karte) td{padding:0;border:0}
  .tabelle:not(.tabelle--karte) tbody th{font-weight:600;margin-bottom:.2rem}
  .tabelle:not(.tabelle--karte) th[data-titel]::before{content:attr(data-titel) " "}
  .tabelle:not(.tabelle--karte) td[data-titel]::before{content:attr(data-titel) ": ";font-weight:500}
}
/* Arzt-Seite Handy: Fachpersonen 2 × 2 und Mappenblätter im Raster statt Wischleiste – alles auf einen Blick, nichts angeschnitten */
@media (max-width:899px){
  .fachpersonen{display:grid;grid-template-columns:1fr 1fr;gap:1rem .8rem;overflow:visible;padding-bottom:0}
  .fachpersonen .fp{display:block}
  .fp-bild img{width:62%}
}
@media (max-width:600px){
  .blattstrecke{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem .6rem;overflow:visible;padding-bottom:0}
  .blattstrecke li{flex:none;min-width:0}
  .blattstrecke figcaption{min-height:0;font-size:.82rem;line-height:1.3}
  .blattstrecke figcaption b{white-space:normal;overflow:visible;font-size:.85rem}
}
/* Porträts Runde 4: ein Maß für alle. Grüne Fläche = Bildfläche (2:3), Köpfe gleich groß und gleich hoch,
   Schultern enden genau auf der Unterkante. Bilder aus runde4/portraits.py */
img[src*="/portrait/"]{display:block;aspect-ratio:2/3;height:auto;object-fit:cover;object-position:bottom center;background:var(--c-tint);border-radius:var(--r-s);padding:0}
/* Karten mit Bild oben (Team, Personenreihen): Bild über die volle Kartenbreite */
.person{background:#fff}
.person>img[src*="/portrait/"],.person__portraet[src*="/portrait/"]{width:100%;max-width:none;margin:0;border-radius:0}
/* Karten mit Bild links (Landkreise, Sandy): grüne Spalte über die ganze Kartenhöhe, Bild unten bündig */
.personen--vier .person,.personen--einzeln .person{background:linear-gradient(90deg,var(--c-tint) 0 var(--pb),#fff var(--pb));align-items:stretch}
.personen--vier{--pb:120px}.personen--einzeln{--pb:170px}
.personen--vier .person{grid-template-columns:120px 1fr}
.personen--vier .person__portraet[src*="/portrait/"],.personen--einzeln .person__portraet[src*="/portrait/"]{width:var(--pb);align-self:end;object-fit:cover;border-radius:0}
/* Arzt-Seite: Fachpersonen */
.fp-bild{padding:0;background:none}
.fp-bild img[src*="/portrait/"]{width:100%;margin:0}
.sandy img[src*="/portrait/"]{padding:0}
/* Kopfperson (Leistungs-, Palliativ-Seiten) */
.kopfperson img[src*="/portrait/"]{width:180px}
@media (max-width:760px){.kopfperson img[src*="/portrait/"]{width:130px}}
@media (max-width:899px){.fp-bild img[src*="/portrait/"]{width:100%}}
@media (max-width:899px){.fachpersonen .fp-bild{max-width:150px}}
@media (max-width:760px){
  .personen:not(.personen--vier):not(.personen--einzeln) .person{display:grid;grid-template-columns:110px 1fr;background:linear-gradient(90deg,var(--c-tint) 0 110px,#fff 110px)}
  .personen:not(.personen--vier):not(.personen--einzeln) .person__portraet[src*="/portrait/"]{width:110px;align-self:end}
}
/* Team-Seite (Bild oben): Bild über die volle Kartenbreite, grüne Fläche = Bild */
.personen--vier:has(.name-hand) .person{display:block;background:#fff}
.personen--vier:has(.name-hand) .person__portraet[src*="/portrait/"]{width:100%;max-width:none;margin:0;background:var(--c-tint);border-radius:0}
/* Team-Seite: Sandy „An der Spitze“ rechts neben der Einleitung */
.seitenkopf:has(.kopf-spitze){grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:end}
.kopf-spitze h2{font-size:1.35rem;margin:0 0 .8rem}
.kopf-spitze .personen{margin:0}
.kopf-spitze .personen--einzeln{grid-template-columns:1fr}
@media (max-width:1100px){.seitenkopf:has(.kopf-spitze){grid-template-columns:1fr;align-items:start}.kopf-spitze{max-width:560px}}
/* Bürozeiten als exakte Spalte (Runde 4): Tage links, Zeiten bündig auf einer Linie */
.zeiten{display:inline-grid;grid-template-columns:max-content max-content;column-gap:.6em;row-gap:.1em;font-variant-numeric:tabular-nums}
.zeiten>span{display:contents}
.zeiten abbr{display:block;min-width:0;text-decoration:none}
.zeiten .zeit{display:block;white-space:nowrap}
.ak-zeiten{font-variant-numeric:tabular-nums}
@media (max-width:600px){.fakten-zeile .zeiten>span{display:contents}.fakten-zeile .zeiten .zeit{display:block}}
/* Balu: gleiches 2:3-Feld wie die Porträts daneben, unten bündig */
.personen--vier:has(.name-hand) .person img[src*="team-balu"]{width:100%;max-width:none;margin:0;aspect-ratio:2/3;height:auto;object-fit:contain;object-position:bottom center;background:var(--c-tint);border-radius:0}
/* Mappenblätter am Handy als Liste: Blatt links, Text rechts in voller Breite – lesbar, kein Wischen, nichts angeschnitten */
@media (max-width:600px){
  .blattstrecke{display:block}
  .blattstrecke li{margin:0 0 .8rem}
  .blattstrecke figure{display:grid;grid-template-columns:84px 1fr;gap:.9rem;align-items:center}
  .blattstrecke figure>a{display:block}
  .blattstrecke figcaption{margin:0;font-size:.95rem;line-height:1.4;min-height:0}
  .blattstrecke figcaption b{font-size:1rem;white-space:normal}
}
/* Arzt-Seite Handy 2 × 2: Namen zweizeilig reservieren, damit die Abschlüsse einer Reihe auf einer Linie beginnen */
@media (max-width:899px){.fachpersonen .fp h3{min-height:2.5em;line-height:1.25}}

/* ===== Runde 5 (17.10. nachts) ===== */
/* 1) Arzt-Seite Tablet: Bildunterschrift am Titelblatt untereinander, nichts ragt rechts hinaus */
@media (max-width:1099px){
  .fach-blatt figcaption{flex-direction:column;align-items:flex-start;gap:.25rem}
  .fach-blatt figcaption .textlink{white-space:nowrap}
}
@media (min-width:601px) and (max-width:900px){.fach-raster{grid-template-columns:minmax(0,1fr) 200px}}
/* 2) Bürozeiten: Kopf-Anrufkasten zweizeilig als Spalte; Arzt-Faktenzeile überall Spalte (fakten-zeile .zeiten Ausnahme entfernt) */
.ak-zeiten .zeiten{column-gap:.5em;row-gap:0;text-align:left}
.ak-zeiten{display:flex;justify-content:center}
.fakten-zeile .zeiten>span{display:contents;margin:0}
.fakten-zeile .zeiten .zeit{display:block}
/* 3) Pflegegrad: unsere Nummer in eigenem Kasten, klar getrennt von der Pflegekasse */
.frage-kasten{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1rem 1.2rem;margin:var(--s3) 0 0;max-width:420px}
.frage-kasten__wer{font:700 1.05rem/1.2 var(--font-head);margin:0 0 .3rem}
.frage-kasten .aktion{margin:.2rem 0}
/* 4) Palliativ „Wichtige Kontakte“: Innenabstand, 2 × 2 statt 3 + 1, Nummern nie umbrechen */
.tel-nr,.kontakt__nummer a{white-space:nowrap}
.seite-ruhig .band{padding:var(--s4)}
@media (max-width:600px){.seite-ruhig .band{padding:var(--s3)}}
.kontakte:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){.kontakte:has(>li:nth-child(4):last-child){grid-template-columns:1fr}}
.seite-ruhig .kontakt{padding:1rem 1rem 1.1rem 0}
/* 5) Pflegegrad Handy: breite Tabelle bleibt versteckt (Kartenregel holte sie zurück) */
@media (max-width:699px){.tabelle.nur-ab-700,.nur-ab-700{display:none!important}}
@media (min-width:700px){.nur-bis-699{display:none!important}}
/* 6) Kopfporträt am Handy: Name und Berufszeile links bündig */
@media (max-width:760px){.kopfperson__rolle,.kopfperson--unten .kopfperson__rolle{margin:.2rem 0 0;max-width:none;text-align:left}}
/* 8) Palliativ „Sie erreichen uns“: Karten wie Team/Arzt – Angaben untereinander */
.kopfperson__rolle{line-height:1.45}
/* 12) Leistungen: Link darf umbrechen (letzte zwei Wörter bleiben zusammen) */
.leistung .kachel__link{white-space:normal}
/* 14) Arzt Bildstrecke Laptop: 7 Blätter in einer Reihe, Patientenmappe 6 */
@media (min-width:1200px){
  .blattstrecke:has(>li:nth-child(7)){grid-template-columns:repeat(7,minmax(0,1fr))}
  .blattstrecke:has(>li:nth-child(6):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (min-width:601px) and (max-width:1199px){.blattstrecke:has(>li:nth-child(7)){grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 15) Fuß am Handy: Links mit 44 px Trefferfläche */
@media (max-width:760px){
  /* Fuß unten am Handy: jeder Eintrag links bündig, ohne Trenner am Zeilenende */
  .fuss-unten>span{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.2rem;row-gap:0}
  .fuss-unten .trenner{display:none}
  .fuss-unten a{display:inline-block;padding:10px 0;min-height:44px;box-sizing:border-box}
}
/* 11) Kontakt: Überschrift im Kasten */
.wege-karte h2{font-size:1.35rem;margin:0 0 1rem}
/* 7) Team: Sandys Bild so breit wie eine Team-Karte → Gesicht gleich groß (Spaltenzahl wie im Team-Raster) */
.seitenkopf:has(.kopf-spitze){container-type:inline-size}
.kopf-spitze .personen--einzeln{--pb:calc((100cqw - 1.5rem)/2 - 2px)}
@media (max-width:480px){.kopf-spitze .personen--einzeln{--pb:calc((100cqw - .75rem)/2 - 2px)}}
@container (min-width:681px){.kopf-spitze .personen--einzeln{--pb:calc((100cqw - 3rem)/3 - 2px)}}
@media (min-width:900px){.kopf-spitze .personen--einzeln{--pb:calc((100cqw - 4.5rem)/4 - 2px)}}
.kopf-spitze .personen--einzeln .person{grid-template-columns:var(--pb) minmax(0,1fr)}
.frage-kasten{margin-bottom:var(--s3)}
.schritte4 h3{margin-top:0}
/* Team-Kopf: mehr Platz für Sandys Text neben dem größeren Bild */
@media (min-width:1101px){.seitenkopf:has(.kopf-spitze){grid-template-columns:minmax(0,1fr) minmax(0,620px)}}
/* Klinik-Schritte neben der Seitenleiste: 2 × 2 (gleicher Baustein wie Arzt, nur weniger Spalten) */
@media (min-width:601px){
  .seite-inhalt .schritte4{grid-template-columns:1fr 1fr}
  .seite-inhalt .schritte4 li:nth-child(3){padding-left:0;border-left:0}
  .seite-inhalt .schritte4 li:nth-child(n+3){border-top:1px solid var(--c-line)}
  .seite-inhalt .schritte4 h3{min-height:0}
}
/* Runde 5 Nachmessung: Ortslisten – Spaltenzahl nach Platz (längster Ortsname passt), seit die Silbentrennung aus ist */
.orte__liste{columns:7.2rem auto;column-gap:1rem;padding-left:1rem;font-size:.95rem}
.orte__liste li{break-inside:avoid}
/* Blatt-Titel dürfen umbrechen; zwei Zeilen reserviert, damit die Texte einer Reihe auf einer Linie beginnen */
.blattstrecke figcaption b{white-space:normal;overflow:visible;text-overflow:clip}
@media (min-width:601px){.blattstrecke figcaption b{min-height:2.6em}}
/* Kachel-Links (Ratgeber, Wundversorgung) dürfen umbrechen */
.rkarte .kachel__link,.kachel .kachel__link{white-space:normal}
/* Klinik-Schritte 2 × 2: Titel zweizeilig reserviert */
@media (min-width:601px){.seite-inhalt .schritte4 h3{min-height:2.6em}}
.orte__liste{font-size:.9rem}
.kachel__link{white-space:normal!important}
/* ===== Nachbesserung Runde 5 (18.10.) ===== */
/* W1 Wichtige Kontakte: Merksatz als normaler Satz (keine Spalte für die 112), mit Luft unter der Überschrift */
.merksatz{display:block}
.vorspann>.hinweiskasten{margin-top:var(--s3)}
/* Nummer direkt unter der Beschreibung, keine Leerfläche darüber (wie Palliativ) */
.kontakt__rumpf>.kontakt__nummer,.kontakt__rumpf>:last-child.kontakt__nummer{margin-top:.3rem}
.kontakte{align-items:start}
/* Abschlüsse der Fachpersonen untereinander */
.fp-quali{line-height:1.45}
/* Handy: einzeln stehende Links mit 44 px Trefferfläche */
@media (max-width:760px){
  /* 44 px Trefferfläche über Innenabstand (inline-block behält Leerzeichen, anders als Flex) */
  .fuss a,.brotkrumen__zurueck a,.lk-knoepfe a,.gebietskarte a,.bildnachweis a{display:inline-block;padding-block:10px;min-height:44px;box-sizing:border-box}
  .fuss li{margin:0}
}
/* Nummern-Schutz darf Leiste und Kopfkasten nicht umbauen */
.ak-knopf span.tel-nr,.telzeile span.tel-nr{display:inline}
/* ===== Runde 6 (18.10.) ===== */
/* Großansicht der Mappenblätter (assets/grossansicht.js) */
html.grossbild-offen,html:has(dialog.rueckfrage[open]){overflow:hidden}
.grossbild{width:min(96vw,1100px);max-width:none;max-height:96dvh;padding:1rem 1.2rem;border:0;border-radius:var(--r);background:#fff;color:var(--c-fg)}
.grossbild::backdrop,.rueckfrage::backdrop{background:rgba(38,52,32,.78)}
.grossbild[open]{display:flex;flex-direction:column;gap:.8rem}
.grossbild__kopf,.grossbild__fuss{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.grossbild__zahl{font-size:1rem;color:var(--c-text)}
.grossbild__figur{margin:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.6rem}
.grossbild__figur img{display:block;max-width:100%;max-height:calc(96dvh - 13rem);width:auto;height:auto;object-fit:contain;border:1px solid var(--c-line);border-radius:3px;background:#fff}
.grossbild__figur figcaption{align-self:stretch;font-size:1rem;line-height:1.45;max-width:38em;margin:0 auto}
.grossbild__figur figcaption b{display:block;font-family:var(--font-head);font-size:1.1rem;white-space:normal;min-height:0}
.grossbild__knopf{min-height:48px;min-width:48px;padding:0 1.2rem;border:2px solid var(--c-green-strong);border-radius:10px;background:#fff;color:var(--c-green-strong);font:700 1.05rem/1 var(--font-head);cursor:pointer}
.grossbild__knopf:hover{background:var(--c-tint)}
.grossbild__knopf:focus-visible{outline:3px solid var(--c-green-strong);outline-offset:3px}
.grossbild__weiter{background:var(--c-green-strong);color:#fff}
.grossbild__weiter:hover{background:#4A6340}
@media (max-width:600px){.grossbild{padding:.8rem}.grossbild__figur img{max-height:calc(96dvh - 15rem)}}
/* Rückfrage vor dem Download */
.rueckfrage{width:min(92vw,28rem);max-width:none;padding:1.6rem;border:0;border-radius:var(--r);background:#fff;color:var(--c-fg)}
.rueckfrage__titel{margin:0 0 .6rem;font-size:1.35rem;line-height:1.2}
.rueckfrage__satz{margin:0;font-size:1.05rem;line-height:1.5}
.rueckfrage__knoepfe{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.rueckfrage__knoepfe .btn{flex:1 1 10rem;justify-content:center;min-height:48px;margin:0}
/* Handy-Menü unten: Nummer und Bürozeiten untereinander, Zeiten als Spalte */
.hm-kontakt{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.hm-kontakt a{margin-bottom:0}
/* ===== Runde 6b: Inhalt wie Rohbau ===== */
/* Kachel „In Ihrer Nähe“: Gebietskarte wie im Rohbau */
.wege .kachel__mappe{background:#fff url("img/einsatzgebiet-karte-700.webp") center/cover no-repeat}
.wege .kachel__mappe>*{display:none}
/* Fuß: Einsatzgebiet-Satz */
.fuss-gebiet{font-size:.95rem;line-height:1.55;margin:var(--s3) 0 0;padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.18);max-width:none}
/* Datenschutz/Barrierefreiheit: Entwurf und offenes Datum sichtbar wie im Rohbau */
.hinweiskasten--rohbau{background:#FFF6D6;border:1px solid #E6C65C;border-radius:var(--r-s);padding:.8rem 1rem}
.offen{background:#FFF6D6;border:1px dashed #C9A227;border-radius:4px;padding:0 .3em;font-size:.95em}

/* ===== Runde 7 (18.10.2026, Website neu 14): Prüferfunde W1–W4, nur Gestaltung ===== */
/* W1 Handy: Anrufleiste weicht, solange ein Beere-Knopf unten im Bild steht (nav.js setzt .ist-weg) */
/* W2 iPad quer / kleiner Laptop: neben der Seitenleiste nur ~600 px – Kacheln untereinander, Bild links */
@media (min-width:1001px) and (max-width:1199px){
  .seite-inhalt .wege{grid-template-columns:1fr}
  .seite-inhalt .wege .kachel{flex-direction:row;align-items:center}
  .seite-inhalt .wege .kachel>img,.seite-inhalt .wege .kachel__mappe{width:38%;flex:none;height:auto;aspect-ratio:1200/700;object-fit:cover}
  .seite-inhalt .wege h3{min-height:0}
  .seite-inhalt .wege .kachel__link{display:block;height:auto;min-height:0;margin-top:.2rem}
}
/* W4 Pflegegrad: Tabelle braucht ~810 px – passt sie nicht in den Kasten, kommen die Karten (wie am Handy) */
.mehr-dazu__inhalt:has(.tabelle--breit){container-type:inline-size}
@media (min-width:700px){
  @container (max-width:819px){
    .mehr-dazu__inhalt .tabelle-huelle:has(>.tabelle--breit){display:none}
    .mehr-dazu__inhalt .pgkarten{display:grid!important;grid-template-columns:minmax(0,1fr)}
  }
}

/* ===== Runde 8 (18.10.2026, Website neu 14): Wegweiser für Fachleute auf den Leistungsseiten ===== */
.wegweiser{margin:var(--s2) 0 0;font-weight:600;color:var(--c-fg)}
.wegweiser a{display:inline-block;padding-block:10px;min-height:44px;color:var(--c-link)}
/* Runde 8 (K1): Pfeil am Kachel-Link immer rechts, auch wenn der Link einzeilig ist */
@media (min-width:901px){.wege .kachel__link::after{margin-left:auto;padding-left:.6rem}}

/* ===== Runde 8b (18.10.2026): Wegweiser-Leiste „Für wen?“ (Muster) ===== */
.fuerwen{margin:0 0 var(--s3)}
.fuerwen__titel{margin:0 0 .45rem;font:600 .95rem/1.2 var(--font-head);color:var(--c-mute)}
.fuerwen ul{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;max-width:none}
.fuerwen li{flex:1 1 0;min-width:0;max-width:7.5rem}
.fuerwen__ziel{display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%;padding:.55rem .3rem .5rem;
  background:#fff;border:1px solid var(--c-line);border-radius:12px;text-decoration:none;color:var(--c-fg);
  font:600 .95rem/1.15 var(--font-head);text-align:center;transition:border-color .2s,background-color .2s}
.fuerwen__ziel img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--c-light);background:#fff}
.fuerwen__ziel:hover{border-color:var(--c-green);color:var(--c-fg)}
.fuerwen__ziel[aria-current]{background:var(--c-tint);border:2px solid var(--c-green)}
/* Arzt-Weg in Beere: „Rot ist meins“ */
.fuerwen__ziel--arzt{color:var(--c-berry)}
.fuerwen__ziel--arzt img{border-color:var(--c-berry)}
.fuerwen__ziel--arzt:hover{border-color:var(--c-berry);color:var(--c-berry)}
.fuerwen__ziel--arzt[aria-current]{background:#fff;border-color:var(--c-green)} /* Fassung C (Bertram 18:37): „Sie sind hier“ überall grün, Rot nur Ring + Schrift */
@media (min-width:700px){.fuerwen__ziel{padding:.6rem .5rem}.fuerwen__ziel img{width:60px;height:60px}.fuerwen li{max-width:8.5rem}}

/* ===== Runde 9 (18.10.2026, Website neu 14 – Entscheidungen Bertram 17:43–19:29) ===== */
/* Leiste Fassung C ist oben eingetragen. */
/* Schrift größer für Ältere (Bauplan §9 „Schrift insgesamt etwas größer“ 17.10.; Bertram 19:29): alles in rem wächst mit */
html{font-size:118.75%}
@media (min-width:1000px){html{font-size:121.875%}}
/* Lesezeilen am Laptop höchstens ~65 Zeichen */
main p,main li,main dd{max-width:66ch}
.fuerwen li,.kacheln-start li,.wege li,.blattstrecke li,.punkte li{max-width:none}
.fuerwen li{max-width:7.5rem}
@media (min-width:700px){.fuerwen li{max-width:8.5rem}}
/* Brotkrumen am Handy: eine Zeile, Anfang gekürzt, „← Zurück“ rechts */
@media (max-width:760px){
  .brotkrumen{flex-wrap:nowrap!important;align-items:center;gap:.75rem;margin-bottom:var(--s2)}
  .brotkrumen ol{flex-wrap:nowrap;min-width:0;overflow:hidden;white-space:nowrap;font-size:.8rem}
  .brotkrumen li{white-space:nowrap}
  .brotkrumen li:not(:nth-last-child(-n+2)){display:none}
  .brotkrumen li:nth-last-child(2):not(:first-child)::before{content:"… /";margin-right:.5rem;color:var(--c-mute)}
  .brotkrumen li:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
  .brotkrumen__zurueck{flex:none;font-size:.85rem}
  .bk-lang{display:none}
  .seite-oben>.brotkrumen{padding-bottom:var(--s2)!important}
}
/* Fußzeile in Hausgrün statt Tiefgrün (Bertram 18:44) */
.fuss{background:var(--c-green);color:#fff}
.fuss a,.fuss h2{color:#fff}
.fuss-unten{border-top-color:rgba(255,255,255,.3)}
/* Porträts freigestellt, ohne grüne Fläche (Bauplan 17.10. 10:39, Bertram 18:50) */
img[src*="/portrait/"],.person__portraet,.personen--vier .person__portraet,.personen--einzeln .person__portraet,.fp-bild,.kopfperson img{background:transparent!important}
/* Runde 9: Brotkrumen dürfen die Seite nie breiter drücken (langer Seitenname wird gekürzt) */
@media (max-width:760px){.seite-oben>*,.pfad,.pfad>.brotkrumen{min-width:0}.brotkrumen ol{flex:1 1 auto}}
/* Runde 9: größere Schrift – Raster-/Flex-Kinder dürfen schrumpfen, lange Wörter in Überschriften trennen */
.kachel__text,.fakten-zeile>div,.fakten-zeile dd,.seitenkopf>div,.fach-raster>div{min-width:0}
main h1,main h2{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}  /* nur h1/h2 – Namen (h3) nie trennen */
@media (max-width:760px){.fakten-zeile dd{overflow-wrap:anywhere}}
@media (max-width:600px){.fakten-zeile>div{flex-direction:column;gap:.1rem}.fakten-zeile dt{min-width:0}}
p.klein.zeiten{display:block;white-space:normal}  /* Quellenzeile trägt zufällig die Klasse „zeiten“ (kein Zeitblock) */
/* Runde 9: Kopf bleibt so groß wie vorher – die größere Schrift gilt dem Inhalt, Logo wird nie zusammengedrückt */
.kopf{zoom:.8947}                                   /* 106.25 % / 118.75 % = alte Kopfgröße */
@media (min-width:1000px){.kopf{zoom:.8718}}         /* 106.25 % / 121.875 % */

.wundkasten>*,.wundkasten{min-width:0}  /* Runde 9: größere Schrift, Startseite 1280 */
.kopf .wrap,.kopf .kopf-in{max-width:calc(var(--wrap) / .8947)}
@media (min-width:1000px){.kopf .wrap,.kopf .kopf-in{max-width:calc(var(--wrap) / .8718)}}
@media (min-width:1300px){.logo img{width:247px}}  /* × .8718 = 215 px, wie entschieden (Bertram 11:13) */
.wundkasten h2{font-size:clamp(1.3rem,.75rem + 1.3vw,1.74rem)}  /* Runde 9: höchstens so groß wie vorher (34 px), Titel bricht hier nie um */
@media (min-width:761px){.wundkasten{grid-template-columns:40% minmax(0,1fr)}}
.wundkasten .btn{white-space:normal;max-width:100%}
@media (min-width:1000px) and (max-height:820px){.wundkasten{padding:1.1rem 1.4rem}.wundkasten h2{margin-bottom:.5rem}}  /* Bauplan: Wund-Kasten mit Knopf ohne Scrollen, auch 1366×768 */
@media (min-width:1000px) and (max-height:820px){.einstieg{padding-top:var(--s3)!important}}
.personen .person{background:#fff!important}  /* Runde 9: freigestellt, keine grüne Bildfläche (Bertram 18:50) */
.person h3,.person h3 *,.name-hand{hyphens:manual!important;-webkit-hyphens:manual!important}
/* Runde 9: Überläufe durch größere Schrift */
.person__quali li{max-width:100%;white-space:normal;overflow-wrap:break-word}
.lkkarte .nobr{white-space:normal}
.fuerwen__ziel{padding-left:.25rem;padding-right:.25rem}
@media (min-width:700px){.fuerwen__ziel{padding-left:.35rem;padding-right:.35rem}}
@media (min-width:1000px) and (max-width:1199px){.fuerwen__ziel{font-size:.86rem}}
@media (max-width:600px){.name-hand .vorname{font-size:1.4rem}}   /* Runde 9: Handschrift-Vornamen passen in die Team-Karten am Handy */
.kontakte p{overflow-wrap:break-word}


/* =================== Runde 10 (19.10.2026): Probestück 2 übertragen – site-fd.css (V1–V8) unverändert =================== */
/* site-fd.css – Vorschläge frontend-design Teil 2 (Gestalter, 18.10.2026, Stand Runde 9)
   NUR Entwurf auf der Kopie website-fd-entwurf. Keine Schriftgröße geändert, keine neue Farbe, kein Text.
   Je Block ein Vorschlag V1–V8, nach Wirkung sortiert. Abschaltbar je Block. */

/* ===== V1 Kasten im Kasten auflösen: Linien statt Rahmen (alle Seiten) ===== */
.band .ablauf.karte,.band .ablauf{background:none!important;border:0!important;box-shadow:none;padding:0!important;border-radius:0}
.kein-pd{background:none;border:0;border-left:3px solid var(--c-light);border-radius:0;padding:.75rem 0 .75rem 1rem}
.fax-box .hinweis{background:none;border-radius:0;padding:.7rem 0 0;border-top:1px solid var(--c-line);max-width:none}
.mehr-dazu{background:none!important;border:0!important;border-top:1px solid var(--c-line)!important;border-radius:0!important}
.mehr-dazu:last-of-type{border-bottom:1px solid var(--c-line)!important}
.mehr-dazu summary{padding-left:0!important}
.mehr-dazu summary::after{right:.2rem}
.mehr-dazu>:not(summary){padding-left:0!important;padding-right:0!important}
.mehr-dazu+.mehr-dazu{margin-top:0}

/* ===== V2 Handy ruhiger gesetzt (eigener Vorschlag, gleiche Schrift): breitere Spalten, kein Querscrollen ===== */
@media (max-width:600px){
  /* Startseite: Zeichnung oben, Text in voller Breite (20 → 34 Zeichen je Zeile); Kachel passt wieder in die Spalte */
  .kacheln-start li{min-width:0}
  .kacheln-start .kachel{flex-direction:column!important;align-items:stretch!important;min-width:0}
  .kacheln-start .kachel>img{width:100%!important;margin:0!important;border-radius:0!important;align-self:auto!important;aspect-ratio:auto;height:auto}
  .kacheln-start .kachel__text{padding:1rem 1.1rem 1.2rem}
  /* Schritt-Listen: weniger Einzug, Band mit weniger Innenrand (Text 135 → 250 px breit) */
  .band{padding:1.2rem 1rem!important}
  .band .ablauf__liste li{padding-left:2.8rem}
  /* Porträtkarten Landkreis: Bild schmaler, Text breiter */
  .personen--vier{--pb:96px}
  .personen--vier .person{grid-template-columns:96px minmax(0,1fr)!important}
}

/* ===== V3 Satzbreite echt ≤ 65 Zeichen (bisher 66ch = 76–88 Zeichen, weil ch die Ziffer 0 misst) ===== */
main p,main li:not(.fuerwen li),main dd{max-width:min(100%,33em)}
.kachel p,.kachel li,.blattstrecke li,.kacheln-start li,.wege li,.fakten-zeile dd,.leistungsliste li,.lk-chips li,.person li,.punkte li{max-width:none}
.wer-wir-sind{max-width:33em}

/* ===== V4 „So erreichen Sie uns“ ruhiger: eine linke Kante, drei Gruppen, Linien statt Farbbalken ===== */
/* Seitenkasten (Leistungs-, Landkreis-, Patientenseiten am Laptop) */
.leiste{border-top:1px solid var(--c-line)!important;padding:1.5rem 1.5rem 1.3rem}
.leiste__titel{margin-bottom:.9rem}
.leiste .telzeile{display:block!important;padding:0;color:var(--c-fg)}
.leiste .telzeile svg{display:none}
.leiste .telzeile>span{display:block}
.leiste .telzeile .tel-nr{display:block!important;font:700 1.45rem/1.2 var(--font-head);color:var(--c-green-strong);margin-top:.1rem;white-space:nowrap}
.leiste__fax{margin:.35rem 0 0}
.leiste__zeiten{border-top:1px solid var(--c-line);margin-top:1rem;padding-top:.9rem}
.leiste__label{margin-top:0!important}
.leiste__post{border-top:1px solid var(--c-line);margin-top:1rem!important;padding-top:.9rem;color:var(--c-text)}
.leiste__kontakt{margin:1rem 0 0}
/* Kontaktband Startseite: offen auf der Fläche, Nummer und Zeiten als ein Block, Post darunter abgesetzt */
.kb-in{background:none!important;border:0!important;border-top:1px solid var(--c-line)!important;border-radius:0!important;padding:var(--s4) 0 0!important}
.kb-daten .zeiten-zeile+.kb-zeile{border-top:1px solid var(--c-line);padding-top:.7rem;margin-top:.8rem}

/* ===== V5 Arzt-Seite sachlich: keine Abschnittsnummern, feine Linie, Blätter bündig, Rückruf neben Sandy ===== */
.sec-num{border-top:1px solid var(--c-line)!important;padding-top:var(--s3)}
.sec-num>span:first-child{display:none}
@media (min-width:901px){
  .blattstrecke figcaption{display:block}
  .blattstrecke figcaption b{display:block;min-height:2.5em;line-height:1.2;margin-bottom:.25rem}
  .fach-blatt figcaption{flex-direction:column;align-items:flex-start;gap:.2rem}
  .fach-blatt figcaption .textlink{white-space:nowrap}
}
/* Arzt: vier Schritte am iPad in zwei Spalten statt vier schmalen Türmen */
@media (min-width:601px) and (max-width:1100px){.schritte4{grid-template-columns:1fr 1fr!important;row-gap:var(--s4)}.schritte4 li:nth-child(odd){border-left:0;padding-left:0}}
/* Arzt Handy: Fachpersonen untereinander, Porträt links, Qualifikationen in voller Zeile */
@media (max-width:600px){
  .fachpersonen{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}
  .fachpersonen .fp{display:grid!important;grid-template-columns:96px minmax(0,1fr);gap:0 1rem;align-items:start}
  .fachpersonen .fp-bild{grid-row:1/span 3;max-width:96px}
  .fachpersonen .fp h3{min-height:0!important;margin-top:.3rem}
  .fax-box .textlink{display:block;margin-top:.2rem}
}

/* ===== V6 Startseite ein ruhiger Grund + Rhythmus; Leistungen als Linienliste ===== */
.seite-start main,.seite-start .abschnitt-start:not(.flaeche),.seite-start .kontaktband{background:var(--c-cream)}
.leistungsliste{gap:0}
.leistungsliste a{background:none;border:0;border-bottom:1px solid var(--c-line);border-radius:0;padding:.55rem 0;min-height:56px}
.leistungsliste li:first-child a{border-top:1px solid var(--c-line)}
.leistungsliste .ico{background:none}
@media (min-width:901px){
  .abschnitt-start,.fach-abschnitt,.kontaktband{padding-top:clamp(3.5rem,5.5vw,5rem);padding-bottom:clamp(3.5rem,5.5vw,5rem)}
}

/* ===== V7 Porträts: Qualifikationen als ruhige Zeilen statt Pillen, Namen linksbündig ===== */
.person__quali{display:block!important}
.person__quali li{background:none!important;border-radius:0!important;padding:0!important;color:var(--c-green-strong);display:block;margin:0 0 .15rem}
.kopfperson figcaption,.kopfperson,.seitenkopf .person-zeile{text-align:left}

/* ===== V8 Zeilenfall-Feinheiten (Links, „Seit 2013“, iPad-Kacheln) ===== */
.kachel__link,.textlink,.btn{text-wrap:balance}
@media (max-width:600px){.einstieg ~ * .hand-zeile,.gruppe .handschrift,figcaption.handschrift{font-size:1.55rem;white-space:nowrap}}
@media (min-width:601px) and (max-width:900px){
  .wege .kachel{flex-direction:row;align-items:center}
  .wege .kachel>img,.wege .kachel__mappe{width:40%;flex:none;height:auto;aspect-ratio:1200/700;object-fit:cover;margin:0;border-radius:0}
}

/* ===== Arzt-Aufbau (Entwurf nur in der Kopie, siehe arzt-aufbau.md) =====
   EINE Mappen-Vorschau: das Titelblatt oben trägt ein „+“ und öffnet alle Blätter in der Großansicht.
   Die Blätter-Reihe bleibt unsichtbar im Code (Quelle der Großansicht samt Bildtexten). */
.blattstrecke--versteckt{display:none!important}
.fach-blatt>a{position:relative;display:block}
.fach-blatt>a::after{content:"+";position:absolute;right:12px;bottom:12px;width:46px;height:46px;border-radius:50%;background:var(--c-green);color:#fff;display:grid;place-items:center;font:700 1.7rem/1 var(--font-head);box-shadow:0 0 0 3px #fff}
@media (max-width:600px){.fach-blatt>a::after{width:34px;height:34px;font-size:1.3rem;right:6px;bottom:6px}}
#wundkonzept .kap-titel{margin-top:var(--s4)}
#wundkonzept h2+.kap-titel{margin-top:var(--s2)}
#wundkonzept .nutzen{margin-bottom:var(--s3)}
#wundkonzept .kapitelliste+.mehr-dazu{margin-top:0;border-top:0!important}
@media (max-width:359px){main h2,main h2 *{white-space:normal!important}}
/* 320 px (WCAG Reflow): Leiste „Für wen?“ und Bilder passen in die Spalte – Lage und Bilder der Leiste unverändert */
@media (max-width:359px){
  .fuerwen ul{gap:.3rem}
  .fuerwen__ziel{padding:.45rem .1rem .4rem}
  .fuerwen__ziel img{width:44px;height:44px}
  main img{max-width:100%!important;height:auto}
  .fach-blatt figcaption .textlink{white-space:normal!important}
  .tel-nr{white-space:normal}
}
@media (max-width:600px){.fach-blatt figcaption .textlink{white-space:normal!important}}

/* Zentrale 19.10.: Handy – „Blatt für Blatt ansehen“ unter das Titelblatt statt daneben (kein Umbruch) */
@media (max-width:600px){
  .fach-blatt{display:block!important;grid-template-columns:none!important}
  .fach-blatt>a{display:block;max-width:12rem}
  .fach-blatt figcaption{display:block;margin-top:.75rem}
  .fach-blatt figcaption .textlink{white-space:nowrap}
}
@media (max-width:600px){
  .fach-blatt>a{position:relative;width:fit-content}
  .fach-blatt figcaption .ki-hinweis{display:block;margin-top:.25rem}
}
@media (max-width:600px){.fach-blatt figcaption .textlink{white-space:nowrap!important}.fach-blatt>a{width:fit-content!important}}

.fakten-zeile a[href*="fax-vordruck"]{white-space:nowrap}


/* =================== Runde 10: Probestück 2 – site-fd-farbe.css (Farbe 2, Arzt-Kleid, Funde) unverändert =================== */
/* site-fd-farbe.css – Probestück 2 (Gestalter, 19.10.2026)
   1) FARBE 2: ein durchgehendes System aus Hausfarben (ersetzt die Muster A/B/C, die liegen weiter in farbe/)
   2) ARZT-KLEID „Fachinformation“ (body.seite-arzt: Arzt-Seite + Detailseite Wundkonzept)
   3) Funde der Zentrale 1–4
   Seitenbezug nur über Body-Klassen (.seite-start, .seite-arzt), nie über :has(). Keine Schriftgröße geändert. */

/* ================= 1) FARBE 2 – das System =================
   a) Überschriften im Hausgrün (Bauplan §3 [E] 13.10.: „Dunkelgrün für Überschriften“). H1 bleibt dunkel = Rangstufe.
   b) Jeder Kasten trägt dieselbe Kante: 4 px Hellgrün oben (Hellgrün nur als Linie, nie Schrift). Wund-Kasten behält 5 px Beere = lauteste Stelle.
   c) Flächen im Rhythmus: Creme ↔ Salbei #E8ECE5, keine zwei gleichen Flächen nebeneinander.
   d) Ginkgo: ganzes Blatt, groß und blass „wie bedrucktes Briefpapier“ (Lernheft 11.10.), auf der Startseite und in jedem Seitenkopf. */
main h2,main h3{color:var(--c-green)}
.wundkasten h2,.wundkasten h3{color:var(--c-fg)}

.kachel,.leiste,.band,.wahl,.formular.box,.person,.fp,.kontakt,.rkarte,.leistung,.wege .kachel,.kb-in{border-top:4px solid var(--c-light)!important}
.leiste{background:#fff!important}
.flaeche{background:#E8ECE5}
.ico{background:#E3EBDE}

/* Startseite: Rhythmus Creme (Einstieg, Team) → Salbei (Für wen) → Creme (Leistungen) → Salbei (Kontakt) → grüner Fuß */
.seite-start .abschnitt-start:not(.flaeche){background:#E8ECE5!important}
.seite-start .abschnitt-start.flaeche{background:var(--c-cream)!important}
.seite-start .kontaktband{background:#E8ECE5!important}
.seite-start .kontaktband .kb-in{background:#fff!important;border:1px solid var(--c-line)!important;border-top:4px solid var(--c-light)!important;border-radius:var(--r-l)!important;padding:var(--s4)!important}
.seite-start .leistungsliste a{border-color:#D3DCCC}

/* Ginkgo Startseite: im Einstieg, zwischen Text und Wund-Kasten */
.seite-start .einstieg{position:relative;overflow:hidden}
.seite-start .einstieg::before{content:"";position:absolute;left:calc(50% - 360px);bottom:1rem;width:min(520px,62vw);aspect-ratio:431.563/475.959;background:url(img/ginkgo-gruen.svg) no-repeat center/contain;opacity:.11;pointer-events:none}
.seite-start .einstieg>*{position:relative}
@media (max-width:600px){.seite-start .einstieg::before{width:300px;left:calc(50% - 150px);top:.5rem;bottom:auto;opacity:.08}}
/* Ginkgo in den Seitenköpfen der Unterseiten (rechts oben, ganz) */
.seitenkopf{position:relative}
.seitenkopf::after{content:"";position:absolute;right:0;top:-.5rem;width:260px;aspect-ratio:431.563/475.959;background:url(img/ginkgo-gruen.svg) no-repeat center/contain;opacity:.08;pointer-events:none;z-index:0}
.seitenkopf>*{position:relative;z-index:1}
@media (max-width:760px){.seitenkopf::after{display:none}}

/* ================= 2) ARZT-KLEID „Fachinformation“ =================
   Bauplan §2 [E] 14./17.10.: sachlich, dichter, auf Augenhöhe. Weiß und kühl, feine dunkelgrüne Linien, Steckbrief-Optik, Beere nur Melden + Wunde. */
.seite-arzt main,.seite-arzt .fach-kopf,.seite-arzt .fach-abschnitt:not(.flaeche){background:#fff!important}
.seite-arzt .fach-abschnitt.flaeche{background:var(--c-tint)!important}
.seite-arzt .seitenkopf::after{display:none}
.seite-arzt .sec-num{border-top:1px solid var(--c-green)!important}
.seite-arzt main h1{color:var(--c-fg)}
.seite-arzt .kachel,.seite-arzt .person,.seite-arzt .fp,.seite-arzt .formular.box{border-top:2px solid var(--c-green)!important}
.seite-arzt .fakten-zeile{border-top:1px solid var(--c-green)!important;border-bottom:1px solid var(--c-line)}
.seite-arzt .merksatz{background:none;border-left:3px solid var(--c-green);padding:.2rem 0 .2rem 1rem}
/* Kopf: Text | „Das übernehmen wir“ | Knöpfe links, Titelblatt rechts als Blickfang */
.fach-raster--neu{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;grid-template-areas:"text blatt" "liste blatt" "knopf blatt";column-gap:var(--s5);row-gap:var(--s3)!important}
.fach-raster--neu .k-text{grid-area:text}
.fach-raster--neu .k-liste{grid-area:liste}
.fach-raster--neu>.btn-row{grid-area:knopf;margin:0}
.fach-raster--neu .fach-blatt{grid-area:blatt}
.k-liste__titel{font:700 .95rem/1.2 var(--font-head);color:var(--c-green);letter-spacing:.04em;margin:0 0 .5rem}
.uebernehmen{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;max-width:none}
.uebernehmen li{max-width:none}
.uebernehmen a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .9rem;border:1px solid var(--c-green);border-radius:4px;color:var(--c-fg);font-weight:600;text-decoration:none;background:#fff}
.uebernehmen a:hover{background:var(--c-tint)}
.uebernehmen--wunde a{border:2px solid var(--c-berry);color:var(--c-berry)}
@media (max-width:600px){
  .fach-raster--neu{grid-template-columns:minmax(0,1fr) 38%!important;grid-template-areas:"text text" "liste blatt" "knopf knopf";column-gap:1rem}
  .fach-raster--neu .fach-blatt>a{max-width:none!important;width:100%!important}
  .fach-raster--neu .fach-blatt img{max-width:100%!important}
  .uebernehmen{flex-direction:column;gap:.4rem}
  .uebernehmen a{width:100%}
  .fach-raster--neu .fach-blatt figcaption .textlink{white-space:normal!important}
}
/* So melden Sie einen Patienten + EIN Block Formulare */
.formulare{margin-top:var(--s4);background:#fff;border-top:2px solid var(--c-green);padding:var(--s3) var(--s3) var(--s2)}
.formulare h3{margin:0 0 var(--s2)}
.formulare .fax-box{border:0!important;padding:0!important;background:none!important}
.formulare__weitere{margin:.8rem 0 0}
/* Therapien: Wunde vorn, über die ganze Breite, Beere-Kante */
.therapie--wunde{grid-column:1/-1;border-left:4px solid var(--c-berry);padding-left:1.2rem}
.therapie--wunde h3{color:var(--c-berry)!important}
/* Steckbrief-Optik in den Verordnungs-Klappen: Stichwort links, Inhalt rechts, feine Linien */
.seite-arzt .verordnen .punkte{list-style:none;padding:0;margin:.6rem 0;border-top:1px solid var(--c-green)}
.seite-arzt .verordnen .punkte li{padding:.55rem 0;border-bottom:1px solid var(--c-line);max-width:none}
@media (min-width:1200px){.seite-arzt .verordnen .punkte li{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:0 1rem}}
.seite-arzt .verordnen .punkte li::before{display:none}
.seite-arzt .verordnen .punkte li>strong:first-child{color:var(--c-green-strong)}
/* Kurzer Hinweis Wundkonzept: Titelblatt klein links, Vorteile rechts */
.wk-hinweis{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s4);align-items:start}
.wk-hinweis__blatt{margin:0}
.wk-hinweis__blatt img{border:1px solid var(--c-line);box-shadow:0 10px 24px rgba(38,38,37,.12)}
.wk-hinweis .kap-titel{margin-top:0}
@media (max-width:600px){.wk-hinweis{grid-template-columns:110px minmax(0,1fr);gap:1rem}.wk-hinweis>div{grid-column:1/-1}}
/* Detailseite Wundkonzept */
.seite-wundkonzept .fach-kopf h1{margin-top:var(--s2)}
.seite-wundkonzept .blattstrecke{margin-top:var(--s3)}

/* ================= 3) Funde der Zentrale ================= */
/* (1) Dachzeile weg, wo die Leiste „Für wen?“ steht – Brotkrumen und Leiste sagen es schon */
.fuerwen+.dachzeile{display:none}
/* (2) Keine Silbentrennung in Überschriften */
main h1,main h2,main h3{hyphens:manual!important;-webkit-hyphens:manual!important}
/* (3) Handy: einzelnes Porträt im Seitenkopf neben Name und Qualifikation statt allein links */
@media (max-width:760px){
  .kopfperson__eins{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 1rem;align-items:end}
  .kopfperson__eins img{grid-row:1/span 2;width:120px!important}
  .kopfperson__eins figcaption,.kopfperson__eins .kopfperson__rolle{text-align:left!important;margin:0!important;max-width:none}
  .kopfperson__eins figcaption{align-self:end}
  .kopfperson__eins .kopfperson__rolle{align-self:start;padding-top:.2rem}
}
/* (4) Fuß am Handy: Schnellwege und Einsatzgebiet zum Aufklappen (nav.js schließt sie ≤ 600 px) */
.fuss-klapp>summary{list-style:none;cursor:default}
.fuss-klapp>summary::-webkit-details-marker{display:none}
@media (max-width:600px){
  .fuss-klapp>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:44px;border-top:1px solid rgba(255,255,255,.3)}
  .fuss-klapp>summary h2{margin:0}
  .fuss-klapp>summary::after{content:"+";color:#fff;font:700 1.4rem/1 var(--font-head)}
  .fuss-klapp[open]>summary::after{content:"–"}
  .fuss-klapp>ul{padding-bottom:.6rem}
  .fuss-raster>div:nth-child(3),.fuss-raster>div:nth-child(4){grid-column:1/-1}
}
@media (min-width:601px){.fuss-klapp>summary{pointer-events:none}}

/* Nachbesserung nach Messung: iPad – Vorteile untereinander statt drei schmale Spalten; Handy – Formulare ohne Innenrand */
@media (max-width:1199px){.wk-hinweis .nutzen{grid-template-columns:1fr!important}}
@media (max-width:600px){.formulare{padding:var(--s3) 0 var(--s2);background:none}.formulare .btn{width:100%;justify-content:flex-start}}
/* Detailseite: Mappenblätter in 4 statt 7 Spalten – Bildtexte bekommen Platz, Blätter sind größer zu sehen */
@media (min-width:901px){.seite-wundkonzept .blattstrecke{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:var(--s4)}}
@media (min-width:601px) and (max-width:900px){.seite-wundkonzept .blattstrecke{grid-template-columns:repeat(3,minmax(0,1fr))!important}}


/* =================== Runde 10: neu laut Auftrag (Patientenmappe als Knopf, Arzt-Klappen, Ergänzungen) =================== */
/* Patientenmappe: zu, aber gut erkennbar – Vorschaubild + Satz, ein Tipp öffnet die Vordrucke (Großansicht) */
.mappe-knopf__rest{display:none!important}
.mappe-knopf{margin:var(--s3) 0}
.mappe-knopf__a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--s3);align-items:center;background:#fff;border:1px solid var(--c-line);border-top:4px solid var(--c-light);border-radius:var(--r-l);padding:var(--s3);color:var(--c-fg);text-decoration:none;min-height:44px}
.seite-arzt .mappe-knopf__a{border-top:2px solid var(--c-green);border-radius:4px}
.mappe-knopf__a:hover{background:var(--c-tint)}
.mappe-knopf__a:focus-visible{outline:3px solid var(--c-green);outline-offset:3px}
.mappe-knopf__bild{width:132px;height:auto;border:1px solid var(--c-line);box-shadow:0 6px 16px rgba(38,38,37,.10)}
.mappe-knopf__text{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.mappe-knopf__titel{font:700 1.2rem/1.25 var(--font-head);color:var(--c-green);text-wrap:balance}
.mappe-knopf__satz{max-width:33em}
.mappe-knopf__mehr{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--c-green-strong);text-decoration:underline;text-underline-offset:3px}
.mappe-knopf__mehr .icon{width:1.1em;height:1.1em}
@media (max-width:600px){.mappe-knopf__a{grid-template-columns:92px minmax(0,1fr);gap:var(--s2);padding:var(--s2)}.mappe-knopf__bild{width:92px}}
/* Arzt: unter den vier Schritten Patientenmappe und „Zum Herunterladen“ nebeneinander */
.melden-unten{margin-top:var(--s4)}
.melden-unten .formulare{margin-top:var(--s3)}
@media (min-width:901px){.melden-unten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:stretch}
  .melden-unten .mappe-knopf,.melden-unten .formulare{margin:0}.melden-unten .mappe-knopf__a{height:100%;align-items:start}}
/* Titelblatt oben: „+“ öffnet alle Blätter (Bildstrecke unsichtbar im Code) */
.fach-raster--neu .fach-blatt-strecke{grid-area:blatt;min-width:0}
.fach-blatt-strecke .fach-blatt{margin:0}
/* Häufige Fragen und „nicht übernehmen“-Zeile */
.fragen .mehr-dazu__titel{font-weight:700}
.nicht-uebernehmen{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--c-line)}
.anker{display:block;height:0;scroll-margin-top:calc(var(--kopf) + 1rem)}
.steckbrief{max-width:none}

/* Patientenmappe-Knopf: dasselbe „+“ wie am Titelblatt (Probestück 2) statt eines Zusatztextes */
.mappe-knopf__rahmen{position:relative;display:block;align-self:start}
.mappe-knopf__rahmen::after{content:"+";position:absolute;right:-8px;bottom:-8px;width:34px;height:34px;border-radius:50%;background:var(--c-green);color:#fff;display:grid;place-items:center;font:700 1.3rem/1 var(--font-head);box-shadow:0 0 0 3px #fff}
.mappe-knopf__a{align-items:start}
@media (max-width:600px){.mappe-knopf__a{grid-template-columns:84px minmax(0,1fr);gap:1.1rem}.mappe-knopf__bild{width:84px}.mappe-knopf__rahmen::after{width:28px;height:28px;font-size:1.1rem}.mappe-knopf__titel{text-wrap:pretty}}
@media (max-width:600px){.mappe-knopf__a{grid-template-areas:"bild titel" "satz satz";row-gap:.8rem;align-items:center}.mappe-knopf__text{display:contents}.mappe-knopf__rahmen{grid-area:bild}.mappe-knopf__titel{grid-area:titel}.mappe-knopf__satz{grid-area:satz}}

/* =================== Runde 10: Fachleute-Kleid auch für Klinik- und Pflege-Seite (Bertram 19.10. 10:58) ===================
   Wie Arzt-Kleid Probestück 2: hell und klar, grüne Akzente (Kanten, Linien, Salbei-Band), kein Creme, kein Ginkgo im Kopf, Zeichnung kleiner. */
.seite-fachleute main{background:#fff}
.seite-fachleute .seitenkopf::after{display:none}
.seite-fachleute main h1{color:var(--c-fg)}
.seite-fachleute .seitenkopf--bild .seitenkopf__bild{max-width:520px!important}
.seite-fachleute .abschnitt{border-bottom:0;border-top:1px solid var(--c-green)}
.seite-fachleute .seite-inhalt .huelle>.abschnitt:first-child{border-top:1px solid var(--c-green)}
.seite-fachleute .leiste,.seite-fachleute .person,.seite-fachleute .mappe-knopf__a,.seite-fachleute .kasten{border-top:2px solid var(--c-green)!important}
.seite-fachleute .mappe-knopf__a{border-radius:4px}
.seite-fachleute .schritte4,.seite-fachleute .band{background:var(--c-tint)}
.seite-fachleute .schritte4{padding:var(--s3);border-radius:4px}

/* Runde 10, Umbruch-Messung iPad 1024: Kopf mit Porträt – Überschrift bekommt die volle Breite, Porträt darunter neben Name (wie am Handy) */
@media (min-width:761px) and (max-width:1199px){
  .seitenkopf--person:not(.seitenkopf--ruhig){grid-template-columns:1fr;gap:var(--s3)}
  .seitenkopf--person:not(.seitenkopf--ruhig) .kopfperson__eins{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 1rem;align-items:end}
  .seitenkopf--person:not(.seitenkopf--ruhig) .kopfperson__eins img{grid-row:1/span 2;width:140px!important;margin:0}
  .seitenkopf--person:not(.seitenkopf--ruhig) .kopfperson__eins figcaption,.seitenkopf--person:not(.seitenkopf--ruhig) .kopfperson__eins .kopfperson__rolle{text-align:left!important;margin:0!important;max-width:none}
  .seitenkopf--person:not(.seitenkopf--ruhig) .kopfperson__eins .kopfperson__rolle{align-self:start;padding-top:.2rem}
}
.kopfperson__eins picture{display:contents}
/* Startseite iPad: Einstieg und Wund-Kasten gleich breit, im Kasten Titelblatt schmaler – Satz läuft nicht mehr Wort für Wort */
@media (min-width:901px) and (max-width:1199px){
  .einstieg-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .wundkasten{grid-template-columns:30% minmax(0,1fr)!important}
}

/* =================== Runde 11 (19.10.2026) – Prüfer-Funde R10, Menü, Gruppenbild =================== */
/* B1/B2: Kopfperson bis 1199 px – Bild links, Name + Qualifikation als EIN Block rechts daneben, oben auf Höhe der Kopfkante
   (feste Rasterflächen statt Auto-Platzierung; <picture> ist nur Hülle). Doppelnamen dürfen auf eine eigene Zeile. */
@media (max-width:1199px){
  .seitenkopf .kopfperson__eins{--kb:140px;display:grid!important;grid-template-columns:var(--kb) minmax(0,1fr)!important;grid-template-areas:"bild name" "bild rolle";grid-template-rows:auto 1fr;column-gap:1.1rem!important;row-gap:0!important;align-items:start!important;max-width:34rem;margin:0}
  .seitenkopf .kopfperson__eins img{grid-area:bild!important;grid-row:1/span 2!important;grid-column:1!important;width:var(--kb)!important;margin:0!important;align-self:start}
  .seitenkopf .kopfperson__eins figcaption{grid-area:name;align-self:start!important;margin:0!important;padding-top:calc(var(--kb) * 1.5 * .2);text-align:left!important;overflow-wrap:normal;hyphens:manual;min-width:0}
  .seitenkopf .kopfperson__eins .kopfperson__rolle{grid-area:rolle;align-self:start!important;margin:.3rem 0 0!important;padding:0!important;text-align:left!important;max-width:none!important;min-width:0}
}
@media (max-width:760px){.seitenkopf .kopfperson__eins{--kb:120px;column-gap:1rem!important}.seitenkopf .kopfperson__eins .kopfperson__rolle{font-size:.8rem;line-height:1.45}}
/* W6: ab 1200 px Name und Qualifikation einheitlich linksbündig unter dem Bild, Block beginnt an der Bildkante */
@media (min-width:1200px){
  .seitenkopf .kopfperson__eins img{margin:0!important}
  .seitenkopf .kopfperson__eins figcaption,.seitenkopf .kopfperson__eins .kopfperson__rolle{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none}
}
/* B3: Team am Handy – eine Karte je Zeile, Bild links, Name und Qualifikationen rechts (wie Arzt „Wer kommt“ und Landkreise).
   Die Spalte wird breit genug, dass kein Wort mehr mitten drin bricht. */
@media (max-width:600px){
  .personen--vier:has(.name-hand){grid-template-columns:1fr!important;gap:.8rem;max-width:none}
  .personen--vier:has(.name-hand) .person{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;align-items:stretch;background:linear-gradient(90deg,var(--c-tint) 0 120px,#fff 120px)!important}
  .personen--vier:has(.name-hand) .person__portraet,.personen--vier:has(.name-hand) .person img[src*="team-balu"]{width:120px!important;max-width:none!important;margin:0!important;align-self:end;background:none!important;aspect-ratio:auto;height:auto}
  .personen--vier:has(.name-hand) .person__text{padding:.8rem .9rem .9rem;min-width:0}
  .personen--vier:has(.name-hand) .person h3{height:auto;min-height:0}
}
/* K2: Qualifikationen – Abstand zwischen zwei Einträgen deutlich größer als zwischen zwei Zeilen eines Eintrags */
.person__quali li{line-height:1.3}
.person__quali li+li{margin-top:.35rem}
/* Menü am Laptop (Bertram 19.10. 12:53): ausgeschrieben ab 1100 px (vorher 1240). Das Logo wird nie auf eine feste kleine Stufe
   gesetzt, es wächst stufenlos mit der Fensterbreite und erreicht ab ca. 1180 px die entschiedenen 215 px (247 × .8718).
   Platz kommt aus engeren Menü-Abständen, kleinerem Pfeil, schlankerem Anrufkasten und – nur unter 1240 px – .9rem Menüschrift (15,3 px sichtbar). */
@media (min-width:1000px){
  .kopf-in{gap:clamp(.6rem,2vw,1.6rem)!important}
  .kopf .wrap.kopf-in{padding-inline:clamp(1rem,2.4vw,2.2rem)}
  .logo{flex:0 1 247px;min-width:0;display:block}
  .logo img{width:100%!important;max-width:247px;height:auto}
  .hauptnav{flex:0 0 auto}
  .nav-auf{padding:.55rem clamp(.3rem,.55vw,.55rem)!important;gap:.2rem}
  .nav-auf .icon{width:13px;height:13px}
  .anrufkasten{flex:0 0 auto;margin-left:0!important;padding:.4rem .45rem .35rem}
  .ak-knopf{padding:.3rem .55rem;font-size:1.05rem}
}
@media (min-width:1100px){.hauptnav{display:block;margin-left:auto}.menue-knopf{display:none!important}.handymenue{display:none!important}}
@media (min-width:1100px) and (max-width:1239px){.nav-auf{font-size:.9rem!important}.ak-knopf{font-size:1rem}}
@media (min-width:1000px) and (max-width:1099px){.anrufkasten{margin-left:auto!important}}
/* W2: Patientenmappe-Knopf gut erkennbar – Überschrift oben über die ganze Kastenbreite (wie „Zum Herunterladen“),
   darunter ein Fächer aus Mappe + zwei echten Vordrucken, daneben der Satz. Mappe-Kasten und Download-Kasten gleich gebaut:
   weiß, feine Linie rundum, grüne Oberkante 2 px, gleiche Innenabstände, gleiche Überschrift. */
.mappe-knopf__a{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;grid-template-areas:"titel titel" "bild satz"!important;gap:var(--s2) var(--s3)!important;align-items:start!important;padding:var(--s3)!important;border:1px solid var(--c-line)!important;border-top:2px solid var(--c-green)!important;border-radius:4px!important;background:#fff}
.mappe-knopf__a:hover{background:var(--c-tint)}
.mappe-knopf__titel{grid-area:titel;font:700 clamp(1.2rem,1.05rem + .4vw,1.35rem)/1.2 var(--font-head)!important;color:var(--c-green-strong)!important;text-wrap:balance;margin:0}
.mappe-knopf__text{display:block!important;grid-area:satz;min-width:0}
.mappe-knopf__satz{display:block;max-width:33em}
.mappe-knopf__faecher{grid-area:bild;position:relative;display:block;width:200px;height:190px;margin:0}
.mappe-knopf__faecher .mk-blatt{position:absolute;top:10px;width:118px!important;height:168px;object-fit:cover;background:#fff;border:1px solid #c9cfc6;box-shadow:0 6px 14px rgba(38,38,37,.16);border-radius:2px}
.mappe-knopf__faecher .mk-blatt--1{left:4px;object-position:right center;z-index:3;border-color:#aab3a6}
.mappe-knopf__faecher .mk-blatt--2{left:40px;transform:rotate(5deg);z-index:2;object-position:top center}
.mappe-knopf__faecher .mk-blatt--3{left:72px;transform:rotate(11deg);z-index:1;object-position:top center}
.mappe-knopf__faecher::after{right:auto!important;left:100px!important;bottom:4px!important;z-index:4}
.mappe-knopf__a:hover .mk-blatt--2{transform:rotate(7deg)}.mappe-knopf__a:hover .mk-blatt--3{transform:rotate(14deg)}
@media (prefers-reduced-motion:no-preference){.mappe-knopf__faecher .mk-blatt{transition:transform .2s}}
.formulare,.melden-unten .formulare{background:#fff!important;border:1px solid var(--c-line)!important;border-top:2px solid var(--c-green)!important;border-radius:4px;padding:var(--s3)!important}
.formulare h3,.melden-unten .formulare h3{font:700 clamp(1.2rem,1.05rem + .4vw,1.35rem)/1.2 var(--font-head);color:var(--c-green-strong);margin:0 0 var(--s2)}
@media (min-width:901px){.melden-unten .mappe-knopf__a{height:100%}}
@media (max-width:600px){
  .mappe-knopf__a{grid-template-columns:1fr!important;grid-template-areas:"titel" "bild" "satz"!important;padding:var(--s2) var(--s2) var(--s3)!important;row-gap:var(--s2)!important}
  .mappe-knopf__faecher{width:200px;height:186px}
  .mappe-knopf__faecher::after{width:34px!important;height:34px!important;font-size:1.3rem!important}
  .formulare{padding:var(--s2) var(--s2) var(--s3)!important}
}
@media (min-width:901px) and (max-width:1299px){.melden-unten .mappe-knopf__a{grid-template-columns:1fr!important;grid-template-areas:"titel" "bild" "satz"!important}}
.mappe-knopf__a{align-content:start!important}
/* W3: Arzt am Handy – Therapiebereiche als Reihe kleiner Schilder (wie am Laptop), „Patient melden“ direkt danach im ersten Bildschirm,
   Titelblatt darunter in voller Breite: Blatt links, „Blatt für Blatt ansehen“ und KI-Hinweis rechts daneben. */
@media (max-width:600px){
  .fach-raster--neu{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"text" "liste" "knopf" "blatt"!important;row-gap:var(--s3)!important}
  .fach-raster--neu .uebernehmen{flex-direction:row!important;flex-wrap:wrap;gap:.45rem}
  .fach-raster--neu .uebernehmen a{width:auto!important;padding:.3rem .75rem;font-size:1rem;white-space:nowrap}
  .fach-raster--neu>.btn-row{display:flex;flex-direction:column;gap:.6rem}
  .fach-raster--neu>.btn-row .btn{width:100%;justify-content:center}
  .fach-raster--neu .fach-blatt{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;column-gap:1rem;align-items:end}
  .fach-raster--neu .fach-blatt>a{width:150px!important;max-width:none!important}
  .fach-raster--neu .fach-blatt figcaption{margin:0!important}
  .fach-raster--neu .fach-blatt figcaption .textlink{white-space:normal!important}
  .fach-kopf .k-text .merksatz{margin-bottom:0}
}
@media (max-width:600px){
  .seite-arzt .pfad{padding-top:.6rem}
  .seite-arzt .fuerwen{margin-bottom:1rem}
  .seite-arzt .fach-raster--neu{row-gap:1.1rem!important}
  .seite-arzt .fach-kopf h1{margin-bottom:.7rem}
  .seite-arzt .fach-kopf .lead{margin-bottom:.6rem}
  .seite-arzt .fach-kopf .merksatz{font-size:1rem;padding-left:.8rem}
  .seite-arzt .fach-raster--neu .uebernehmen{gap:.4rem}
  .seite-arzt .fach-raster--neu .uebernehmen a{padding:.25rem .6rem;font-size:.95rem}
  .seite-arzt .k-liste__titel{margin-bottom:.4rem}
}
/* W4: Arzt „Wir setzen Ihre Therapie zu Hause um“ – ein Raster: Wunde über die ganze Breite (Text links, Klappe rechts),
   darunter drei gleich gebaute Spalten. Jede Spalte: grüne Oberkante, kein Seitenrand, Klappe unten bündig.
   Linke und rechte Kante = Inhaltskante der Seite (wie die Häufigen Fragen). */
@media (min-width:1001px){
  .seite-arzt .therapien{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:var(--s4);row-gap:var(--s4);border-top:0}
  .seite-arzt .therapien article,.seite-arzt .therapien article+article{padding:1rem 0 0!important;border:0!important;border-top:2px solid var(--c-green)!important;display:flex;flex-direction:column}
  .seite-arzt .therapien article.therapie--wunde{grid-column:1/-1;border-top-color:var(--c-berry)!important}
  .seite-arzt .therapien article>details{display:flex;flex-direction:column;flex:1}
  .seite-arzt .therapien article>details::details-content{display:flex;flex-direction:column;flex:1}
  .seite-arzt .therapien article .verordnen{margin-top:auto}
  .seite-arzt .therapien article.therapie--wunde>details::details-content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:var(--s4);align-items:start}
  .seite-arzt .therapien article.therapie--wunde .verordnen{margin-top:0;border-top:1px solid var(--c-line)}
}
/* W5: Wundkonzept-Hinweis ohne zweites Titelblatt (das Titelblatt steht schon im Kopf) */
.wk-hinweis--ohne-blatt{display:block!important}
.wk-hinweis--ohne-blatt>div{max-width:46rem}
@media (min-width:1001px) and (max-width:1199px){.seite-arzt .therapien article:not(.therapie--wunde) h3{min-height:2.5em;align-items:flex-start}}
/* W7: Klinik- und Pflege-Seite wie die Arzt-Seite aufgebaut – kein Seitenkasten „So erreichen Sie uns“ mehr (Telefon und Bürozeiten
   stehen schon im Kopf der Website und im Seitenkopf), Inhalt über die volle Breite, Kopf zweispaltig (Text links, Zeichnung rechts),
   alle Klappen und Kästen auf derselben Breite. */
@media (min-width:1001px){
  .seite-fachleute .seite-raster{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"pfad" "kopf" "inhalt"!important;grid-template-rows:auto!important}
  .seite-fachleute .seitenleiste{display:none!important}
  .seite-fachleute .seitenkopf--bild{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;column-gap:var(--s5);align-items:start}
  .seite-fachleute .seitenkopf--bild .seitenkopf__bild{max-width:none!important;align-self:end}
  .seite-fachleute .seite-inhalt .abschnitt>*{max-width:none}
  .seite-fachleute .seite-inhalt .abschnitt>p,.seite-fachleute .seite-inhalt .abschnitt>ul:not(.schritte4),.seite-fachleute .seite-inhalt .abschnitt>h3{max-width:46rem}
  .seite-fachleute .seite-inhalt .mehr-dazu,.seite-fachleute .seite-inhalt .mappe-knopf,.seite-fachleute .seite-inhalt .kasten{max-width:none!important;width:100%}
}
@media (min-width:1001px){
  .seite-fachleute .seite-inhalt .abschnitt>ul.punkte:has(details){max-width:none}
  .seite-fachleute .seite-inhalt .abschnitt>ul.punkte:has(details)>li{max-width:none}
  .seite-fachleute .li-text{display:block;max-width:46rem}
}
@media (min-width:1001px){
  .seite-fachleute .seite-inhalt ul.punkte:has(details)>li>details.mehr-dazu{margin-left:-23px;width:calc(100% + 23px)}
  .seite-fachleute .seite-inhalt ul.punkte:has(details)>li:not(:has(>details)){max-width:46rem}
}
/* Startseite-H1 (Prüfer S2): Wortlaut unverändert; grüner Teil läuft im Satz weiter statt als eigener Block –
   so steht „Homecare“ nie allein; „Hause –“ und „aus Eggenfelden“ gebunden. */
.einstieg h1{text-wrap:balance}
.einstieg h1 span{display:inline}
@media (min-width:901px) and (max-width:1199px){.einstieg h1{font-size:2.35rem}}
@media (min-width:901px) and (max-width:1023px){.einstieg h1{font-size:2.1rem}}
/* K1: Arzt „Wer kommt“ am Handy – Text oben bündig zur Bildoberkante, gleiche Abstände Name → Qualifikation */
@media (max-width:600px){.fachpersonen .fp{grid-template-rows:auto auto 1fr;align-content:start;align-items:start}.fachpersonen .fp>h3,.fachpersonen .fp>p{align-self:start}}
@media (min-width:1001px){.seite-arzt .therapien .steckbrief li{display:block!important}.seite-arzt .therapien .steckbrief li>strong:first-child{display:inline}}  /* in schmalen Spalten: Stichwort vorn im Satz statt eigener Spalte */
@media (max-width:600px){.formulare .btn{padding-left:.8rem;padding-right:.8rem;gap:.6rem;text-align:left}}
/* ===== Runde 12b (19.10.2026, Vollrundgang) ===== */
/* Offen 1: Sandy-Karte am Handy wie die übrigen Team-Karten (Bild 120 px), Text bekommt Platz */
@media (max-width:600px){.kopf-spitze .personen--einzeln{--pb:120px}}
/* Offen 2: Arzt-Therapie – Klappen der Dreierreihe gleich hoch, Trennlinien auf einer Höhe */
@media (min-width:900px){.seite-arzt .therapien article:not(.therapie--wunde) .verordnen>summary{line-height:1.3;min-height:calc(2.6em + 2 * 18.525px);display:flex;align-items:center}}
/* Offen 3: Klinik/Pflege-Kopf – Zeichnung mittig zur Textspalte statt am Boden */
@media (min-width:1001px){.seite-fachleute .seitenkopf--bild .seitenkopf__bild{align-self:center!important}}
/* Offen 4: Logo 1100–1179 px in voller Größe (215 px sichtbar); Platz aus engeren Menü-Abständen, Schrift bleibt .9rem */
@media (min-width:1100px) and (max-width:1179px){.logo{flex:0 0 247px!important}.nav-auf{padding:.55rem .22rem!important}.kopf-in{gap:.5rem!important}.kopf .wrap.kopf-in{padding-inline:.9rem}.anrufkasten{padding:.4rem .35rem .35rem}}
/* Fuß: Spalten nach Inhalt, kein Link bricht mit einem Wort um (1024: „Für Patienten und / Angehörige“) */
@media (min-width:901px) and (max-width:1000px){.fuss-raster{grid-template-columns:1fr 1fr}}@media (min-width:1001px){.fuss-raster{grid-template-columns:minmax(0,240px) auto auto auto;justify-content:space-between}}
/* S-neu 2: Arzt „unser Konzept“ – am Laptop als Hinweis-Band über die volle Breite (Text links, Knopf rechts), keine leere rechte Hälfte */
@media (min-width:1001px){
  .wk-hinweis--ohne-blatt>div{max-width:none!important;display:grid;grid-template-columns:minmax(0,46rem) auto;justify-content:space-between;align-items:center;column-gap:var(--s5);padding:var(--s4);background:var(--c-tint);border-top:2px solid var(--c-green);border-radius:4px}
  .wk-hinweis--ohne-blatt>div>p{margin:0}
}
/* --- Runde 12b, Funde aus dem Vollrundgang --- */
.nw{white-space:nowrap}
/* Einsatzgebiet: Landkreis-Kacheln – Titel immer oben, zweizeilig „Landkreis / Name“, nichts ragt über den Rand */
.lkkarte{justify-content:flex-start}
.lkkarte>:last-child{margin-top:0}
.lkkarte__name{overflow-wrap:normal}
/* Landkreise: Ortslisten – Städte und Märkte links untereinander, Gemeinden rechts in Spalten; am Handy genug Abstand zwischen den Spalten */
.orte-gruppen{gap:var(--s2) var(--s4)}
.orte__liste{column-gap:1.75rem}
.orte__liste li{padding-left:.1rem}
@media (min-width:601px){
  .orte-gruppen:has(>.orte:nth-child(2)){grid-template-columns:minmax(11rem,1fr) minmax(0,2.4fr);align-items:start}
  .orte-gruppen>.orte:not(:last-child){grid-column:1}
  .orte-gruppen>.orte:last-child:not(:first-child){grid-column:2;grid-row:1 / span 3}
  .orte-gruppen>.orte:not(:last-child) .orte__liste{columns:1}
  .orte-gruppen>.orte:last-child .orte__liste{columns:11rem auto}
}
@media (max-width:600px){.orte__liste{columns:9.5rem auto}}
/* Bildnachweis unter Fotos: Links im Satz ohne 44-px-Polster (Inline-Links im Satz, WCAG 2.5.8 Ausnahme) – sonst klafft zwischen zwei Zeilen ein Loch */
.kopfbild .bildnachweis a,.seitenkopf .bildnachweis a{padding-block:2px;min-height:0;display:inline}
/* Karte am Handy: Trennpunkt weg, „Zur Übersicht“ als eigene Zeile */
@media (max-width:600px){.gebietskarte .trenn-punkt{display:none}.gebietskarte__zeile>a{display:block;width:max-content}}
/* „Zurück zum …“: nur ein Wortabstand */
.brotkrumen__zurueck .bk-lang{margin-left:-.25em}
/* Fuß unten: bis 1000 px als Liste ohne Trennpunkte (kein „·“ am Zeilenende) */
@media (max-width:1000px){.fuss-unten>span{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.2rem;row-gap:0}.fuss-unten .trenner{display:none}}
/* Wichtige Kontakte: Karten-Text einheitlich groß; Hinweiskasten bündig mit der Überschrift */
.kontakt__rumpf p{font-size:.95rem}
.kontakt__rumpf .kontakt__nummer{font-size:inherit}
.vorspann>.hinweiskasten{margin-left:0;margin-right:0}
/* Ratgeber: vier Karten 2 × 2, „Zuletzt geprüft“ und Link je Reihe auf einer Linie */
@media (min-width:601px){.rkarten{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rkarte .klein{margin-top:auto}
.rkarte>:last-child{margin-top:0}
/* Allein stehender Textlink vor Telefon/nächstem Kasten: Luft darunter */
.kasten-fach>a.textlink{display:inline-block}
.kasten-fach>a.textlink+p,p:has(>a.textlink:only-child)+p,p:has(>a.textlink:only-child)+.kasten,p:has(>a.textlink:only-child)+div{margin-top:var(--s2)}
/* Klappen- und Fragetitel ausgeglichen umbrechen (kein Wort allein, keine Treppe) */
.mehr-dazu summary,.frage summary{text-wrap:balance}
/* „Zuletzt geprüft“ nicht direkt am Kasten darüber */
.abschnitt>.kontakte+.klein,.abschnitt>.kasten+.klein,.abschnitt>ul+p.klein{margin-top:var(--s2)}
/* Impressum am Handy: Angaben untereinander statt zweier schmaler Spalten */
@media (max-width:600px){.angaben--dl{grid-template-columns:1fr;row-gap:0}.angaben--dl dt{font-weight:600}.angaben--dl dd{margin:0 0 .6rem}}
.lkkarte .nobr{white-space:nowrap}
@media (min-width:601px){.orte-gruppen>.orte:last-child .orte__liste{columns:9rem auto}}
@media (max-width:600px){.orte__liste{columns:8.5rem auto}.orte-gruppen{gap:var(--s1) 0}.orte__titel{margin-top:var(--s1)}}
.orte-gruppen>.orte:last-child .orte__liste,.orte__liste{columns:7rem auto}
@media (min-width:601px){.orte-gruppen>.orte:not(:last-child) .orte__liste{columns:1}}
@media (max-width:600px){.orte-gruppen>.orte:not(:last-child) .orte__liste{columns:1}.orte-gruppen .orte__titel{margin:var(--s2) 0 .4rem!important}.orte-gruppen .orte__liste{margin:0}}
/* Sehr schmale Fenster (Zoom, 320 px): lange Wörter mit Trennstrich statt mitten im Wort abbrechen */
@media (max-width:359px){main{hyphens:auto;-webkit-hyphens:auto}}
/* Seiten ohne Brotkrumen (404): Kopf nicht direkt an der Kopflinie */
main#inhalt>.seitenkopf:first-child{margin-top:var(--s4)}
/* ===== Runde 12c (19.10.2026) ===== */
/* Wundversorgung-Verteiler: vier Zielgruppen-Karten 2 × 2 (wie die vier Kacheln der Startseite), „In Ihrer Nähe“ als breites Band darunter – keine halbe Reihe mehr */
@media (min-width:901px){
  .wege{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--s3)}
  .wege>li:last-child:nth-child(odd){grid-column:1 / -1}
  .wege>li:last-child:nth-child(odd) .kachel{flex-direction:row;align-items:stretch}
  .wege>li:last-child:nth-child(odd) .kachel__mappe{width:calc(50% - var(--s3) / 2);flex:none;aspect-ratio:1200/700;height:auto}
  .wege>li:last-child:nth-child(odd) .kachel__text{align-self:center}
  .wege>li:last-child:nth-child(odd) .kachel__link{height:auto;margin-top:var(--s2)}
  .wege h3{min-height:0}
}
@media (min-width:901px){
  .wege>li{max-width:none!important}
  .wege .kachel__link{height:auto!important;min-height:0!important;margin-top:auto;padding-top:var(--s2)}
}
/* Kontakt: EIN Zweispalten-Raster ab 901 px (601–900: eine Spalte, alle Kästen volle Breite). Links: Bürozeiten (bis 800), „Alle Wege“, Formular – rechts: Karte, „Im Notfall“.
   Alle Kästen einer Spalte haben dieselbe Breite, die rechten Kanten springen nicht mehr, keine leere rechte Hälfte. */
@media (min-width:901px){
  .huelle:has(>#rueckruf){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s5);align-items:start}
  .huelle:has(>#rueckruf)>*{grid-column:1 / -1;min-width:0}
  .huelle:has(>#rueckruf)>#rueckruf{grid-column:1}
  .huelle:has(>#rueckruf)>#rueckruf+.abschnitt{grid-column:2;grid-row:2}
  .huelle:has(>#rueckruf)>#rueckruf .formular-raster{max-width:none}
  .huelle:has(>#rueckruf)>#rueckruf>p.text{max-width:none}
  .wege-kontakt{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--s5)!important;gap:var(--s3) var(--s5)}
  .wege-kontakt .gebietskarte--klein{max-width:none;width:100%}
}
@media (max-width:900px){
  .wege-kontakt{grid-template-columns:minmax(0,1fr)!important}
  .wege-kontakt .gebietskarte--klein{max-width:none;width:100%}
  .formular-raster{max-width:none}
}
@media (min-width:901px){
  .huelle:has(>#rueckruf)>#rueckruf,.huelle:has(>#rueckruf)>#rueckruf+.abschnitt{border-bottom:0}
  .huelle:has(>#rueckruf)>#rueckruf+.abschnitt+.abschnitt{border-top:1px solid var(--c-line)}
}
/* Arzt „Lernen wir uns kennen“: Sandys Porträt ohne den leeren Rand über dem Kopf (Kopf oben bündig mit dem Text),
   ab 901 px Sandy links, Rückruf-Formular rechts – keine leere rechte Hälfte mehr */
.sandy img[src*="/portrait/"]{aspect-ratio:480/560;object-fit:cover;object-position:50% 100%;height:auto}
@media (min-width:901px){
  #rueckruf .fach-stapel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s5);max-width:none;align-items:start}
  #rueckruf .fach-stapel .formular{max-width:none}
  #rueckruf .wer-wir-sind{max-width:none}
}
.wer-wir-sind a{white-space:nowrap}
/* Links als Einheit: allein stehende Textlinks wandern als Ganzes in die nächste Zeile („Zu / den …“, „Zur / Seite …“ gibt es nicht mehr),
   der Pfeil hängt immer am letzten Wort */
a.textlink{display:inline-block;max-width:100%;text-wrap:balance}
.kachel__link{text-wrap:balance}
.kachel__link::after{content:"\00a0→"}
/* Klappen am Handy: „Mehr dazu:“ als eigene kleine Zeile, der Titel darunter ohne zerrissene Restwörter */
@media (max-width:600px){.mehr-dazu__wort{display:block;font-size:.9rem}}
/* Fuß unten am Handy: jede Angabe in eigener Zeile („Facebook“ nicht mehr allein) */
@media (max-width:600px){.fuss-unten>span{flex-direction:column;align-items:flex-start;row-gap:.35rem}}
/* Fünf Leistungen: Schwerpunkt Wundversorgung über die ganze Breite, darunter 2 × 2 – keine halbe Reihe */
@media (min-width:601px){
  .leistungen{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .leistungen>li:first-child:nth-last-child(5){grid-column:1 / -1}
}
/* Team: vier Karten je Reihe bei 601–1000 als 2 × 2 (keine Karte allein in der zweiten Reihe) */
@media (min-width:601px) and (max-width:1000px){.personen--vier:has(.name-hand){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Landkreise: Personenkarten bündig mit der Textspalte (vorher 520 px schmal), 601–1000 zweispaltig */
@media (max-width:1199px){.personen--vier:not(:has(.name-hand)){max-width:none}}
@media (min-width:601px) and (max-width:1000px){.personen--vier:not(:has(.name-hand)){grid-template-columns:repeat(2,minmax(0,1fr))}}
.leistungen>li{max-width:none!important}
@media (min-width:601px) and (max-width:1000px){
  .personen--vier:has(.name-hand) .person__portraet{width:auto!important;max-width:100%!important;height:300px!important;object-fit:cover;object-position:50% 0;margin:0 auto!important;display:block}
}
/* Doppelte Linien unter Klappen: endet ein Abschnitt mit einer Klappe, schließt die Abschnittslinie sie direkt ab (eine Linie statt zwei mit Loch) */
.abschnitt:has(>.mehr-dazu:last-child){padding-bottom:0!important}
.abschnitt>.mehr-dazu:last-child{border-bottom:0!important;margin-bottom:0}
.abschnitt:has(>.mehr-dazu:last-child)>.mehr-dazu:last-child>summary{padding-bottom:1rem}
/* Abschnitt ohne Überschrift (nur Klappe + Linkzeile): hängt ohne Linie und ohne Loch am vorigen Abschnitt */
.seite-inhalt .abschnitt:not(:has(>h2)):not(.band):not(.abschnitt--anruf){border-top:0!important;padding-top:0!important}
.seite-inhalt .abschnitt:has(+.abschnitt--schluss){padding-bottom:0!important}
.seite-inhalt .abschnitt:has(+.abschnitt--schluss)>:last-child{margin-bottom:0!important}
.seite-inhalt .abschnitt:not(:has(>h2))>.mehr-dazu:first-child{border-top:0!important}
.seite-inhalt .abschnitt:not(:has(>h2))>.mehr-dazu:first-child:only-of-type{border-bottom:1px solid var(--c-line)!important}
/* Patientenmappe-Hinweis: Satz in einer Zeile statt „Vordrucke.“ allein */
.mappe-knopf p{max-width:none!important}
/* Fachleute-Kopf 601–1000: Zeichnung auf voller Breite wie alles andere */
@media (min-width:601px) and (max-width:1000px){.seite-fachleute .seitenkopf--bild .seitenkopf__bild{max-width:none!important;width:100%}}
/* Ansprechpartnerin (Klinik): Karte links, Erreichbarkeit rechts daneben – keine leere rechte Hälfte */
@media (min-width:901px){
  .abschnitt:has(>.personen--einzeln){display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:var(--s5);align-items:start}
  .abschnitt:has(>.personen--einzeln)>*{grid-column:2}
  .abschnitt:has(>.personen--einzeln)>h2{grid-column:1 / -1}
  .abschnitt:has(>.personen--einzeln)>.personen--einzeln{grid-column:1;grid-row:2 / span 6;margin:0}
  .abschnitt:has(>.personen--einzeln)>.personen--einzeln+*{margin-top:0}
}
.personen--einzeln .person__text{align-self:center}
/* „Sie haben die Wahl“: kein eckiger Stoß zwischen dickem Seitenbalken und runder grüner Oberkante – Kasten wie alle Karten */
.wahl{border-left:1px solid var(--c-line)!important}
/* „Für wen?“ 601–1000: die vier Felder füllen die Spaltenbreite genau (rechts bündig mit dem Text darunter) */
@media (min-width:601px) and (max-width:1000px){.fuerwen ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}.fuerwen li,.fuerwen__ziel{width:100%;max-width:none}}
/* Kopf mit Person (Leistungsseiten): Ginkgo unten rechts hinter der leeren Fläche statt mit dem Stiel durch den Kopf */
.seitenkopf--person::after{top:auto;bottom:0}
/* Palliativ „Sie erreichen uns“: Köpfe auf gleicher Höhe (leerer Rand über Sandys Kopf abgeschnitten), Kontaktzeile mit Luft zu den Fotos */
.kopfperson--unten img[src*="/portrait/"]{aspect-ratio:240/300;object-fit:cover;object-position:50% 100%;height:auto}
.kopfperson--unten img[src*="ramona"]{object-position:50% 52%}
.kopfperson--unten+.kontaktkarte{margin-top:var(--s3)}
/* „Sie müssen das nicht allein tragen.“ mit Luft zum folgenden Absatz */
.merksatz+p{margin-top:var(--s2)}
/* Wundkonzept „Blatt für Blatt“: Bildunterschriften einzeilig – kein reservierter Leerraum, Reihenabstand wie die Spaltenlücke */
.seite-wundkonzept .blattstrecke figcaption{min-height:0!important;height:auto!important}
.seite-wundkonzept .blattstrecke{row-gap:var(--s3)!important}
/* Start: Knopf zum Wundkonzept einzeilig, wo Platz ist; Kacheltitel reservieren zwei Zeilen, damit die Texte der vier Kacheln auf einer Linie beginnen */
@media (min-width:1001px){.kacheln-start h3{min-height:2.5em}}
/* Wundversorgung für Patienten: „Weg 1 / Weg 2“ – Titel ausgeglichen, Texte auf einer Linie, Karten oben bündig */
.kaesten--zwei h3{text-wrap:balance}
@media (min-width:601px){.kaesten--zwei{align-items:stretch}.kaesten--zwei h3{min-height:2.5em}}
/* Knopf „Zum Wundkonzept für Praxen“: bleibt zweizeilig, wo die Spalte zu schmal ist (einzeilig würde aus dem Kasten ragen), dafür ausgeglichen */
.btn.btn-wund{text-wrap:balance}
/* Arzt am Handy: Therapie-Schilder füllen jede Reihe (kein „Palliativ“ allein mit Loch daneben), „Blatt für Blatt ansehen“ unter dem Titelblatt, Fax-Vordruck in eigener Zeile ohne Punkt am Zeilenende */
@media (max-width:600px){
  .uebernehmen{display:flex;flex-wrap:wrap}
  .uebernehmen>li{flex:1 1 auto}
  .uebernehmen>li>a{display:block;text-align:center}
  .fach-kopf figure:has(.ki-hinweis){display:block!important}
  .fach-kopf figure:has(.ki-hinweis) figcaption{margin-top:.6rem;max-width:none}
  dd>.trenn-punkt{display:none}
  dd>.fax-link{display:table;margin-top:.2rem}
}
/* Verteiler 901–1199: Karten senkrecht (Bild oben) wie am Laptop – vorher Bild links, Text nur 125 px schmal */
@media (min-width:901px){
  .seite-inhalt .wege>li:not(:last-child:nth-child(odd)) .kachel{flex-direction:column!important;align-items:stretch!important}
  .seite-inhalt .wege>li:not(:last-child:nth-child(odd)) .kachel>img{width:100%!important;aspect-ratio:1200/700;height:auto}
}
/* Sehr schmale Fenster (320 px): Bindungen lösen, damit nichts seitlich hinausragt; Team-Karten einspaltig */
@media (max-width:359px){.nw,.bund,.nobr{white-space:normal!important}.personen{grid-template-columns:1fr!important}h2,h3{hyphens:auto;-webkit-hyphens:auto}}
/* ===================== Runde 12d (19.10.2026) – Prüfer-Funde Laienblick ===================== */
/* B1 Pflegehilfsmittel: Quellenzeile läuft normal (keine Bindung über die ganze Zeile, keine Treppe aus inline-block) */
.quelle .bund{white-space:normal!important}
.quelle a.textlink{display:inline!important}
/* B2 Klinik am Handy: Foto 120 px wie die Team-Karten, Text darf die volle Restbreite nutzen */
@media (max-width:600px){
  .personen--einzeln:not(.kopf-spitze .personen--einzeln){--pb:120px}
  .personen--einzeln .person{grid-template-columns:var(--pb) minmax(0,1fr)!important}
  .personen--einzeln .person__text{min-width:0}
}
/* B3 Team: 2 × 2 bis 1180 px (vier Spalten erst, wenn „Palliative-Care-Fachkraft“ und „Wundexpertin DEKRA“ in eine Zeile passen) */
@media (min-width:1001px) and (max-width:1180px){
  .personen--vier:has(.name-hand){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .personen--vier:has(.name-hand) .person__portraet{width:auto!important;max-width:100%!important;height:300px!important;object-fit:cover;object-position:50% 0;margin:0 auto!important;display:block}
}
/* Start, Wund-Kasten: Unterzeile unter dem Titel über die volle Breite, Titelblatt und Haken nebeneinander (Haken mittig zum Blatt),
   dann der Satz über die volle Breite, zuletzt der Knopf – kein Loch unter dem Titelblatt, Knopf am Handy nach dem Text */
.wundkasten{grid-template-areas:"titel titel" "unter unter" "blatt haken" "ki ki" "satz satz" "knopf knopf"!important;grid-template-columns:30% minmax(0,1fr)!important;row-gap:0!important}
.wundkasten .wk-unter{margin:0 0 1rem!important}
.wundkasten .wk-haken{align-self:center;margin:0!important;gap:.55rem}
.wundkasten .ki-hinweis{margin:.45rem 0 0!important}
.wundkasten .wk-satz{margin:1rem 0 0!important}
.wundkasten .btn{justify-self:start!important;margin:1.1rem 0 0!important;text-wrap:balance}
@media (min-width:1001px){.wundkasten .btn{white-space:nowrap!important}}
@media (max-width:600px){.wundkasten{grid-template-columns:96px minmax(0,1fr)!important}.wundkasten .btn{justify-self:stretch!important}}
/* Start, vier Kacheln: Spalten exakt gleich breit (Bilder gleich hoch), Text ohne Umbruch-Glättung – Zeilen laufen voll, nichts flattert */
@media (min-width:1101px){.kacheln-start{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:601px) and (max-width:1100px){.kacheln-start{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.kacheln-start .kachel__saetze p{text-wrap:wrap!important}
.kacheln-start h3{text-wrap:balance}
@media (min-width:601px) and (max-width:1000px){.wundkasten{grid-template-columns:160px minmax(0,1fr)!important}}
@media (max-width:600px){.wundkasten{grid-template-columns:80px minmax(0,1fr)!important;column-gap:.8rem!important}.wundkasten .wk-haken li{white-space:nowrap;font-size:.93rem}}
/* Arzt, Therapie-Schilder ab 1001 px: 3 + 2, jede Reihe füllt die Spaltenbreite (kein „Palliativ“ allein); 601–1000 wie am Handy (Reihen gefüllt) */
@media (min-width:601px) and (max-width:1000px){.seite-arzt .uebernehmen{display:flex!important;flex-wrap:wrap}.seite-arzt .uebernehmen>li{flex:1 1 auto}.seite-arzt .uebernehmen>li>a{display:flex!important;width:100%!important;justify-content:center}}
@media (min-width:1001px){
  .seite-arzt .uebernehmen{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.5rem!important}
  .seite-arzt .uebernehmen>li{grid-column:span 2}
  .seite-arzt .uebernehmen>li:nth-child(n+4){grid-column:span 3}
  .seite-arzt .uebernehmen>li>a{display:flex!important;width:100%!important;justify-content:center;text-align:center;white-space:nowrap}
}
/* Schritte, Karten- und Kacheltexte in schmalen Spalten: ohne Umbruch-Glättung, Zeilen laufen voll (kein Flattern, kein Wort allein mittendrin) */
.schritte4 p,.wege p,.kachel p{text-wrap:wrap}
/* Trennpunkte „·“ nie am Zeilenende: Fax-Kasten und Kontaktzeile – Vordruck in eigener Zeile, Punkt weg, wo umbrochen wird */
.fax-box .trenn-punkt{display:none}
@media (max-width:1199px){dd>.trenn-punkt{display:none}dd>.fax-link{display:table;margin-top:.2rem}}
/* Arzt „Lernen wir uns kennen“: Sandy links (Bild über dem Text), Formular rechts breiter mit Feldern nebeneinander – keine leere Hälfte */
.rolle-zeilen>span{display:block}
@media (min-width:901px){
  .seite-arzt #rueckruf .fach-stapel{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important}
  .seite-arzt #rueckruf .sandy{grid-template-columns:1fr!important;gap:1rem}
  .seite-arzt #rueckruf .sandy img{width:150px}
  .seite-arzt #rueckruf .formular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;align-items:end}
  .seite-arzt #rueckruf .formular>*{grid-column:1 / -1}
  .seite-arzt #rueckruf .formular>.feld{grid-column:auto;margin-top:0}
  .seite-arzt #rueckruf .formular>.btn{justify-self:start}
}
.seite-arzt #rueckruf .formular>.hinweis{max-width:none}
@media (min-width:1200px){.seite-arzt #rueckruf .formular{grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) minmax(0,1.15fr)}}
/* 901–1199: Sandy als Zeile über dem Formular (Bild links, Text daneben), Formular volle Breite mit drei Feldern nebeneinander */
@media (min-width:901px) and (max-width:1199px){
  .seite-arzt #rueckruf .fach-stapel{grid-template-columns:minmax(0,1fr)!important;row-gap:var(--s4)}
  .seite-arzt #rueckruf .sandy{grid-template-columns:150px minmax(0,1fr)!important;column-gap:var(--s4);align-items:center}
}
.rolle-zeilen>.trenn-punkt{display:none}
/* Schritte: sehr lange Wörter („Wunddokumentation“) dürfen mit Trennstrich umbrechen, damit kein kurzes Wort allein in der Zeile steht */
.schritte4 p{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:14 7 7}
/* Arzt „Patientenmappe“-Karte neben „Zum Herunterladen“: auch ab 1300 Bild über dem Satz – keine halb leere Karte */
@media (min-width:1300px){.melden-unten .mappe-knopf__a{grid-template-columns:1fr!important;grid-template-areas:"titel" "bild" "satz"!important}}
/* Wundversorgung-Verteiler ab 601 px: vier Karten 2 × 2, senkrecht (Bild oben), volle Spaltenbreite; Titel, Texte und Links je auf einer Linie */
@media (min-width:601px){
  .seite-inhalt .wege{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--s3)!important;max-width:none!important;width:100%}
  .seite-inhalt .wege>li:last-child:nth-child(odd){grid-column:1 / -1}
  .seite-inhalt .wege>li{display:flex}
  .seite-inhalt .wege>li>.kachel{width:100%}
  .seite-inhalt .wege>li:not(:last-child:nth-child(odd)) .kachel{flex-direction:column!important;align-items:stretch!important}
  .seite-inhalt .wege>li:not(:last-child:nth-child(odd)) .kachel>img{width:100%!important;aspect-ratio:1200/700;height:auto;margin:0!important}
  .seite-inhalt .wege .kachel__text{padding-top:1.2rem!important;display:flex;flex-direction:column;flex:1}
  .seite-inhalt .wege .kachel__text h3{margin-top:0!important}
  .seite-inhalt .wege>li{max-width:none!important}
  .seite-inhalt .wege h3{min-height:0!important}
  .seite-inhalt .wege .kachel__link{margin-top:auto!important;padding-top:var(--s2)}
}
@media (min-width:901px){.seite-inhalt .wege>li:not(:last-child:nth-child(odd)) .kachel__text h3{min-height:2.5em!important}}
/* Kontakt ab 901 px: links „Alle Wege“ und darunter „Im Notfall“, rechts Route und Karte; darunter „Wir rufen Sie zurück“ über die volle Breite
   mit beiden Feldern nebeneinander – keine leere rechte Hälfte, kein Loch unter „Alle Wege“ */
@media (min-width:901px){
  .huelle:has(>#rueckruf-formular),.huelle:has(>#rueckruf .formular-raster--eins){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--s5)!important;align-items:start}
  .huelle:has(>#rueckruf .formular-raster--eins)>section[aria-labelledby="h-wege"]{display:contents}
  .huelle:has(>#rueckruf .formular-raster--eins) .wege-kontakt{display:contents!important}
  .huelle:has(>#rueckruf .formular-raster--eins) .wege-karte{grid-column:1!important;grid-row:1!important;margin-top:var(--s4)}
  .huelle:has(>#rueckruf .formular-raster--eins) .route{grid-column:2!important;grid-row:1 / span 2!important;margin-top:var(--s4)}
  .huelle:has(>#rueckruf .formular-raster--eins)>section[aria-labelledby="h-not"]{grid-column:1!important;grid-row:2!important;border-top:0!important;padding-top:var(--s4)!important}
  .huelle:has(>#rueckruf .formular-raster--eins)>#rueckruf{grid-column:1 / -1!important;grid-row:3!important;border-top:1px solid var(--c-line)!important;margin-top:var(--s4)}
  .huelle:has(>#rueckruf .formular-raster--eins)>section[aria-label="Weitere Wege"]{grid-column:1 / -1!important;grid-row:4!important}
  #rueckruf .formular-raster--eins{max-width:none!important}
  #rueckruf-formular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s3);align-items:end}
  #rueckruf-formular>*{grid-column:1 / -1}
  #rueckruf-formular>.feld{grid-column:auto;margin-top:0}
  #rueckruf-formular>.knopf{justify-self:start}
  #rueckruf>p.text{max-width:none}
}
#rueckruf-formular>p:empty{display:none}
#rueckruf-formular>.hinweiskasten,#rueckruf-formular>p.klein{max-width:none}
/* Wichtige Kontakte ab 601 px: Karten einer Reihe gleich hoch, Titel-Zeile gemeinsam (Texte beginnen auf einer Linie), Link unten bündig;
   eine allein stehende Karte („Care Friends“) läuft über die volle Breite, Angaben nebeneinander */
@media (min-width:601px){
  .kontakte{align-items:stretch!important}
  .kontakte>li.kontakt{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
  .kontakte>li.kontakt>.kontakt__rumpf{display:flex;flex-direction:column}
  .kontakte>li.kontakt>.kontakt__rumpf>p:last-child:has(>a.textlink:only-child){margin-top:auto;padding-top:var(--s2)}
  .kontakte>li.kontakt:only-child{grid-column:1 / -1}
  .kontakte>li.kontakt:only-child>.kontakt__rumpf{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:var(--s5);row-gap:var(--s2)}
  .kontakte>li.kontakt:only-child>.kontakt__rumpf>p{margin:0!important;padding-top:0!important}
}
/* „Weg 1 / Weg 2“: gemeinsame Titel-Zeile über Subgrid statt reservierter Leerzeile, weniger Luft oben – Karten nicht mehr hohl */
@media (min-width:601px){
  .kaesten--zwei{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .kaesten--zwei>li.kasten{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:.6rem;align-content:start;padding-top:var(--s3)!important;padding-bottom:var(--s3)!important}
  .kaesten--zwei h3{min-height:0!important;margin:0!important}
  .kaesten--zwei>li>p{margin:0}
}
/* Fünf Leistungen (Für Patienten, Leistungen): Name, Satz und Link je Reihe auf einer Linie (Subgrid) */
@media (min-width:601px){
  .leistungen{grid-auto-rows:auto}
  .leistungen>li{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
  .leistungen>li>.leistung{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:.5rem;height:auto!important}
  .leistungen .leistung>.kachel__link{align-self:end}
}
.kontakte:has(>li.kontakt:only-child){grid-template-columns:minmax(0,1fr)!important}
/* Palliativ-Kopf 601–1199: Text über die volle Spaltenbreite (Überschrift „Palliativ-Begleitung / zu Hause“ statt dreimal gebrochen), Ginkgo als ruhiger Hintergrund rechts */
@media (min-width:601px) and (max-width:1199px){
  .seitenkopf--person.seitenkopf--ruhig{grid-template-columns:minmax(0,1fr)!important;position:relative}
  .seitenkopf--ruhig .kopfginkgo{position:absolute;right:0;bottom:0;width:150px;opacity:.6;pointer-events:none;z-index:0}
  .seitenkopf--ruhig>div:first-child{position:relative;z-index:1}
}
/* Leistungsseiten-Kopf 601–1199: Kopfperson als Zeile (Foto 160 px, Angaben daneben), ohne losgelöstes Ginkgoblatt daneben */
@media (min-width:601px) and (max-width:1199px){
  .seitenkopf--person:not(.seitenkopf--ruhig)::after{display:none!important}
  .seitenkopf--person:not(.seitenkopf--ruhig) .kopfperson__eins{grid-template-columns:160px minmax(0,1fr)!important}
  .seitenkopf--person:not(.seitenkopf--ruhig) .kopfperson__eins img{width:160px!important}
}
/* Listen mit Links (Hospizvereine): Aufzählungspunkt an der ersten Zeile – Link läuft im Text statt als Block */
.punkte li>a.textlink:first-child{display:inline}
/* Patientenmappe-Hinweis (Klinik, Pflege, Wundkonzept): nicht über die volle Breite gezogen, wenn nur Bild und zwei Zeilen darin stehen */
@media (min-width:901px){.seite-inhalt .mappe-knopf:not(.melden-unten .mappe-knopf){max-width:46rem!important}}
/* Pflege „Wer was macht“ ab 1001 px: „Das machen wir“ und die Gegenseite nebeneinander – keine leere rechte Hälfte über mehrere Bildschirme */
@media (min-width:1001px){
  .abschnitt:has(>#h-pe1-t){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s5);align-items:start}
  .abschnitt:has(>#h-pe1-t)>*{grid-column:1 / -1}
  .abschnitt:has(>#h-pe1-t)>h3:nth-of-type(1){grid-column:1;grid-row:2}
  .abschnitt:has(>#h-pe1-t)>ul:nth-of-type(1){grid-column:1;grid-row:3}
  .abschnitt:has(>#h-pe1-t)>h3:nth-of-type(2){grid-column:2;grid-row:2}
  .abschnitt:has(>#h-pe1-t)>ul:nth-of-type(2){grid-column:2;grid-row:3}
  .abschnitt:has(>#h-pe1-t)>ul{max-width:none}
}
@media (min-width:1001px){.abschnitt:has(>#h-pe1-t)>h3{margin-top:var(--s3)!important}}
/* Einsatzgebiet 601–1199: neun Landkreis-Karten 3 × 3 – kein „Straubing-Bogen“ allein in der letzten Reihe */
@media (min-width:601px) and (max-width:1199px){.lkkarten{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* Landkreise 601–1000: Personenkarten einspaltig über die volle Breite – „Palliative-Care-Fachkraft“ und „Wundtherapeutin DEKRA“ in einer Zeile, nichts am Kartenrand */
@media (min-width:601px) and (max-width:1000px){.personen--vier:not(:has(.name-hand)){grid-template-columns:minmax(0,1fr)!important}}
/* 320 px (400 % Zoom): lange Wörter mit Trennstrich, Zwischenüberschriften etwas kleiner, Team-Fotos schmaler – kein Wort mitten durchgebrochen */
@media (max-width:359px){
  main h2{font-size:1.25rem!important}
  main p,main li,main dd,main h2,main h3{hyphens:auto!important;-webkit-hyphens:auto!important}
  .personen--vier:has(.name-hand) .person{grid-template-columns:88px minmax(0,1fr)!important;background:linear-gradient(90deg,var(--c-tint) 0 88px,#fff 88px)!important}
  .personen--vier:has(.name-hand) .person__portraet,.personen--vier:has(.name-hand) .person img[src*="team-balu"]{width:88px!important}
}

/* ===== Runde 12e (19.10.2026) ===== */
/* Ratgeber Palliativ u. a.: Textlink vor der Telefonzeile bekommt Luft */
a.textlink + .ruhig-tel{margin-top:var(--s3)}
/* Linkzeilen als ruhige Spalte (Team „Unser Standort“) */
.linkzeile--spalte{flex-direction:column;align-items:flex-start;gap:.5rem}
/* Landkreise „Auch in der Nachbarschaft“: am Handy eine Spalte, ab 601 gleichmäßige Spalten */
@media (max-width:600px){.linkzeile--nachbar{flex-direction:column;align-items:flex-start;gap:.35rem}}
@media (min-width:601px){.linkzeile--nachbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.6rem 1.4rem}}
/* Landkreise Ortslisten: kurze Gemeindeliste -> drei Gruppen nebeneinander; lange -> Spaltenzahl passend zur linken Spalte */
@media (min-width:601px){
  .orte-gruppen--nebeneinander{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .orte-gruppen--nebeneinander>.orte{grid-column:auto!important;grid-row:auto!important}
  .orte-gruppen--nebeneinander .orte__liste{columns:1!important}
  .orte-gruppen--sp2>.orte:last-child .orte__liste{columns:7rem 2!important}
  .orte-gruppen--sp3>.orte:last-child .orte__liste{columns:7rem 3!important}
  .orte-gruppen--sp2,.orte-gruppen--sp3{grid-template-rows:auto auto 1fr}
}
/* Wundkonzept im Detail: Titelblatt im Kopf rechts, Blätter in vollen Reihen */
.wk-kopf-blatt{margin:var(--s3) 0 0}
.wk-kopf-blatt img{display:block;width:100%;height:auto;border-radius:3px;border:1px solid var(--c-line);background:#fff;box-shadow:0 10px 28px rgba(40,60,30,.14)}
.wk-kopf-blatt figcaption{font-size:.9rem;margin-top:.5rem}
@media (max-width:600px){.wk-kopf-blatt{width:9.5rem}}
@media (min-width:601px) and (max-width:1000px){.wk-kopf-blatt{width:12rem}}
@media (min-width:1001px){
  .wk-kopf{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:var(--s5);align-items:start}
  .wk-kopf-blatt{margin:.4rem 0 0}
}
@media (min-width:601px){.seite-wundkonzept .blattstrecke{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:1001px){.seite-wundkonzept .blattstrecke{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* Handy: kein weißer Streifen unter dem Fuß – der Platz für die Anrufleiste liegt im Fuß */
@media (max-width:767px){body{padding-bottom:0}.fuss{padding-bottom:var(--s3)!important}}
/* Jobs/Team am Handy: Gruppenfoto randlos über die volle Breite (wie Startseite), Köpfe größer */
@media (max-width:600px){.huelle>.gruppenbild{margin-inline:calc(50% - 50vw)!important;border-radius:0!important;padding:var(--s2) 0 0!important}.huelle>.gruppenbild img{width:100%;max-width:none}}
/* Nachbarschaft: „Zum Einsatzgebiet“ als eigene Schlusszeile über die volle Breite */
.linkzeile--nachbar a[href$="einsatzgebiet/index.html"]{grid-column:1/-1;margin-top:.3rem}
/* Start 601–1000: Ginkgo hinter dem Wund-Kasten weg (nur Spitzen schauten hervor) */
@media (min-width:601px) and (max-width:1000px){.seite-start .einstieg::before{display:none}}
/* Barrierefreiheit: Vorsatz „Unsere Bürozeiten:“ mit Abstand zur Angabenliste */
.zeiten-vorsatz{margin-top:var(--s3)}
/* Pflegehilfsmittel am Handy: zweiter Link in eigener Zeile, kein „·“ am Zeilenende */
@media (max-width:600px){.wegweiser .trenn-punkt{display:none}.wegweiser__zweit{display:table}}
/* „Auch für Fachleute:“ – Links bündig rechts neben der Beschriftung */
@media (min-width:601px){.linkzeile--label{display:grid;grid-template-columns:auto 1fr;column-gap:1.4rem;row-gap:.6rem;justify-items:start}.linkzeile--label>.linkzeile__label{grid-row:span 3}.linkzeile--label>a{grid-column:2}}
/* Arzt 1001–1199: Download-Knopf einzeilig */
@media (min-width:1001px) and (max-width:1199px){a.btn[download]{padding-inline:1rem;font-size:1.05rem;white-space:nowrap}}
/* Kopf -> erster Abschnitt: kein doppelter Abstand (vorher ~130 px Loch, am Handy bis 250 px) */
.seite-oben>.seitenkopf{padding-bottom:var(--s3)!important}
.seite-oben>.seitenkopf>:last-child,.seite-oben>.seitenkopf>:last-child>:last-child,.seite-oben>.seitenkopf .vorspann>:last-child{margin-bottom:0}
/* Landkreise: Satz unter der Ortsliste mit Abstand */
.orte-gruppen + p{margin-top:var(--s3)}
/* Landkreis-Karte ab 601: „Karte groß ansehen“ rechts neben den Quellzeilen statt allein in Zeile 2 */
@media (min-width:601px){.gebietskarte figcaption{display:grid;grid-template-columns:1fr auto;column-gap:1.5rem;align-items:start}.gebietskarte__zeile{grid-column:1}.gebietskarte__gross{grid-column:2;grid-row:1}}
/* Wichtige Kontakte „Wenn es schnell gehen muss“: Notrufnummern groß, Apotheken-Karte breiter – kein Loch unter Notruf/Bereitschaftsdienst */
.kontakte--notfall .kontakt__nummer a{font:700 1.9rem/1.15 var(--font-head)}
@media (min-width:601px){
  .kontakte--notfall{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important}
  .kontakte--notfall>li:nth-child(1){grid-column:1;grid-row:1 / span 2}
  .kontakte--notfall>li:nth-child(2){grid-column:1;grid-row:3 / span 2}
  .kontakte--notfall>li:nth-child(3){grid-column:2;grid-row:1 / span 4;display:flex!important;flex-direction:column}
  .kontakte--notfall>li:nth-child(3)>.kontakt__rumpf{flex:1}
}
/* Mühldorf 1024: lange Gemeindenamen passen in die Spalte */
@media (min-width:601px){.orte-gruppen--sp3>.orte:last-child .orte__liste{columns:7.4rem 3!important;column-gap:1.25rem!important}}

/* ===== Runde 12f (19.10.2026) ===== */
/* Fachleute-Kasten Schmerztherapie/Infusion: Wegweiser mit drei Zielen – unter 1200 px jedes Ziel in eigener Zeile, nie „·“ am Zeilenende */
@media (max-width:1199px){.wegweiser--drei .trenn-punkt{display:none}.wegweiser--drei .wegweiser__zweit{display:table}}
/* Arzt „Wer wir sind“: am Handy zweiter Link in eigener Zeile ohne Punkt */
@media (max-width:600px){.trenn-handy{display:none}.zweit-handy{display:table}}
/* Leistungen/Für Patienten 1001–1199 (Spalte neben der Seitenleiste nur 588 px): Leistungskarten untereinander statt 2 × 284 px */
@media (min-width:1001px) and (max-width:1199px){.seite-raster .leistungen{grid-template-columns:minmax(0,1fr)!important}}
/* Kasten „Sie haben die Wahl“: rundum gleiche Ecken */
.wahl{border-radius:var(--r)!important}
/* Für Patienten u. a.: neun Landkreise ab 601 px als 3 × 3 – kein Landkreis allein in der letzten Reihe */
@media (min-width:601px){.landkreise:has(>a:nth-child(9):last-child){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.landkreise:has(>a:nth-child(9):last-child)>a{text-align:center}}
/* Wundkonzept im Detail 601–1000: Titelblatt rechts neben Überschrift statt allein darunter */
@media (min-width:601px) and (max-width:1000px){
  .wk-kopf{display:grid;grid-template-columns:minmax(0,1fr) 11rem;gap:var(--s4);align-items:start}
  .wk-kopf-blatt{width:auto;margin:.4rem 0 0}
}
/* Wundkonzept im Detail: Blätter 1001–1199 als 3 + 3 (vorher 140 px, Titel zerrissen); Patientenmappe-Kasten nicht über die volle Breite */
@media (min-width:1001px) and (max-width:1199px){.seite-wundkonzept .blattstrecke{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:901px){.seite-wundkonzept .mappe-knopf{max-width:46rem!important}}
/* Landkreise 601–1000: Teamkarten 2 × 2, Foto oben – Karten füllen die Spalte */
@media (min-width:601px) and (max-width:1000px){
  .personen--vier:not(:has(.name-hand)){grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}
  .personen--vier:not(:has(.name-hand)) .person{grid-template-columns:minmax(0,1fr)!important;background:#fff!important}
  .personen--vier:not(:has(.name-hand)) .person__portraet{width:auto!important;max-width:100%!important;height:260px!important;object-fit:cover;object-position:50% 0;margin:0 auto!important;display:block}
}
/* Kartenquelle am Handy: kompakt, „©“ beim Link, keine Lücken */
@media (max-width:600px){
  .gebietskarte figcaption{display:block}
  .gebietskarte__zeile>a,.gebietskarte__zeile .nw>a{display:inline-block;width:auto;min-height:0;padding-block:6px}
  .gebietskarte__gross{display:inline-block;padding-block:6px}
}
/* Ratgeber: Ginkgo im Kopf bleibt im Kopf (Stiel lief in die Karte) */
.seitenkopf::after{height:min(290px,calc(100% + .5rem));width:260px;aspect-ratio:auto;background-position:right top}
/* Ratgeber „Ihre Frage ist nicht dabei?“ ab 768: zwei Spalten wie die Karten darüber */
@media (min-width:768px){
  .abschnitt:has(>#h-r1-t){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s2);align-items:start}
  .abschnitt:has(>#h-r1-t)>h2{grid-column:1;grid-row:1}
  .abschnitt:has(>#h-r1-t)>p:not(.zeiten-zeile):not(.geprueft){grid-column:1;grid-row:2}
  .abschnitt:has(>#h-r1-t)>.aktion{grid-column:2;grid-row:1;align-self:end;margin:0}
  .abschnitt:has(>#h-r1-t)>.zeiten-zeile{grid-column:2;grid-row:2}
  .abschnitt:has(>#h-r1-t)>.geprueft{grid-column:1 / -1;grid-row:3}
}
/* Post: Flyer oben bündig mit der Überschrift statt mittig (Loch oben links) */
@media (min-width:801px){.post{align-items:start}.post__bild{margin-top:.6rem}}
/* Kontakt 601–1000: Bürozeiten als schmales Band in einer Zeile */
@media (min-width:601px) and (max-width:1000px){
  .kontakt-zeiten{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:2.5rem}
  .kontakt-zeiten h2{margin:0}
  .kontakt-zeiten .zeiten-zeile{margin:0}
  .kontakt-zeiten .zeiten{grid-template-columns:repeat(4,max-content)}
  .kontakt-zeiten .zeiten>span:nth-child(2)>abbr{margin-left:1.8em}
}
/* Wegweiser direkt unter dem Satz mit Doppelpunkt, Telefon/Fax danach mit Abstand */
.kasten-fach .wegweiser--drei{margin:0 0 var(--s2)}
/* Wund-Patienten „Weg 1 – / Sie melden sich selbst.“: beide Wege gleich zweizeilig, am Handy ohne Leerraum über dem Titel */
.weg-rest{display:block}
.kaesten--zwei h3{margin-top:0}
@media (min-width:601px) and (max-width:1000px){.personen--vier:not(:has(.name-hand)) .person{align-content:start!important;align-items:start!important}}
/* E-Mail-Adressen ganz („info@ / carefriends.de“ weg); nur unter 360 px darf am „@“ umbrochen werden */
a[href^="mailto:"]{white-space:nowrap}
@media (max-width:359px){a[href^="mailto:"]{white-space:normal}}
@media (max-width:600px){.person a[href^="mailto:"]{font-size:.8rem}}
/* Verteiler 1001–1199: Kachel-Link „Zu den Pflegediensten“ einzeilig in der Kachel */
@media (min-width:1001px) and (max-width:1199px){.wege .kachel__link{font-size:.92rem}}
/* Einsatzgebiet 601–1199: „Dingolfing-Landau“ passt in die Landkreis-Karte (ragte 11 px heraus) */
@media (min-width:601px) and (max-width:1199px){.lkkarte__name{font-size:1.05rem}}
@media (min-width:1001px) and (max-width:1079px){.lkkarte__name{font-size:.95rem}}
/* Palliativ „Sie erreichen uns“ 768–1000 und ab 1200: Telefon und Bürozeiten rechts neben den beiden Porträts (1001–1199 ist die Spalte neben der Seitenleiste zu schmal) */
@media (min-width:768px) and (max-width:1000px),(min-width:1200px){
  .abschnitt:has(>#h-pa4-t){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s5);align-items:end}
  .abschnitt:has(>#h-pa4-t)>h2{grid-column:1 / -1}
  .abschnitt:has(>#h-pa4-t)>.kopfperson--unten{grid-column:1;grid-row:2 / span 2;margin-bottom:0}
  .abschnitt:has(>#h-pa4-t)>.kontaktkarte{grid-column:2;grid-row:2;margin-bottom:.4rem}
  .abschnitt:has(>#h-pa4-t)>.zeiten-zeile{grid-column:2;grid-row:3;align-self:start}
}
/* Palliativ: beide Porträts mit denselben Ecken */
.kopfperson--unten img{border-radius:var(--r)}
/* Wundversorgung (Verteiler): weißer Kopfkasten so breit wie die Karten darunter (endete 58 px früher) */
.seitenkopf--banner{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
/* Wichtige Kontakte, Pflegestützpunkte: Angaben untereinander ohne Loch über der Telefonzeile */
.kontakt--psp .kontakt__rumpf>p{margin-top:0!important}
.kontakt--psp .kontakt__rumpf>p+p{margin-top:.35rem!important}
/* Wichtige Kontakte 601–1199 (zwei Spalten): dritte Karte über die volle Breite statt allein in einer halben Reihe */
@media (min-width:601px) and (max-width:1199px){.kontakte:not(.kontakte--notfall)>li:last-child:nth-child(3){grid-column:1 / -1}}
/* ===== Runde 12g ===== */
/* Kontakt: Bürozeiten-Band nur bis 800 px – ab 801 steht der Kasten schmal rechts neben dem Kopf (dort lief „Fr 8–13 Uhr“ hinaus) */
@media (min-width:801px) and (max-width:1000px){
  .kontakt-zeiten{display:block}
  .kontakt-zeiten h2{margin-bottom:.4rem}
  .kontakt-zeiten .zeiten{grid-template-columns:max-content max-content}
  .kontakt-zeiten .zeiten>span:nth-child(2)>abbr{margin-left:0}
}
/* Wundkonzept im Detail ab 1200 (sechs Blätter in einer Reihe): Blatt-Titel so groß, dass „Ziel der Zusammenarbeit“ einzeilig steht */
@media (min-width:1200px){.seite-wundkonzept .blattstrecke figcaption b{font-size:clamp(14.4px,calc(1.45vw - 3px),16.5px)!important}}
/* Ratgeber u. a. am Handy: „Mehr dazu“-Titel passt in eine Zeile („Was Care Friends beiträgt“), Plus etwas näher an den Rand */
@media (max-width:600px){
  .mehr-dazu summary{padding-right:1.9rem}
  .mehr-dazu summary::after{right:.8rem}
  .mehr-dazu__titel{font-size:clamp(16px,calc((100vw - 136px)/11.6),1.0625rem)}
}
/* Wichtige Kontakte: allein stehende Karten so breit wie die Reihe (main li war auf 33em begrenzt, Kante 697 statt 737) */
.kontakte>li.kontakt{max-width:none}
/* Landkreis-Kapseln 3 × 3: Spalten nie schmaler als ihr längster Name – „Dingolfing-Landau“ behält seinen Innenrand */
@media (min-width:601px){.landkreise:has(>a:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(max-content,1fr))}}
/* Einsatzgebiet 601–700: Landkreisnamen etwas kleiner (wie 1001–1079), „Dingolfing-Landau“ stieß an den Kachelrand */
@media (min-width:601px) and (max-width:700px){.lkkarte__name{font-size:.95rem}}
/* Pflegehilfsmittel: Wegweiser vor Telefon/Fax, Abstand wie auf Schmerztherapie und Infusion */
.kasten-fach .wegweiser--vor{margin:0 0 var(--s2)}
/* Team am Handy: Mailadresse in eigener Zeile über die volle Kartenbreite (brach am „@“) */
@media (max-width:600px){
  .personen--einzeln .person:has(.person__extra a[href^="mailto:"]){position:relative;padding-bottom:2.9rem}
  .personen--einzeln .person:has(.person__extra a[href^="mailto:"]) .person__text{position:static}
  .personen--einzeln .person .person__extra:has(a[href^="mailto:"]){position:absolute;left:0;right:0;bottom:0;height:2.9rem;margin:0;display:flex;align-items:center;padding:0 1rem;background:#fff;border-top:1px solid var(--c-line);border-radius:0 0 var(--r) var(--r)}
  .personen--einzeln .person .person__extra a[href^="mailto:"]{font-size:.9rem;white-space:nowrap}
}
/* Wund-Patienten 481–600: die zwei Wege untereinander wie am Handy – nebeneinander lief „Sie melden sich selbst.“ 2–14 px über den Kasten (Breiten-Durchlauf 12g) */
@media (max-width:600px){.kaesten--zwei{grid-template-columns:minmax(0,1fr)}}
/* Team 360–372 px: „Palliative-Care-Fachkraft“ lief bis 9 px über die Karte (stand schon vor 12g, gefunden im Breiten-Durchlauf) – darf am Bindestrich umbrechen wie unter 360 */
@media (max-width:372px){.person__quali .nw{white-space:normal}}

/* ===== Runde 13 (20.10.2026): Kopf, Wegweiser, Startseite neu geordnet ===== */
/* 1) Handy: runder Telefon-Knopf neben „Menü“ (statt Anrufleiste unten) */
.kopf-tel{display:none}
@media (max-width:767px){
  .kopf-tel{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--c-green);color:#fff;margin-left:auto}
  .kopf-tel:hover{background:var(--c-green-strong);color:#fff}
  .kopf-tel .icon{fill:#fff;stroke:none;width:22px;height:22px}
  .kopf-tel+.menue-knopf{margin-left:0!important}
}
/* 2) Laptop: kleine Zeile über den Menüpunkten (nur wo das Hauptmenü steht) */
.kopf-info{display:none}
@media (min-width:1100px){
  .hauptnav{display:flex!important;flex-direction:column;align-items:flex-end;gap:.15rem}
  .kopf-info{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;margin:0;max-width:none;font:500 .78rem/1.2 var(--font-body);color:var(--c-mute);white-space:nowrap}
  .kopf-info span{display:inline-flex;align-items:center;gap:.3rem}
  .kopf-info .icon{width:14px;height:14px;color:var(--c-green)}
  .kopf-info .ki-punkt{color:var(--c-light)}
}
@media (min-width:1100px) and (max-width:1299px){.kopf-info{font-size:.7rem;gap:.35rem}.kopf-info .icon{width:12px;height:12px}.kopf-info span{gap:.2rem}}
/* 3) Wegweiser-Leiste kompakt, Mini-Symbole im Menü */
.fuerwen{margin:0 0 var(--s2)}
.fuerwen__titel{margin:0 0 .3rem;font-size:.85rem}
.fuerwen ul{gap:.4rem}
.fuerwen__ziel{gap:.15rem!important;padding:.3rem .25rem .3rem!important;font-size:.85rem!important;border-radius:10px}
.fuerwen__ziel img{width:36px!important;height:36px!important;border-width:1.5px}
.fuerwen li{max-width:8rem!important}
@media (min-width:1000px) and (max-width:1199px){.fuerwen__ziel{font-size:.82rem!important}}
.mi-ico{width:22px;height:22px;border-radius:50%;vertical-align:middle;margin-left:.45rem;display:inline-block}
.hm-unter a,.nav-unter a{white-space:normal}
/* 4) Handgemalte Kacheln immer vollständig (Originalverhältnis 1200:700) */
.kachel>img{height:auto;aspect-ratio:1200/700;object-fit:contain}
/* 5) Roter Strich oben nur an der Arzt-Kachel */
a.kachel.kachel--arzt{border-top-color:var(--c-berry)!important}
/* 7–13) Startseite oben */
.einstieg-raster{align-items:start!important}
.einstieg-rechts{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.kein-pd{border:0!important;border-radius:0;padding:0!important;margin:0 0 var(--s3);gap:.45rem;font-size:.9rem;line-height:1.35;color:var(--c-mute);max-width:none}
.kein-pd .icon{width:16px;height:16px;margin-top:.12rem;flex:none}
.leist-knoepfe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:none}
.leist-knoepfe li{max-width:none}
.leist-knoepfe a{display:flex;align-items:center;gap:.55rem;height:100%;padding:.45rem .7rem;background:#fff;border:1px solid var(--c-line);border-radius:12px;color:var(--c-fg);text-decoration:none;font:600 .92rem/1.2 var(--font-head)}
.leist-knoepfe a:hover{border-color:var(--c-green);color:var(--c-green-strong)}
.leist-knoepfe .ico{display:inline-flex;flex:none;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--c-tint);color:var(--c-green)}
.leist-knoepfe .ico .icon{width:18px;height:18px}
.beleg{margin-top:var(--s3)}
@media (min-width:1100px){.beleg{display:none!important}}
/* Wund-Kasten deutlich kürzer */
.wundkasten{padding:1rem 1.2rem!important;grid-template-columns:24% minmax(0,1fr)!important;grid-template-areas:"titel titel" "unter unter" "blatt haken" "satz satz" "knopf knopf"!important;column-gap:1rem!important}
.wundkasten h2{margin-bottom:0!important}
.wundkasten .wk-unter{margin:0 0 .5rem!important;font-size:1rem}
.wundkasten .wk-haken{gap:.3rem;font-size:.95rem}
.wundkasten .wk-satz{margin:.55rem 0 0!important;font-size:.82rem;line-height:1.4;max-width:none}
.wundkasten .btn{margin:.65rem 0 0!important;padding-top:.55rem;padding-bottom:.55rem}
/* Schnellauswahl */
.schnell h2{font:600 1rem/1.2 var(--font-head);color:var(--c-mute);margin:0 0 .5rem}
.schnell ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:none}
.schnell li{max-width:none}
.schnell__ziel{display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;padding:.5rem .2rem .45rem;background:#fff;border:1px solid var(--c-line);border-radius:12px;text-decoration:none;color:var(--c-fg);font:600 .95rem/1.15 var(--font-head);text-align:center}
.schnell__ziel img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--c-light);background:#fff}
.schnell__ziel:hover{border-color:var(--c-green);color:var(--c-fg)}
.schnell__ziel--arzt{color:var(--c-berry)}.schnell__ziel--arzt img{border-color:var(--c-berry)}.schnell__ziel--arzt:hover{border-color:var(--c-berry);color:var(--c-berry)}
@media (min-width:1000px){.einstieg{padding-top:var(--s4)!important;padding-bottom:var(--s3)!important}}
/* Handy und Tablet hochkant: eine Spalte, Reihenfolge per order */
@media (max-width:999px){
  .einstieg-raster{grid-template-columns:minmax(0,1fr)!important;gap:var(--s2)!important}
  .einstieg-text,.einstieg-rechts{display:contents}
  .einstieg-text>h1{order:1;margin:0}.einstieg-text>.lead{order:2;margin:0}.einstieg-text>.kein-pd{order:3;margin:0}
  .wundkasten{order:4}.schnell{order:5}.leist-knoepfe{order:6}.einstieg-text>.beleg{order:7}
  .beleg{display:flex!important;flex-wrap:wrap;gap:.3rem .9rem;margin:0;font-size:.85rem;color:var(--c-mute)}
  .beleg li{gap:.35rem}.beleg .icon{width:16px;height:16px}
}
@media (min-width:600px) and (max-width:999px){.wundkasten{grid-template-columns:140px minmax(0,1fr)!important}}
@media (max-width:480px){
  .leist-knoepfe{grid-template-columns:minmax(0,1fr)}
  .wundkasten{grid-template-columns:78px minmax(0,1fr)!important;padding:.85rem .9rem!important}
  .wundkasten .wk-haken li{font-size:.9rem}
  .schnell__ziel img{width:52px;height:52px}.schnell__ziel{font-size:.88rem}
  .beleg{flex-direction:column}
}
@media (min-width:1000px){
  .leist-knoepfe a{padding:.35rem .65rem}
  .einstieg-text>.lead{margin-bottom:.7rem}
  .kein-pd{margin-bottom:var(--s2)}
  .gruppe{padding-top:var(--s2)!important}
}