/* Startseite – eigene, saubere Regeln (ab 20.10.2026). Alte Startseiten-Regeln in site.css greifen hier nicht. */
.m-oben{background:var(--c-cream);padding:2.5rem 0 3rem;position:relative;overflow:hidden}
.m-oben::before{content:"";position:absolute;right:-60px;bottom:-40px;width:420px;aspect-ratio:431.563/475.959;background:url(img/ginkgo-gruen.svg) no-repeat center/contain;opacity:.07;pointer-events:none}
.m-raster{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"kopf wund" "wege claim" "hinweis claim";column-gap:4rem;row-gap:2rem;align-items:start}
.m-kopf{grid-area:kopf}.m-wund{grid-area:wund}.m-wege{grid-area:wege}.m-hinweis{grid-area:hinweis}
.m-kopf h1{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,1.4rem + 2.2vw,3.3rem);line-height:1.05;letter-spacing:-.01em;color:var(--c-fg);margin:0 0 1rem;text-wrap:balance}
.m-kopf h1 span{color:var(--c-green)}
.m-lead{font-size:1.25rem;line-height:1.5;color:var(--c-text);max-width:34ch;margin:0}
.m-wege h2{font:700 1.05rem/1.2 var(--font-head);color:var(--c-mute);margin:0 0 .7rem}
.m-wege ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.m-wege li{max-width:none}
.m-weg{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.9rem .3rem .8rem;background:#fff;border:1px solid var(--c-line);border-radius:14px;text-decoration:none;color:var(--c-fg);font:700 1.05rem/1.15 var(--font-head);text-align:center}
.m-weg img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--c-light);background:#fff}
.m-weg:hover,.m-weg:focus-visible{border-color:var(--c-green);color:var(--c-fg)}
.m-weg--arzt{color:var(--c-berry)}.m-weg--arzt img{border-color:var(--c-berry)}
.m-weg--arzt:hover,.m-weg--arzt:focus-visible{border-color:var(--c-berry);color:var(--c-berry)}
.m-weg:focus-visible{outline:3px solid var(--c-green);outline-offset:2px}
.m-hinweis .kein-pd{margin:0;color:var(--c-mute)}
.m-wund .wundkasten{margin:0}
.m-team{background:#fff;padding:3.5rem 0 3rem}
.m-seit{font-family:var(--font-hand);color:var(--c-green);font-size:clamp(1.9rem,1.4rem + 1.4vw,2.6rem);line-height:1;text-align:center;margin:0 0 1.6rem}
.m-foto{margin:0 auto;max-width:1100px}
.m-foto img{display:block;width:100%;height:auto}
.m-namen{max-width:none;width:100%;list-style:none;margin:0 0 -1.4rem;padding:0;position:relative;height:1.6rem;z-index:1}
.m-namen li{position:absolute;left:var(--x);transform:translateX(-50%);font-family:var(--font-hand);color:var(--c-green);font-size:calc(.55rem + .45vw);line-height:1;white-space:nowrap;max-width:none;opacity:.9}
.m-team-text{max-width:40rem;margin:2rem auto 0}
.m-team-text h2{font-family:var(--font-head);color:var(--c-green);font-size:1.6rem;margin:0 0 .5rem}
.m-team-text p{margin:0 0 .6rem}
.m-unten{background:var(--c-cream);padding:3.5rem 0}
.m-zwei{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.m-zwei h2{font-family:var(--font-head);color:var(--c-green);font-size:1.9rem;margin:0 0 1rem}
.m-karte{display:block;margin:1rem 0 .6rem;max-width:420px}
.m-karte img{width:100%;height:auto;border-radius:12px;border:1px solid var(--c-line);background:#fff}
.m-notiz{margin:1.8rem 0 0}
.m-notiz img{display:block;width:min(300px,80%);height:auto;margin:0 0 .5rem}
.m-notiz p{margin:0;font:700 1.1rem/1.3 var(--font-head);color:var(--c-fg)}
.m-notiz a{color:var(--c-green);white-space:nowrap}
.m-beleg{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem 1.3rem;max-width:none;font:500 .92rem/1.3 var(--font-body);color:var(--c-mute)}
.m-beleg li{display:inline-flex;align-items:center;gap:.4rem;max-width:none}
.m-beleg .icon{width:16px;height:16px;color:var(--c-green);flex:none}
.m-claim{grid-area:claim;align-self:start;justify-self:center;width:340px;max-width:100%;height:auto;transform:rotate(-4deg);margin:.2rem 0 0}
@media (max-width:999px){
 .m-claim{justify-self:center;width:270px;margin:.5rem 0 0}
 .m-beleg{flex-direction:column;gap:.35rem}
 .m-raster{grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "wund" "wege" "hinweis" "claim";row-gap:1.4rem}
 .m-oben{padding:1.5rem 0 2rem}
 .m-oben::before{width:300px;right:auto;left:calc(50% - 150px);top:.5rem;bottom:auto;opacity:.08}
 .m-kopf h1{font-size:clamp(1.75rem,1.2rem + 2.4vw,2.4rem)}
 .m-lead{font-size:1.08rem}
 .m-zwei{grid-template-columns:1fr;gap:2.5rem}
}
@media (max-width:600px){
 .m-wege ul{gap:.45rem}
 .m-weg{font-size:.9rem;padding:.6rem .15rem}
 .m-weg img{width:54px;height:54px}
 .m-team{padding:2.5rem 0 2rem}
 .m-namen{display:none}
 .m-seit{font-size:1.45rem;white-space:nowrap}
 .m-kopf h1{text-wrap:wrap}
 .m-zwei h2,.m-team-text h2{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* MUSTER 20.10. 15:40 – Laptop: oben zusammendrücken, damit das Teambild unten hereinschaut (nur ab 1000 px).
   Links: Überschrift, Satz, Belegzeile, „kein Pflegedienst“ – rechts daneben der Wund-Kasten. Darunter Schnellauswahl | Claim. */
@media (min-width:1000px){
 .m-oben{padding:1.5rem 0 1.3rem}
 .m-raster{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"kopf wund" "hinweis wund" "wege claim";column-gap:3.5rem;row-gap:.9rem}
 .m-kopf h1{font-size:clamp(2.2rem,1.3rem + 1.8vw,2.95rem);margin:0 0 .7rem}
 .m-lead{font-size:1.2rem;max-width:42ch}
 .m-beleg{flex-direction:row;flex-wrap:wrap;margin-top:.8rem}
 .m-hinweis{align-self:start;font-size:.95rem}
 .m-wege h2{margin:0 0 .5rem}
 .m-weg{padding:.65rem .3rem .6rem;gap:.35rem}
 .m-weg img{width:60px;height:60px}
 .m-claim{width:280px;align-self:center}
 .m-team{padding:1rem 0 3rem}
 .m-seit{margin:0;font-size:2.2rem;position:relative;z-index:1}
 .m-foto{margin-top:-1.6rem}
 .m-wund .wundkasten{padding:1.1rem 1.4rem 1.2rem;row-gap:.6rem}
 .m-wund .wk-blatt{max-width:96px}
 .m-wund .wundkasten h2{font-size:1.75rem}
 .m-wund .wk-haken{margin:0 0 .4rem}
 .m-wund .wk-satz{display:none}
 .m-kopf .m-beleg{display:none}
 .m-beleg--team{display:flex;justify-content:center;margin:0 0 1.1rem}
}
/* Belegzeile am Teambild nur am Laptop – am Handy bleibt sie oben */
.m-beleg--team{display:none}
@media (min-width:1000px){.m-team .m-beleg--team{display:flex}}