:root{

  --weiss:#ffffff;
  --papier:#f5f4f1;
  --tinte:#242424;
  --tinte-leise:#5c5c5c;
  --marke:#5e5646;
  --schiefer:#5f6360;
  --salbei:#8a9b98;
  --linie:#d9d6cf;

  --serif:Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif;
  --sans:"Avenir Next",Avenir,"Segoe UI","Helvetica Neue",Arial,sans-serif;

  --kurve:cubic-bezier(.23,1,.32,1);
  --breite:1280px;
  --rand:clamp(20px,4.5vw,64px);
  --kopf:76px;
  --s1:4px; --s2:8px; --s3:16px; --s4:24px; --s5:32px; --s6:48px; --s7:64px; --s8:96px; --s9:144px;

  --titel-block:var(--s6); --titel-text:var(--s4);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf) + 16px)}
body{margin:0;background:var(--weiss);color:var(--tinte);font:17px/1.65 var(--sans);
  font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}
figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--marke);outline-offset:3px}
button{font:inherit;color:inherit;touch-action:manipulation}

.visuell-weg{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprung{position:absolute;left:var(--rand);top:-60px;z-index:50;background:var(--tinte);color:#fff;
  padding:10px 16px;text-decoration:none}
.sprung:focus{top:12px}

.spalte{max-width:var(--breite);margin:0 auto;padding:0 var(--rand)}

.etikett{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--marke);
  margin-bottom:var(--s4);display:flex;align-items:center;gap:14px}
.etikett::before{content:"";width:32px;height:1px;background:currentColor;opacity:.7}
.etikett--hell{color:rgba(255,255,255,.88)}

.titel{font-family:var(--serif);font-size:clamp(32px,4.4vw,58px);line-height:1.1;
  letter-spacing:-.005em;text-wrap:balance;color:var(--tinte)}
.titel--hell{color:#fff}

.knopf{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 26px;
  font-size:13px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  border:1px solid transparent;transition:transform .16s var(--kurve),background-color .3s var(--kurve),color .3s var(--kurve)}
.knopf:active{transform:scale(.97)}
.knopf--hell{background:#fff;color:var(--tinte)}
.knopf--rand-hell{border-color:rgba(255,255,255,.7);color:#fff}
.knopf--rand{border-color:var(--tinte);color:var(--tinte)}
.pfeil{width:22px;height:1px;background:currentColor;position:relative;transition:transform .3s var(--kurve)}
.pfeil::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;
  border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
@media (hover:hover) and (pointer:fine){
  .knopf--hell:hover{background:var(--papier)}
  .knopf--rand-hell:hover{background:rgba(255,255,255,.12)}
  .knopf--rand:hover{background:var(--tinte);color:#fff}
  .knopf:hover .pfeil{transform:translateX(4px)}
}

.kopf{position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;
  border-bottom:1px solid rgba(255,255,255,.32);transition:background-color .4s var(--kurve),color .4s var(--kurve),border-color .4s var(--kurve)}
.js .kopf{position:fixed}
.kopf--fest{background:rgba(255,255,255,.96);color:var(--tinte);border-bottom-color:var(--linie)}
.kopf-innen{max-width:none;height:var(--kopf);margin:0 auto;padding:0 var(--rand);
  display:flex;align-items:center;justify-content:space-between;gap:var(--s5)}

.wortmarke{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;line-height:1}
.wortmarke-name{font-family:var(--serif);font-size:23px;letter-spacing:.62em;margin-right:-.62em}
.wortmarke-zusatz{font-family:var(--serif);font-size:10.5px;letter-spacing:.06em;margin-top:7px;opacity:.9}
.kopf .wortmarke{color:inherit}
.kopf--fest .wortmarke{color:var(--marke)}

.nav-breit ul{display:flex;gap:clamp(18px,2.4vw,40px)}
.nav-breit a{font-size:14px;letter-spacing:.06em;text-decoration:none;padding:10px 0;position:relative;display:inline-block}
.nav-breit a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--kurve)}
.nav-breit a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){ .nav-breit a:hover::after{transform:scaleX(1)} }

.nav-schmal{display:none;position:relative}
.nav-schmal summary{list-style:none;cursor:pointer;font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  min-height:44px;display:flex;align-items:center;padding:0 4px}
.nav-schmal summary::-webkit-details-marker{display:none}
.nav-schmal nav{position:absolute;right:0;top:calc(100% + 10px);background:#fff;color:var(--tinte);
  min-width:220px;padding:var(--s3) var(--s4);box-shadow:0 18px 40px rgba(0,0,0,.14)}
.nav-schmal li a{display:block;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--linie)}
.nav-schmal li:last-child a{border-bottom:0}
.nav-schmal a[aria-current="page"]{color:var(--marke)}

@media (max-width:860px){
  :root{--kopf:64px}
  .nav-breit{display:none}
  .nav-schmal{display:block}
  .wortmarke-name{font-size:19px}
  .wortmarke-zusatz{font-size:9px}
}

picture[data-webp]{display:contents}
.buehne{position:relative;height:100vh;height:100svh;min-height:560px;background:var(--weiss);overflow:hidden}

.buehne-bahn{position:relative}
@media (prefers-reduced-motion:no-preference){
  .js .buehne-bahn{height:calc(100vh + 75vh);height:calc(100svh + 75svh)}
  .js .buehne-bahn > .buehne{position:sticky;top:0}
}
.buehne-medien{position:absolute;inset:0;transform-origin:50% 40%;will-change:transform;background:#30403f}
.buehne-video{width:100%;height:100%;object-fit:cover}

.buehne-verlauf{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(10,14,14,.72) 0%,rgba(10,14,14,.42) 38%,rgba(10,14,14,0) 70%),
  linear-gradient(to bottom,rgba(10,14,14,.5) 0%,rgba(10,14,14,0) 26%)}

.buehne-rahmen{position:absolute;inset:clamp(12px,2vw,28px);top:calc(var(--kopf) + clamp(12px,2vw,28px));
  border:1px solid rgba(255,255,255,.38);pointer-events:none}

.buehne-inhalt{position:absolute;left:0;right:0;bottom:clamp(56px,11vh,120px);
  padding:0 calc(var(--rand) + clamp(12px,2vw,28px));color:#fff;max-width:var(--breite);margin:0 auto}
.buehne-titel{margin:0 0 var(--s5)}
.buehne-titel img{width:min(620px,78vw);margin-bottom:var(--s4)}

.buehne-titel .buehne-zeile{display:block;margin-bottom:0}
.buehne-zeile{font-family:var(--serif);font-size:clamp(19px,2vw,26px);line-height:1.35;max-width:30ch;margin-bottom:var(--s5)}
.buehne-knoepfe{display:flex;flex-wrap:wrap;gap:12px}

.video-schalter{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;
  background:transparent;border:1px solid currentColor;cursor:pointer;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.video-schalter-symbol{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.video-schalter[aria-pressed="true"] .video-schalter-symbol{border:0;width:0;height:0;
  border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.video-schalter--buehne{position:absolute;right:calc(var(--rand) + clamp(12px,2vw,28px));bottom:clamp(56px,11vh,120px);color:#fff;
  border-color:rgba(255,255,255,.6)}

.scroll-hinweis{position:absolute;left:50%;bottom:clamp(12px,2vw,28px);width:1px;height:44px;
  background:rgba(255,255,255,.3);overflow:hidden;transform:translateX(-50%)}
.scroll-hinweis span{position:absolute;inset:0;background:#fff;transform:translateY(-100%);animation:hinweis 2.4s var(--kurve) infinite}
@keyframes hinweis{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}

@media (max-width:640px){
  .buehne-inhalt{bottom:112px}
  .video-schalter--buehne{left:calc(var(--rand) + 12px);right:auto;bottom:48px}
  .scroll-hinweis{display:none}
}

.einleitung{position:relative;padding:var(--s9) 0 var(--s8);overflow:hidden}
.iso{position:absolute;right:-6vw;top:8%;width:min(760px,70vw);height:auto;
  fill:none;stroke:var(--linie);stroke-width:1.1;pointer-events:none}
.kernsatz{position:relative;font-family:var(--serif);font-size:clamp(34px,5.6vw,80px);line-height:1.08;
  letter-spacing:-.01em;max-width:22ch;text-wrap:balance;color:var(--tinte)}
.kernsatz .wort{display:inline-block}

.daten{padding:0 0 var(--s9)}
.kennzahlen{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) minmax(0,1fr);gap:var(--s5);margin-bottom:var(--s8)}
.kennzahl{position:relative;padding-top:var(--s4)}
.kennzahl-linie{position:absolute;left:0;right:0;top:0;height:1px;background:var(--tinte);transform-origin:left}
.kennzahl-wert{display:block;font-family:var(--serif);font-size:clamp(40px,5.2vw,78px);line-height:1;
  font-variant-numeric:tabular-nums lining-nums;color:var(--tinte);white-space:nowrap}
.kennzahl-wert small{font-size:.32em;font-family:var(--sans);letter-spacing:.04em;
  vertical-align:middle;color:var(--tinte-leise)}
.kennzahl-wert--wort{font-size:clamp(36px,4.6vw,66px);padding-top:.12em}
.kennzahl-text{display:block;margin-top:var(--s3);font-size:14px;letter-spacing:.06em;color:var(--tinte-leise)}

.steckbrief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s7);margin:0;max-width:980px}
.steckbrief div{display:grid;grid-template-columns:minmax(0,13.5em) minmax(0,1fr);gap:var(--s4);
  padding:var(--s3) 0;border-top:1px solid var(--linie)}
.steckbrief dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--marke);padding-top:3px;hyphens:auto;overflow-wrap:anywhere}
.steckbrief dd{margin:0}

