@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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{--rot:#c8102e;--rot-tief:#a50d26;--kalk:#f6f2ec;--weiss:#fffdf9;--tinte:#1b1716;--grau:#5f5651;--holz:#9a6a3f;--linie:#1b171629;--display:clamp(2.6rem, 6.4vw, 6.6rem);--text:clamp(1.02rem, .35vw + .94rem, 1.22rem);--klein:.84rem;--rand:clamp(1.1rem, 4vw, 4.5rem);--leiste:clamp(3.6rem, 4.4vw, 4.6rem);color:var(--tinte);background:var(--kalk);font-family:Archivo Variable,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:var(--text);background:var(--kalk);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;transition:background-color .5s;overflow-x:clip}body.auf-rot{background:var(--rot)}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}h1,h2{letter-spacing:-.01em;margin:0;font-weight:760;font-stretch:62%;line-height:.98}h2{font-size:var(--display)}p{margin:0 0 1em}.skip{position:absolute;left:-999px}.skip:focus{z-index:99;background:#fff;padding:.5rem 1rem;top:1rem;left:1rem}section[id]{scroll-margin-top:calc(var(--leiste) + 1rem)}.leiste{z-index:30;height:var(--leiste);padding:0 var(--rand);background:var(--weiss);color:var(--tinte);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);transform:translate3d(0, var(--y,0px), 0);will-change:transform;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;font-size:clamp(.86rem,.5vw + .6rem,1.08rem);transition:background-color .3s,color .3s,border-color .3s;display:grid;position:fixed;top:0;left:0;right:0}.leiste.auf-rot{background:var(--rot);color:var(--weiss);border-color:#ffffff40}.leiste .marke{color:var(--rot);justify-self:start;line-height:0;display:block}.leiste.auf-rot .marke{color:var(--weiss)}.leiste .logo{width:auto;height:clamp(1.3rem,1.7vw,2.2rem)}.leiste .links{gap:2.2rem;display:flex}.leiste .links a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;text-decoration:none;transition:background-size .3s}.leiste .links a:hover,.leiste .links a:focus-visible{background-size:100% 1px}.leiste .status{font-variant-numeric:tabular-nums;justify-self:end;margin:0}.leiste .status a{font-weight:600}.einstieg{height:210vh;position:relative}.buehne{background:var(--rot);grid-template-rows:auto 1fr;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.band{background:var(--rot);color:var(--weiss);padding:clamp(1.4rem, 3.4vw, 3.4rem) var(--rand) clamp(1.2rem, 2.6vw, 2.6rem)}.band h1{text-transform:uppercase;letter-spacing:0;max-width:20ch;font-size:min(8.2rem,8vw);font-weight:800;font-stretch:62%;line-height:.92}.film{background:#2a2018;position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .6s}.film.is-live canvas{opacity:1}.film.is-live .still{opacity:0;transition:opacity .2s .7s}.dunkel{pointer-events:none;width:260%;transform:translate3d(var(--licht,0%), 0, 0);will-change:transform;mix-blend-mode:multiply;background:linear-gradient(100deg,#ffc47800 0% 18%,#ffbe6e33 24%,#180e064d 31%,#120a0457 100%);position:absolute;top:0;bottom:0;left:-45%}html:not(.motion) .dunkel{display:none}.hero{margin-bottom:var(--leiste)}.vorhang{pointer-events:none;background:linear-gradient(to bottom, #c8102e00 0%, #c8102e8c 10%, var(--rot) 24%);will-change:transform;height:135%;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.oesi{background:var(--rot);color:var(--weiss);padding:clamp(2rem, 6vw, 6rem) var(--rand) clamp(4rem, 10vw, 9rem);position:relative}.plakat{white-space:nowrap;text-transform:uppercase;letter-spacing:-.05em;margin:0 0 clamp(2rem,4vw,4rem) -.04em;font-size:clamp(9rem,40vw,36rem);font-weight:850;font-stretch:62%;line-height:.78}.plakat .anf{color:#fffdf98c;font-size:.42em;font-weight:500;font-stretch:100%;display:inline-block}.plakat .anf:last-child{vertical-align:.9em}.oesi-text{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:3rem;display:grid}.oesi-text .gross{max-width:24ch;margin:0;font-size:clamp(1.5rem,2.4vw,2.5rem);font-weight:520;line-height:1.18}.oesi-text p:last-child{color:#fffdf9db;max-width:36ch;margin:0}.kisterl{padding:clamp(4rem, 9vw, 8rem) var(--rand)}.kisterl-kopf{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:3rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}.kisterl-kopf h2{font-size:min(var(--display), 5.4vw);max-width:15ch}.kisterl-kopf p{color:var(--grau);max-width:34ch;margin:0}.faecher{background:#c49a6c repeating-linear-gradient(90deg,#00000009 0 2px,#0000 2px 9px);border-radius:4px;grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,1.1vw,1.1rem);max-width:1100px;margin:0 auto;padding:clamp(.8rem,1.4vw,1.4rem);list-style:none;display:grid;box-shadow:inset 0 0 0 6px #b0855a,0 30px 60px -30px #3c1e0a73}.fach{all:unset;box-sizing:border-box;aspect-ratio:1.35;cursor:pointer;perspective:900px;width:100%;display:block;position:relative}.fach:focus-visible{outline:3px solid var(--rot);outline-offset:3px}.fach .vorne,.fach .hinten{text-align:center;backface-visibility:hidden;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1rem;transition:transform .45s cubic-bezier(.3,.7,.2,1);display:flex;position:absolute;inset:0}.fach .vorne{color:var(--weiss);background:#5a3a22;box-shadow:inset 0 10px 24px #00000073}.fach .hinten{background:var(--weiss);color:var(--tinte);border-top:6px solid var(--rot);font-size:clamp(.86rem,.7vw + .5rem,1.05rem);line-height:1.45;transform:rotateY(180deg)}.fach[aria-expanded=true] .vorne{transform:rotateY(-180deg)}.fach[aria-expanded=true] .hinten{transform:rotateY(0)}.fach b{font-size:clamp(.95rem,.9vw + .5rem,1.25rem);font-weight:620;line-height:1.15}.fach i{font-style:normal;font-size:var(--klein);color:#fffdf9bf}.kapsel{aspect-ratio:1;background:radial-gradient(circle at 38% 34%, #e34a5f, var(--rot) 45%, #7d0a1c 100%);border-radius:50%;width:clamp(2.4rem,4vw,3.6rem);box-shadow:0 0 0 clamp(5px,.7vw,9px) #00000040,0 6px 14px #00000080}.kapsel.weiss{background:radial-gradient(circle at 38% 34%,#fff,#ece6dc 50%,#b9b0a3 100%)}.erstes .kapsel{outline-offset:8px;outline:2px solid #fffdf9cc}.terrassen{margin:clamp(3rem, 6vw, 6rem) calc(var(--rand) * -1) 0}.frame{display:block;overflow:hidden}.terrassen img{object-fit:cover;object-position:50% 60%;width:100%;height:clamp(16rem,42vw,40rem)}.terrassen figcaption{padding:.9rem var(--rand) 0;font-size:var(--klein);color:var(--grau)}.packen{padding:clamp(2rem, 5vw, 5rem) 0 clamp(4rem, 8vw, 8rem) var(--rand);grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid;overflow:hidden}.packen h2{font-size:min(var(--display), 5vw);margin-bottom:1.2rem}.packen p{color:var(--grau);max-width:30ch}.packen .film{transform-origin:40%;height:clamp(22rem,46vw,46rem)}.ape{padding:clamp(4rem, 8vw, 8rem) var(--rand);background:var(--weiss);overflow:hidden}.ape h2{font-size:min(var(--display), 5.6vw);max-width:14ch}.strasse{height:clamp(9rem,17vw,15rem);margin:clamp(2rem,5vw,4rem) 0 1.5rem;position:relative}.dreirad{width:auto;height:100%;transform:translate3d(var(--x,0px), 0, 0);position:absolute;bottom:0;left:0}.dreirad .rot{fill:var(--rot);stroke:var(--tinte);stroke-width:2.4px;stroke-linejoin:round}.dreirad .weiss{fill:var(--weiss);stroke:none}.dreirad .scheibe{fill:#dfe6e8;stroke:var(--tinte);stroke-width:2.2px}.dreirad .reifen{fill:var(--tinte)}.dreirad .nabe{fill:#c9c2b8}.dreirad .holz{fill:#c49a6c;stroke:var(--tinte);stroke-width:2px}.dreirad .glas{fill:#3d4a2c;stroke:var(--tinte);stroke-width:1.4px}.dreirad .kap{fill:var(--rot);stroke:var(--tinte);stroke-width:1.4px}.dreirad .kap.w{fill:var(--weiss)}.dreirad .fuge,.dreirad .rahmen{stroke:var(--tinte);stroke-width:2.4px;fill:none}.dreirad .lampe{fill:#ffe9a8;stroke:var(--tinte);stroke-width:2px}.dreirad .aufbau{transform-box:fill-box;transform-origin:50% 100%}.linie{background:repeating-linear-gradient(90deg, var(--tinte) 0 18px, transparent 18px 34px);height:2px;position:absolute;bottom:-1px;left:0;right:0}.angaben{flex-wrap:wrap;gap:.6rem 2.4rem;margin:2.2rem 0 2rem;padding:0;list-style:none;display:flex}.angaben b{font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,1.4vw,1.5rem);font-weight:600}.angaben li{border-top:3px solid var(--rot);padding-top:.5rem}.ape-text{max-width:40ch;color:var(--grau);margin:0}.koch{padding:clamp(4rem, 8vw, 8rem) var(--rand) clamp(4rem, 8vw, 8rem) 0;background:var(--tinte);color:var(--kalk);grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);display:grid}.koch .film{height:clamp(22rem,44vw,44rem)}.koch h2{font-size:min(var(--display), 4.6vw);margin-bottom:1.2rem}.koch p{color:#f6f2eccc;max-width:32ch}.knopf{background:var(--rot);color:var(--weiss);border-radius:2px;padding:.85rem 1.3rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.knopf:hover,.knopf:focus-visible{background:var(--rot-tief)}.stimmen{padding:clamp(4rem, 8vw, 7rem) var(--rand)}.klein{font-size:var(--klein);text-transform:uppercase;letter-spacing:.12em;color:var(--rot);margin-bottom:2rem;font-weight:600}.stimmen ul{grid-template-columns:1.3fr 1fr .8fr;align-items:start;gap:clamp(1rem,3vw,3rem);margin:0;padding:0;list-style:none;display:grid}.stimmen li{border-top:1px solid var(--linie);padding-top:1.1rem}.stimmen li:nth-child(2){margin-top:3.5rem}.stimmen li:nth-child(3){margin-top:1.5rem}.stimmen blockquote{margin:0 0 .8rem;font-size:clamp(1.25rem,1.8vw,1.9rem);font-weight:500;line-height:1.22}.stimmen li:first-child blockquote{font-size:clamp(1.5rem,2.6vw,2.7rem)}.stimmen span{font-size:var(--klein);color:var(--grau)}.besuch{padding:0 var(--rand) clamp(4rem, 8vw, 7rem);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.besuch h2{letter-spacing:-.01em;text-transform:uppercase;border-top:6px solid var(--rot);margin-bottom:1.2rem;padding-top:2rem;font-size:clamp(3rem,12vw,12rem);font-stretch:62%}.besuch-text{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;column-gap:4rem;display:grid}.besuch-text h2{grid-column:1/-1}.besuch dl{margin-top:0}.offen-lang{color:var(--rot);font-weight:600}.besuch dl{grid-template-columns:auto 1fr;gap:.9rem 2rem;margin:2rem 0;display:grid}.besuch dt{font-size:var(--klein);text-transform:uppercase;letter-spacing:.1em;color:var(--grau);padding-top:.2rem}.besuch dd{margin:0}.wege{flex-wrap:wrap;gap:1.8rem;font-weight:600;display:flex}.fuss{background:var(--rot);color:var(--weiss);padding:clamp(3rem, 6vw, 5rem) var(--rand) calc(clamp(3rem, 6vw, 5rem) + env(safe-area-inset-bottom));gap:.8rem;display:grid}.fuss .logo{width:auto;height:clamp(2.2rem,4vw,3.6rem);color:var(--weiss);margin-bottom:1rem}.fuss p{margin:0}.fuss button{all:unset;cursor:pointer;text-underline-offset:.2em;margin-right:1.4rem;text-decoration:underline}.fuss button:focus-visible{outline-offset:3px;outline:2px solid #fff}dialog{background:var(--weiss);max-width:34rem;color:var(--tinte);border:0;border-top:6px solid var(--rot);padding:2rem}dialog::backdrop{background:#1b17168c}dialog h2{margin-bottom:1rem;font-size:1.6rem}dialog .close{font:inherit;background:var(--tinte);color:#fff;cursor:pointer;border:0;margin-top:.6rem;padding:.6rem 1rem}.daumen{display:none}.is-vorschau .einstieg,html:not(.motion) .einstieg{height:auto}.is-vorschau .buehne,html:not(.motion) .buehne{position:relative}html:not(.motion) .leiste{top:calc(100svh - var(--leiste));position:absolute;transform:none}@media (width<=760px){:root{--leiste:3.5rem;--display:clamp(2.3rem, 10.5vw, 3rem)}.leiste{grid-template-columns:1fr auto;gap:1rem}.leiste .links{display:none}.leiste .logo{height:1.25rem}.leiste .status{font-size:.82rem}.leiste .status span,.band h1 br{display:none}.band h1{font-size:clamp(2.6rem,13vw,3.4rem)}.einstieg{height:180svh}.hero{margin-bottom:calc(var(--leiste) + 3.3rem)}.oesi-text,.kisterl-kopf,.packen,.koch,.besuch,.besuch-text{grid-template-columns:1fr}.kisterl-kopf h2,.packen h2,.ape h2,.koch h2,.besuch h2{font-size:var(--display)}.faecher{grid-template-columns:repeat(2,1fr)}.fach{aspect-ratio:1}.packen{padding-right:var(--rand)}.packen .film,.koch .film{height:68vw}.koch{padding-left:var(--rand)}.koch .film{margin:0 calc(var(--rand) * -1)}.stimmen ul{grid-template-columns:1fr}.stimmen li:nth-child(n){margin-top:0}.strasse{height:8.5rem}.daumen{z-index:31;background:var(--weiss);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.daumen a{text-align:center;padding:1rem .5rem;font-weight:600;text-decoration:none}.daumen a:first-child{background:var(--rot);color:var(--weiss)}.fuss{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fach .vorne,.fach .hinten{transition:none}}