@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-vietnamese-400-normal-DsEHT_sq.woff2)format("woff2"),url(/assets/alfa-slab-one-vietnamese-400-normal-8O1WNOZK.woff)format("woff");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:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-ext-400-normal-S2XmuAoM.woff2)format("woff2"),url(/assets/alfa-slab-one-latin-ext-400-normal-ymPIhbQC.woff)format("woff");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:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-400-normal-BBRcKc_J.woff2)format("woff2"),url(/assets/alfa-slab-one-latin-400-normal-C_PEk4-h.woff)format("woff");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:Allerta Stencil;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/allerta-stencil-latin-400-normal-CDnecxAO.woff2)format("woff2"),url(/assets/allerta-stencil-latin-400-normal-CfNHgkLB.woff)format("woff");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:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-ext-400-normal-lChyfu2-.woff2)format("woff2"),url(/assets/zilla-slab-latin-ext-400-normal-lkuEFu_w.woff)format("woff");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:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-400-normal-6l9OCTvQ.woff2)format("woff2"),url(/assets/zilla-slab-latin-400-normal-NJoh600f.woff)format("woff");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:Zilla Slab;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/zilla-slab-latin-ext-600-normal-C2oKCS1Y.woff2)format("woff2"),url(/assets/zilla-slab-latin-ext-600-normal-BFX55lqp.woff)format("woff");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:Zilla Slab;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/zilla-slab-latin-600-normal-DaiJUbwT.woff2)format("woff2"),url(/assets/zilla-slab-latin-600-normal-D_rEn_JB.woff)format("woff");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{--creme:#fefbda;--q:#dd7407;--rot:#a9152b;--oliv:#a89a2f;--schiefer:#41514f;--apricot:#f7a86e;--nachtgrund:#15101f;--lila:#a99bff;--tinte:#2a1a12;--display:"Alfa Slab One", "Rockwell", serif;--stencil:"Allerta Stencil", "Courier New", monospace;--text:"Zilla Slab", Georgia, serif;--rand:clamp(1.15rem, 5vw, 5.5rem)}html[data-phase=morgen],.ruhig [data-p=morgen]{--bg:var(--creme);--ink:var(--tinte);--akz:var(--rot);--neben:var(--schiefer)}html[data-phase=mittag],.ruhig [data-p=mittag]{--bg:var(--apricot);--ink:var(--tinte);--akz:#7d0e1f;--neben:#3d2518}html[data-phase=abend],.ruhig [data-p=abend]{--bg:var(--rot);--ink:var(--creme);--akz:#ffc15e;--neben:#fbe3c0}html[data-phase=nacht],.ruhig [data-p=nacht]{--bg:var(--nachtgrund);--ink:var(--creme);--akz:var(--lila);--neben:#cfc8e6}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 clamp(1.08rem, 1.05rem + .35vw, 1.4rem)/1.45 var(--text);margin:0;transition:background-color .45s linear;overflow-x:clip}.ruhig body{transition:none}.ruhig main>section{background:var(--bg);color:var(--ink)}.ruhig footer{background:var(--creme);color:var(--tinte)}h1,h2{font-family:var(--display);letter-spacing:-.005em;margin:0;font-weight:400;line-height:1.04}h2{text-wrap:balance;max-width:17ch;font-size:clamp(2.05rem,4.5vw,5rem)}p{margin:0}a{color:inherit;text-underline-offset:.18em}img{max-width:100%;display:block}.frame{display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}blockquote{margin:0}blockquote cite{font:400 .72em/1.3 var(--stencil);color:var(--neben);margin-top:.3rem;display:block}.anm{color:var(--neben);max-width:44ch;font-size:.84em}.wink,.winkel span{font-family:var(--stencil);text-transform:uppercase;letter-spacing:.08em}.wink{color:var(--akz);margin-bottom:.7rem;font-size:clamp(1.05rem,1.5vw,1.6rem)}.wink:before,.winkel span:before{content:">"}.stempel{font-family:var(--display);color:var(--akz);font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,9vw,10rem);line-height:1}.leiste{z-index:20;padding:.85rem var(--rand);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.leiste a{pointer-events:auto}.leiste.fest{background:var(--bg);pointer-events:auto;padding-top:.55rem;padding-bottom:.55rem;transition:background-color .45s linear}.leiste nav{font:400 clamp(.9rem, .95vw, 1.2rem)/1 var(--stencil);gap:clamp(.8rem,1.8vw,2rem);display:flex}.leiste nav a{color:var(--ink);text-decoration:none}.leiste .tel{text-decoration:underline}.klein{opacity:0;transition:opacity .2s linear}.klein.da{opacity:1}.klein{background:var(--creme);padding:.28rem .4rem;display:block}.klein svg{width:auto;height:clamp(1.15rem,1.4vw,1.9rem);display:block}.nb{white-space:nowrap}.ruhig .klein{display:none}.ruhig .leiste{justify-content:flex-end;position:absolute}.einstieg{height:460vh}.buehne{height:100svh;padding:0 var(--rand);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end;gap:clamp(1rem,3vw,4rem);display:grid;position:sticky;top:0;overflow:clip}.sp{z-index:3;pointer-events:none;flex-direction:column;align-self:stretch;padding:clamp(4.6rem,12vh,7rem) 0 clamp(1.4rem,5vh,3.4rem);display:flex;position:relative}h1{font-size:clamp(2rem,4.5vw,5.6rem)}h1 span{opacity:.34;display:block}h1 span.jetzt{opacity:1}.uhr{font-family:var(--display);color:var(--akz);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;margin-top:auto;font-size:min(15vw,29vh);line-height:.9}.halter{aspect-ratio:2/3;transform-origin:50% 100%;will-change:transform;justify-self:end;max-width:100%;height:92svh;position:relative}.bogen{background:#2b211b;border-radius:50% 50% 0 0/15% 15% 0 0;position:absolute;inset:0;overflow:hidden}.bogen img,.bogen canvas{object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;inset:0}.bogen canvas{opacity:0}.bogen canvas.an{opacity:1}.plakette{z-index:2;background:var(--creme);border:2px solid var(--oliv);width:150px;padding:.5rem .6rem;position:absolute;top:15%;left:-1.6rem}.plakette svg{width:100%;height:auto;display:block}.ruhig .einstieg{height:auto}.ruhig .buehne{position:relative}.kaffee{padding:clamp(5rem, 14vh, 11rem) var(--rand);grid-template-columns:1fr 1fr;align-items:end;gap:clamp(2rem,6vw,7rem);display:grid}.spalte>*+*{margin-top:1.3rem}.spalte p:not(.wink):not(.stempel){max-width:40ch}.stimmen{gap:2rem;display:grid}.stimmen blockquote{font:400 clamp(1.4rem, 2.5vw, 2.9rem)/1.14 var(--display)}.stimmen cite{margin-top:.5rem;font-size:1rem}.fassade{padding:clamp(4rem, 10vh, 8rem) var(--rand);grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,5vw,6rem);display:grid}.tuer{aspect-ratio:3/2;will-change:clip-path;background:#c9654f;border-radius:50% 50% 0 0/17% 17% 0 0;overflow:hidden}.film{width:100%;height:100%;position:relative;overflow:hidden}.film img,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.neben>*+*{margin-top:1.3rem}.neben p,.neben blockquote{max-width:38ch}.neben blockquote{font-weight:600}.draussen{padding:clamp(5rem, 12vh, 10rem) var(--rand) clamp(3rem, 7vh, 5rem);grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,5rem) clamp(2rem,6vw,7rem);display:grid}.draussen .kopf{grid-column:1}.draussen .kopf>*+*{margin-top:1.1rem}.draussen .kopf p:last-child{max-width:42ch}.skala{grid-column:1;height:15.5rem;margin:2rem 7.5rem 0 0;padding:0;list-style:none;position:relative}.skala li{left:calc(var(--t) / 300 * 100%);border-left:2px solid var(--akz);transform-origin:0 100%;width:8.4rem;padding-bottom:.4rem;padding-left:.55rem;font-size:.92em;line-height:1.2;position:absolute;bottom:0}.skala li b{font:400 1.5em/1.1 var(--display);color:var(--akz);display:block}.skala li:first-child{border-left:0;border-right:2px solid var(--akz);text-align:right;height:15.5rem;margin-left:-8.4rem;padding-left:0;padding-right:.55rem}.skala li:nth-child(2){height:9.5rem}.skala li:nth-child(3){border-left:0;border-right:2px solid var(--akz);text-align:right;width:11rem;height:15.5rem;margin-left:-11rem;padding-left:0;padding-right:.55rem}.skala li:nth-child(4){width:7rem;height:9.5rem}.linie{height:2.2rem;font:400 .78em/1 var(--stencil);grid-column:1;margin:-2rem 7.5rem 0 0;position:relative}.linie i{transform-origin:0;background:currentColor;height:3px;display:block;position:absolute;top:0;left:0;right:0}.linie span{top:.55rem;left:calc(var(--t) / 300 * 100%);white-space:nowrap;position:absolute;transform:translate(-50%)}.linie span:first-of-type{transform:none}.linie span:last-of-type{transform:translate(-100%)}.gross{font:400 clamp(1.5rem, 2.8vw, 3.2rem)/1.12 var(--display);grid-column:1;max-width:22ch}.gross cite{color:var(--neben);margin-top:.6rem;font-size:1rem}.wein{padding:clamp(4rem, 9vh, 7rem) var(--rand) clamp(3rem, 8vh, 6rem)}.klein-abzug{width:min(100%,170px)}.tafel{justify-self:start;margin-top:1.6rem}.karte{border-top:2px solid var(--akz);margin:clamp(2.2rem,6vh,4rem) 0 1.6rem;padding:0;list-style:none}.karte li{border-bottom:1px solid color-mix(in srgb, var(--ink) 25%, transparent);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:baseline;gap:1rem;padding:.85rem 0;display:grid}.karte b{font:400 clamp(1.3rem, 2.5vw, 2.8rem)/1.08 var(--display)}.karte span{color:var(--neben)}.theke{padding:clamp(2rem, 6vh, 4rem) var(--rand) clamp(4rem, 10vh, 8rem);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,4vw,5rem);display:grid}.theke .film{aspect-ratio:1920/1150;background:#2c2348}.unter{gap:1rem;display:grid}.unter p:last-child{max-width:34ch}.schicht{padding:clamp(5rem, 13vh, 10rem) var(--rand);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.abzug{background:var(--creme);will-change:transform;justify-self:end;max-width:655px;margin:0;padding:clamp(.55rem,1vw,.9rem)}.abzug img{width:100%;height:auto}.zettel>*+*{margin-top:1.2rem}.zettel ul{padding:0;list-style:none}.zettel li{font-family:var(--stencil);border-top:2px dashed var(--ink);max-width:36ch;padding:.75rem 0;font-size:.98em;line-height:1.32}.zettel li:last-child{border-bottom:2px dashed var(--ink)}.zettel blockquote{max-width:34ch;font-weight:600}.kunst{padding:clamp(5rem, 13vh, 10rem) var(--rand)}.kunst .kopf>*+*{margin-top:1.1rem}.kunst .kopf p:last-child{max-width:46ch}.kunst .anm{z-index:2;margin-top:clamp(2.5rem,6vh,4.5rem);position:relative}.wand{grid-template-columns:1.25fr .8fr 1fr .7fr;align-items:end;gap:clamp(.9rem,2.6vw,3rem);max-width:min(68%,62rem);margin:clamp(2.6rem,7vh,5rem) 0 1.5rem;display:grid}.wand i{border:clamp(5px, .7vw, 11px) solid var(--tinte);background:#fff9d0;display:block;box-shadow:inset 0 0 0 clamp(12px,2.2vw,34px) #fffef0,0 10px 18px -12px #2a1a128c}.r1{aspect-ratio:4/5}.r2{aspect-ratio:1}.r3{aspect-ratio:3/4;margin-bottom:3vw}.r4{aspect-ratio:4/3}.jahre{padding:clamp(4rem, 12vh, 9rem) var(--rand);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.5rem,6vw,7rem);display:grid;overflow:clip}.zahl{font:400 clamp(9rem, 30vw, 34rem)/.82 var(--display);color:var(--akz)}.feste{margin:1.8rem 0 0;padding:0;list-style:none}.feste li{border-top:1px solid color-mix(in srgb, var(--ink) 40%, transparent);padding:.7rem 0}.feste b{font:400 .8em/1.3 var(--stencil);color:var(--akz);display:block}.woche{padding:clamp(5rem, 13vh, 10rem) var(--rand) clamp(3.5rem, 8vh, 6rem)}.stand{font-family:var(--stencil);color:var(--akz);margin-top:.8rem}.band{--sp:3.2rem;margin-top:clamp(2rem,5vh,3.4rem);position:relative}.z{grid-template-columns:var(--sp) 1fr;border-top:1px solid color-mix(in srgb, var(--ink) 18%, transparent);align-items:center;height:2.5rem;font-size:.9em;display:grid;position:relative}.z b{font-family:var(--display);font-weight:400}.z i{height:1.25rem;margin-left:calc((var(--a) - 8) / 20 * 100%);width:calc((var(--e) - var(--a)) / 20 * 100%);background:var(--q);display:block}.z span{z-index:2;left:calc(var(--sp) + .5rem + (var(--a) - 8) / 20 * (100% - var(--sp)));font-family:var(--stencil);color:var(--tinte);white-space:nowrap;font-size:.78em;position:absolute}.z.heute b{color:var(--rot)}.z.heute i{background:var(--rot)}.z.heute span{color:var(--creme)}.jetzt-strich{top:calc(var(--zeile) * 2.5rem);background:var(--tinte);width:3px;height:2.5rem;left:calc(var(--sp) + (var(--h) - 8) / 20 * (100% - var(--sp)));position:absolute}.besuch{flex-wrap:wrap;align-items:flex-start;gap:1.4rem clamp(2rem,7vw,8rem);margin-top:clamp(2.4rem,6vh,4rem);display:flex}address{font-style:normal}.btn{background:var(--rot);color:var(--creme);font-family:var(--display);padding:.75rem 1.1rem;text-decoration:none;display:inline-block}footer{padding:1.6rem var(--rand) 2.4rem;font:400 .85rem/1.4 var(--stencil);flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;display:flex}footer button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 .6rem 0 0;text-decoration:underline}dialog{border:2px solid var(--oliv);background:var(--creme);max-width:36rem;color:var(--tinte);padding:1.6rem;font-size:1rem}dialog h2{margin-bottom:1rem;font-size:1.6rem}dialog p{margin-bottom:.8rem}dialog::backdrop{background:#15101f99}dialog .zu{font:inherit;background:var(--rot);color:var(--creme);cursor:pointer;border:0;padding:.5rem 1rem}@media (width<=760px){.leiste{padding:.6rem var(--rand)}.leiste nav{gap:.9rem;font-size:.82rem}.einstieg{height:400vh}.buehne{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:stretch;gap:.4rem}.sp{padding:2.9rem 0 0}h1{font-size:clamp(1.55rem,7vw,2.1rem)}h1 span{display:inline}.uhr{margin:.3rem 0 -2.6rem;font-size:clamp(4.2rem,22vw,5.6rem);position:relative}.halter{aspect-ratio:auto;justify-self:stretch;width:100%;height:100%;min-height:0}.bogen{border-radius:50% 50% 0 0/11% 11% 0 0}.plakette{width:92px;padding:.3rem .35rem;top:5%;left:auto;right:.4rem}.kaffee,.fassade,.schicht,.draussen,.jahre{grid-template-columns:1fr}.kaffee{align-items:start}.theke{grid-template-columns:1fr}.klein-abzug{justify-self:start}.skala{border-left:3px solid;gap:.85rem;height:auto;margin:1rem 0 0;padding-left:.9rem;display:grid}.skala li,.skala li:nth-child(n){text-align:left;border:0;width:auto;height:auto;margin:0;padding:0;position:static}.linie{display:none}.karte li{grid-template-columns:1fr;gap:.1rem}.abzug{justify-self:start}.wand{grid-template-columns:1fr 1fr;max-width:none;margin-bottom:3.5rem}.jahre .zahl{font-size:42vw}.band{--sp:2.2rem}.z span{font-size:.66em}}