@media (max-width:820px){
  .kennzahlen{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .steckbrief{grid-template-columns:minmax(0,1fr)}
  .steckbrief div{grid-template-columns:minmax(0,1fr);gap:var(--s1)}
}

.geschichte{background:var(--papier);padding:var(--s9) 0 var(--s8)}
.geschichte-kopf{margin-bottom:var(--titel-block)}
.geschichte-kopf .titel{margin-bottom:0}
.hinweis-entwurf{display:inline-block;margin-top:var(--s3);font-size:12px;letter-spacing:.1em;color:var(--tinte-leise);
  border:1px dashed var(--tinte-leise);padding:4px 10px}
.geschichte-raster{max-width:var(--breite);margin:0 auto;padding:0 var(--rand);
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}

.buehnenbild{display:grid;gap:var(--s3)}
.ebene{position:relative;aspect-ratio:16/9;overflow:hidden;background:#cfd3cf}
.ebene video,.ebene img{width:100%;height:100%;object-fit:cover}
.buehnenbild-leiste{display:none}

.js .buehnenbild{position:sticky;top:calc(var(--kopf) + 32px);display:block}
.js .buehnenbild-flaeche{position:relative}

.js .buehnenbild-flaeche::before{content:"";display:block;aspect-ratio:4/3.1;max-height:calc(100vh - var(--kopf) - 276px);min-height:280px}
.js .ebene{position:absolute;inset:0 0 auto 0;height:calc(100% - 56px);aspect-ratio:auto;opacity:0;
  transition:opacity .9s var(--kurve)}
.js .ebene.aktiv{opacity:1}
.js .ebene img,.js .ebene video{transform:scale(1.06);transition:transform 6s var(--kurve)}
.js .ebene.aktiv img,.js .ebene.aktiv video{transform:scale(1)}
.js .buehnenbild-leiste{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;align-items:center;gap:var(--s4)}
.buehnenbild-zaehler{font-size:13px;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--tinte-leise)}
.buehnenbild-fortschritt{flex:1;height:1px;background:var(--linie);position:relative;overflow:hidden}
.buehnenbild-fortschritt span{position:absolute;inset:0;background:var(--tinte);transform-origin:left;transform:scaleX(.25);
  transition:transform .6s var(--kurve)}
.buehnenbild .video-schalter{color:var(--tinte);border-color:var(--linie)}

.schritt{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:var(--s6) 0;
  border-top:1px solid var(--linie)}
.schritt:first-child{border-top:0}
.schritt-nummer{font-size:12px;letter-spacing:.24em;color:var(--marke);margin-bottom:var(--s3)}
.schritt h3{font-family:var(--serif);font-size:clamp(28px,3vw,40px);line-height:1.15;margin-bottom:var(--s3)}
.schritt p:last-child{max-width:36ch;color:var(--tinte-leise);font-size:18px}

.js .schritt h3,.js .schritt-nummer,.js .schritt p:last-child{transition:color .6s var(--kurve)}
.js .schritt:not(.aktiv) h3{color:#858480}
.js .schritt:not(.aktiv) .schritt-nummer,.js .schritt:not(.aktiv) p:last-child{color:#6b6a66}

@media (max-width:860px){
  .geschichte-raster{grid-template-columns:minmax(0,1fr);gap:0}
  .js .buehnenbild{top:var(--kopf);z-index:2;background:var(--papier);padding:var(--s3) var(--rand);margin:0 calc(var(--rand) * -1);border-bottom:1px solid var(--linie)}
  .js .buehnenbild-flaeche::before{aspect-ratio:16/11.4;max-height:none;min-height:0}
  .geschichte-kopf{margin-bottom:var(--s2)}
  .geschichte-kopf .etikett{margin-bottom:6px}
  .geschichte-kopf .titel{font-size:24px;line-height:1.2}
  .schritt{min-height:62vh;justify-content:flex-start;padding-top:var(--s7)}
}

.galerie{padding:var(--s9) 0 var(--s8)}
.galerie .spalte{margin-bottom:var(--titel-block)}
.kacheln{max-width:var(--breite);margin:0 auto;padding:0 var(--rand);
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(120px,14vw,200px);gap:8px}
.kachel{position:relative;overflow:hidden;background:var(--papier)}
.kachel-bild{position:absolute;inset:0;overflow:hidden}
.kachel-bild img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}
.kachel figcaption{position:absolute;left:0;bottom:0;padding:10px 14px;font-size:12px;letter-spacing:.08em;color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0));width:100%}
.kachel--a{grid-column:span 7;grid-row:span 3}
.kachel--b{grid-column:span 5;grid-row:span 2}
.kachel--c{grid-column:span 5;grid-row:span 1}
.kachel--d{grid-column:span 4;grid-row:span 2}
.kachel--e{grid-column:span 4;grid-row:span 2}
.kachel--f{grid-column:span 4;grid-row:span 2}
.kachel--g{grid-column:span 8;grid-row:span 3}
.kachel--h{grid-column:span 4;grid-row:span 3}

