@font-face{font-family:Antonio Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/antonio-latin-ext-wght-normal-CTNUytc6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Antonio Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/antonio-latin-wght-normal-BpusS9o4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/work-sans-vietnamese-wght-normal-BKsN3ITN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/work-sans-latin-ext-wght-normal-B5dZ8C4S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/work-sans-latin-wght-normal-Bl-S9Xys.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--weiss:#fff;--petrol:#1391a1;--petrol-tief:#0b6874;--grau:#6d6a64;--tinte:#2b2926;--linie:#e4e2de;--display:"Antonio Variable", "Arial Narrow", sans-serif;--sans:"Work Sans Variable", system-ui, sans-serif;--gross:clamp(2.6rem, 6.2vw, 6.4rem);--text:1.0625rem;--klein:.875rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--weiss);color:var(--tinte);font:400 var(--text)/1.55 var(--sans);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--petrol-tief)}q{quotes:"„" "“"}.unsichtbar{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.klein{font-size:var(--klein);color:var(--grau)}h2{font:600 var(--gross)/.98 var(--display);letter-spacing:-.01em;color:var(--tinte)}h3{font:600 clamp(1.9rem, 3.2vw, 3rem)/1 var(--display)}.leiste{z-index:40;font:500 clamp(.9rem, .95vw, 1.15rem)/1 var(--sans);background:0 0;align-items:center;gap:clamp(16px,2.4vw,40px);padding:clamp(14px,1.4vw,22px) clamp(18px,3vw,48px);transition:background-color .35s;display:flex;position:fixed;top:0;left:0;right:0}.leiste.fest{background:var(--weiss);box-shadow:0 1px 0 var(--linie)}.marke{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;display:block;transform:translateY(-6px)}.leiste.fest .marke{opacity:1;pointer-events:auto;transform:none}.marke-logo svg{width:auto;height:clamp(1.4rem,1.6vw,2.2rem);display:block}.leiste-nav{gap:clamp(16px,2vw,34px);margin-left:auto;display:flex}.leiste-nav a,.leiste-tel{color:var(--tinte);text-decoration:none}.leiste:not(.fest) .leiste-nav a,.leiste:not(.fest) .leiste-tel{background:#ffffffdb;border-radius:3px;padding:6px 9px}.leiste-nav a:hover{color:var(--petrol-tief)}.leiste-tel{text-decoration:underline;-webkit-text-decoration-color:var(--petrol);text-decoration-color:var(--petrol);text-underline-offset:5px;font-variant-numeric:tabular-nums;text-decoration-thickness:2px}.einstieg{height:290vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.film{background:#e9e6e0;position:relative;overflow:hidden}.film .still,.film canvas{width:100%;height:100%;position:absolute;inset:0}.film .still{object-fit:cover}.film canvas{opacity:0;transition:opacity .6s}.film.is-live canvas{opacity:1}.film-dachstuhl{transform-origin:30% 45%;will-change:transform;position:absolute;inset:0 0 0 36vw}.plakette{background:var(--weiss);border-radius:3px;padding:14px 18px 12px;position:absolute;bottom:clamp(22px,4vh,48px);left:calc(36vw + clamp(18px,2.4vw,40px));box-shadow:0 10px 30px #2b29262e}.plakette svg{width:clamp(130px,11vw,170px);height:auto;display:block}.marken{width:calc(36vw - clamp(36px,5vw,80px));position:absolute;top:30vh;left:clamp(18px,3vw,48px)}.marke-text{font:600 min(6.4rem, 5.4vw)/.98 var(--display);color:var(--tinte);opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0;transform:translateY(24px)}.marke-text.an{opacity:1;transform:none}.marke-text.weg{opacity:0;transform:translateY(-24px)}.marke-text .zeile{font:500 clamp(.95rem, 1.05vw, 1.25rem)/1.3 var(--sans);color:var(--grau);margin-top:.7em;display:block}.auftakt{z-index:2;background:var(--weiss);grid-template-columns:1.5fr 1fr;align-items:end;gap:clamp(32px,6vw,110px);padding:clamp(90px,14vh,180px) clamp(18px,6vw,110px) clamp(70px,10vh,140px);display:grid;position:relative}.zitat-gross q{font:500 clamp(2rem, 3.6vw, 3.9rem)/1.08 var(--display);color:var(--tinte)}.zitat-gross .w{color:#cfccc6;transition:color .25s}.zitat-gross .w.an{color:var(--tinte)}.zitat-gross cite{font:500 var(--klein)/1 var(--sans);color:var(--petrol-tief);letter-spacing:.02em;margin-top:1.2em;font-style:normal;display:block}.auftakt-text p+p{margin-top:1em}.rundgang{padding:clamp(40px,8vh,100px) clamp(18px,6vw,110px) clamp(80px,14vh,160px);position:relative}.rundgang-kopf{flex-wrap:wrap;align-items:baseline;gap:24px;margin-bottom:clamp(40px,8vh,90px);display:flex}.rundgang-kopf p{color:var(--grau)}.spur{background:var(--linie);width:3px;position:absolute;top:clamp(200px,26vh,300px);bottom:clamp(80px,14vh,160px);left:calc(clamp(18px,6vw,110px) + 1.6rem)}.spur-linie{background:var(--petrol);transform-origin:50% 0;transform:scaleY(var(--spur,0));position:absolute;inset:0}.stationen{gap:clamp(90px,18vh,200px);list-style:none;display:grid}.station{grid-template-columns:4.2rem minmax(0,.9fr) minmax(0,1.25fr);grid-template-areas:"nr text bild""nr abzug bild";align-items:start;gap:28px clamp(20px,4vw,64px);transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.js .station{opacity:.5;transform:translateY(40px)}.js .station.da{opacity:1;transform:none}.js .station.vorbei{opacity:.55;transform:translateY(-20px)}.nr{z-index:1;background:var(--weiss);border:3px solid var(--linie);width:3.4rem;height:3.4rem;font:600 1.2rem/1 var(--display);color:var(--grau);border-radius:50%;grid-area:nr;place-items:center;transition:border-color .3s,color .3s,background-color .3s;display:inline-grid;position:relative}.station.da .nr{border-color:var(--petrol);background:var(--petrol);color:var(--weiss)}.station-text{grid-area:text}.station-text p{max-width:30em;margin-top:.8em}.station .bild,.station .film{grid-area:bild}.station .film{aspect-ratio:3/2}.station .frame{display:block;overflow:hidden}.abzug{background:var(--weiss);box-shadow:0 1px 0 var(--linie), 0 8px 22px #2b29261a;grid-area:abzug;justify-self:start;max-width:240px;padding:8px 8px 6px;transform:rotate(-1.2deg)}.abzug img{width:100%}.abzug figcaption{color:var(--grau);margin-top:6px;font-size:.75rem}.station:not(:has(.bild,.film)){grid-template-areas:"nr text bild""nr.bild"}.station:not(:has(.bild,.film)) .abzug{grid-area:bild;max-width:400px;transform:rotate(1deg)}.abzug-gross{max-width:400px}.einrichten{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,5vw,90px);padding:0 clamp(18px,6vw,110px) clamp(90px,14vh,170px) 0;display:grid}.einrichten-bild .frame{display:block;overflow:hidden}.einrichten-bild img{width:100%}.belege{counter-reset:b;gap:18px;margin-top:clamp(28px,4vh,44px);list-style:none;display:grid}.belege li{padding-left:2.2rem;font-size:clamp(1.05rem,1.25vw,1.3rem);line-height:1.4;transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.belege li:before{counter-increment:b;content:counter(b);font:600 1.1rem/1 var(--display);color:var(--petrol-tief);position:absolute;top:.1em;left:0}.js .belege li{opacity:0;transform:translateY(18px)}.js .belege li.da{opacity:1;transform:none}.js .belege li.vorbei{opacity:.4}.einrichten-text .klein{margin-top:22px}.einrichten-text h2{text-indent:-.36em}.dach{vertical-align:middle;border:1.5px solid var(--petrol);font:500 .8rem/1 var(--sans);color:var(--petrol-tief);letter-spacing:.02em;border-radius:3px;margin-left:.4em;padding:4px 8px 3px;display:inline-block}.werkstatt{background:var(--petrol-tief);color:var(--weiss);padding:clamp(80px,13vh,160px) clamp(18px,6vw,110px) 0}.werkstatt h2{color:var(--weiss)}.werkstatt-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,70px);margin-top:clamp(40px,7vh,80px);display:grid}.leistung{border-top:2px solid #ffffff59;padding-top:22px}.leistung p{max-width:26em;margin-top:.7em}.leistung q{white-space:normal}.orte{font:600 clamp(2.6rem, 7.4vw, 8rem)/1 var(--display);flex-wrap:wrap;gap:.1em .7em;margin-top:clamp(28px,5vh,56px);list-style:none;display:flex}.orte li{overflow:hidden}.orte li span{clip-path:inset(0);transition:clip-path .8s cubic-bezier(.6,.05,.2,1);display:inline-block}.js .orte li span{clip-path:inset(0 100% 0 0)}.js .orte li.da span{clip-path:inset(0)}.film-dachboden{aspect-ratio:16/9;width:calc(100% + 2*clamp(18px,6vw,110px));margin:clamp(60px,10vh,120px) calc(-1*clamp(18px,6vw,110px)) 0}.anfahrt{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(32px,5vw,90px);padding:clamp(90px,14vh,170px) clamp(18px,6vw,110px);display:grid}.anfahrt-text p{max-width:28em;margin-top:1em}.anzeige{font:600 clamp(2rem, 3.6vw, 3.6rem)/1 var(--display);flex-wrap:wrap;align-items:baseline;gap:.35em;display:flex;margin-top:2rem!important}.anzeige-km{color:var(--petrol-tief);font-variant-numeric:tabular-nums}.anzeige-art{font:500 var(--klein)/1 var(--sans);color:var(--grau)}.karte svg{width:100%;height:auto;overflow:visible}.karte figcaption{color:var(--grau);margin-top:10px;font-size:.78rem}.ringe circle{fill:none;stroke:var(--linie);stroke-width:.5px}.ringe text{font:500 3.6px var(--sans);fill:#a9a59e}.strahlen line{stroke:var(--linie);stroke-width:.5px;transition:stroke .25s}.strahlen line.an{stroke:var(--petrol);stroke-width:1px}.orte-karte g{cursor:pointer}.orte-karte circle.treffer{fill:#0000}.orte-karte circle:not(.treffer){fill:var(--grau);transition:fill .25s}.orte-karte text{font:500 4.4px var(--sans);fill:var(--tinte)}.orte-karte g.an circle:not(.treffer){fill:var(--petrol)}.orte-karte g:focus{outline:none}.orte-karte g:focus-visible circle:not(.treffer){stroke:var(--tinte);stroke-width:.8px}.mitte{fill:var(--petrol)}.mitte-name{font:600 5.6px var(--display);fill:var(--tinte)}.js .ringe circle{stroke-dasharray:var(--u);stroke-dashoffset:var(--u);transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1)}.js .karte.da .ringe circle{stroke-dashoffset:0}.besuch{border-top:1px solid var(--linie);padding:clamp(80px,12vh,150px) clamp(18px,6vw,110px)}.besuch-raster{grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,90px);margin-top:clamp(36px,6vh,64px);display:grid}.besuch dl{gap:20px;display:grid}.besuch dt{font-size:var(--klein);color:var(--grau)}.besuch dd{font-size:clamp(1.1rem,1.3vw,1.35rem)}.besuch-nummer{font:600 clamp(2.4rem, 4.6vw, 4.6rem)/1 var(--display)}.besuch-nummer a{color:var(--tinte);text-decoration:underline;-webkit-text-decoration-color:var(--petrol);text-decoration-color:var(--petrol);text-underline-offset:8px;text-decoration-thickness:4px}.besuch-kontakt p+p{margin-top:14px}.fuss{border-top:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 40px;padding:48px clamp(18px,6vw,110px) 90px;display:flex}.fuss-logo svg{width:clamp(180px,20vw,300px);height:auto;display:block}.fuss-links{font-size:var(--klein);color:var(--grau);flex-wrap:wrap;align-items:center;gap:18px;display:flex}.fuss-links button{font:inherit;color:var(--petrol-tief);cursor:pointer;background:0 0;border:0;text-decoration:underline}dialog{background:var(--weiss);max-width:min(38rem,100vw - 32px);color:var(--tinte);font:400 1rem/1.55 var(--sans);border:0;margin:auto;padding:28px}dialog::backdrop{background:#2b29268c}dialog h3{margin-bottom:.6em}dialog p+p{margin-top:.8em}dialog button{font:500 1rem var(--sans);background:var(--tinte);color:#fff;cursor:pointer;border:0;margin-top:1.2em;padding:.6em 1em}.kontakt-unten{display:none}@media (width<=900px){.leiste{gap:14px}.leiste-nav{display:none}.leiste-tel{margin-left:auto}.einstieg{height:230vh}.film-dachstuhl{height:78%;inset:0 0 auto}.plakette{padding:10px 12px 8px;inset:calc(78% - 30px) auto auto 16px}.plakette svg{width:120px}.marken{width:auto;top:calc(78% + 44px);left:16px;right:16px}.marke-text{font-size:clamp(2.3rem,10.5vw,3rem)}.auftakt,.einrichten,.anfahrt,.besuch-raster{grid-template-columns:1fr}.einrichten,.auftakt,.rundgang,.werkstatt,.anfahrt,.besuch,.fuss{padding-left:16px;padding-right:16px}.spur{left:calc(16px + 1.45rem)}:is(.station,.station:not(:has(.bild,.film))){grid-template-columns:3.2rem minmax(0,1fr);grid-template-areas:"nr text""nr bild""nr abzug";gap:20px 14px}.station:not(:has(.bild,.film)) .abzug{grid-area:abzug}.nr{width:2.9rem;height:2.9rem;font-size:1rem}.werkstatt-raster{grid-template-columns:1fr}.film-dachboden{aspect-ratio:4/3;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.kontakt-unten{z-index:30;text-align:center;background:var(--petrol-tief);color:#fff;font:500 1rem/1 var(--sans);padding:14px 16px;text-decoration:none;transition:transform .35s;display:block;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(160%)}.kontakt-unten.zeigen{transform:none}.fuss{padding-bottom:96px}.orte-karte text{font-size:7px}.karte{padding:0 9%}.ringe text{font-size:5.5px}.orte-karte circle.treffer{r:11px}.mitte-name{font-size:8px}}html.still-modus .einstieg{height:auto}html.still-modus .buehne{position:relative}html.still-modus .marke-text{transition:none}html.still-modus .zitat-gross .w{color:var(--tinte)}html.still-modus .spur-linie{transform:none}html.still-modus .station .nr{border-color:var(--petrol);background:var(--petrol);color:var(--weiss)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}