@font-face{font-family:"Mona Bollmann";src:url(assets/fonts/mona-sans-bollmann.woff2) format("woff2");font-weight:400 700;font-stretch:100% 112.5%;font-display:swap}
@font-face{font-family:"Bricolage Bollmann";src:url(assets/fonts/bricolage-bollmann.woff2) format("woff2");font-weight:700;font-display:swap}
:root{

  --kurve:cubic-bezier(.2,.7,.2,1);--t-kurz:.25s;--t-mittel:.45s;--t-lang:.7s;--t-buehne:1s;
  --dunst:#eef1ea;
  --tinte:#1c2617;
  --weg:#79b52f;
  --licht:#a8cf45;
  --gruen:#355f0c;
  --wald:#16301a;
  --papier:#f7f5ea;

  --rand:max(clamp(20px,5vw,80px),calc((100vw - 1800px) / 2));
  --ge-intro:calc(var(--rand) + clamp(330px,35vw,560px));
  --karte:"D-DIN Condensed","Arial Narrow",sans-serif;
  --text:"Mona Bollmann",system-ui,sans-serif;
  --held:"Bricolage Bollmann",system-ui,sans-serif;
}
body{background:var(--dunst);color:var(--tinte);font:400 1.1rem/1.65 var(--text)}
h1,h2,h3{font-family:var(--text);font-weight:700;font-stretch:112%;line-height:1.05;letter-spacing:-.015em}
h2{font-size:clamp(2rem,4.2vw,3.6rem)}
h3{font-size:1.5rem}
p+p{margin-top:1em}
.gross{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5}
a{color:var(--gruen)}

.blattform{overflow:hidden;border-radius:6px 38% 6px 38% / 6px 46% 6px 46%;transition:border-radius var(--t-lang) var(--kurve)}
.blattform img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-buehne) var(--kurve)}

.kopf{position:fixed;z-index:50;transform:translateZ(0);isolation:isolate;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:30px var(--rand);transition:background var(--t-mittel) var(--kurve),padding-top var(--t-mittel) var(--kurve),padding-bottom var(--t-mittel) var(--kurve),box-shadow var(--t-mittel) var(--kurve)}
.kopf.ist-fest{background:var(--papier);padding-top:14px;padding-bottom:14px;box-shadow:0 1px 0 rgba(22,48,26,.08),0 8px 30px rgba(22,48,26,.06)}
.logo{display:block;width:250px;transition:width var(--t-mittel) var(--kurve)}
.kopf.ist-fest .logo{width:210px}
.kopf ul{display:flex;list-style:none;margin:0;padding:0;gap:4px}
.kopf nav a{display:block;padding:10px 14px;font:700 1.15rem/1 var(--karte);color:var(--tinte);text-decoration:none;border-radius:2px 16px 2px 16px;transition:background var(--t-kurz) var(--kurve),color var(--t-kurz) var(--kurve)}
.kopf nav a:hover{background:var(--wald);color:#fff}
@media (max-width:900px){.kopf nav{display:none}.logo{width:min(190px,calc(100vw - 152px))}.kopf.ist-fest .logo{width:170px}}

.held{height:240vh;position:relative}
.held-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--dunst);
  --m:24px;--k:110px;--b:64px;--dunst-deckkraft:1;
  --ht:calc(clamp(140px,19vh,190px) + 1.55*clamp(22.4px,2vw,32px) + 2.04*clamp(36.8px,4.3vw,78.4px));
  --wi:min(max(100vw,150svh),(100vw - 2*var(--m) - 145px)/.66,1.5*(100svh - var(--b) - var(--k))/.35,1.5*(100svh - var(--b) - var(--ht) - 24px)/.18);
  --hi:calc(var(--wi)/1.5);
  --li:clamp(min(100vw - var(--wi),(100vw - var(--wi))/2),50vw - .55*var(--wi) - 17.5px,max(0px,(100vw - var(--wi))/2));
  --ti:max(100svh - var(--hi),min(0px,100svh - var(--b) - .7*var(--hi)));
  --rand-weich:clamp(0px,(100vw - var(--wi))/2,12vw)}
.zoom-huelle{position:absolute;inset:0;transform-origin:0 0}
.held-pin::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8vh;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(238,241,234,0),var(--dunst))}

.held-pin::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--ht) + max(6vh,54px));z-index:1;pointer-events:none;opacity:var(--dunst-deckkraft,1);background:linear-gradient(180deg,rgba(238,241,234,.8) 0,rgba(238,241,234,.45) 55%,rgba(238,241,234,0));transition:opacity var(--t-lang) var(--kurve)}
.ist-gezoomt.held-pin::before{opacity:0}
.karte-flaeche{position:absolute;left:var(--li);top:var(--ti);width:var(--wi);aspect-ratio:3/2;transform-origin:52% 58%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--rand-weich),#000 calc(100% - var(--rand-weich)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 var(--rand-weich),#000 calc(100% - var(--rand-weich)),transparent 100%)}
.karte-flaeche img{width:100%;height:100%}
.held-text{position:absolute;top:clamp(140px,19vh,190px);left:var(--rand);max-width:min(1500px,88vw);z-index:3;transition:clip-path var(--t-mittel) var(--kurve)}
.held h1{font:700 clamp(1.4rem,2vw,2rem)/1.2 var(--karte);letter-spacing:.01em;color:var(--gruen);margin-bottom:.35em}
.held-text .claim{font:700 clamp(2.3rem,4.3vw,4.9rem)/1.02 var(--held);font-variation-settings:"opsz" 96;letter-spacing:-.025em;color:var(--tinte);text-shadow:0 0 40px rgba(238,241,234,.7)}
.claim span{display:block}

@media (max-width:900px){.claim span{display:inline}}
.held-hinweis{position:absolute;bottom:26px;left:var(--rand);z-index:3;font:700 1.1rem/1 var(--karte);color:var(--tinte);text-shadow:0 0 10px rgba(238,241,234,.95),0 0 2px rgba(238,241,234,.95);transition:opacity var(--t-mittel) var(--kurve)}
.held-text{clip-path:inset(0 0 0 0)}
.ist-gezoomt .held-text{clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path var(--t-mittel) var(--kurve)}
.held-hinweis span,.punkt-kreis,.punkt-name{transition:opacity var(--t-mittel) var(--kurve)}
.ist-gezoomt .held-hinweis span,.ist-gezoomt .punkt-kreis,.ist-gezoomt .punkt-name{opacity:0}
.ist-gezoomt .punkt{pointer-events:none}