.galerie-zwischen{margin-top:var(--s8);margin-bottom:var(--s4)}
.galerie-zwischen .etikett{font-weight:inherit}
@media (max-width:760px){
  .kacheln{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .kachel{grid-column:span 2 !important;grid-row:auto !important;aspect-ratio:3/2}
  .kachel--d,.kachel--e{grid-column:span 1 !important;aspect-ratio:1/1}
}

.lage{padding:var(--s8) 0 var(--s9)}
.lage-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(32px,6vw,96px);align-items:center}
.lage-text .titel{margin-bottom:var(--titel-text);font-size:clamp(30px,3.4vw,46px)}
.lage-text p{color:var(--tinte-leise);margin-bottom:var(--s5);max-width:34ch}
.lage-text .etikett{margin-bottom:var(--s4)}
.lage-bild-rahmen{overflow:hidden;aspect-ratio:16/10}
.lage-bild-rahmen img,.lage-bild-rahmen video{width:100%;height:100%;object-fit:cover}
.lage-film{position:relative;background:#30403f}
.video-schalter--lage{position:absolute;right:12px;bottom:12px;color:#fff;border-color:rgba(255,255,255,.6);background:rgba(20,24,24,.35)}
@media (max-width:820px){ .lage-raster{grid-template-columns:minmax(0,1fr)} }

.anfrage{background:var(--schiefer);color:#fff;padding:var(--s8) 0}
.anfrage-raster{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s6);align-items:end}
.anfrage-namen{color:rgba(255,255,255,.86);margin-top:var(--s3);font-size:15px}
@media (min-width:821px){ .anfrage-namen{white-space:nowrap} }
.anfrage-knoepfe{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:820px){ .anfrage-raster{grid-template-columns:minmax(0,1fr)} }

.fuss{padding:var(--s7) 0 var(--s5);border-top:1px solid var(--linie)}
.fuss-raster{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:var(--s6);align-items:start}
.wortmarke--fuss{color:var(--marke);align-items:flex-start}
.wortmarke--fuss .wortmarke-name{margin-right:0}
.fuss-claim{margin-top:var(--s4);font-family:var(--serif);font-size:18px;color:var(--tinte-leise)}
.fuss-adresse{font-size:15px;color:var(--tinte-leise)}
.fuss-links{display:flex;gap:var(--s4);font-size:14px}
.entwurf-marke{max-width:var(--breite);margin:var(--s6) auto 0;padding:0 var(--rand);font-size:12px;color:var(--tinte-leise)}
@media (max-width:820px){ .fuss-raster{grid-template-columns:minmax(0,1fr)} }

body[data-kopf-fest] main{padding-top:var(--kopf)}
body[data-kopf-fest] .kopf{background:rgba(255,255,255,.96);color:var(--tinte);border-bottom-color:var(--linie)}
body[data-kopf-fest] .kopf .wortmarke{color:var(--marke)}
.etikett a{color:inherit;text-decoration:none}
@media (hover:hover) and (pointer:fine){ .etikett a:hover{text-decoration:underline} }

.titel--gross{font-size:clamp(40px,6vw,88px);max-width:18ch}
.titel--adresse{font-size:clamp(30px,6vw,88px)}

.seitenkopf{position:relative;overflow:hidden;padding:var(--s9) 0 var(--s7)}
.iso--kopf{right:-8vw;top:18%;width:min(720px,64vw)}

.projekte{padding:0 0 var(--s9)}
.filter{display:none;flex-wrap:wrap;gap:8px;margin-bottom:var(--s3)}
.js .filter{display:flex}
.filter-knopf{min-height:44px;padding:0 18px;background:transparent;border:1px solid var(--linie);cursor:pointer;
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte);
  transition:background-color .25s var(--kurve),color .25s var(--kurve),border-color .25s var(--kurve),transform .16s var(--kurve)}
.filter-knopf span{font-variant-numeric:tabular-nums;color:var(--tinte-leise);margin-left:6px}
.filter-knopf[aria-pressed="true"]{background:var(--tinte);border-color:var(--tinte);color:#fff}
.filter-knopf[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
.filter-knopf:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){ .filter-knopf:hover{border-color:var(--tinte)} }
.filter-hinweis{font-size:13px;color:var(--tinte-leise);min-height:1.6em;margin-bottom:var(--s5)}

.karten{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s7) var(--s4);list-style:none}
.karte{grid-column:span 4;min-width:0}
.karte--breit{grid-column:span 8}
.karte--aktuell{grid-column:span 12}
.karte[hidden]{display:none}
.karte a{display:block;text-decoration:none;color:inherit}
.karte-bild{position:relative;display:block;height:clamp(220px,23vw,330px);overflow:hidden;background:var(--papier)}
.karte--aktuell .karte-bild{height:clamp(300px,44vw,580px)}
.karte-bild img,.karte-bild video{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--kurve)}
.karte-bild--plan img{object-fit:contain;padding:var(--s3);background:#fff}
.karte-marke{position:absolute;left:var(--s3);top:var(--s3);background:#fff;color:var(--tinte);padding:6px 12px;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.karte-text{display:block;padding-top:var(--s3)}
.karte-ort{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--marke)}
.karte-titel{display:block;font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.2;margin:6px 0}
.karte--aktuell .karte-titel{font-size:clamp(28px,3.4vw,46px)}
.karte-zeile{display:block;font-size:14px;color:var(--tinte-leise)}
@media (hover:hover) and (pointer:fine){
  .karte a:hover .karte-bild img,.karte a:hover .karte-bild video{transform:scale(1.04)}
  .karte a:hover .karte-titel{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
}
@media (max-width:1000px){ .karte{grid-column:span 6} .karte--breit,.karte--aktuell{grid-column:span 12} }
@media (max-width:640px){ .karte,.karte--breit{grid-column:span 12} .karten{row-gap:var(--s6)} }

.buehne-bild{width:100%;height:100%;object-fit:cover}
.buehne-adresse{font-family:var(--serif);font-size:clamp(44px,7vw,104px);line-height:1.02;letter-spacing:-.01em;margin-bottom:var(--s4);text-wrap:balance}
.buehne-adresse--satz{font-size:clamp(32px,4.4vw,62px);line-height:1.12;max-width:22ch}
.buehne--projekt .buehne-verlauf{background:linear-gradient(to top,rgba(10,14,14,.72) 0%,rgba(10,14,14,.4) 38%,rgba(10,14,14,0) 70%),linear-gradient(to bottom,rgba(10,14,14,.6) 0%,rgba(10,14,14,0) 30%)}
.buehne--projekt .buehne-zeile{font-family:var(--sans);font-size:clamp(16px,1.4vw,19px);max-width:46ch}

.buehne--plan .buehne-medien{background:#fff}
.buehne--plan .buehne-bild{object-fit:contain;padding:var(--s5) var(--rand) 46vh}
.buehne--plan .buehne-verlauf{display:none}
.buehne--plan .buehne-rahmen{border-color:var(--linie)}
.buehne--plan .buehne-inhalt{color:var(--tinte)}
.buehne--plan .etikett--hell{color:var(--marke)}
.daten--projekt{padding-top:var(--s8)}
.daten--projekt .kennzahl-wert{font-size:clamp(36px,4.6vw,68px)}
.daten--projekt .kennzahl-wert--wort{font-size:clamp(28px,3vw,44px)}
.daten--projekt .kennzahlen{grid-template-columns:repeat(3,minmax(0,1fr))}
.daten--projekt .steckbrief{grid-template-columns:minmax(0,1fr);max-width:860px}
@media (max-width:820px){ .daten--projekt .kennzahlen{grid-template-columns:minmax(0,1fr)} }

.galerie--projekt{padding:0 0 var(--s8)}
.kacheln--projekt{grid-auto-rows:clamp(80px,10vw,150px)}
.kachel--k12{grid-column:span 12;grid-row:span 4}
.kachel--k7{grid-column:span 7;grid-row:span 4}
.kachel--k5{grid-column:span 5;grid-row:span 4}
.kachel--k5o,.kachel--k5u{grid-column:span 5;grid-row:span 2}
.kachel-bild--plan img{object-fit:contain;padding:var(--s3);background:#fff}
@media (max-width:760px){
  .kacheln--projekt .kachel{grid-column:span 2 !important;grid-row:auto !important;aspect-ratio:4/3}
}

.naechstes{padding:0 0 var(--s8)}
.naechstes-link{position:relative;display:block;height:clamp(320px,46vw,560px);overflow:hidden;color:#fff;text-decoration:none;background:#30403f}
.naechstes-bild{position:absolute;inset:0}
.naechstes-bild img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--kurve)}
.naechstes-link::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,14,.7),rgba(10,14,14,.1) 60%)}
.naechstes-text{position:absolute;left:0;right:0;bottom:clamp(32px,6vw,72px);z-index:1;max-width:var(--breite);margin:0 auto;padding:0 var(--rand);display:block}
.naechstes-titel{display:block;font-family:var(--serif);font-size:clamp(36px,5.4vw,78px);line-height:1.04}
.naechstes-ort{display:block;margin-top:var(--s2);font-size:14px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.naechstes-zurueck{margin-top:var(--s5)}
@media (hover:hover) and (pointer:fine){ .naechstes-link:hover .naechstes-bild img{transform:scale(1.04)} }

.start-buehne{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr);
  height:100vh;height:100svh;min-height:600px;background:var(--schiefer)}
.start-tafel{position:relative;overflow:hidden;background:var(--schiefer);color:#fff;display:flex;align-items:flex-end;
  padding:calc(var(--kopf) + 32px) var(--rand) clamp(48px,10vh,112px)}
.iso--tafel{position:absolute;left:-14%;top:10%;width:128%;stroke:rgba(255,255,255,.3);stroke-width:1}
.start-tafel-text{position:relative}
.start-titel{font-family:var(--serif);font-size:clamp(44px,5.4vw,84px);line-height:1.04;letter-spacing:-.01em}
.start-seit{margin:var(--s3) 0 var(--s5);font-size:13px;letter-spacing:.24em;text-transform:uppercase;opacity:.85}
.start-bilder{position:relative;overflow:hidden;background:#30403f}
.start-bilder::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,14,14,.6),rgba(10,14,14,0) 26%),linear-gradient(to top,rgba(10,14,14,.45),rgba(10,14,14,0) 22%)}
.wechsel-bild{position:absolute;inset:0;opacity:0}
.wechsel-bild:first-child{opacity:1}
.wechsel-bild img{width:100%;height:100%;object-fit:cover}

