@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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-italic-As4cCeDr.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-italic-C4MYrNFW.woff)format("woff")}:root{--wenge:#3b3230;--wenge-tief:#2c2523;--wand:#cdcac9;--weiss:#f5f4f2;--tinte:#23418c;--stempel:#8e2a21;--text:#2c2523;--leise:#4c4340;--linie:#3b323038;--breit:"Archivo Variable", "Archivo", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--display:clamp(2.3rem, 4.4vw, 5.2rem);--kopf-h:64px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--wand);color:var(--text);font:400 1.0625rem/1.6 var(--breit);margin:0;font-stretch:100%;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2{font-family:var(--breit);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:720;font-stretch:122%;line-height:1.04}h2{font-size:var(--display)}p{text-wrap:pretty;margin:0 0 1em}:focus-visible{outline:3px solid var(--tinte);outline-offset:3px}section[id]{scroll-margin-top:var(--kopf-h)}.innen{width:min(1240px,100% - 2*clamp(20px,5vw,64px));margin-inline:auto}.schmal{max-width:62ch;margin-inline:auto}.btn{font:600 1rem/1 var(--breit);background:var(--wenge);color:var(--weiss);cursor:pointer;border:0;border-radius:3px;padding:1rem 1.4rem;font-stretch:112%;text-decoration:none;transition:transform .12s ease-out,background-color .2s ease-out;display:inline-block}.btn:active{transform:scale(.97)}.textlink{text-underline-offset:.22em;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.kopf{z-index:20;height:var(--kopf-h);color:var(--wenge);background:0 0;border-bottom:1px solid #0000;align-items:center;gap:clamp(16px,3vw,44px);padding:0 clamp(18px,3.4vw,48px);transition:background-color .25s ease-out,border-color .25s ease-out;display:flex;position:fixed;inset:0 0 auto}.kopf.is-solid{background:var(--weiss);border-bottom-color:var(--linie)}.marke{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5em;font-size:clamp(.95rem,1.15vw,1.5rem);font-weight:760;font-stretch:125%;text-decoration:none;display:inline-flex}.marke .schere{width:auto;height:clamp(1.4rem,1.7vw,2.3rem)}.kopf-links{gap:clamp(14px,2.2vw,32px);margin-left:auto;display:flex}.kopf-links a,.ruf{padding:12px 0;font-size:clamp(.92rem,.95vw,1.15rem);font-weight:600;text-decoration:none}.kopf-links a:hover,.ruf{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1.5px}.ruf{font-variant-numeric:tabular-nums}.einstieg{background:var(--wand);height:158vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.nische{top:calc(var(--kopf-h) + 8px);height:calc(100svh - var(--kopf-h) - 84px);aspect-ratio:3/2;--k-l:0%;--k-r:0%;--k-o:0%;--k-u:0%;--fx:9%;--fy:8%;-webkit-mask-image:linear-gradient(to right, transparent var(--k-l), #000 calc(var(--k-l) + var(--fx)), #000 calc(100% - var(--k-r) - var(--fx)), transparent calc(100% - var(--k-r))), linear-gradient(to bottom, transparent var(--k-o), #000 calc(var(--k-o) + var(--fy)), #000 calc(100% - var(--k-u) - var(--fy)), transparent calc(100% - var(--k-u)));-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to right, transparent var(--k-l), #000 calc(var(--k-l) + var(--fx)), #000 calc(100% - var(--k-r) - var(--fx)), transparent calc(100% - var(--k-r))), linear-gradient(to bottom, transparent var(--k-o), #000 calc(var(--k-o) + var(--fy)), #000 calc(100% - var(--k-u) - var(--fy)), transparent calc(100% - var(--k-u)));mask-image:linear-gradient(to right, transparent var(--k-l), #000 calc(var(--k-l) + var(--fx)), #000 calc(100% - var(--k-r) - var(--fx)), transparent calc(100% - var(--k-r))), linear-gradient(to bottom, transparent var(--k-o), #000 calc(var(--k-o) + var(--fy)), #000 calc(100% - var(--k-u) - var(--fy)), transparent calc(100% - var(--k-u)));position:absolute;left:50%;transform:translate(-44%);-webkit-mask-composite:source-in;mask-composite:intersect}.nische .still,.nische canvas{object-fit:cover;object-position:56% 50%;width:100%;height:100%;position:absolute;inset:0}.nische canvas{opacity:0;transition:opacity .4s ease-out}.nische.is-live canvas{opacity:1}.titel{width:min(34vw,560px);color:var(--wenge);font-size:clamp(2.4rem,4.1vw,5.4rem);position:absolute;bottom:22vh;left:clamp(20px,5vw,80px)}.infozeile{color:var(--wenge);background:0 0;flex-wrap:wrap;justify-content:center;gap:.4em .9em;margin:0;padding:16px clamp(20px,5vw,80px) 20px;font-size:.98rem;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.infozeile [data-stand]{font-weight:700}.infozeile a{font-variant-numeric:tabular-nums}.trenner{opacity:.6}.auftakt{z-index:2;text-align:center;padding:clamp(40px,8vh,96px) 0 clamp(80px,14vh,160px);position:relative}.auftakt h2{margin-bottom:.7em}.scrubzeilen span{display:inline-block}.auftakt p{font-size:clamp(1.06rem,1.25vw,1.3rem)}.stuecke{background:var(--weiss);text-align:center;padding:clamp(80px,13vh,150px) 0 clamp(70px,11vh,130px)}.klein-kopf{letter-spacing:.04em;margin-bottom:clamp(28px,5vh,56px);font-size:clamp(1.05rem,1.2vw,1.3rem);font-stretch:125%}.stapel{position:relative}.namen{z-index:2;max-width:calc(100% + -2*clamp(150px,15vw,230px) - 72px);margin:0 auto;padding:0;list-style:none;position:relative}.namen li+li{border-top:1px solid var(--linie)}.namen button{appearance:none;cursor:pointer;color:var(--wenge);font:640 clamp(1.7rem, 3.3vw, 3.9rem)/1.12 var(--breit);letter-spacing:-.02em;text-wrap:balance;background:0 0;border:0;width:100%;padding:.22em .2em;font-stretch:118%;transition:color .18s ease-out}.namen button[aria-pressed=true]{color:var(--tinte)}.namen button[aria-pressed=true]:after{content:"";background:repeating-linear-gradient(90deg,currentColor 0 12px,#0000 12px 20px);width:4.2em;height:3px;margin:.12em auto 0;display:block}@media (hover:hover) and (pointer:fine){.namen button:hover{color:var(--tinte)}}.fenster{z-index:3;aspect-ratio:3/4;border:9px solid var(--wenge);background:var(--wenge);width:clamp(150px,15vw,230px);transform:translateY(var(--fenster-y,0px));pointer-events:none;margin:0;transition:transform .6s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;right:0;box-shadow:0 18px 40px -18px #2c25238c}.fenster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.notizen{max-width:58ch;min-height:5.5em;margin:clamp(28px,5vh,48px) auto .6em;font-size:clamp(1.06rem,1.3vw,1.35rem)}.notizen small{color:var(--leise);margin-top:.4em;font-size:.82rem;display:block}.hinweis-klein{color:var(--leise);margin:0;font-size:.92rem}.leder{background:var(--weiss);text-align:center;padding:clamp(40px,6vh,80px) 0 clamp(80px,12vh,140px)}.leder h2{margin-bottom:clamp(24px,4vh,44px)}.rahmen-holz{border:clamp(8px, 1.1vw, 16px) solid var(--wenge);background:var(--wenge);display:block;box-shadow:0 22px 50px -26px #2c252399}.leder .rahmen-holz{width:min(1040px,100%);margin:0 auto clamp(26px,4vh,44px)}.film{aspect-ratio:3/2;background:#2c2523;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 .4s ease-out}.film.is-live canvas{opacity:1}.leder p{font-size:clamp(1.06rem,1.25vw,1.3rem)}.quittung-teil{background:var(--wenge);color:var(--weiss);text-align:center;padding:clamp(90px,14vh,160px) 0}.quittung-teil h2{margin-bottom:.6em}.quittung-teil>.innen>p{color:#e9e3df;font-size:clamp(1.06rem,1.25vw,1.3rem)}.beleg-buehne{grid-template-columns:1fr minmax(300px,440px) 1fr;align-items:center;gap:clamp(20px,4vw,60px);margin:clamp(36px,6vh,64px) 0 clamp(26px,4vh,40px);display:grid}.beleg{color:#26201e;text-align:left;font-family:var(--mono);background:#fbfaf7;grid-column:2;padding:26px 26px 62px;font-size:.95rem;position:relative;transform:rotate(-1.2deg);box-shadow:0 26px 50px -24px #000000b3}.beleg-kopf{border-bottom:4px double #26201e;margin-bottom:16px;padding-bottom:12px}.beleg-kopf strong{font-family:var(--breit);letter-spacing:.02em;text-transform:uppercase;font-size:1.05rem;font-weight:760;font-stretch:125%;display:block}.beleg-kopf span{color:#4e4542;font-size:.8rem}.beleg-zeilen{margin:0}.beleg-zeilen div{border-bottom:1px dotted #8a7f7b;grid-template-columns:7.2em 1fr;align-items:end;gap:10px;padding:10px 0 6px;display:grid}.beleg-zeilen dt{color:#4e4542;font-size:.82rem}.beleg-zeilen dd{min-height:1.5em;margin:0}.tinte{color:var(--tinte);font-style:italic;font-weight:500}.strich svg{width:100%;max-width:200px;height:22px;color:var(--tinte)}.strich path{stroke-dasharray:260;stroke-dashoffset:0}.js .strich:not(.gezogen) path{stroke-dashoffset:260px}.strich.gezogen path{transition:stroke-dashoffset .9s cubic-bezier(.23,1,.32,1) .2s}.stempel{border:2.5px solid var(--stempel);color:var(--stempel);font:700 .78rem/1 var(--breit);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:6px 10px;font-stretch:125%;position:absolute;bottom:14px;right:16px;transform:rotate(-8deg)}.perforation{background:radial-gradient(circle at 6px 0,#0000 5px,#fbfaf7 5.5px) 0 0/12px 8px repeat-x;height:8px;position:absolute;bottom:-8px;left:0;right:0}.beleg-stimme{text-align:left;grid-column:3;margin:0;font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:600;line-height:1.3}.beleg-stimme p{margin:0 0 .4em}.beleg-stimme footer{color:#d6cdc8;font-size:.85rem;font-weight:400}.auswahl{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.auswahl button{appearance:none;cursor:pointer;font:600 .98rem/1 var(--breit);min-height:44px;color:var(--weiss);background:0 0;border:1.5px solid #f5f4f28c;border-radius:3px;padding:.85rem 1.1rem;transition:transform .12s ease-out,background-color .18s ease-out,color .18s ease-out}.auswahl button:active{transform:scale(.97)}.auswahl button[aria-pressed=true]{background:var(--weiss);color:var(--wenge);border-color:var(--weiss)}.anfrage{background:var(--wand);text-align:center;padding:clamp(80px,12vh,140px) 0 clamp(50px,8vh,90px)}.anfrage h2{margin-bottom:.6em}.anfrage p{font-size:clamp(1.06rem,1.25vw,1.3rem)}.knoepfe{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin-top:1.6em;display:flex}.besuch{background:var(--wand);padding:clamp(40px,6vh,80px) 0 clamp(70px,10vh,120px)}.besuch-raster{grid-template-columns:1fr minmax(240px,340px) 1fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.zeiten{text-align:right;justify-self:end;margin:0}.zeiten div{border-bottom:1px solid var(--linie);padding:10px 0}.zeiten dt{color:var(--leise);font-size:.9rem}.zeiten dd{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.15rem,1.6vw,1.6rem);font-weight:650;font-stretch:112%}.zeiten div.heute dt:after{content:" · heute";color:var(--tinte);font-weight:600}.fassade{margin:0}.fassade .frame{aspect-ratio:3/4;overflow:hidden}.fassade img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}.adresse h2{margin-bottom:.4em;font-size:clamp(2rem,3.4vw,3.8rem)}.adresse p{font-size:clamp(1.06rem,1.25vw,1.3rem)}.schluss{background:var(--wenge);color:var(--weiss);padding:0 0 clamp(40px,6vh,70px)}.naht{color:#cdbfb8;width:100%;height:34px;display:block}.js .naht:not(.gezogen) path{stroke-dashoffset:1200px}.naht path{stroke-dasharray:14 10}.schluss-raster{grid-template-columns:auto 1fr 1fr auto;align-items:start;gap:20px clamp(20px,4vw,60px);padding-top:clamp(26px,4vh,44px);font-size:.98rem;display:grid}.schluss p{margin:0}.marke--klein{font-size:1rem}.marke--klein .schere{height:1.6rem}.schluss-links{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.schluss-links button{appearance:none;color:inherit;font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;min-height:32px;padding:6px 0;text-decoration:underline}dialog.hinweis{background:var(--weiss);max-width:min(560px,100% - 32px);color:var(--text);border:0;border-radius:4px;padding:28px}dialog.hinweis::backdrop{background:#2c252399}dialog.hinweis h2{margin-bottom:.7em;font-size:1.5rem}dialog[open]{animation:.32s cubic-bezier(.23,1,.32,1) auf}@keyframes auf{0%{opacity:0;transform:scale(.96)}}@media (width<=900px){:root{--kopf-h:56px}.kopf-links{display:none}.ruf{margin-left:auto}.einstieg{height:auto}.buehne{height:auto;padding-top:var(--kopf-h);position:relative;overflow:visible}.nische{aspect-ratio:auto;clip-path:none;width:100%;height:66svh;min-height:420px;position:relative;top:auto;left:auto;transform:none;-webkit-mask-image:none;mask-image:none}.titel{width:auto;padding:26px 20px 0;font-size:clamp(2.2rem,9.6vw,3rem);position:static}.infozeile{background:0 0;justify-content:flex-start;padding:14px 20px 30px;font-size:.95rem;position:static}.infozeile .trenner{display:none}.infozeile>*{flex-basis:100%}.auftakt{margin-top:0;padding-top:30px}h2{font-size:clamp(1.9rem,8.4vw,2.6rem)}.namen{max-width:none}.fenster{width:min(62vw,260px);margin:0 auto 22px;transition:none;position:relative;right:auto;transform:none}.namen button{font-size:clamp(1.4rem,6.6vw,2rem)}.beleg-buehne{grid-template-columns:1fr}.beleg,.beleg-stimme{grid-column:1}.beleg-stimme{text-align:center}.besuch-raster{grid-template-columns:1fr}.zeiten{text-align:left;order:2;justify-self:stretch}.fassade{order:1;width:min(76vw,320px);margin:0 auto}.adresse{order:3}.schluss-raster{grid-template-columns:1fr}}.still-modus .nische canvas{display:none}