.punkte{position:absolute;inset:0;z-index:1}
.punkt{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;background:none;border:0;padding:6px;cursor:pointer;color:#fff;transition:opacity var(--t-mittel) var(--kurve)}
.punkt-kreis{width:22px;height:22px;border-radius:50%;background:var(--weg);border:3px solid #fff;animation:puls 2.4s ease-out 2;flex:none}
.punkt-name{font:700 1.15rem/1 var(--karte);background:rgba(28,38,23,.82);padding:6px 10px;white-space:nowrap;border-radius:2px 12px 2px 12px;transition:background var(--t-kurz) var(--kurve),border-radius var(--t-mittel) var(--kurve)}
.punkt:hover .punkt-name,.punkt:focus-visible .punkt-name{background:var(--gruen);border-radius:12px 2px 12px 2px}
.punkt:focus-visible{outline:3px solid var(--wald);outline-offset:2px;box-shadow:0 0 0 2px #fff}
@media (prefers-reduced-motion:no-preference){.punkt{animation:punkt-ein .6s cubic-bezier(.3,1.6,.5,1) both}.punkt:nth-child(1){animation-delay:.8s}.punkt:nth-child(2){animation-delay:.92s}.punkt:nth-child(3){animation-delay:1.04s}.punkt:nth-child(4){animation-delay:1.16s}.punkt:nth-child(5){animation-delay:1.28s}}
@keyframes punkt-ein{from{opacity:0;scale:0}to{opacity:1;scale:1}}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(121,181,47,.7)}70%{box-shadow:0 0 0 16px rgba(121,181,47,0)}100%{box-shadow:0 0 0 0 rgba(121,181,47,0)}}

.hofinfo{position:absolute;z-index:4;left:var(--rand);top:var(--k);bottom:24px;height:-webkit-fit-content;height:fit-content;margin:auto 0;max-height:calc(100% - var(--k) - 24px);width:min(400px,calc(100vw - 40px));overflow-y:auto;overscroll-behavior:contain;background:rgba(250,252,246,.92);padding:22px 22px 24px;border-radius:2px 36px 2px 36px;box-shadow:0 24px 60px rgba(22,48,26,.28)}
.hofinfo[hidden]{display:none}
.info-titel{font-size:1.7rem;margin-bottom:.5em}
.info-bild{aspect-ratio:16/9;overflow:hidden;border-radius:2px 24px 2px 24px;margin-bottom:14px}
.info-bild img{width:100%;height:100%;object-fit:cover}
@media (max-height:820px),(max-aspect-ratio:1/1){.info-bild{aspect-ratio:2/1}}
.hofinfo p{font-size:1rem}
.hofinfo-zurueck{margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--wald);color:#fff;border:0;font:700 1.1rem/1 var(--karte);border-radius:2px 14px 2px 14px;cursor:pointer;transition:background var(--t-kurz) var(--kurve),border-radius var(--t-mittel) var(--kurve)}
.hofinfo-zurueck::before{content:"";width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.hofinfo-zurueck:hover{background:var(--gruen);border-radius:14px 2px 14px 2px}
@media (max-width:700px){.punkt-name{font-size:1rem}}

.willkommen{position:relative;overflow:hidden;padding:clamp(70px,8vw,120px) var(--rand) clamp(80px,10vw,140px) max(clamp(320px,30vw,470px),var(--rand));display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:30px clamp(40px,6vw,100px);align-items:center}
.kuerbis{position:absolute;left:-6px;bottom:4%;height:auto;width:clamp(220px,21vw,330px);pointer-events:none;overflow:visible;--frucht:#ef8316;--rippe:#c45f06}
.kuerbis .ranke{fill:none;stroke:#5f9a1e;stroke-width:6;stroke-linecap:round}
.kuerbis .ranke-fein{stroke-width:3}
.kb-blatt path:first-child{fill:#79b52f;stroke:#4f8a16;stroke-width:2.5;stroke-linejoin:round}
.kb-ader{fill:none;stroke:#d9ecb4;stroke-width:2;stroke-linecap:round}
.frucht ellipse{fill:var(--frucht);stroke:var(--rippe);stroke-width:3}
.frucht .glanz{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;opacity:.35}
.kuerbis .stiel{fill:#6d7d2a;stroke:#4a5a1a;stroke-width:2}
.w-text h2{margin-bottom:.6em;max-width:15ch}
.zaehler{margin:0;display:grid;gap:14px}
.zaehler div{display:flex;align-items:baseline;justify-content:space-between;gap:clamp(10px,1.6vw,24px);background:var(--papier);padding:22px clamp(14px,2.1vw,30px);border-radius:2px 28px 2px 28px}
.zaehler dt{font:700 1.3rem/1 var(--karte);color:var(--gruen);order:2}
.zaehler dd{margin:0;font:700 clamp(3rem,6vw,5.4rem)/1 var(--karte);font-variant-numeric:tabular-nums;color:var(--tinte)}
@media (max-width:900px){.willkommen{grid-template-columns:1fr;padding-left:var(--rand);padding-top:300px}.kuerbis{height:300px;top:0;bottom:auto;left:-20px}}

.rundgang{position:relative;padding:clamp(60px,8vw,110px) var(--rand) clamp(80px,10vw,140px);background:#fff}
.rundgang h2{margin-bottom:60px}
.weg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.weg path{fill:none;stroke:var(--weg);stroke-width:4;stroke-dasharray:2 12;stroke-linecap:round}
.stationen{list-style:none;margin:0;padding:0;display:grid;gap:clamp(80px,12vw,180px);position:relative}
.station{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:center;position:relative}
.station:nth-child(even){grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.station:nth-child(even) .station-bild{order:2}
.station-punkt{position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;border:6px solid var(--weg);left:calc(54.5% - 13px);top:-48px;z-index:2}

.rundgang.zeichnet .station-punkt{opacity:0;transform:scale(.3);transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.rundgang.zeichnet .station-punkt.ist-da{opacity:1;transform:none}
.station:nth-child(even) .station-punkt{left:calc(45.5% - 13px)}
.station-bild{aspect-ratio:3/2;border-radius:38% 6px 38% 6px / 46% 6px 46% 6px}
.station:nth-child(even) .station-bild{border-radius:6px 38% 6px 38% / 6px 46% 6px 46%}
.station:hover .station-bild img{transform:scale(1.05)}
.ort{font:700 1.2rem/1 var(--karte);color:var(--gruen);margin-bottom:.6em}
.station h3{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:.5em}
.station-text p:not(.ort){max-width:54ch}
@media (max-width:900px){.station,.station:nth-child(even){grid-template-columns:1fr}.station:nth-child(even) .station-bild{order:0}
  .station-punkt,.station:nth-child(even) .station-punkt{display:block;left:calc(var(--pk-x,0px) - 13px);top:calc(var(--pk-y,0px) - 13px)}

  .station:nth-child(odd) .station-text{padding-left:30px}
  .station:nth-child(even) .station-text{padding-right:30px}}

.uebergang{position:relative;isolation:isolate;background:var(--wald)}
.uebergang-hg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.uebergang-hg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.uebergang-hg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 12%,rgba(22,48,26,.22) 30%,rgba(22,48,26,.3) 72%,var(--wald) 100%)}
.galerie{padding:clamp(70px,9vw,120px) 0 clamp(60px,7vw,100px);background:transparent;color:#eef4e4;overflow:hidden}
.galerie-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding:0 var(--rand) 40px}
.galerie-pause{display:inline-flex;align-items:center;gap:10px;background:none;border:1px solid rgba(238,244,228,.6);color:inherit;padding:10px 16px 10px 12px;font:700 1.05rem/1 var(--karte);border-radius:2px 14px 2px 14px;cursor:pointer}
.galerie-pause svg{width:20px;height:20px;fill:currentColor}
.galerie-pause .ic-start,.galerie-pause[data-angehalten=true] .ic-pause{display:none}
.galerie-pause[data-angehalten=true] .ic-start{display:block}
.galerie-pause:hover{background:rgba(255,255,255,.12)}
.band{overflow:clip;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.band.zieht{cursor:grabbing}
.band.zieht .g-bild{cursor:grabbing}
.band img{-webkit-user-drag:none;pointer-events:none}
.band + .band{margin-top:14px}
.band ul{list-style:none;margin:0;padding:0 0 0 14px;display:flex;gap:14px;width:max-content}
.g-bild{display:block;width:clamp(240px,26vw,420px);aspect-ratio:3/2;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden;border-radius:2px 28px 2px 28px;transition:border-radius var(--t-mittel) var(--kurve)}
.g-bild img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-lang) var(--kurve)}
.g-bild:hover,button.g-bild:focus-visible{border-radius:28px 2px 28px 2px}
.g-bild:hover img,button.g-bild:focus-visible img{transform:scale(1.07)}
button.g-bild:focus-visible{outline:none}
@media (prefers-reduced-motion:reduce){.band{overflow-x:auto;touch-action:auto}.band li[aria-hidden]{display:none}.galerie-pause{display:none}}

.lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;max-height:100dvh;width:100vw;height:100vh;height:100dvh;color:#fff}
.lightbox::backdrop{background:rgba(10,18,8,.92)}
.lightbox figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 90px 30px}
.lightbox img{max-width:100%;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain;border-radius:2px 30px 2px 30px}
.lightbox figcaption{margin-top:16px;display:flex;gap:20px;align-items:baseline;font-size:1.05rem;max-width:900px;text-align:center}
.lb-zahl{font:700 1.05rem/1 var(--karte);color:var(--licht);white-space:nowrap}
.lightbox button{position:absolute;width:52px;height:52px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:0;border-radius:2px 16px 2px 16px;cursor:pointer;color:#fff;transition:background var(--t-kurz) var(--kurve)}
.lightbox button:hover{background:rgba(255,255,255,.24)}
.lightbox button:focus-visible{outline:3px solid var(--licht);outline-offset:2px}
.lightbox svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lb-zurueck{left:20px;top:50%;transform:translateY(-50%)}
.lb-weiter{right:20px;top:50%;transform:translateY(-50%)}
.lb-zu{right:20px;top:20px}
@media (max-width:700px){.lightbox figure{padding:70px 12px 90px}.lb-zurueck,.lb-weiter{top:auto;bottom:20px;transform:none}}

.haltung{position:relative;padding:clamp(40px,5vw,80px) var(--rand) clamp(80px,10vw,150px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,70px);align-items:start;overflow:hidden;isolation:isolate}
.haltung-karte,.nachhaltig-karte{background:rgba(250,252,246,.92);padding:clamp(30px,4vw,56px);border-radius:2px 70px 2px 70px}
.haltung-karte h2{font-size:clamp(1.6rem,2.6vw,2.3rem);margin-bottom:.6em}
.haltung-karte p{font-size:1.1rem;line-height:1.65}
.nachhaltig-karte{grid-column:2;margin-top:-20px}
.nachhaltig-karte h2{font-size:clamp(1.6rem,2.6vw,2.3rem);margin-bottom:.6em}
.haltung-bilder{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-self:center;padding:60px 0 20px}
.haltung-bilder figure{margin:0;aspect-ratio:3/4.4}
.haltung-bilder figure:nth-child(odd){border-radius:6px 38% 6px 38% / 6px 30% 6px 30%}
.haltung-bilder figure:nth-child(2){margin-top:-60px;border-radius:38% 6px 38% 6px / 30% 6px 30% 6px}
.haltung-bilder figure:hover img{transform:scale(1.06)}
.siegel{display:flex;gap:16px;margin-top:26px}
.siegel figure{margin:0;background:#fff;padding:10px;border-radius:2px 16px 2px 16px;box-shadow:0 0 0 1px #e3e8dc}
.siegel figcaption{font:700 .95rem/1 var(--karte);text-align:center;margin-top:6px}
@media (max-width:900px){.haltung{grid-template-columns:1fr}.nachhaltig-karte,.haltung-bilder{grid-column:auto;grid-row:auto;margin-top:0}.haltung-bilder{padding:70px 0 30px}}

.aktuelles{padding:clamp(70px,9vw,120px) var(--rand);background:#fff}
.aktuelles h2{margin-bottom:36px}
.news-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.news{position:relative}
.news-bild{aspect-ratio:3/2;margin-bottom:14px;overflow:hidden;border-radius:6px;transition:border-radius var(--t-lang) var(--kurve)}
.news-bild img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-buehne) var(--kurve)}
.news:hover .news-bild,.news:focus-within .news-bild{border-radius:38% 6px 38% 6px / 46% 6px 46% 6px}
.news:hover .news-bild img{transform:scale(1.06)}
.news time{font:700 1.05rem/1 var(--karte);color:var(--gruen)}
.news h3{margin:.3em 0 .4em}
.news h3 a{color:inherit;text-decoration:none}
.news h3 a::after{content:"";position:absolute;inset:0}
.news:hover h3 a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.15em;text-decoration-color:var(--weg)}
.news p{font-size:1rem}
@media (max-width:800px){.news-reihe{grid-template-columns:1fr}}

.kontakt{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,10vw,140px) var(--rand);background:var(--wald);color:#eef1ea}
.kontakt-hg{position:absolute;inset:0;z-index:-1}
.kontakt-hg img{width:100%;height:100%;object-fit:cover;object-position:60% 60%;opacity:.55}
.kontakt-hg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,48,26,.92) 15%,rgba(22,48,26,.35) 70%,rgba(22,48,26,.2)),linear-gradient(0deg,rgba(22,48,26,.85),rgba(22,48,26,0) 55%)}
.kontakt a{color:#cfe8a4}
.kontakt-oben{max-width:min(720px,55%);margin-bottom:clamp(60px,9vw,130px)}
.kontakt-oben h2{margin-bottom:.6em;max-width:16ch}
.kontakt-oben p{max-width:58ch}
.karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.kontakt-karte{background:rgba(22,48,26,.55);border:1px solid rgba(238,241,234,.22);padding:24px;border-radius:2px 30px 2px 30px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:border-radius var(--t-mittel) var(--kurve),background var(--t-kurz) var(--kurve)}
.kontakt-karte:hover{background:rgba(22,48,26,.7)}
.kontakt-karte h3{font-size:1.1rem;margin-bottom:.6em}
.kontakt-karte p{font-size:1rem;line-height:1.7}
@media (max-width:1000px){.karten{grid-template-columns:1fr}}
@media (max-width:700px){.karten{grid-template-columns:1fr}.kontakt-oben{max-width:none}}
.fuss{padding:clamp(50px,6vw,80px) var(--rand) 0}
.fuss-oben{padding-bottom:40px}
.fuss-marke .logo-bild{width:240px;margin-bottom:14px}
.fuss-marke p{max-width:46ch;font-size:.98rem;color:#3c4733}
.fuss-unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px;border-top:1px solid #dde3d4;padding:18px 0 74px;font-size:.92rem;color:#4a5541}
.fuss-unten p{margin:0}
@media (prefers-reduced-motion:reduce){.punkt-kreis{animation:none}}

.pflanze-hg{position:absolute;pointer-events:none;z-index:0;width:528px;max-width:70vw;aspect-ratio:528/471;background:url(assets/logo/pflanze-alte-seite.webp) no-repeat center/contain}
.aktuelles{position:relative;overflow:hidden}
.aktuelles > *:not(.pflanze-hg){position:relative;z-index:1}
.pf-aktuelles{left:0;top:20px}
.fuss{position:relative;overflow:hidden}
.fuss > *:not(.pflanze-hg){position:relative;z-index:1}
.pf-fuss{left:0;bottom:0;width:480px}

.fuss{background:var(--papier)}
.fuss-oben{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,3fr);gap:30px clamp(30px,5vw,80px);align-items:start}
.fuss-menue h2{font:700 1.2rem/1 var(--karte);letter-spacing:.01em;color:var(--gruen);margin-bottom:14px}
.fuss-menue ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.fuss-menue a,.link-knopf{font:400 1rem/1.4 var(--text);color:var(--tinte)}
.link-knopf{background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:text-decoration-thickness var(--t-kurz) var(--kurve)}
.link-knopf:hover,.link-knopf:focus-visible{text-decoration-thickness:3px}
.powered{display:flex;align-items:center;gap:10px}
.paus-link{display:inline-block;line-height:0;transition:transform var(--t-kurz) var(--kurve),opacity var(--t-kurz) var(--kurve)}
.paus-link img{width:112px;height:auto}
.paus-link:hover{transform:translateY(-2px)}
@media (max-width:900px){.fuss-oben{grid-template-columns:1fr 1fr}.fuss-marke{grid-column:1/-1}}

.lb-ausloeser{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.lb-ausloeser img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-buehne) var(--kurve)}
.lb-ausloeser:hover img,.lb-ausloeser:focus-visible img{transform:scale(1.06)}
.lb-ausloeser:focus-visible{outline:none}

.kopf nav a[aria-current=page]{background:rgba(121,181,47,.16);color:var(--gruen)}
.kopf nav a[aria-current=page]:hover,.kopf nav a[aria-current=page]:focus-visible{background:rgba(121,181,47,.3);color:var(--gruen)}
.kopf .kontakt-punkt{margin-left:8px}
.kopf nav a.kopf-kontakt{border:2px solid var(--wald);border-radius:2px 16px 2px 16px;padding:8px 16px;transition:background var(--t-kurz) var(--kurve),color var(--t-kurz) var(--kurve),border-radius var(--t-mittel) var(--kurve)}
.kopf nav a.kopf-kontakt:hover,.kopf nav a.kopf-kontakt:focus-visible{background:var(--wald);color:#fff;border-radius:16px 2px 16px 2px}
.menue-knopf{display:none;align-items:center;gap:10px;background:var(--papier);border:2px solid var(--wald);border-radius:2px 14px 2px 14px;padding:9px 14px;font:700 1.1rem/1 var(--karte);color:var(--tinte);cursor:pointer}
.menue-striche{position:relative;width:20px;height:2px;background:currentColor;transition:background var(--t-kurz) var(--kurve)}
.menue-striche::before,.menue-striche::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform var(--t-kurz) var(--kurve)}
.menue-striche::before{top:-6px}.menue-striche::after{top:6px}
.menue-knopf[aria-expanded=true] .menue-striche{background:transparent}
.menue-knopf[aria-expanded=true] .menue-striche::before{transform:translateY(6px) rotate(45deg)}
.menue-knopf[aria-expanded=true] .menue-striche::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1100px){.kopf nav a{padding:10px 10px;font-size:1.05rem}}
@media (max-width:980px){
  .menue-knopf{display:inline-flex}
  .kopf .hauptmenue{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 100%);overflow-y:auto;overscroll-behavior:contain;background:var(--papier);padding:10px var(--rand) 24px;box-shadow:0 20px 40px rgba(22,48,26,.15)}
  .kopf.menue-offen{background:var(--papier)}
  .kopf.menue-offen .hauptmenue{display:block}
  .kopf .hauptmenue ul{flex-direction:column;align-items:stretch;gap:2px}
  .kopf .hauptmenue a{padding:14px 10px;font-size:1.3rem}
  .kopf .kontakt-punkt{margin:10px 0 0}
  .kopf nav a.kopf-kontakt{text-align:center}
}

.mehr{display:inline-flex;align-items:center;gap:8px;font:700 1.15rem/1.2 var(--karte);color:var(--gruen);text-decoration:none}
.mehr::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);transition:transform var(--t-kurz) var(--kurve)}
.mehr:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.25em;text-decoration-color:var(--weg)}
.mehr:hover::after{transform:translateX(4px) rotate(45deg)}
.kontakt .mehr,.kapitel-dunkel .mehr{color:#cfe8a4}
.info-link{margin-top:12px}
.station-text .mehr{margin-top:6px}

.geschichte{position:relative;scroll-margin-top:-20px;background:var(--wald)}
.ge-pin{position:relative;height:100vh;height:100svh;min-height:720px;overflow:clip;isolation:isolate}
.geschichte:not(.ist-senkrecht) .ge-pin{position:sticky;top:0}
.ge-foto{position:absolute;inset:0;z-index:-2}
.ge-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.ge-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,48,26,.15),rgba(22,48,26,.35))}
.ge-intro{position:absolute;z-index:3;left:0;top:0;bottom:0;width:var(--ge-intro);padding:clamp(100px,13vh,140px) clamp(20px,2.5vw,40px) 40px var(--rand);display:flex;flex-direction:column;justify-content:center}