.wechsel-ort{position:absolute;right:var(--rand);bottom:clamp(20px,4vh,40px);z-index:1;color:#fff;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.45)}
@media (max-width:860px){
  .start-buehne{grid-template-columns:minmax(0,1fr);grid-template-rows:48svh auto;height:auto;min-height:0}
  .start-bilder{grid-row:1}
  .start-tafel{grid-row:2;padding-top:var(--s7)}
}

.wir{padding:var(--s9) 0}
.wir-raster{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:var(--s6);align-items:start}
.wir-titel{font-family:var(--serif);font-size:clamp(64px,10vw,150px);line-height:.9;color:var(--marke);
  position:sticky;top:calc(var(--kopf) + 48px)}
.wir-liste li{font-family:var(--serif);font-size:clamp(26px,2.9vw,42px);line-height:1.18;padding:var(--s4) 0;
  border-top:1px solid var(--linie);text-wrap:balance}
.wir-liste li:first-child{border-top:0;padding-top:0}
.wir--kompakt{background:var(--papier)}
.wir--kompakt .wir-titel{font-size:clamp(48px,6vw,90px)}
.wir--kompakt .wir-liste li{font-size:clamp(20px,2vw,28px);padding:var(--s3) 0}
@media (max-width:760px){ .wir-raster{grid-template-columns:minmax(0,1fr)} .wir-titel{position:static} }

.aktuell{padding:0 0 var(--s9)}
.aktuell-karte{position:relative;display:block;height:clamp(420px,58vw,720px);overflow:hidden;color:#fff;text-decoration:none;
  background:#30403f;transform-origin:50% 60%}
.aktuell-film{position:absolute;inset:0}
.aktuell-film video{width:100%;height:100%;object-fit:cover}
.aktuell-karte::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,14,.7),rgba(10,14,14,0) 62%)}
.aktuell-text{position:absolute;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);bottom:clamp(28px,5vw,64px);z-index:1;display:block}
.aktuell-titel{display:block;font-family:var(--serif);font-size:clamp(36px,5vw,72px);line-height:1.04;margin-bottom:var(--s3)}
.aktuell-zeile{display:block;max-width:40ch;margin-bottom:var(--s5);font-size:17px}

.fahrt{padding:0 0 var(--s8);background:var(--weiss)}
.fahrt-buehne{overflow:hidden}
.fahrt-kopf{margin-bottom:var(--titel-block)}
.fahrt-spur{display:flex;gap:var(--s4);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rand);
  padding:0 var(--rand) var(--s4);padding-left:max(var(--rand),calc((100% - var(--breite)) / 2 + var(--rand)));scrollbar-width:thin}
.fahrt-karte{flex:0 0 clamp(260px,28vw,420px);scroll-snap-align:start}
.fahrt-karte a{display:block;text-decoration:none;color:inherit}
.fahrt-bild{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--papier);margin-bottom:var(--s3)}
.fahrt-bild img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--kurve)}
.fahrt-karte--alle a{display:flex;flex-direction:column;justify-content:center;gap:var(--s4);aspect-ratio:4/5;
  border:1px solid var(--tinte);padding:var(--s5)}
@media (hover:hover) and (pointer:fine){ .fahrt-karte a:hover .fahrt-bild img{transform:scale(1.04)} }

.fahrt--gefuehrt .fahrt-buehne{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding-top:var(--kopf)}
.fahrt--gefuehrt .fahrt-spur{overflow:visible;width:max-content;scroll-snap-type:none}
.fahrt--gefuehrt .fahrt-kopf{width:100%}

.fahrt--gefuehrt .fahrt-karte{flex-basis:min(clamp(260px,28vw,420px),calc((100svh - 380px) * .8))}

.suchprofil-band{position:relative;overflow:hidden;background:var(--schiefer);color:#fff;padding:var(--s9) 0}
.iso--band{right:-6vw;top:10%;width:min(760px,70vw);stroke:rgba(255,255,255,.22)}
.suchprofil-band .titel{max-width:26ch;margin-bottom:var(--titel-text);position:relative}
.suchprofil-band .spalte{position:relative}

.einleitung--profil{padding:var(--s9) 0 var(--s8)}
.profil-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.profil-bild-text{margin-top:var(--s3);font-size:14px;color:var(--tinte-leise);max-width:46ch}
.profil-text p:not(.etikett){font-family:var(--serif);font-size:clamp(20px,1.8vw,26px);line-height:1.45;margin-bottom:var(--s4);max-width:34ch}
@media (max-width:820px){ .profil-raster{grid-template-columns:minmax(0,1fr)} }
.suchprofil{padding:var(--s9) 0;background:var(--papier)}
.suchprofil .titel{margin-bottom:var(--titel-block)}
.such-kaesten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);list-style:none}
.such-kasten{border-top:1px solid var(--tinte);padding-top:var(--s4)}
.such-nummer{display:block;font-family:var(--serif);font-size:44px;line-height:1;color:var(--marke);margin-bottom:var(--s3)}
.such-kasten p{font-size:17px;max-width:32ch}
@media (max-width:820px){ .such-kaesten{grid-template-columns:minmax(0,1fr)} }

.team{padding:0 0 var(--s9)}
.team-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,96px)}
.person-bild{aspect-ratio:3/2;overflow:hidden;background:var(--papier);margin-bottom:var(--s5)}
.person-bild img{width:100%;height:100%;object-fit:cover}
.person-name{font-family:var(--serif);font-size:clamp(32px,3.4vw,48px);margin-bottom:6px}

.person-rolle{margin:0 0 var(--s4);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--marke)}
.person-liste li{padding:var(--s3) 0;border-top:1px solid var(--linie);color:var(--tinte-leise);max-width:46ch}
@media (max-width:760px){ .team-raster{grid-template-columns:minmax(0,1fr)} }

.team--duo .person--2{margin-top:clamp(64px,10vw,180px)}
.team--duo .person-bild{will-change:transform}
.zeitleiste{background:var(--papier);padding:var(--s9) 0}
.zeit-kopf{margin-bottom:var(--s7)}
.zeit-einleitung{color:var(--tinte-leise);margin-top:var(--titel-text)}
.zeit-raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.zeit-anzeige{position:sticky;top:calc(var(--kopf) + 56px);display:flex;flex-direction:column}
.zeit-anzeige-jahr{font-family:var(--serif);font-size:clamp(96px,12vw,190px);line-height:.9;color:var(--marke);
  font-variant-numeric:lining-nums tabular-nums}
.zeit-anzeige-art{margin-top:var(--s3);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--tinte-leise)}
.zeit-anzeige-linie{position:relative;display:block;width:100%;max-width:320px;height:1px;margin-top:var(--s5);background:var(--linie);overflow:hidden}
.zeit-anzeige-linie span{position:absolute;inset:0;background:var(--tinte);transform-origin:left;transform:scaleX(0);transition:transform .5s var(--kurve)}
.zeit-liste{list-style:none;margin:0;padding:0}
.zeit{padding:var(--s5) 0;border-top:1px solid var(--linie)}
.zeit:first-child{border-top:0;padding-top:0}
.zeit-jahr{display:block;margin-bottom:var(--s3);font-size:12px;letter-spacing:.2em;color:var(--marke)}
.zeit-karte{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--s4);align-items:center;text-decoration:none;color:inherit}
.zeit-bild{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff}
.zeit-bild img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--kurve)}
.zeit-bild--plan img{object-fit:contain;padding:6px}
.zeit-rund{display:block;width:96px;height:96px;margin-left:18px;border-radius:50%;overflow:hidden}
.zeit-rund img{width:100%;height:100%;object-fit:cover}
.zeit-marke{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border:1px solid var(--marke);
  font-family:var(--serif);font-size:17px;letter-spacing:.42em;padding-left:.42em;color:var(--marke)}
