/* Physiotherapie Greven – neue Seite im Apple-Stil (06.11.2026). Logo-Farben: #38909f, #caf8e1, #5b9d7e */
@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--tuerkis:#38909f;--tuerkis-tief:#1f6f7d;--minze:#caf8e1;--gruen:#5b9d7e;--tinte:#1d1d1f;--grau:#6e6e73;--flaeche:#f5f5f7;--linie:rgba(0,0,0,.09);
  --schrift:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Inter,"Segoe UI",Roboto,Arial,sans-serif;--anzeige:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Inter,"Segoe UI",Roboto,Arial,sans-serif;
  --federn:cubic-bezier(.2,.75,.25,1);--kopf:54px;--r:28px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
html.menue-auf{overflow:hidden}
body{margin:0;font-family:var(--schrift);color:var(--tinte);background:#fff;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--tuerkis-tief);text-decoration:none}
h1,h2,h3{font-family:var(--anzeige);margin:0;letter-spacing:-.022em;line-height:1.06;font-weight:700;text-wrap:balance}
h1{font-size:clamp(44px,8.2vw,104px);letter-spacing:-.034em;line-height:1.02}
h2{font-size:clamp(34px,5.4vw,64px);letter-spacing:-.03em}
h3{font-size:clamp(21px,2.1vw,26px);line-height:1.2}
p{margin:0}
.breite{width:min(1180px,100%);margin-inline:auto;padding-inline:24px}
.schmal{width:min(860px,100%);margin-inline:auto;padding-inline:24px}
.mittig{text-align:center}
.mittig .knoepfe,.mittig-b{justify-content:center}
.ueber{font-size:clamp(15px,1.5vw,19px);font-weight:600;color:var(--tuerkis-tief);letter-spacing:-.01em;margin-bottom:12px}
.unter{font-size:clamp(19px,2.2vw,26px);color:var(--grau);letter-spacing:-.015em;line-height:1.3;max-width:34em;margin:20px auto 0}
.sprung{position:absolute;left:-999px;top:0;z-index:100;background:#fff;padding:10px 16px;border-radius:10px}
.sprung:focus{left:12px;top:8px}
:focus-visible{outline:3px solid var(--tuerkis);outline-offset:3px;border-radius:6px}

/* Kopfzeile */
.kopf{position:sticky;top:0;z-index:50;height:var(--kopf);background:rgba(255,255,255,.76);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid transparent;transition:border-color .3s}
.kopf.gescrollt{border-bottom-color:var(--linie)}
.kopf-innen{height:100%;width:min(1180px,100%);margin-inline:auto;padding-inline:24px;display:flex;align-items:center;gap:26px}
.marke{display:flex;align-items:center;gap:10px;color:var(--tinte);font-weight:600;font-size:16px;letter-spacing:-.015em;margin-right:auto;white-space:nowrap}
.marke img{width:34px;height:auto}
#menue{display:flex;gap:26px}
#menue a{color:var(--tinte);opacity:.72;font-size:14px;transition:opacity .2s;white-space:nowrap}
#menue a:hover,#menue a[aria-current]{opacity:1}
.kopf-tel{background:var(--tuerkis-tief);color:#fff;font-size:13px;font-weight:600;border-radius:99px;padding:6px 15px;transition:filter .2s}
.kopf-tel:hover{filter:brightness(1.12)}
.menue-knopf{display:none;width:40px;height:40px;margin-right:-8px;border:0;background:none;position:relative;cursor:pointer}
.menue-knopf span{position:absolute;left:10px;right:10px;height:1.6px;background:var(--tinte);transition:transform .3s var(--federn),top .3s var(--federn)}
.menue-knopf span:first-child{top:16px}.menue-knopf span:last-child{top:23px}
.offen .menue-knopf span:first-child{top:19.5px;transform:rotate(45deg)}
.offen .menue-knopf span:last-child{top:19.5px;transform:rotate(-45deg)}

/* Knöpfe */
.knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.knopf{display:inline-flex;align-items:center;background:var(--tuerkis-tief);color:#fff;font-weight:600;font-size:17px;border-radius:99px;padding:12px 24px;letter-spacing:-.01em;transition:transform .25s var(--federn),filter .2s}
.knopf:hover{filter:brightness(1.12);transform:scale(1.03)}
.knopf.hell{background:#fff;color:var(--tinte)}
.knopf.klein{font-size:14px;padding:8px 15px}
.knopf.zart{background:rgba(0,0,0,.07);color:var(--tinte)}
.textlink{display:inline-flex;align-items:center;gap:7px;color:var(--tuerkis-tief);font-size:17px;font-weight:500}
.textlink.hell{color:var(--minze)}
.textlink.gross{font-size:clamp(18px,1.9vw,21px);margin-top:36px}
.pfeil{width:7px;height:12px;transition:transform .25s var(--federn)}
.textlink:hover .pfeil{transform:translateX(4px)}

/* Startbereich */
.start{padding-top:clamp(52px,8vw,92px);overflow:hidden}
.seiten-kopf{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(30px,4vw,52px);overflow:hidden}
.seiten-kopf.klein{padding-bottom:0}
.seiten-kopf.klein h1{font-size:clamp(38px,5.4vw,60px)}
.start-rahmen{--p:0;margin-top:clamp(40px,6vw,72px);padding-inline:calc((1 - var(--p))*clamp(16px,5vw,72px))}
.start-bild{border-radius:calc((1 - var(--p))*var(--r) + 0px);overflow:hidden;height:min(82vh,56vw);min-height:360px;background:#e9e7e4}
.start-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(calc(1.14 - var(--p)*.14));will-change:transform}
.start-ein{animation:aufsteigen 1s var(--federn) both}
.e2{animation-delay:.09s}.e3{animation-delay:.2s}
@keyframes aufsteigen{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* Abschnitte */
.abschnitt{padding-block:clamp(72px,10vw,132px)}
.abschnitt.knapp{padding-block:clamp(36px,5vw,64px)}
.abschnitt.ohne-oben{padding-top:0}
.abschnitt.grau{background:var(--flaeche)}
.abschnitt-kopf{text-align:center;margin-bottom:clamp(36px,5vw,64px)}
.abschnitt-kopf.links{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;text-align:left}
.abschnitt-kopf.links h2{max-width:13em}
.schwarz{background:#000;color:#f5f5f7}
.schwarz .ueber{color:var(--minze)}
.schwarz .unter{color:#a1a1a6}
.mittig-abschnitt{padding-block:clamp(72px,9vw,120px)}

/* Aussage: Wörter leuchten beim Scrollen auf */
.aussage{padding-block:clamp(110px,16vw,210px)}
.aussage-text{font-family:var(--anzeige);font-size:clamp(30px,5vw,58px);font-weight:700;line-height:1.14;letter-spacing:-.028em}
.js .aussage-text span{color:#3a3a3d;transition:color .35s}
.aussage-text span.an{color:#f5f5f7!important}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(230px,27vw,320px);gap:16px}
.kachel{position:relative;display:flex;overflow:hidden;border-radius:var(--r);background:#111;color:#fff;isolation:isolate}
.b2{grid-column:span 2}.b3{grid-column:span 3}.b4{grid-column:span 4}
.kachel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--federn)}
.kachel:hover>img{transform:scale(1.05)}
.kachel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.34) 34%,rgba(0,0,0,0) 66%);z-index:0}
.kachel-text{position:relative;z-index:1;padding:clamp(20px,2.3vw,28px);display:flex;flex-direction:column;gap:5px}
.kachel-text strong{font-family:var(--anzeige);font-size:clamp(22px,2.3vw,29px);letter-spacing:-.022em;line-height:1.12;hyphens:auto;overflow-wrap:break-word}
.kachel-text span{font-size:clamp(15px,1.4vw,17px);line-height:1.3;opacity:.92;max-width:22em}
.kachel.hell{background:#fff;color:var(--tinte);border:1px solid var(--linie)}
.kachel.hell>img{inset:auto 2% 2% auto;width:58%;height:74%;object-fit:contain;object-position:100% 100%}
.kachel.hell .kachel-text span{max-width:15em}
.kachel.hell::after{display:none}
.kachel.g-nerven{background:radial-gradient(120% 120% at 80% 90%,#1f6f7d,#07262b 62%,#031214)}
.kachel.g-haus{background:linear-gradient(120deg,#1f6f7d,#38909f 60%,#5b9d7e)}
.tile-grafik{position:absolute;inset:auto 0 0 0;width:100%;height:auto}
.tile-grafik.haus{inset:auto 5% 0 auto;width:auto;height:84%;opacity:.42}
.kachel::after{pointer-events:none}
.g-nerven::after,.g-fango::after,.g-haus::after{display:none}

/* Weg mit Wirbelsäule */
.weg{padding-block:clamp(90px,12vw,160px)}
.weg-raster{display:grid;grid-template-columns:minmax(120px,380px) 1fr;gap:clamp(20px,6vw,90px);align-items:start}
.weg-saeule{position:sticky;top:calc(var(--kopf) + 3vh);height:calc(100vh - var(--kopf) - 6vh);display:flex;justify-content:center}
.saeule{height:100%;width:auto;overflow:visible}
.wb rect,.wb path{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.3);stroke-width:1;transition:fill .4s,stroke .4s}
.bs{fill:rgba(255,255,255,.05);transition:fill .4s}
.wb.an rect,.wb.an path{fill:var(--f);stroke:var(--f)}
.bs.an{fill:rgba(202,248,225,.34)}
.weg-schritte{list-style:none;margin:0;padding:0}
.weg-schritte li{min-height:64vh;display:flex;flex-direction:column;justify-content:center;gap:12px;opacity:.32;transition:opacity .45s;max-width:30em}
.weg-schritte li.aktiv{opacity:1}
html:not(.js) .weg-schritte li{opacity:1}
.weg-schritte li:first-child{min-height:60vh}
.weg-schritte li:last-child{min-height:62vh}
.nr{font-family:var(--anzeige);font-size:18px;font-weight:700;color:#000;background:var(--minze);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.weg-schritte h3{font-size:clamp(30px,4.2vw,48px);letter-spacing:-.03em}
.weg-schritte p{font-size:clamp(18px,1.9vw,22px);line-height:1.38;color:#c7c7cc}

/* Team-Galerie */
.galerie{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(24px,calc((100vw - 1132px)/2)) 24px;scrollbar-width:none;scroll-padding-inline:max(24px,calc((100vw - 1132px)/2))}
.galerie::-webkit-scrollbar{display:none}
.person{flex:0 0 clamp(240px,27vw,310px);margin:0;scroll-snap-align:start}
.person-bild{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#e5e5ea}
.person-bild img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--federn)}
.initialen{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(56px,7vw,84px);font-weight:600;letter-spacing:-.02em;color:#1f6f7d;background:#eaf6f3}
.person:hover img,.team-karte:hover img{transform:scale(1.04)}
.person figcaption{padding:14px 6px 0;display:flex;flex-direction:column}
.person figcaption strong{font-size:19px;letter-spacing:-.018em;line-height:1.2}
.person figcaption span{color:var(--grau);font-size:15px}
.galerie-knoepfe{display:flex;gap:10px;flex:none}
.galerie-knoepfe button{width:44px;height:44px;border-radius:50%;border:0;background:#e3e3e7;color:var(--tinte);display:grid;place-items:center;cursor:pointer;transition:background .2s}
.galerie-knoepfe button:hover{background:#d4d4da}
.galerie-knoepfe [data-zurueck] svg{transform:rotate(180deg)}

/* Zahlen */
.zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zahlen div{background:var(--flaeche);border-radius:var(--r);padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;gap:8px}
.zahlen strong{font-family:var(--anzeige);font-size:clamp(46px,5.6vw,72px);letter-spacing:-.04em;line-height:1;color:var(--tuerkis-tief);font-variant-numeric:tabular-nums}
.zahlen span{color:var(--grau);font-size:16px;line-height:1.3;hyphens:auto;overflow-wrap:anywhere}

/* Karte */
.karte{position:relative;border-radius:var(--r);overflow:hidden;height:clamp(420px,52vw,600px);background:#f4f2ec;box-shadow:inset 0 0 0 1px var(--linie)}
.karte.gross{height:clamp(460px,58vw,680px);margin-top:16px}
.karte-bild{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.stift{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;background:var(--tuerkis-tief);border:3.5px solid #fff;border-radius:50%;box-shadow:0 3px 12px rgba(0,0,0,.34)}
.stift::before,.stift i{content:"";position:absolute;inset:-3.5px;border-radius:50%;background:var(--tuerkis);opacity:.5;animation:puls 2.6s ease-out infinite;z-index:-1}
.stift i{animation-delay:1.3s}
@keyframes puls{to{transform:scale(4.2);opacity:0}}
.karte-glas{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:20px;padding:16px 18px;box-shadow:0 8px 34px rgba(0,0,0,.12);max-width:calc(100% - 40px)}
.karte-glas strong{font-size:18px;letter-spacing:-.018em}
.karte-glas span{color:#55555a;font-size:15px}
.karte-knoepfe{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.karte-quelle{position:absolute;right:12px;bottom:8px;font-size:10.5px;color:#77746b}

/* Leistungen */
.chips{position:sticky;top:var(--kopf);z-index:40;background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-block:1px solid var(--linie)}
.chips-innen{display:flex;gap:6px;overflow-x:auto;padding:9px max(24px,calc((100vw - 1132px)/2));scrollbar-width:none}
.chips-innen::-webkit-scrollbar{display:none}
.chips a{flex:none;color:var(--tinte);font-size:14px;font-weight:500;border-radius:99px;padding:6px 14px;transition:background .2s,color .2s}
.chips a:hover{background:var(--flaeche)}
.chips a.aktiv{background:var(--tinte);color:#fff}
.leistung{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,76px);align-items:center;padding-block:clamp(36px,5vw,64px)}
.leistung.rechts .leistung-medien{order:2}
.leistung-medien{border-radius:var(--r);overflow:hidden;aspect-ratio:5/4;background:var(--flaeche)}
.leistung-medien img{width:100%;height:100%;object-fit:cover}
#krankengymnastik .leistung-medien{background:#fff;box-shadow:inset 0 0 0 1px var(--linie)}
#krankengymnastik .leistung-medien img{object-fit:contain;padding:6%}
.medien-grafik{height:100%;position:relative;overflow:hidden}
.medien-grafik.g-nerven{background:radial-gradient(120% 120% at 80% 90%,#1f6f7d,#07262b 62%,#031214)}
.leistung-text h2{font-size:clamp(30px,3.8vw,46px);margin-bottom:18px}
.leistung-text h3{margin:22px 0 10px;font-size:19px}
.leistung-text p{color:#3c3c41;font-size:17px;margin-top:12px}
.leistung-text p.lead{color:var(--tinte);font-size:clamp(19px,1.9vw,21px);line-height:1.38;letter-spacing:-.012em;margin-top:0}
.haken{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.haken li{position:relative;padding-left:30px;font-size:17px;line-height:1.38;color:#3c3c41}
.haken li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--minze) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%231f6f7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}

/* Preise */
.preise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.preis{background:var(--flaeche);border-radius:var(--r);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;gap:10px;min-height:170px;justify-content:space-between}
.preis h3{font-size:19px;letter-spacing:-.015em;line-height:1.22}
.preis .betrag{font-family:var(--anzeige);font-size:clamp(30px,3.4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.preis .betrag.wort{font-size:clamp(23px,2.3vw,27px);letter-spacing:-.02em;line-height:1.1}
.preis .zusatz{color:var(--grau);font-size:15px;margin-top:-4px}
.preis.breit{grid-column:span 2}
.preis.tuerkis{background:linear-gradient(135deg,#1f6f7d,#38909f);color:#fff}
.preis.tuerkis .zusatz{color:rgba(255,255,255,.86)}
.dauern{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.dauer{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.dauer svg{width:clamp(56px,6vw,72px);height:auto;transform:rotate(-90deg);margin-bottom:8px}
.dauer circle{fill:none;stroke-width:7.5;stroke-linecap:round}
.spur{stroke:#e2e2e7}
.wert{stroke:var(--tuerkis);transition:stroke-dashoffset 1.3s var(--federn) .15s}
.js .preis:not(.sichtbar) .wert{stroke-dashoffset:var(--u)}
.dauer strong{font-size:14px;color:var(--grau);font-weight:500}
.dauer span{font-family:var(--anzeige);font-size:clamp(21px,2.3vw,28px);font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}

/* Über uns */
.geschichte{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);position:relative}
.g-punkt{border-top:2px solid var(--tuerkis);padding-top:18px;position:relative}
.g-punkt::before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--tuerkis)}
.g-punkt .ueber{display:block;margin-bottom:6px;font-size:15px}
.g-punkt p{color:var(--grau);margin-top:10px;font-size:17px}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.foto-kachel{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--flaeche)}
.foto-kachel img{width:100%;height:100%;object-fit:cover}

/* Team-Seite */
.zwischen{font-size:clamp(26px,3.2vw,36px);margin:clamp(30px,5vw,60px) 0 clamp(20px,2.4vw,28px)}
.team-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px)}
.team-text{padding:16px 6px 0}
.team-text h3{font-size:23px}
.team-text ul{list-style:none;margin:6px 0 0;padding:0;color:var(--grau);font-size:16px;line-height:1.4}

/* Kontakt */
.wege{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.weg-kachel{background:var(--flaeche);border-radius:var(--r);padding:clamp(22px,2.6vw,30px);color:var(--tinte);display:flex;flex-direction:column;gap:2px;transition:transform .3s var(--federn),background .2s}
.weg-kachel:hover{transform:translateY(-3px);background:#eeeef1}
.icon{width:30px;height:30px;color:var(--tuerkis-tief);margin-bottom:14px}
.weg-kachel span{color:var(--grau);font-size:15px}
.weg-kachel strong{font-family:var(--anzeige);font-size:clamp(19px,2vw,23px);letter-spacing:-.02em;line-height:1.22;overflow-wrap:anywhere}
.info{background:#fff;border-radius:var(--r);padding:clamp(24px,3vw,38px)}
.info h3{margin-bottom:10px}
.info strong{color:var(--tinte)}

/* Rechtstexte */
.text h2{font-size:23px;letter-spacing:-.02em;margin:32px 0 8px}
.text p,.text li{color:#3c3c41;font-size:17px}
.text p+p{margin-top:12px}
.text ul{padding-left:20px;margin:10px 0}

/* Fuß */
.fuss{background:var(--flaeche);color:var(--grau);font-size:13px;padding-block:44px 26px;margin-top:0}
.fuss-oben{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:30px}
.fuss h2{font-family:var(--schrift);font-size:13px;letter-spacing:0;color:var(--tinte);margin-bottom:10px;font-weight:600}
.fuss a{display:block;color:var(--grau);padding:3px 0}
.fuss a:hover{color:var(--tinte)}
.fuss-marke{display:flex;gap:14px;align-items:center}
.fuss-marke strong{color:var(--tinte)}
.fuss-marke img{width:72px;height:auto}
.fuss-unten{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--linie);margin-top:30px;padding-top:14px;flex-wrap:wrap}
.fuss-unten span:last-child{display:flex;gap:20px}

/* Einblenden */
.js .rein{opacity:0;transform:translateY(30px);transition:opacity .9s var(--federn),transform .9s var(--federn)}
.js .rein.sichtbar{opacity:1;transform:none}

/* Tablet */
@media (max-width:980px){
  .preise{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fuss-oben{grid-template-columns:1fr 1fr}
  .fuss-marke{grid-column:span 2}
}
@media (max-width:880px){
  #menue{position:fixed;inset:var(--kopf) 0 0 0;height:calc(100dvh - var(--kopf));background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;gap:0;padding:18px 24px;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .28s,transform .35s var(--federn),visibility .28s}
  .offen #menue{visibility:visible;opacity:1;transform:none}
  #menue a{font-family:var(--anzeige);font-size:30px;font-weight:700;letter-spacing:-.025em;opacity:1;padding:11px 0;border-bottom:1px solid var(--linie)}
  .menue-knopf{display:block}
  .kopf-tel{margin-left:auto}
  .marke{margin-right:0}
  .kopf-innen{gap:12px}
  .leistung,.leistung.rechts{grid-template-columns:1fr}
  .leistung.rechts .leistung-medien{order:0}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(210px,46vw,300px)}
  .b2{grid-column:span 1}
  .b3,.b4,.b2:nth-child(5){grid-column:span 2}
  .g-nerven .tile-grafik{inset:auto -4% -10% auto;width:64%}
  .geschichte,.wege{grid-template-columns:1fr}
  .zwei{grid-template-columns:1fr}
}
/* Handy */
@media (max-width:620px){
  :root{--r:22px}
  body{font-size:17px}
  .breite,.schmal{padding-inline:18px}
  .kopf-innen{padding-inline:18px}
  .start-bild{height:62vh}
  .bento{gap:12px}
  .weg-raster{grid-template-columns:96px minmax(0,1fr);gap:14px}
  .b2 .kachel-text{padding:16px}
  .b2 .kachel-text strong{font-size:18px}
  .b2 .kachel-text span{font-size:14px}
  .kachel.hell>img{width:56%;height:64%}
  .kachel.hell .kachel-text span{max-width:10.5em}
  .tile-grafik.haus{height:64%}
  .g-haus .kachel-text span{max-width:14em}
  .zahlen div{padding:18px}
  .zahlen span{font-size:14.5px}
  .weg-saeule{height:calc(100vh - var(--kopf) - 8vh)}
  .weg-schritte li{min-height:64vh}
  .weg-schritte li:first-child,.weg-schritte li:last-child{min-height:52vh}
  .abschnitt-kopf.links{align-items:flex-start}
  .galerie-knoepfe{display:none}
  .galerie{padding-inline:18px;scroll-padding-inline:18px;gap:14px}
  .person{flex-basis:72vw}
  .preis.breit{grid-column:span 2}
  .karte-glas{left:12px;right:12px;bottom:12px;max-width:none}
  .karte-quelle{top:8px;bottom:auto}
  .team-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .team-text h3{font-size:19px}
  .team-text ul{font-size:13.5px;overflow-wrap:anywhere;hyphens:auto}
  .seiten-kopf h1 br{display:none}
  .preis{padding:18px 16px;min-height:150px}
  .preis h3{font-size:17px;hyphens:manual}
  .fuss-oben{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rein{opacity:1;transform:none}
}