.ge-karte{background:rgba(22,48,26,.92);color:#eef1ea;padding:clamp(28px,3.4vw,48px);border-radius:2px 70px 2px 70px;box-shadow:0 30px 70px rgba(22,48,26,.25)}
.ge-karte h2{color:#fff;font-size:min(clamp(1.6rem,2.45vw,2.6rem),7vw);margin-bottom:.5em}
.am-stueck{white-space:nowrap}
.ge-karte p{font-size:1.02rem;max-width:44ch}
.ge-fenster{position:absolute;inset:0;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--ge-intro) - 10px),#000 calc(var(--ge-intro) + 130px));mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--ge-intro) - 10px),#000 calc(var(--ge-intro) + 130px))}
.ge-spur{position:relative;flex:none;margin-left:var(--ge-intro);margin-top:48px}
.ge-land{position:absolute;inset:0;overflow:visible}
.ge-weg{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:2 13;stroke-linecap:round}
.ge-weg-schatten{fill:none;stroke:rgba(22,48,26,.35);stroke-width:9;stroke-linecap:round}
.ge-stationen{list-style:none;margin:0;padding:0}
.zeit{position:absolute;width:0;height:0}
.zeit-punkt{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:#79b52f;border:6px solid #fff;box-shadow:0 0 0 6px rgba(255,255,255,.25),0 4px 14px rgba(22,48,26,.3);z-index:2}
.zeit-karte{position:absolute;left:-150px;width:300px;background:rgba(250,252,246,.92);padding:18px 20px;border-radius:2px 26px 2px 26px;box-shadow:0 18px 40px rgba(22,48,26,.25)}
.zeit-oben .zeit-karte{bottom:32px;max-height:calc(var(--y) - 98px + (100svh - 680px)/2);overflow-y:auto}
.zeit-unten .zeit-karte{top:32px;border-radius:26px 2px 26px 2px;max-height:calc(608px - var(--y) + (100svh - 680px)/2);overflow-y:auto}
.zeit-jahr{font:700 1.9rem/1 var(--karte);color:var(--gruen);margin-bottom:.25em}
.zeit h3{font-size:1.15rem;margin-bottom:.35em}
.zeit-karte p{font-size:.95rem;line-height:1.5}
.zeit-karte .mehr{font-size:1.05rem;margin-top:4px}

.ge-weg-senk{display:none}
.geschichte.ist-senkrecht .ge-pin{height:auto;min-height:0;overflow:clip}
.geschichte.ist-senkrecht .ge-foto{position:sticky;inset:auto;top:0;height:100vh;height:100lvh;margin-bottom:-100vh;margin-bottom:-100lvh}
.geschichte.ist-senkrecht .ge-intro{position:relative;width:auto;padding:clamp(60px,10vw,110px) var(--rand) 20px;display:block}
.geschichte.ist-senkrecht .ge-karte{max-width:640px}
.geschichte.ist-senkrecht .ge-fenster{position:relative;inset:auto;display:block;-webkit-mask-image:none;mask-image:none;padding:40px var(--rand) clamp(80px,12vw,130px)}
.geschichte.ist-senkrecht .ge-spur{position:relative;width:auto!important;height:auto!important;margin:0}
.geschichte.ist-senkrecht .ge-land{display:none}
.geschichte.ist-senkrecht .ge-weg-senk{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.geschichte.ist-senkrecht .ge-stationen{display:grid;gap:44px;position:relative}
.geschichte.ist-senkrecht .zeit{position:relative;left:auto!important;top:auto!important;width:auto;height:auto;padding-left:62px}
.geschichte.ist-senkrecht .zeit-punkt{left:12px;top:22px}
.geschichte.ist-senkrecht .zeit-karte{position:relative;left:auto;top:auto;bottom:auto;width:auto;max-width:460px;max-height:none;overflow:visible}
@media (min-width:640px){
  .geschichte.ist-senkrecht .ge-stationen{gap:36px}
  .geschichte.ist-senkrecht .zeit{width:50%;padding:0 52px 0 0}
  .geschichte.ist-senkrecht .zeit:nth-child(even){margin-left:50%;padding:0 0 0 52px}
  .geschichte.ist-senkrecht .zeit-punkt{left:auto;right:-14px}
  .geschichte.ist-senkrecht .zeit:nth-child(even) .zeit-punkt{right:auto;left:-14px}
  .geschichte.ist-senkrecht .zeit-karte{margin-left:auto}
  .geschichte.ist-senkrecht .zeit:nth-child(even) .zeit-karte{margin-left:0}
}

.ak-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:36px}
.ak-kopf h2{margin:0!important}
.news-bild-logo{display:grid;place-items:center;background:var(--papier)}
.news-bild-logo img{width:70%;height:auto!important;object-fit:contain!important}

.seitenkopf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:center;padding:clamp(150px,18vh,200px) var(--rand) clamp(60px,8vw,110px)}
.seitenkopf-schmal{grid-template-columns:1fr;padding-bottom:clamp(30px,4vw,60px)}
.sk-kicker{font:700 clamp(1.2rem,1.6vw,1.5rem)/1.2 var(--karte);color:var(--gruen);margin-bottom:.4em}
.sk-kicker a{color:inherit}
.seitenkopf h1,.beitrag h1{font:700 clamp(2.4rem,5vw,5rem)/1 var(--held);font-variation-settings:"opsz" 96;letter-spacing:-.025em;margin-bottom:.4em}
.seitenkopf .gross{max-width:56ch}
.sk-bild{aspect-ratio:4/3}
.sprung ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}
.sprung a{display:inline-block;padding:10px 16px;border:2px solid var(--wald);border-radius:2px 14px 2px 14px;font:700 1.1rem/1 var(--karte);color:var(--tinte);text-decoration:none;transition:background var(--t-kurz) var(--kurve),color var(--t-kurz) var(--kurve),border-radius var(--t-mittel) var(--kurve)}
.sprung a:hover,.sprung a:focus-visible{background:var(--wald);color:#fff;border-radius:14px 2px 14px 2px}
@media (max-width:900px){.seitenkopf{grid-template-columns:minmax(0,1fr);padding-top:130px}}

.text-block{padding:clamp(40px,6vw,90px) var(--rand);background:#fff}
.text-block h2{margin-bottom:.6em;font-size:clamp(1.8rem,3vw,2.6rem)}
.tb-spalten{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:start}
.tb-spalten p{margin:0;max-width:62ch}
.tb-eins{grid-template-columns:1fr}
@media (max-width:900px){.tb-spalten{grid-template-columns:1fr}}

.schritte-block{padding:clamp(60px,8vw,110px) var(--rand)}
.schritte-block h2{margin-bottom:40px}
.schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.schritt-bild{aspect-ratio:4/5;overflow:hidden;border-radius:6px;margin-bottom:14px;transition:border-radius var(--t-lang) var(--kurve)}
.schritt:hover .schritt-bild{border-radius:38% 6px 38% 6px / 30% 6px 30% 6px}
.schritt-nr{font:700 1.1rem/1 var(--karte);color:var(--gruen);margin-bottom:.4em}
.schritt h3{font-size:1.3rem;margin-bottom:.4em}
.schritt p:last-child{font-size:.98rem}
@media (max-width:1000px){.schritte{grid-template-columns:repeat(2,minmax(0,1fr))}}

.leistungen,.bilder-block{padding:clamp(60px,8vw,110px) var(--rand)}
.leistungen{background:#fff}
.leistungen h2,.bilder-block h2{margin-bottom:40px;max-width:22ch;font-size:clamp(1.8rem,3.2vw,2.8rem)}
.karten-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.karten-raster.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.punkt-karte{background:var(--papier);padding:clamp(24px,3vw,36px);border-radius:2px 30px 2px 30px}
.punkt-karte h3{font-size:1.35rem;margin-bottom:.6em}
.punkt-karte p{font-size:1rem}
.weiter-link{margin-top:30px}
.region{margin-top:30px;font-size:.98rem;color:#3c4733;max-width:70ch}
@media (max-width:1000px){.karten-raster.drei{grid-template-columns:1fr}}
@media (max-width:760px){.karten-raster{grid-template-columns:1fr}}

.bildraster{list-style:none;margin:clamp(30px,4vw,50px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bildraster li{aspect-ratio:1;overflow:hidden;border-radius:6px;transition:border-radius var(--t-lang) var(--kurve)}
.bildraster li:hover,.bildraster li:focus-within{border-radius:38% 6px 38% 6px / 38% 6px 38% 6px}
@media (max-width:760px){.bildraster{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lb-ausloeser{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.lb-ausloeser img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-buehne) var(--kurve)}
.lb-ausloeser:hover img,.lb-ausloeser:focus-visible img{transform:scale(1.06)}
.lb-ausloeser:focus-visible{outline:none}

.kapitel{position:relative;padding:clamp(70px,9vw,130px) var(--rand)}
.kapitel:nth-of-type(even){background:#fff}
.kapitel-dunkel{background:var(--wald)!important;color:#eef1ea}
.kapitel-dunkel .sk-kicker{color:#cfe8a4}
.kapitel-dunkel .punkt-karte{background:rgba(250,252,246,.07);border:1px solid rgba(238,241,234,.2)}
.kapitel-dunkel .region{color:#d6dfcb}
.kap-kopf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,80px);margin-bottom:clamp(36px,5vw,64px);align-items:end}
.kap-kopf h2{font-size:clamp(1.9rem,3.4vw,3rem)}
.kap-kopf p{max-width:62ch}
@media (max-width:900px){.kap-kopf{grid-template-columns:1fr}}
.eier-logistik{margin-top:clamp(40px,5vw,70px);padding-top:clamp(30px,4vw,50px);border-top:1px solid rgba(238,241,234,.25)}
.eier-logistik h3{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:.5em}
.eier-logistik .gross{margin-bottom:1em;max-width:60ch}
.gebinde{display:flex;gap:10px;margin-top:24px!important}
.gebinde span{font:700 1.8rem/1 var(--karte);border:2px solid #cfe8a4;padding:10px 14px;border-radius:2px 12px 2px 12px}

.partner{list-style:none;margin:0 0 clamp(30px,4vw,50px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.partner li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(238,241,234,.25)}
.p-name{font-weight:600}
.p-ort{font:700 1.1rem/1.2 var(--karte);color:#cfe8a4;white-space:nowrap}
@media (max-width:1000px){.partner{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.partner{grid-template-columns:1fr}}

.archiv{position:relative;overflow:hidden;padding:clamp(30px,4vw,60px) var(--rand) clamp(70px,9vw,120px)}
.archiv > *:not(.pflanze-hg){position:relative;z-index:1}
.archiv-raster{row-gap:clamp(36px,5vw,64px)!important}
.archiv-raster .news h2{font-size:1.5rem;margin:.3em 0 .4em}
.archiv-raster .news h2 a{color:inherit;text-decoration:none}
.archiv-raster .news h2 a::after{content:"";position:absolute;inset:0}
.archiv-raster .news:hover h2 a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.15em;text-decoration-color:var(--weg)}
.blaettern{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:clamp(50px,6vw,80px)}
.blaettern ol{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.blaettern li a,.blaettern li span{display:grid;place-items:center;min-width:46px;height:46px;border:2px solid var(--wald);border-radius:2px 14px 2px 14px;font:700 1.2rem/1 var(--karte);text-decoration:none;color:var(--tinte);transition:background var(--t-kurz) var(--kurve),color var(--t-kurz) var(--kurve)}
.blaettern li span{background:var(--wald);color:#fff}
.blaettern li a:hover{background:var(--wald);color:#fff}
.bl-pfeil{display:inline-flex;border-radius:50%}
.blaettern>span:empty{display:none}
.bl-pfeil:hover .bn-pfeil,.bl-pfeil:focus-visible .bn-pfeil{background:var(--wald);stroke:#fff}

.krumen ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;list-style:none;margin:0 0 18px;padding:0;font:700 1.05rem/1.3 var(--karte)}
.krumen li{display:flex;align-items:center;gap:10px}
.krumen li + li::before{content:"";width:6px;height:6px;border-right:2px solid var(--gruen);border-top:2px solid var(--gruen);transform:rotate(45deg);opacity:.7}
.krumen a{color:var(--gruen)}
.krumen [aria-current]{color:var(--tinte)}

.beitrag-kopf h1{font-size:clamp(2.2rem,4.4vw,4.2rem)}
.beitrag-datum{font:700 1.3rem/1 var(--karte);color:var(--gruen);margin-bottom:.5em}
.beitrag-kopf .sk-bild{aspect-ratio:4/3}
.beitrag-logos{display:grid;gap:18px;position:relative;z-index:1;background:rgba(250,252,246,.9);padding:30px;border-radius:2px 40px 2px 40px}
.beitrag-koerper{padding:clamp(40px,6vw,90px) var(--rand) clamp(40px,5vw,70px);background:#fff;display:grid;gap:clamp(50px,7vw,100px)}
.bt-abschnitt{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(30px,5vw,90px);align-items:start}
.bt-rechts{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.bt-rechts .bt-bilder{order:-1}
.bt-abschnitt.ohne-bilder{grid-template-columns:minmax(0,1fr)}
.beitrag-text p{font-size:1.15rem;line-height:1.75;max-width:68ch}

.bt-bilder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bt-voll{grid-template-columns:repeat(4,minmax(0,1fr))}
.bt-bilder li{overflow:hidden;border-radius:4px;transition:border-radius var(--t-lang) var(--kurve)}
.bt-bilder{container-type:inline-size}
.bt-bilder li{height:calc((100cqw - 12px) / 2)}
.bt-voll li{height:calc((100cqw - 36px) / 4)}
.bt-bilder li.breit{grid-column:span 2}
.bt-bilder li:hover,.bt-bilder li:focus-within{border-radius:34% 4px 34% 4px / 34% 4px 34% 4px}
.bt-bilder li:nth-child(even):hover,.bt-bilder li:nth-child(even):focus-within{border-radius:4px 34% 4px 34% / 4px 34% 4px 34%}
.bt-bilder li.breit:hover,.bt-bilder li.breit:focus-within{border-radius:20% 4px 20% 4px / 40% 4px 40% 4px}
@media (max-width:900px){.bt-abschnitt,.bt-rechts{grid-template-columns:1fr}.bt-rechts .bt-bilder{order:0}.bt-voll{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-voll li{height:calc((100cqw - 12px) / 2)}}

.beitrag-fuss{padding:0 var(--rand) clamp(40px,5vw,64px);background:#fff}
.beitrag-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding-top:28px;border-top:1px solid rgba(22,48,26,.14)}
.beitrag-nav a{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--tinte);font-weight:600;line-height:1.3}
.bn-label{display:block;font:700 1.05rem/1.2 var(--karte);color:var(--gruen);margin-bottom:4px}
.bn-pfeil{flex:none;width:44px;height:44px;padding:10px;border:2px solid var(--wald);border-radius:50%;fill:none;stroke:var(--tinte);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:background var(--t-kurz) var(--kurve),stroke var(--t-kurz) var(--kurve),transform var(--t-kurz) var(--kurve)}
.bn-neuer:hover .bn-pfeil{transform:translateX(-4px)}
.bn-aelter:hover .bn-pfeil{transform:translateX(4px)}
.beitrag-nav a:hover .bn-pfeil{background:var(--wald);stroke:#fff}
.beitrag-nav a:hover .bn-text{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--weg);text-underline-offset:.2em}
.bn-aelter{justify-content:flex-end;text-align:right}
.bn-alle{padding:10px 16px;border:2px solid var(--wald);border-radius:2px 14px 2px 14px;font:700 1.1rem/1 var(--karte)!important;transition:background var(--t-kurz) var(--kurve),color var(--t-kurz) var(--kurve)}
.bn-alle:hover{background:var(--wald);color:#fff!important}
@media (max-width:900px){.beitrag-koerper{grid-template-columns:1fr}.beitrag-bilder{position:static}.bento-breit{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-breit li{grid-column:span 1!important;grid-row:span 1!important}.bento-breit li:first-child{grid-column:span 2!important}}
@media (max-width:700px){.beitrag-nav{grid-template-columns:1fr}.bn-aelter{text-align:left}}

.rechtstext{padding:0 var(--rand) clamp(70px,9vw,120px)}

.rechtstext > :first-child{margin-top:0}
.sitemap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(30px,6vw,110px)}
.sitemap h2{font-size:clamp(1.3rem,2vw,1.6rem);margin:0 0 .6em}
.sitemap ul{margin:0}
.rechtstext h2{font-size:clamp(1.4rem,2.2vw,1.9rem);margin:1.6em 0 .5em}
.rechtstext h3{font-size:1.2rem;margin:1.4em 0 .4em}
.rechtstext p,.rechtstext li{font-size:1rem;line-height:1.7;max-width:75ch}
.rechtstext p+p{margin-top:.8em}
.rechtstext ul{padding-left:1.2em}
.fakten-liste{margin:0;display:grid;gap:0}
.fakten-liste div{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);gap:20px;padding:14px 0;border-top:1px solid rgba(22,48,26,.12)}
.fakten-liste dt{font:700 1.15rem/1.4 var(--karte);color:var(--gruen)}
.fakten-liste dd{margin:0}
.sitemap ul ul{margin-top:8px;margin-bottom:8px}
@media (max-width:640px){.fakten-liste div{grid-template-columns:1fr;gap:4px}}

.punkt-links{flex-direction:row-reverse}

.seitenkopf{position:relative;overflow:hidden;isolation:isolate}
.sk-muster{position:absolute;inset:0;z-index:-2}
.sk-muster img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;opacity:.16;filter:grayscale(.2) contrast(1.1)}
.sk-muster::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dunst) 18%,rgba(238,241,234,.55) 55%,rgba(238,241,234,.2)),linear-gradient(0deg,var(--dunst),rgba(238,241,234,0) 30%)}
.pf-kopf{left:0;bottom:-40px;z-index:-1}
.seitenkopf > .sk-text,.seitenkopf > .sk-bild,.seitenkopf > .sk-bild-huelle{position:relative;z-index:1}

.blattform-gegen{overflow:hidden;border-radius:38% 6px 38% 6px / 46% 6px 46% 6px}
.blattform-gegen img{width:100%;height:100%;object-fit:cover}

.kollage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,90px);align-items:center;padding:clamp(70px,9vw,140px) var(--rand);background:var(--dunst);position:relative;overflow:hidden}
.ko-text h2{margin-bottom:.6em;font-size:clamp(2rem,3.6vw,3.2rem)}
.ko-text p{max-width:56ch}
.ko-bilder{position:relative;aspect-ratio:1/.92}
.ko-gross{position:absolute;right:0;top:0;width:82%;aspect-ratio:4/3}
.ko-klein{position:absolute;left:0;bottom:0;width:46%;aspect-ratio:3/4;box-shadow:0 30px 60px rgba(22,48,26,.28)}
@media (max-width:900px){.kollage{grid-template-columns:1fr}.ko-bilder{aspect-ratio:1/1.02}.ko-gross{width:84%}.ko-klein{width:48%}}

.schritte-block{position:relative;overflow:hidden;background:var(--wald);color:#eef1ea;padding:clamp(70px,9vw,130px) var(--rand)}
.schritte-block > *:not(.pflanze-hg){position:relative;z-index:1}
.pf-dunkel{left:0;top:30px;opacity:.5;filter:brightness(1.6)}
.schritte-block h2{color:#fff}
.schritt-bild{border-radius:0!important;overflow:visible;aspect-ratio:auto}
.schritt-bild.blattform,.schritt-bild.blattform-gegen{aspect-ratio:3/4;overflow:hidden}
.schritt-bild.blattform{border-radius:6px 38% 6px 38% / 6px 30% 6px 30%!important}
.schritt-bild.blattform-gegen{border-radius:38% 6px 38% 6px / 30% 6px 30% 6px!important}
.schritt:nth-child(even){margin-top:clamp(0px,5vw,70px)}
.schritt-nr{color:#cfe8a4}
.schritt h3{color:#fff}
.schritt p:last-child{color:#d6dfcb}

.vollbild{position:relative;min-height:clamp(560px,92vh,900px);display:flex;align-items:center;padding:clamp(60px,8vw,110px) var(--rand);overflow:hidden;isolation:isolate;scroll-margin-top:-20px}
.vb-bild{position:absolute;inset:-12% 0;z-index:-1}
.vb-bild img{width:100%;height:100%;object-fit:cover;object-position:var(--vb-fokus,50% 50%)}
.vb-unten{align-items:flex-end}.vb-oben{align-items:flex-start}

@media (max-width:700px),(orientation:portrait) and (max-width:1024px){

  .vollbild{flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:0;padding-top:clamp(300px,80vw,560px)}
  .vb-bild{inset:auto 0;top:-40px;height:calc(clamp(300px,80vw,560px) + 160px)}
  .vb-rechts .vb-karte{align-self:flex-end}
  .vb-bild img{object-position:var(--vb-fokus-m,var(--vb-fokus,50% 50%))}
  .vb-links::after,.vb-rechts::after{display:none}
}
.vollbild::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.vb-links::after{background:linear-gradient(90deg,rgba(22,48,26,.45),rgba(22,48,26,0) 60%)}
.vb-rechts{justify-content:flex-end}
.vb-rechts::after{background:linear-gradient(270deg,rgba(22,48,26,.45),rgba(22,48,26,0) 60%)}
.vb-karte{width:min(560px,100%);background:rgba(250,252,246,.92);padding:clamp(28px,4vw,52px);border-radius:2px 70px 2px 70px;box-shadow:0 30px 70px rgba(22,48,26,.25)}
.vb-rechts .vb-karte{border-radius:70px 2px 70px 2px}
.vb-karte h2{font-size:clamp(1.7rem,2.8vw,2.5rem);margin-bottom:.55em}
.vb-karte p{font-size:1.05rem}
.vb-kicker{font:700 1.15rem/1.2 var(--karte);color:var(--gruen);margin-bottom:.5em}
.vb-dunkel .vb-karte{background:rgba(22,48,26,.92);color:#eef1ea}
.vb-dunkel .vb-karte .vb-kicker{color:#cfe8a4}

.zz-block{position:relative;padding:clamp(70px,9vw,130px) var(--rand);background:var(--dunst)}
.zz-einleitung{max-width:68ch;font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.55;margin-bottom:clamp(40px,6vw,80px)}
.zickzack{display:grid;gap:clamp(60px,9vw,140px)}
.zz{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:center}
.zz-rechts{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.zz-rechts .zz-bild{order:2}
.zz-bild{aspect-ratio:3/2}
.zz-rechts .zz-bild{border-radius:38% 6px 38% 6px / 46% 6px 46% 6px}
.zz-text h3{font-size:clamp(1.6rem,2.6vw,2.3rem);margin-bottom:.5em}
.zz-text p{max-width:54ch}
.zz-block .mosaik{margin-top:clamp(60px,8vw,110px)}
.zz-block .weiter-link{margin-top:50px}
@media (max-width:900px){.zz,.zz-rechts{grid-template-columns:1fr}.zz-rechts .zz-bild{order:0}}

.mosaik{list-style:none;margin:0;padding:0;columns:3 280px;column-gap:14px}
.mosaik li{break-inside:avoid;margin-bottom:14px;overflow:hidden;border-radius:6px}
.mosaik .lb-ausloeser{height:auto}
.mosaik .lb-ausloeser img{height:auto}
.mosaik .mo-0{border-radius:6px 34% 6px 34% / 6px 30% 6px 30%}
.mosaik .mo-3{border-radius:34% 6px 34% 6px / 30% 6px 30% 6px}
.bilder-block{position:relative;overflow:hidden;background:var(--dunst);padding:clamp(60px,8vw,110px) var(--rand)}
.bilder-block > *:not(.pflanze-hg){position:relative;z-index:1}

.eier-band{position:relative;isolation:isolate;overflow:hidden;color:#eef1ea;padding:clamp(80px,10vw,150px) var(--rand)}
.eb-bild{position:absolute;inset:-12% 0;z-index:-2}
.eb-bild img{width:100%;height:100%;object-fit:cover}
.eier-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,48,26,.94) 30%,rgba(22,48,26,.82) 70%,rgba(22,48,26,.7))}
@media (max-width:900px){.eier-band::before{background:rgba(22,48,26,.86)}}
.eb-inhalt{max-width:1000px}
.eb-inhalt h2{color:#fff;margin-bottom:.5em;font-size:clamp(1.9rem,3.4vw,3rem)}
.eb-inhalt .gross{margin-bottom:1em;max-width:58ch}

.kooperationen{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,10vw,150px) var(--rand);color:#eef1ea;scroll-margin-top:-20px}
.ko-hg{position:absolute;inset:-12% 0;z-index:-2}
.ko-hg img{width:100%;height:100%;object-fit:cover}
.kooperationen::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,48,26,.93),rgba(22,48,26,.82))}
.ko-inhalt h2{color:#fff;font-size:clamp(1.9rem,3.4vw,3rem);margin-bottom:.5em}
.ko-intro{max-width:62ch;margin-bottom:clamp(36px,5vw,60px)}
.kooperationen .vb-kicker{color:#cfe8a4}

.ko-inhalt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:start}
.ko-inhalt .ko-intro{margin-bottom:0}
.karten-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px}
.karten-liste li{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;padding:8px 12px;border-radius:2px 16px 2px 16px;cursor:default;transition:background var(--t-kurz) var(--kurve)}
.karten-liste li:hover,.karten-liste li.ist-an{background:rgba(207,232,164,.14)}
.kl-ort{font:700 1.25rem/1.2 var(--karte);color:#cfe8a4}
.kl-name{font-size:.98rem}
.karte{width:100%;height:auto;overflow:visible}
.ka-rhein{fill:none;stroke:#7fa3b5;stroke-width:9;stroke-linecap:round;opacity:.55}
.ka-fluss{font:700 15px var(--karte);fill:#a9c6d4;letter-spacing:.06em}
.ka-weg{fill:none;stroke:#cfe8a4;stroke-width:2.2;stroke-dasharray:2 8;stroke-linecap:round;opacity:.65;transition:opacity var(--t-kurz) var(--kurve),stroke-width var(--t-kurz) var(--kurve)}
.ka-ort circle{fill:rgba(207,232,164,.22);stroke:#cfe8a4;stroke-width:2;transition:fill var(--t-kurz) var(--kurve),r var(--t-kurz) var(--kurve)}
.ka-ort text{font:700 17px var(--karte);fill:#eef1ea}
.ka-hof circle{fill:#79b52f;stroke:#fff;stroke-width:3}
.ka-hof .ka-hof-kern{fill:#fff;stroke:none}
.ka-hof text{font:700 18px var(--karte);fill:#fff}
.karte.hat-wahl .ka-weg{opacity:.18}
.karte.hat-wahl .ka-weg.ist-an{opacity:1;stroke-width:3.2}
.ka-ort.ist-an circle{fill:#79b52f}
.ka-hinweis{font-size:.85rem;color:#c7d3bc;margin-top:8px}
@media (max-width:900px){.ko-inhalt{grid-template-columns:1fr}}
@media (max-width:520px){.karten-liste{grid-template-columns:1fr}}
html{overflow-x:clip}

.knopf-outline{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:2px solid var(--wald);border-radius:2px 16px 2px 16px;font:700 1.15rem/1 var(--karte);color:var(--tinte);text-decoration:none;transition:background var(--t-kurz) var(--kurve),color var(--t-kurz) var(--kurve),border-radius var(--t-mittel) var(--kurve)}
.knopf-outline::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.knopf-outline:hover,.knopf-outline:focus-visible{background:var(--wald);color:#fff;border-radius:16px 2px 16px 2px}
.zz-knopf{margin-top:22px!important}

.bild-slider{background:var(--wald);color:#eef1ea}
.bild-slider .galerie-kopf h2{color:#fff;font-size:clamp(1.8rem,3.2vw,2.8rem)}
.slider-zeile{padding:30px var(--rand) 0;color:#d6dfcb!important;margin:0}

.zz-einleitung-reihe{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,80px);align-items:center;margin-bottom:clamp(40px,6vw,80px)}
.zz-einleitung-reihe .zz-einleitung{margin:0}
.keimling-logo{justify-self:center;width:clamp(150px,16vw,240px);height:auto;transform:scaleX(-1)}
@media (max-width:900px){.zz-einleitung-reihe{grid-template-columns:1fr}.keimling-logo{justify-self:start;width:130px}}
.powered a{color:var(--tinte)}
.vb-unterzeile{font:700 1.2rem/1.3 var(--karte);color:var(--gruen);margin:-.2em 0 .9em}
.vb-dunkel .vb-unterzeile,.kooperationen .vb-unterzeile{color:#cfe8a4}

.seite-404 .sk-text{position:relative;z-index:1}
.fehler-code{font:700 clamp(5rem,12vw,10rem)/.9 var(--held);color:#4f8a16;letter-spacing:-.04em;margin-bottom:.1em}
.fehler-wege{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}

.willkommen{isolation:isolate}
.w-hg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.w-hg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;opacity:.16}
.w-hg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--dunst) 0,rgba(238,241,234,.35) 35%,rgba(238,241,234,.5) 100%)}

.fuss-menue a,.link-knopf,.mehr,.krumen a,.bl-pfeil,.powered a{display:inline-flex;align-items:center;min-height:24px}

.gk-titel{max-width:min(1000px,100%)}
.gk-titel h2{margin:0}
.gk-subline{margin-top:.6em!important;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.45;color:#d6dfcb;max-width:60ch}

@media (max-aspect-ratio:1/1),(max-height:500px){
  .held{height:auto}
  .held-pin{position:relative;height:auto;display:flex;flex-direction:column;padding-top:clamp(96px,15vw,150px);
    --m:16px;--wi:calc((100vw - 2*var(--m) - 145px)/.66);--hi:calc(var(--wi)/1.5);--li:clamp(100vw - var(--wi),50vw - .55*var(--wi) - 17.5px,0px)}
  .held-pin::after,.held-pin::before{display:none}
  .held-text{position:relative;top:auto;left:auto;order:0;padding:0 var(--rand)}
  .zoom-huelle{position:relative;inset:auto;order:1;height:calc(var(--hi)*.84);margin-top:calc(var(--hi)*-.3);overflow:hidden}
  .karte-flaeche{top:0;left:var(--li);width:var(--wi);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--hi)*.32),#000 calc(var(--hi)*.78),transparent calc(var(--hi)*.84));
    mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--hi)*.32),#000 calc(var(--hi)*.78),transparent calc(var(--hi)*.84))}
  .held-hinweis{position:relative;bottom:auto;left:auto;order:2;color:var(--gruen);text-shadow:none;padding:8px var(--rand) 26px}
  .hofinfo{top:auto;bottom:auto;height:auto;margin:0;max-height:none;overflow:visible;left:var(--m);width:min(420px,50vw)}
  .hofinfo.hofinfo-rechts{left:auto;right:var(--m)}

  .ist-gezoomt .punkt[aria-expanded="true"] .punkt-kreis{opacity:1}
  .ist-gewaehlt .punkt:not([aria-expanded="true"]) .punkt-kreis{opacity:.4}
}
@media (prefers-reduced-motion:no-preference) and (max-aspect-ratio:1/1),(prefers-reduced-motion:no-preference) and (max-height:500px){
  :is(.ist-gezoomt,.ist-gewaehlt) .punkt[aria-expanded="true"] .punkt-kreis{animation:puls 1.8s ease-out 5}
}

@media (max-width:700px) and (max-aspect-ratio:1/1),(max-width:700px) and (max-height:500px){
  .hofinfo{position:relative;order:3;left:auto;width:auto;max-height:none;overflow:visible;margin:0 var(--m) 32px;background:#fafcf6}

  .held-pin{--wi:calc((100vw - 2*var(--m) - 24px)/.66);--li:clamp(100vw - var(--wi),50vw - .55*var(--wi),0px)}
}
@media (max-width:700px) and (max-aspect-ratio:1/1),(max-width:700px) and (max-height:500px){
  .held-text .claim{font-size:clamp(1.9rem,8.4vw,2.6rem)}
  .held h1{font-size:1.15rem}

  .punkt{gap:4px;padding:3px}
  .punkt-kreis{width:18px;height:18px}
  .punkt-name{font-size:.9rem;padding:4px 7px}
  .punkt[data-id=weide]{flex-direction:row;transform:translate(-12px,-50%)}
  .punkt[data-id=heide]{flex-direction:row-reverse;transform:translate(calc(-100% + 12px),-50%)}
  .punkt[data-id=acker],.punkt[data-id=hallen]{flex-direction:column;transform:translate(-50%,-12px)}
  .punkt[data-id=hof]{flex-direction:column-reverse;transform:translate(-50%,calc(-100% + 12px))}
}

.news time{display:block;margin:0 0 .7em}
.beitrag-kopf .beitrag-datum{margin:-.1em 0 .9em}

@media (max-width:900px){

  .kontakt{overflow:clip;padding-bottom:0}
  .kontakt .karten{padding-bottom:clamp(80px,10vw,140px)}
  .kontakt-hg{position:sticky;inset:auto;top:0;height:100vh;height:100lvh;margin:calc(clamp(80px,10vw,140px) * -1) calc(var(--rand) * -1) calc(clamp(80px,10vw,140px) - 100vh);margin-bottom:calc(clamp(80px,10vw,140px) - 100lvh)}
  .kontakt-hg img{object-position:62% 58%;opacity:.6}
  .kontakt-hg::after{background:rgba(22,48,26,.5)}
}

h1,h2,h3,.claim{text-wrap:balance}
p,li,dd{text-wrap:pretty}

.knopf:active,.knopf-outline:active,.kopf-kontakt:active,.galerie-pause:active,.menue-knopf:active,.hofinfo-zurueck:active,
.bn-alle:active,.blaettern a:active,.sprung a:active,.link-knopf:active,.punkt:active .punkt-kreis,
.beitrag-nav a:active .bn-pfeil,.bl-pfeil:active .bn-pfeil{transform:translateY(1px) scale(.97)}

.hw-klicken{display:none}
@media (hover:hover) and (pointer:fine){.hw-tippen{display:none}.hw-klicken{display:inline}}

.news-start{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;gap:clamp(24px,2.6vw,40px) clamp(24px,3.5vw,56px);align-items:start}
.news-start .news:first-child{grid-row:span 2}
.news-start .news:first-child .news-bild,.news-start .news:first-child:hover .news-bild,.news-start .news:first-child:focus-within .news-bild{aspect-ratio:16/10;border-radius:38% 6px 38% 6px / 46% 6px 46% 6px}
.news-start .news:first-child h3{font-size:clamp(1.6rem,2.6vw,2.4rem)}
.news-start .news:first-child p{font-size:1.1rem;max-width:60ch}
.news-start .news:not(:first-child){display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:clamp(16px,1.8vw,26px)}
.news-start .news:not(:first-child) .news-bild{grid-column:1;grid-row:1 / -1;margin:0;aspect-ratio:1}
.news-start .news:not(:first-child) h3{grid-column:2;grid-row:2;font-size:clamp(1.15rem,1.5vw,1.35rem);margin-top:0}
.news-start .news:not(:first-child) time{grid-column:2;grid-row:3}

.news-start .news h3{margin-bottom:14px}
.news-start .news time{margin:0 0 12px}
.news-start .news:not(:first-child) p{grid-column:2;grid-row:4;margin:0;font-size:.98rem;line-height:1.55}
.news-start .news + .news + .news{padding-top:clamp(24px,2.6vw,40px);border-top:1px solid rgba(22,48,26,.12)}
@media (max-width:1000px){
  .news-start{grid-template-columns:1fr;grid-template-rows:none}
  .news-start .news:first-child{grid-row:auto}
  .news-start .news:not(:first-child){grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
}

.galerie-start{background:var(--wald)}
.uebergang .haltung{padding-top:clamp(90px,11vw,160px)}

.lb-ausloeser,button.g-bild{position:relative}
.lb-ausloeser::after,button.g-bild::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}
.lb-ausloeser:focus-visible::after,button.g-bild:focus-visible::after{box-shadow:inset 0 0 0 3px var(--wald),inset 0 0 0 6px #fff}

.galerie :focus-visible,.bild-slider :focus-visible,.kontakt :focus-visible,.kooperationen :focus-visible,.schritte-block :focus-visible,.eier-band :focus-visible,.vb-dunkel :focus-visible,.fuss-dunkel :focus-visible,.ge-karte :focus-visible{outline-color:var(--licht)}

html{scroll-padding-top:100px;overflow-anchor:none}
@media (max-width:980px){html{scroll-padding-top:90px}}

h1,h2,h3,.fuss-menue a,.link-knopf{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;overflow-wrap:break-word}
.seitenkopf h1,.beitrag h1{overflow-wrap:anywhere}
p,li{overflow-wrap:break-word}
.rechtstext a{overflow-wrap:anywhere}

.punkt.punkt-unten{flex-direction:column;transform:translate(-50%,-14px)}

.sk-bild-huelle{position:relative}
.sk-plakette{position:absolute;left:clamp(-44px,-3vw,-20px);bottom:9%;display:grid;gap:4px;margin:0;padding:clamp(16px,1.6vw,22px) clamp(20px,2vw,28px);background:var(--wald);color:#eef1ea;border-radius:2px 34px 2px 34px;box-shadow:0 18px 40px rgba(22,48,26,.3)}
.pk-zahl{font:700 clamp(2.4rem,4vw,3.6rem)/.9 var(--karte);color:#ef8316;font-variant-numeric:tabular-nums}
.pk-text{font:700 1.05rem/1.1 var(--karte);letter-spacing:.01em}
@media (max-width:900px){.sk-plakette{left:16px;bottom:-22px}.seitenkopf{padding-bottom:clamp(70px,10vw,110px)}}

.skip{font-family:var(--text)}

picture{display:contents}
@keyframes ein{from{opacity:0;translate:0 40px}}
@media (prefers-reduced-motion:no-preference){
  .held h1,.claim .z1,.claim .z2,.seitenkopf .sk-text>*,.seitenkopf .sk-bild{animation:ein var(--t-buehne) var(--kurve) both}
  .held h1{animation-delay:.1s}
  .claim .z1{animation-delay:.25s}
  .claim .z2{animation-delay:.4s}
  .seitenkopf .sk-text>:nth-child(2){animation-delay:.1s}
  .seitenkopf .sk-text>:nth-child(3){animation-delay:.2s}
  .seitenkopf .sk-text>:nth-child(n+4){animation-delay:.3s}
  .seitenkopf .sk-bild{animation-delay:.15s}
}
@media (max-width:700px){.bn-alle{justify-self:start}}
@media (max-height:690px) and (min-aspect-ratio:1/1){.info-bild{display:none}}
@media (max-height:500px){
  .kopf{padding-top:12px;padding-bottom:12px}
  .station-bild{max-height:78svh}
}
@media (max-height:620px) and (min-aspect-ratio:1001/1000){.held-hinweis span{background:rgba(238,241,234,.85);padding:2px 8px}}
@media (min-aspect-ratio:1001/1000) and (min-height:501px){.karte-flaeche{will-change:transform}}