.zeit-art{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--marke)}
.zeit-titel{display:block;font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.2;margin:4px 0}
.zeit-zeile{display:block;margin-top:4px;font-size:15px;color:var(--tinte-leise);max-width:46ch}
.zeit-karte--person .zeit-zeile,.zeit-karte--redag .zeit-zeile{font-family:var(--serif);font-size:clamp(18px,1.6vw,22px);color:var(--tinte)}
@media (hover:hover) and (pointer:fine){
  .zeit-karte--projekt:hover .zeit-titel{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
  .zeit-karte--projekt:hover .zeit-bild img{transform:scale(1.05)}
}

@media (min-width:821px){
  .js .zeit :is(.zeit-jahr,.zeit-art,.zeit-titel,.zeit-zeile,.zeit-marke){transition:color .5s var(--kurve)}
  .js .zeit :is(.zeit-bild,.zeit-rund){transition:opacity .5s var(--kurve)}
  .js .zeit:not(.aktiv) :is(.zeit-jahr,.zeit-art,.zeit-titel,.zeit-zeile,.zeit-marke){color:#6b6a66}
  .js .zeit:not(.aktiv) :is(.zeit-bild,.zeit-rund){opacity:.36}
  .js .zeit:not(.aktiv) .zeit-marke{border-color:currentColor}
}
@media (max-width:820px){
  .team--duo .person--2{margin-top:0}
  .zeit-raster{grid-template-columns:minmax(0,1fr)}
  .zeit-anzeige{display:none}
  .zeit-karte{grid-template-columns:96px minmax(0,1fr);gap:var(--s3)}
  .zeit-rund{width:72px;height:72px;margin-left:12px}
}

.kontakt{padding:0 0 var(--s9)}
.kontakt-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.kontakt-liste{margin:0 0 var(--s5)}
.kontakt-liste div{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr);gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--linie)}
.kontakt-liste dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--marke);padding-top:5px}
.kontakt-liste dd{margin:0;font-family:var(--serif);font-size:clamp(20px,1.8vw,26px)}
.kontakt-liste a{text-decoration:none}
@media (hover:hover) and (pointer:fine){ .kontakt-liste a:hover{text-decoration:underline} }
.kontakt-personen{list-style:none;margin:0;padding:0}
.kontakt-personen li{display:flex;flex-direction:column}
.kontakt-personen li+li{margin-top:var(--s3)}
.kontakt-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--s3)}
.kontakt-hinweis{font-size:14px;color:var(--tinte-leise);max-width:46ch}
.impressum{background:var(--papier);padding:var(--s8) 0 var(--s9)}
.impressum .titel{margin-bottom:var(--s3)}
.impressum-liste{margin-top:var(--s5)}
.recht{padding:var(--s7) 0 var(--s9)}
.recht-text{max-width:72ch}
.recht-einleitung{font-family:var(--serif);font-size:clamp(20px,1.7vw,24px);line-height:1.45;margin:var(--s4) 0 var(--s6)}
.recht-titel{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.25;margin:var(--s6) 0 var(--s3);padding-top:var(--s4);border-top:1px solid var(--linie)}
.recht-text p{margin:0 0 var(--s3)}
.recht-text a{color:inherit}
.luecke{display:block;margin:var(--s3) 0;padding:12px 16px;border:1px dashed var(--marke);font-size:14px;color:var(--tinte-leise);background:var(--papier)}
@media (max-width:820px){
  .kontakt-raster{grid-template-columns:minmax(0,1fr)}
  .kontakt-liste div{grid-template-columns:minmax(0,1fr);gap:var(--s1)}
}

@media (prefers-reduced-motion:reduce){
  .scroll-hinweis span{animation:none;transform:none}
  .js .zeit,.zeit-anzeige-linie span,.zeit-bild img,.js .ebene,.js .ebene img,.js .ebene video,.js .schritt,.knopf,.pfeil,.kopf,.karte-bild img,.karte-bild video,.fahrt-bild img,.naechstes-bild img,.filter-knopf{transition:none}
  .js .ebene img,.js .ebene video{transform:none}
}

.stand{padding:0 0 var(--s9)}
.stand .titel{margin-bottom:0}
.stand-raster{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:var(--titel-block)}
.stand-bild{position:sticky;top:calc(var(--kopf) + 24px);margin:0}
.stand-bild img{display:block;width:100%;height:auto}
.stand-bild-rahmen{position:relative}

.stand-flaechen{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.stand-flaeche>polygon{fill:rgba(255,255,255,.14);stroke:rgba(255,255,255,.85);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:fill .25s,stroke .25s}

.stand-flaeche text{font:400 42px var(--sans);letter-spacing:.04em;fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:rgba(20,24,24,.35);stroke-width:3px;transition:fill .25s}
.stand-flaeche--frei>polygon{fill:rgba(94,86,70,.38)}
.stand-flaeche--reserviert>polygon{fill:rgba(255,255,255,.38)}
.stand-flaeche--verkauft>polygon{fill:rgba(60,60,60,.55)}
.stand-flaeche.aktiv>polygon,.stand-flaeche:focus-visible>polygon{fill:rgba(255,255,255,.46);stroke:#fff;stroke-width:3}
.stand-flaeche.aktiv text,.stand-flaeche:focus-visible text{fill:var(--tinte);stroke:rgba(255,255,255,.6)}
.stand-flaeche:focus-visible{outline:none}

.bk{pointer-events:none}
.bk-terrasse{fill:rgba(250,248,242,.6);opacity:0;transition:opacity .35s}
.bk-koerper{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);opacity:0;
  transition:transform .8s var(--kurve),opacity .25s}
.bk-wand,.bk-dach{stroke:#5e5646;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.bk-wand--hinten{fill:#bfb8ac}.bk-wand--hell{fill:#e6e0d5}.bk-wand--schatten{fill:#cbc4b8}.bk-dach{fill:#fdfcf9}

.stand-flaeche text{transition:fill .25s,transform .8s var(--kurve)}
.stand-flaeche:hover text,.stand-flaeche.aktiv text{transform:translateY(-64px)}
.stand-flaeche.aktiv>polygon,.stand-flaeche:hover>polygon{fill:rgba(255,255,255,.22)}
.stand-flaeche:hover .bk-terrasse,.stand-flaeche.aktiv .bk-terrasse,.stand-flaeche:focus-visible .bk-terrasse{opacity:1}
.stand-flaeche:hover .bk-koerper,.stand-flaeche.aktiv .bk-koerper,.stand-flaeche:focus-visible .bk-koerper{transform:scaleY(1);opacity:1}
@media (prefers-reduced-motion:reduce){.bk-koerper,.bk-terrasse{transition:none}}
.stand-liste{list-style:none;margin:0;padding:0}
.stand-haus{border-top:1px solid var(--linie);padding:var(--s4) clamp(16px,2.2vw,32px) var(--s5);transition:background .25s}
.stand-haus.aktiv,.stand-haus:target{background:var(--papier)}
.stand-kopf{display:flex;align-items:baseline;gap:12px;margin:0 0 var(--s2)}
.stand-buchstabe{font:400 28px/1 var(--sans);letter-spacing:.04em;min-width:1.4em}
.stand-typ{font-size:15px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--marke)}

.stand-varianten{margin:0 0 var(--s3)}
.stand-knopf{display:inline-block;padding:6px 14px;border:1px solid var(--linie);background:transparent;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-leise);cursor:pointer;margin:0 0 var(--s2)}
.stand-knopf+.stand-wahl-input+.stand-knopf,.stand-knopf+.stand-knopf{margin-left:-1px}
.stand-wahl-input:checked+.stand-knopf,.stand-knopf[aria-pressed="true"]{background:var(--marke);border-color:var(--marke);color:#fff}
.stand-wahl-input:focus-visible+.stand-knopf,.stand-knopf:focus-visible{outline:2px solid var(--marke);outline-offset:2px}
.stand-variante{display:none}
.stand-wahl-villa:checked~.stand-variante--villa,.stand-wahl-doppelhaus:checked~.stand-variante--doppelhaus{display:block}
.stand-tabelle--drei th[scope="col"]:last-child{width:50%}
.stand-leer,.stand-quelle{font-size:13px;color:var(--tinte-leise);margin:0 0 var(--s3)}
.stand-wahl-alle{display:flex;align-items:center;flex-wrap:wrap;margin:var(--s4) 0 0}
.stand-wahl-alle[hidden]{display:none}
.stand-wahl-alle-titel{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-leise);margin-right:12px}
.stand-wahl-alle .stand-knopf{margin-bottom:0}

.stand-wahl-alle{row-gap:8px}
.stand-wahl-alle-knoepfe{display:inline-flex;white-space:nowrap}
.stand-typen{font-size:13px;color:var(--tinte-leise);margin:var(--s2) 0 0}
.stand-typen .stand-typ{font-size:12px;letter-spacing:.16em}
.stand-status{margin-left:auto;font-size:12px;letter-spacing:.08em;padding:3px 10px;border-radius:99px;border:1px dashed var(--marke);color:var(--tinte-leise);white-space:nowrap}
.stand-status--frei{background:var(--marke);border:1px solid var(--marke);color:#fff}
.stand-status--reserviert{border-style:solid;color:var(--tinte)}
.stand-status--verkauft{background:#707070;border-color:#707070;color:#fff}

.stand-zahlen{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px var(--s3);margin:0 0 var(--s3)}

.stand-tabelle{width:100%;border-collapse:collapse;margin:0 0 var(--s2);font-variant-numeric:tabular-nums;table-layout:fixed}
.stand-tabelle th,.stand-tabelle td{text-align:left;padding:4px 6px 4px 0;font-weight:400;vertical-align:bottom}
.stand-tabelle thead th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-leise);hyphens:manual}
.stand-tabelle tbody th{font-size:13px;color:var(--tinte-leise)}
.stand-tabelle tbody tr+tr th,.stand-tabelle tbody tr+tr td{border-top:1px solid var(--linie)}
.stand-tabelle caption{caption-side:top;text-align:left;font-size:13px;color:var(--tinte-leise);padding:0 0 4px}
.stand-einleitung{max-width:62ch;margin:var(--titel-text) 0 0;color:var(--tinte-leise)}
.stand-gemein{font-size:13px;color:var(--tinte-leise);margin:0 0 var(--s3)}
.stand-zahlen dt{align-self:end;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-leise)}
.stand-zahlen dd{margin:0;font:400 22px/1.2 var(--serif)}

.stand-gruppen{display:grid;gap:var(--s2);margin:0 0 var(--s3)}
.stand-gruppe-titel{margin:0 0 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--marke)}
.stand-merkmale{margin:0;padding:0;list-style:none;font-size:15px;line-height:1.55;color:var(--tinte)}
.stand-merkmale li{position:relative;padding-left:18px}
.stand-merkmale li::before{content:"";position:absolute;left:0;top:.78em;width:8px;height:1px;background:var(--marke)}
.stand-merkmale li+li{margin-top:6px}
.stand-gemeinsam{margin:0 0 var(--s3);padding-top:var(--s2);border-top:1px dotted var(--linie);font-size:13px;line-height:1.5;color:var(--tinte-leise)}
.stand-anfrage{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte)}
.stand-unter{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px var(--s4);margin-top:var(--s3)}
.stand-legende{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.stand-mehr{flex:1 1 100%;font-size:15px;color:var(--tinte-leise);border:1px solid var(--linie);background:#fff;transition:border-color .2s}

.stand-mehr summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;
  min-height:56px;padding:10px 12px 10px 18px;color:var(--tinte)}
.stand-mehr summary::-webkit-details-marker{display:none}
.stand-mehr-titel{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--marke)}
.stand-mehr-zeile{grid-column:1;font-size:15px}
.stand-mehr-zeichen{grid-column:2;grid-row:1 / span 2;position:relative;width:36px;height:36px;border-radius:50%;border:1px solid var(--marke);transition:background .2s,transform .3s var(--kurve)}
.stand-mehr-zeichen::before,.stand-mehr-zeichen::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:var(--marke);transition:background .2s}
.stand-mehr-zeichen::after{transform:rotate(90deg)}
.stand-mehr[open] .stand-mehr-zeichen{transform:rotate(45deg)}
.stand-mehr[open]{border-color:var(--marke)}
.stand-mehr ul{margin:0 18px 8px;padding-left:18px;list-style:disc}
.stand-mehr p{font-size:13px;margin:0 18px 14px}
.stand-mehr summary:focus-visible{outline:2px solid var(--marke);outline-offset:2px}
.stand-legende .stand-status{margin-left:0}
@media (hover:hover) and (pointer:fine){ .stand-mehr:hover{border-color:var(--marke)} .stand-mehr:hover .stand-mehr-zeichen{background:var(--marke)} .stand-mehr:hover .stand-mehr-zeichen::before,.stand-mehr:hover .stand-mehr-zeichen::after{background:#fff} .stand-flaeche:hover>polygon{fill:rgba(255,255,255,.46);stroke:#fff;stroke-width:3} .stand-flaeche:hover text{fill:var(--tinte);stroke:rgba(255,255,255,.6)} }

.ganzfilm{padding:0 0 var(--s9)}
.ganzfilm-info{color:var(--tinte-leise);margin:var(--s2) 0 var(--s4)}
.ganzfilm-rahmen{aspect-ratio:16/9;background:#111;margin-top:var(--titel-block)}
.ganzfilm-rahmen video{display:block;width:100%;height:100%;background:#111}

.expose{padding:0 0 var(--s9)}
.expose .titel{margin-bottom:0}
.blaettern{margin-top:var(--titel-block)}
.blaettern-buehne{position:relative;aspect-ratio:2991/2114;background:var(--papier);overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline-offset:4px}
.blaettern-buehne::-webkit-scrollbar{display:none}
.blaettern-seiten{display:flex;height:100%;margin:0;padding:0;list-style:none}
.blaettern-seite{flex:0 0 100%;height:100%;display:grid;place-items:center;scroll-snap-align:center;padding:clamp(8px,2vw,24px)}
.blaettern-seite img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.blaettern-steuerung{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-top:var(--s3)}
.blaettern-knopf,.blaettern-voll{min-width:48px;min-height:48px;border:1px solid var(--tinte);background:#fff;color:var(--tinte);
  font:inherit;font-size:18px;cursor:pointer;transition:background .2s,color .2s}
.blaettern-voll{font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:0 18px}
.blaettern-knopf:disabled{opacity:.35;cursor:default}
.blaettern-zahl{min-width:9em;text-align:center;font-size:14px;color:var(--tinte-leise)}
@media (prefers-reduced-motion:reduce){ .blaettern-buehne{scroll-behavior:auto} }

.blaettern--buch .blaettern-buehne{aspect-ratio:auto;overflow:visible;background:none;scroll-snap-type:none;padding:0 0 clamp(8px,1.5vw,20px)}
.blaettern--buch .blaettern-seiten{display:none}
.buch{--hoehe:calc(100svh - var(--kopf) - 132px);position:relative;margin-inline:auto;aspect-ratio:2991/2114;
  width:min(100%,calc(var(--hoehe) * 1.4149));perspective:3600px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer;
  transition:transform .95s cubic-bezier(.42,.08,.22,1)}

.buch[data-modus="doppel"][data-lage="vorn"]{transform:translateX(-25%)}
.buch[data-modus="doppel"][data-lage="hinten"]{transform:translateX(25%)}

.buch[data-modus="einzel"]{aspect-ratio:1495/2114;width:min(100%,calc(var(--hoehe) * .7072))}
.buch-seite{position:absolute;top:0;bottom:0;width:50%;background:#fff no-repeat;background-size:100% 100%}
.buch-seite--links{left:0}
.buch-seite--rechts{right:0}
.buch[data-modus="einzel"] .buch-seite--rechts{width:100%}
.buch[data-modus="einzel"] .buch-seite--links{display:none}
.buch-seite:not(.leer){box-shadow:0 14px 36px rgba(20,24,24,.16)}
.buch-seite.leer{background:none !important;box-shadow:none}

.buch[data-modus="doppel"] .buch-seite--links:not(.leer)::after,.buch[data-modus="doppel"] .buch-seite--rechts:not(.leer)::after,
.buch-flaeche::after{content:"";position:absolute;inset:0;pointer-events:none}
.buch[data-modus="doppel"] .buch-seite--links:not(.leer)::after{background:linear-gradient(to left,rgba(0,0,0,.16),rgba(0,0,0,0) 7%)}
.buch[data-modus="doppel"] .buch-seite--rechts:not(.leer)::after{background:linear-gradient(to right,rgba(0,0,0,.16),rgba(0,0,0,0) 7%)}
.buch-blatt{position:absolute;top:0;bottom:0;width:50%;left:50%;z-index:3;transform-style:preserve-3d;transform-origin:left center;
  transition:transform .95s cubic-bezier(.42,.08,.22,1)}
.buch-blatt--zurueck{left:0;transform-origin:right center}
.buch[data-modus="einzel"] .buch-blatt{left:0;width:100%;transform-origin:left center}
.buch-blatt[hidden]{display:none}
.buch-flaeche{position:absolute;inset:0;background:#fff no-repeat;background-size:100% 100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.buch-flaeche--hinten{transform:rotateY(180deg)}
.buch-flaeche.leer{background:none}

.buch-flaeche::after{background:linear-gradient(to left,rgba(0,0,0,.22),rgba(0,0,0,0) 40%);opacity:0;transition:opacity .48s ease}
.buch-blatt--zurueck .buch-flaeche--vorn::after,.buch-blatt--vor .buch-flaeche--hinten::after{background:linear-gradient(to right,rgba(0,0,0,.22),rgba(0,0,0,0) 40%)}
.buch-blatt.dreht .buch-flaeche::after{opacity:1}
.buch-blatt.dreht.ende .buch-flaeche::after{opacity:0}
.blaettern--buch .blaettern-steuerung{margin-top:var(--s2)}
.blaettern:fullscreen{background:#232726;display:flex;flex-direction:column;justify-content:center;padding:16px}
.blaettern:fullscreen .blaettern-buehne{aspect-ratio:auto;height:auto;background:none}
.blaettern:fullscreen .buch{--hoehe:calc(100vh - 110px)}
.blaettern:fullscreen .blaettern-zahl{color:#ddd}
.blaettern:-webkit-full-screen{background:#232726;display:flex;flex-direction:column;justify-content:center;padding:16px;width:100%;height:100%}
.blaettern:-webkit-full-screen .buch{--hoehe:calc(100vh - 110px)}
@media (prefers-reduced-motion:reduce){ .buch-blatt{transition:none} }

.knopf--voll{background:var(--tinte);color:#fff;border-color:var(--tinte)}
.ankauf{padding:var(--s8) 0;border-top:1px solid var(--linie)}
.ankauf-raster{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.ankauf-text{max-width:46ch;margin:var(--titel-text) 0 var(--s4)}
.ankauf-liste-titel{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--marke);margin:0 0 var(--s2)}
.ankauf-liste{list-style:none;margin:0;padding:0}
.ankauf-liste li{border-top:1px solid var(--linie);padding:12px 0;font:400 20px/1.3 var(--serif)}

.liste{background:var(--schiefer);color:#fff;padding:var(--s8) 0}
.liste-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.liste-text{color:rgba(255,255,255,.88);max-width:42ch;margin-top:var(--titel-text)}
.liste-form{display:grid;gap:var(--s3)}
.liste-feld span,.liste-wahl legend{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:6px}
.liste-feld input{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.6);background:#fff;color:var(--tinte);font:inherit}
.liste-wahl{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.liste-wahl label,.liste-einwilligung{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.liste-wahl input,.liste-einwilligung input{width:18px;height:18px;margin-top:2px;accent-color:#fff;flex:none}
.liste-einwilligung a{color:#fff}
.liste-form .knopf{justify-self:start}
.liste-entwurf{border:1px dashed rgba(255,255,255,.7);padding:10px 14px;font-size:13px;color:rgba(255,255,255,.9)}
.liste-entwurf{display:none}
.liste-entwurf.zeigen{display:block;background:rgba(255,255,255,.12)}

.leiste{display:none}
@media (max-width:860px){
  .leiste{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--tinte);
    padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .leiste-knopf{display:grid;place-items:center;min-height:46px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.55);
    font-size:13px;letter-spacing:.18em;text-transform:uppercase}
  .leiste-knopf:first-child{background:#fff;color:var(--tinte);border-color:#fff}
  body:has(.leiste){padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}

.pkarte{padding:var(--s8) 0;border-top:1px solid var(--linie)}

.pkarte-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) clamp(20px,3vw,40px);margin-top:var(--titel-block);align-items:start}
.pkarte-bild{margin:0;min-width:0}
.pkarte-bild svg{display:block;width:100%;height:auto}
.pkarte-bild figcaption{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinte-leise);margin-top:8px}
.pkarte-grund{fill:var(--papier)}
.pkarte-stadt{fill:#fff;stroke:#b9b4a9;stroke-width:1.2}
.pkarte-nachbar{fill:#fbfaf8;stroke:#cfcbc2;stroke-width:1}
.pkarte-see{fill:#c3d2d8}
.pkarte-fluss{fill:none;stroke:#8fa6b2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pkarte-fluss--fein{stroke:#bccbd1;stroke-width:1.3}
.pkarte-strasse{fill:none;stroke:#d9d6cf;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.pkarte-ort{fill:#b9b4a9}
.pkarte-rahmen{fill:rgba(94,86,70,.08);stroke:var(--marke);stroke-width:1.5;stroke-dasharray:5 4}
.pkarte-schrift{font:11px var(--sans);fill:var(--marke);letter-spacing:.06em}
.pkarte-ortname{font:600 11px var(--sans);fill:var(--tinte-leise);letter-spacing:.16em;text-transform:uppercase}
.pkarte-wasser{font:italic 14px var(--serif);fill:#56707b}
.pkarte-ortklein{font:10px var(--sans);fill:#8b877e;letter-spacing:.04em}
.pkarte-ort--klein{fill:#c7c2b8}
.pkarte-punkt circle{fill:var(--tinte);stroke:#fff;stroke-width:2;transition:fill .2s}
.pkarte-punkt text{font:600 11px var(--sans);fill:#fff;text-anchor:middle;pointer-events:none}
.pkarte-punkt--gruppe text{font-size:13px}
.pkarte-punkt--aktuell circle{fill:var(--marke)}
.pkarte-punkt.aktiv circle,.pkarte-punkt:focus-visible circle{fill:var(--marke)}
.pkarte-punkt--aktuell.aktiv circle{fill:var(--tinte)}
.pkarte-aktuell-schrift{font:600 14px var(--sans);fill:var(--marke)}
.pkarte-aktuell-zeile{font:11px var(--sans);fill:var(--marke);letter-spacing:.08em;text-transform:uppercase}
.pkarte-puls{fill:none;stroke:var(--marke);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pkarte-puls 2.6s var(--kurve) infinite}
@keyframes pkarte-puls{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(2.8);opacity:0}}

.pkarte-ebenen{position:relative;overflow:hidden;background:var(--papier)}
.pkarte-lupe,.pkarte-zurueck{display:none}
.js .pkarte-ebene{transform-origin:calc(var(--lx) + var(--lw) / 2) calc(var(--ly) + var(--lh) / 2);
  transition:transform .8s var(--kurve),opacity .45s ease,visibility 0s linear .8s}
.js .pkarte-ebene--innen{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(calc(1 / var(--zoom)))}
.js [data-ansicht="innen"] .pkarte-ebene--stadt{transform:scale(var(--zoom));opacity:0;visibility:hidden}
.js [data-ansicht="innen"] .pkarte-ebene--innen{transform:none;opacity:1;visibility:visible;transition-delay:0s}
.js [data-ansicht="stadt"] .pkarte-ebene--stadt{transition-delay:0s}
.js .pkarte-lupe{display:block;position:absolute;left:var(--lx);top:var(--ly);width:var(--lw);height:var(--lh);min-width:44px;min-height:44px;
  padding:0;border:0;background:none;cursor:zoom-in;font:inherit;transition:opacity .3s}
.js [data-ansicht="innen"] .pkarte-lupe{opacity:0;pointer-events:none}
.pkarte-lupe-feld{position:absolute;inset:0;border:2px solid transparent;transition:border-color .2s,background-color .2s}
.pkarte-lupe-schild{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);width:max-content;max-width:190px;text-align:left;
  background:var(--tinte);color:#fff;padding:8px 12px;font-size:13px;line-height:1.35}
.pkarte-lupe-schild::after{content:"";position:absolute;left:100%;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:var(--tinte)}
.pkarte-lupe-schild strong{font-size:16px}
.pkarte-lupe-tipp{display:block;max-height:0;overflow:hidden;opacity:0;font-size:12px;letter-spacing:.06em;color:#e7e3da;transition:max-height .3s var(--kurve),opacity .3s}
.pkarte-bild--stadt:hover .pkarte-lupe-tipp,.pkarte-lupe:focus-visible .pkarte-lupe-tipp{max-height:2em;opacity:1;margin-top:2px}
.pkarte-lupe:hover .pkarte-lupe-feld,.pkarte-lupe:focus-visible .pkarte-lupe-feld,.pkarte-lupe.aktiv .pkarte-lupe-feld{border-color:var(--marke);background:rgba(94,86,70,.14)}
.pkarte-lupe:hover .pkarte-lupe-schild,.pkarte-lupe.aktiv .pkarte-lupe-schild{background:var(--marke)}
.pkarte-lupe:hover .pkarte-lupe-schild::after,.pkarte-lupe.aktiv .pkarte-lupe-schild::after{border-left-color:var(--marke)}
.pkarte-hinweis .pkarte-lupe-feld{animation:pkarte-feld 1.4s var(--kurve) 2}
@keyframes pkarte-feld{0%,100%{border-color:transparent}50%{border-color:var(--marke);background:rgba(94,86,70,.18)}}
.js .pkarte-zurueck{display:inline-flex;align-items:center;gap:8px;position:absolute;left:12px;top:12px;padding:8px 14px;border:1px solid var(--linie);
  background:#fff;color:var(--tinte);font:13px var(--sans);cursor:pointer}
.js .pkarte-zurueck[hidden]{display:none}
.pkarte-zurueck:hover{border-color:var(--tinte)}
.pkarte-titel-innen{display:none}
.js [data-ansicht="innen"] .pkarte-titel-innen{display:inline}
.js [data-ansicht="innen"] .pkarte-titel-stadt{display:none}

.pkarte-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));column-gap:clamp(20px,3vw,40px);margin:var(--s6) 0 0;padding:0;list-style:none}
.pkarte-liste > li{border-top:1px solid var(--linie)}
.pkarte-liste > li:not(.pkarte-aktuell) > a{display:flex;align-items:center;gap:10px;padding:8px 0;text-decoration:none;color:var(--tinte)}
.pkarte-liste > li.aktiv:not(.pkarte-aktuell) > a{color:var(--marke)}
.pkarte-nr{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--tinte);color:#fff;font-size:11px;font-weight:600;flex:none}

.pkarte-nr--marke{background:var(--marke)}
.pkarte-aktuell{grid-column:1 / -1;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-wrap:wrap;align-items:flex-end;
  justify-content:space-between;gap:var(--s4) var(--s5);min-height:clamp(260px,30vw,380px);margin-bottom:var(--s4);
  padding:var(--s6) clamp(20px,3vw,40px) var(--s5);background:#30403f;color:#fff;border-top:0 !important}

.pkarte-aktuell-film{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.pkarte-aktuell::before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .3s;
  background:linear-gradient(90deg,rgba(18,24,24,.85) 0%,rgba(18,24,24,.72) 50%,rgba(18,24,24,.6) 100%)}
.pkarte-aktuell-haupt{display:flex;align-items:flex-start;gap:16px;flex:1 1 360px;text-decoration:none;color:#fff}
.pkarte-nr--aktuell{width:34px;height:34px;font-size:14px;background:#fff;color:var(--tinte);margin-top:2px}
.pkarte-aktuell-etikett{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.pkarte-aktuell-titel{display:block;font:clamp(24px,2.6vw,34px)/1.2 var(--serif);margin:6px 0 8px}
.pkarte-aktuell-text{display:block;color:rgba(255,255,255,.9);font-size:16px;max-width:52ch}
.pkarte-aktuell-knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.pkarte-aktuell-knoepfe .knopf--rand-hell{background:rgba(18,24,24,.35)}
.pkarte-aktuell.aktiv::before{opacity:.92}
.video-schalter--banner{position:absolute;top:12px;right:12px;color:#fff;border-color:rgba(255,255,255,.55);background:rgba(18,24,24,.35);min-height:36px;font-size:11px}
.pkarte-quelle{font-size:12px;color:var(--tinte-leise);margin-top:var(--s4);max-width:80ch}
@media (hover:hover) and (pointer:fine){ .pkarte-punkt:hover circle{fill:var(--marke)} .pkarte-aktuell-haupt:hover .pkarte-aktuell-titel{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em} }
.pkarte-tipp-finger{display:none}
@media (hover:none){ .pkarte-lupe-tipp{max-height:2em;opacity:1;margin-top:2px} .pkarte-tipp-maus{display:none} .pkarte-tipp-finger{display:inline} }

@media (max-width:700px){
  .pkarte-lupe-schild{right:auto;left:0;top:calc(100% + 12px);transform:translateX(-75%);max-width:170px;font-size:12px;padding:6px 10px}
  .pkarte-lupe-schild::after{left:calc(75% + 18px);top:auto;bottom:100%;margin:0;border-color:transparent;border-bottom-color:var(--tinte)}
  .pkarte-lupe:hover .pkarte-lupe-schild::after,.pkarte-lupe.aktiv .pkarte-lupe-schild::after{border-left-color:transparent;border-bottom-color:var(--marke)}
}
@media (prefers-reduced-motion:reduce){ .pkarte-puls,.pkarte-hinweis .pkarte-lupe-feld{animation:none} .js .pkarte-ebene{transition:opacity .2s,visibility 0s} }

@media (max-width:860px){
  .stand-raster,.ankauf-raster,.liste-raster,.pkarte-raster{grid-template-columns:minmax(0,1fr)}
  .stand-zahlen dt{letter-spacing:.06em}
  .blaettern-steuerung{gap:8px}
  .blaettern-zahl{min-width:0;flex:1}
  .blaettern-voll{padding:0 12px}
  .stand-bild{position:relative;top:auto}
}

.ebene--karte{background:#2c3432}
.weg{display:block;width:100%;height:100%}
.weg-grund{fill:#2c3432}
.weg-see{fill:#46606a}
.weg-stadt{fill:#353f3d;stroke:#5a6663;stroke-width:1.2}
.weg-fluss{fill:none;stroke:#3f5760;stroke-width:1.6;stroke-linejoin:round}
.weg-ort{fill:#8d9794}
.weg-ortname{font:600 14px var(--sans);letter-spacing:.14em;text-transform:uppercase;fill:#a9b2af}
.weg-stadtname{font:600 19px var(--sans);letter-spacing:.3em;text-transform:uppercase;fill:#c9cfcc}
.weg-wasser{font:italic 21px var(--serif);fill:#8fb0bb}
.weg-auto,.weg-bahn{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1}
.weg-auto{stroke:#f3ead7;stroke-width:4.5}
.weg-bahn{stroke:#8fc0b2;stroke-width:3}
.weg-start{fill:#f3ead7;stroke:#2c3432;stroke-width:3}
.weg-puls{fill:none;stroke:#f3ead7;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pkarte-puls 2.6s var(--kurve) infinite}
.weg-startname{font:600 19px var(--sans);fill:#f3ead7;letter-spacing:.04em}
.weg-ziel{fill:#2c3432;stroke:#f3ead7;stroke-width:3}
.weg-schild line,.weg-pfeil{stroke:#f3ead7;stroke-width:1.2;fill:none;opacity:.7}
.weg-schild rect{fill:#f3ead7}
.weg-schild--bahn rect{fill:#8fc0b2}
.weg-schild--bahn line{stroke:#8fc0b2}
.weg-schild text{font:16px var(--sans);fill:#1f2523}
.weg-schild-ort{font-weight:600}
.weg-schild-zeit{letter-spacing:.02em}
.weg-legende text{font:15px var(--sans);fill:#c9cfcc;letter-spacing:.04em}
.weg-legende .weg-quelle{font-size:12px;fill:#8d9794}
.weg-auto-l{stroke:#f3ead7;stroke-width:4.5;stroke-linecap:round}
.weg-bahn-l{stroke:#8fc0b2;stroke-width:3;stroke-linecap:round}
.js .ebene--karte:not(.aktiv) .weg-auto,.js .ebene--karte:not(.aktiv) .weg-bahn{stroke-dashoffset:1}
.js .ebene--karte:not(.aktiv) .weg-schild{opacity:0;transform:translateY(8px)}
.js .ebene--karte.aktiv .weg-auto{transition:stroke-dashoffset 2.8s cubic-bezier(.45,.05,.25,1) .4s}
.js .ebene--karte.aktiv .weg-bahn{transition:stroke-dashoffset 2.6s cubic-bezier(.45,.05,.25,1) 1.4s}
.weg-schild{transition:opacity .5s ease var(--v),transform .5s var(--kurve) var(--v)}
.js .ebene--karte:not(.aktiv) .weg-schild{transition:none}
@media (prefers-reduced-motion:reduce){ .js .ebene--karte .weg-auto,.js .ebene--karte .weg-bahn{stroke-dashoffset:0 !important;transition:none !important} .js .ebene--karte .weg-schild{opacity:1 !important;transform:none !important} .weg-puls{animation:none} }
.buehnenbild:has(.ebene--karte.aktiv) .video-schalter,.buehnenbild:has(.ebene.aktiv img) .video-schalter{visibility:hidden}

@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.55s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){ @view-transition{navigation:none} }

.seitenkopf--dunkel{background:var(--schiefer);color:#fff;margin-bottom:var(--s7)}
.seitenkopf--dunkel .iso{stroke:rgba(255,255,255,.18)}