@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal-BKE08zty.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal-DoS1gVTC.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal-Dtb2a5nO.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.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{--petrol:#6f98a1;--rosa:#ecc2b6;--braun:#413026;--tinte:#2a1d16;--creme:#fbf6f0;--ziegel:#9a4a3a;--led:#f4d58a;--lila:#e3c9e8;--schild:#1f1a17;--display:clamp(2.5rem, 4.7vw, 6rem);--riesig:min(8.5rem, 6.6vw);--text:1.125rem;--klein:.875rem;--rand:clamp(1.25rem, 4vw, 4.5rem);--kopf:4rem;--n:.5;--ease:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--creme);color:var(--tinte);font-family:DM Sans Variable,DM Sans,sans-serif;font-size:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,ul,dl,dd,figure,blockquote{margin:0;padding:0}ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:3px solid var(--tinte);outline-offset:3px}.besuch :focus-visible,.karte :focus-visible{outline-color:var(--creme)}.tafel :focus-visible{outline-color:var(--tinte)}.gross,.frage,.sorte,.tafel h3,.karte h2,.hinweis h2{letter-spacing:-.025em;font-family:Bricolage Grotesque Variable,Bricolage Grotesque,sans-serif;font-weight:800;font-stretch:78%;line-height:.98}.gross{font-size:var(--display);text-wrap:balance}p{text-wrap:pretty}.innen{width:min(100% - 2 * var(--rand), 100rem);margin-inline:auto}.lead{max-width:34ch;font-weight:500}.zeile-klein,figcaption,.zusatz,.tafel-fuss,.karte-fuss,.fuss{font-size:var(--klein);line-height:1.5}.kopf{z-index:20;height:var(--kopf);padding-inline:var(--rand);transition:background-color .3s var(--ease);background-color:#0000;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.kopf.is-fest{background-color:var(--creme)}.marke{color:var(--braun);padding-block:.6rem;display:block}.marke svg{width:auto;height:clamp(1.25rem,1.5vw,2.1rem);display:block}.kartenknopf,.schild,.zu{text-transform:uppercase;letter-spacing:.06em;background:var(--schild);color:var(--creme);transition:transform .14s var(--ease);border-radius:2px;padding:.7em .95em .62em;font-family:Bricolage Grotesque Variable,sans-serif;font-size:clamp(.875rem,.95vw,1.1rem);font-weight:700;font-stretch:82%;line-height:1}.kartenknopf{min-height:2.75rem;padding-inline:1.15em}.kartenknopf:active,.schild:active,.zu:active,.sorte:active{transform:scale(.97)}.hero{z-index:0;background:var(--petrol);flex-direction:column;height:100svh;display:flex;position:sticky;top:0}.buehne{touch-action:pan-y;flex:1;min-height:0;position:relative;overflow:hidden}.feld{position:absolute;inset:0;overflow:hidden}.feld-herzhaft{background:var(--petrol);clip-path:inset(0 calc((1 - var(--n)) * 100%) 0 0)}.feld-suess{background:var(--rosa);clip-path:inset(0 0 0 calc(var(--n) * 100%))}.hero{--s:min(46vw, 76svh)}.bild{left:0;top:calc(44% - var(--s) / 2);width:var(--s);height:var(--s);position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 80%,#0000 100%);mask-image:radial-gradient(closest-side,#000 80%,#0000 100%)}.feld-herzhaft .bild{transform:translate3d(calc(var(--n) * 50vw - var(--s) / 2), 0, 0)}.feld-suess .bild{transform:translate3d(calc((1 + var(--n)) * 50vw - var(--s) / 2), 0, 0)}.bild img{object-fit:cover;width:100%;height:100%}.frage{pointer-events:none;font-size:var(--riesig);color:var(--tinte);margin:0;position:absolute;inset:0}.wort{white-space:nowrap;position:absolute;bottom:clamp(1.25rem,4.5vh,3rem)}.wort-herzhaft{left:var(--rand);clip-path:inset(-20% calc(100% - (var(--n) * 100vw - var(--rand))) -20% 0)}.wort-suess{right:var(--rand);clip-path:inset(-20% 0 -20% calc(100% - ((1 - var(--n)) * 100vw - var(--rand))))}.info{padding:.85rem var(--rand) .9rem;background:var(--creme);color:var(--tinte);font-size:var(--klein);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem 1.75rem;line-height:1.4;display:flex}.info-was{font-weight:600}.info-stand{margin-left:auto}.info-tel{text-underline-offset:.2em;font-variant-numeric:tabular-nums;padding-block:.35rem;font-weight:600}.darueber{z-index:1;background:var(--creme);position:relative}.tresenkante{background:#fbf8f4 url(/img/terrazzo.svg) 0/auto 100% repeat-x;height:2.4rem;position:relative}.tresenkante:after{content:"";background:var(--led);height:4px;position:absolute;inset:100% 0 auto}.auftakt{background:var(--creme)}.auftakt-raster{grid-template-columns:1fr 1.05fr;align-items:start;gap:clamp(2rem,6vw,7rem);padding-block:clamp(4.5rem,12vh,9rem) clamp(4rem,10vh,8rem);display:grid}.auftakt-kopf{gap:1.2rem;display:grid}.auftakt-text{gap:1.1rem;max-width:62ch;padding-top:.6rem;display:grid}.auftakt-text p:first-child{font-weight:500}.stimme{margin-top:1.4rem}.stimme blockquote{font-family:Bricolage Grotesque Variable,sans-serif;font-weight:600;font-stretch:88%;font-size:var(--text);max-width:30ch;line-height:1.35}.auftakt .stimme blockquote,.suess-worte .stimme blockquote{max-width:34ch}.stimme figcaption{color:color-mix(in srgb, var(--tinte) 78%, var(--creme));margin-top:.5rem}.filmrahmen{position:relative}.film{aspect-ratio:3/2;background:var(--tinte);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 .2s linear}.film.is-live canvas{opacity:1}.herzhaft{background:var(--petrol);color:var(--tinte)}.herzhaft-raster{grid-template-columns:1.45fr 1fr;align-items:center;gap:clamp(2rem,5vw,5.5rem);padding-block:clamp(4.5rem,12vh,9rem);display:grid}.herzhaft .filmrahmen{margin-left:calc((100vw - min(100vw - 2 * var(--rand), 100rem)) / -2)}.herzhaft-text>*+*{margin-top:1.15rem}.herzhaft-text .zeile-klein{margin-top:2.4rem;font-weight:600}.schilder{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.schild{background:color-mix(in srgb, var(--schild) 0%, transparent);color:var(--tinte);box-shadow:inset 0 0 0 2px var(--schild);min-height:2.75rem}.schild.is-aktiv{background:var(--schild);color:var(--creme);transform:rotate(-1.5deg)}.schild.is-aktiv:active{transform:rotate(-1.5deg)scale(.97)}.schildtext{max-width:36ch;min-height:3.2em;font-weight:500}.zusatz{max-width:46ch}.herzhaft .stimme figcaption{color:var(--tinte)}.suess{background:var(--rosa);color:var(--tinte)}.stapel-raster{grid-template-columns:.85fr 1.5fr 1.05fr;align-items:center;gap:clamp(1.5rem,3.5vw,4rem);padding-block:clamp(5.5rem,12vh,8rem) clamp(3rem,8vh,6rem);display:grid}.stapel-kopf{align-self:start;gap:1.15rem;display:grid}.sorten{justify-items:start;gap:.2rem;display:grid}.sorte{white-space:nowrap;color:#7a4f45;text-align:left;transition:transform .14s var(--ease);border-radius:2px;margin-left:-.18em;padding:.09em .2em .05em;font-size:clamp(1.9rem,3.5vw,4.6rem)}.sorte.is-aktiv{background:var(--schild);color:var(--creme)}.fensterspalte{align-self:stretch}.fensterblock{will-change:transform;gap:.9rem;display:grid}.fenster{aspect-ratio:1;background:var(--lila);width:100%;max-width:min(36vw,54svh);position:relative;overflow:hidden}.fenster img,.wechselfeld{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.fenster .is-da{z-index:2}.fenster .war-da{z-index:1}.wechselfeld{background:var(--lila);color:var(--braun);place-items:center;font-family:Bricolage Grotesque Variable,sans-serif;font-size:clamp(6rem,14vw,13rem);font-weight:800;font-stretch:78%;line-height:1;display:grid}.sortentext{max-width:30ch;min-height:3.2em;font-weight:500}.suess-nach{grid-template-columns:1.3fr .62fr .62fr;align-items:end;gap:clamp(1.5rem,4vw,4.5rem);padding-block:clamp(1rem,4vh,3rem) clamp(4.5rem,12vh,9rem);display:grid}.suess-worte{align-self:center;gap:.4rem;display:grid}.abzug{max-width:21rem}.abzug .frame{background:#fff;padding:.55rem .55rem 0;display:block;box-shadow:0 10px 24px -14px #2a1d168c}.abzug img{aspect-ratio:4/5;object-fit:cover;width:100%}.abzug figcaption{color:var(--tinte);background:#fff;padding:.6rem .55rem .75rem;box-shadow:0 10px 24px -14px #2a1d168c}.abzug-a{transform:rotate(-2deg)}.abzug-b{transform:rotate(1.5deg)translateY(-1.5rem)}.trinken{background:var(--creme)}.trinken-raster{grid-template-columns:.9fr 1.35fr;align-items:center;gap:clamp(2rem,5vw,5.5rem);padding-block:clamp(4.5rem,12vh,9rem);display:grid}.trinken-text>*+*{margin-top:1.15rem}.trinken-text p:not(.lead){max-width:40ch}.trinken .filmrahmen{margin-right:calc((100vw - min(100vw - 2 * var(--rand), 100rem)) / -2)}.trinken-film figcaption{color:color-mix(in srgb, var(--tinte) 80%, var(--creme));margin-top:.7rem}.besuch{background:var(--ziegel);color:var(--creme)}.besuch .innen{padding-block:clamp(4.5rem,12vh,8rem) 2rem}.tafeln{grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:clamp(1rem,2.2vw,2rem);margin-top:clamp(2.5rem,7vh,4.5rem);display:grid}.tafel{color:var(--tinte);background:#fff;border-radius:2px;padding:1.6rem 1.5rem 1.7rem;position:relative;box-shadow:0 18px 30px -22px #140804cc}.tafel:before,.tafel:after{content:"";background:#fff;border-radius:2px 2px 0 0;width:.55rem;height:1.3rem;position:absolute;top:-.85rem}.tafel:before{left:18%}.tafel:after{right:18%}.tafel h3{margin-bottom:1rem;font-size:1.75rem;font-stretch:80%}.tafel>p+p,.tafel>dl{margin-top:.85rem}.tafel-weg{margin-top:1.6rem}.tafel-hallo{margin-top:.6rem}.tafel-stand{font-weight:700}.woche>div{border-top:1px solid color-mix(in srgb, var(--tinte) 22%, #fff);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;margin-inline:-.5rem;padding:.42rem .5rem;display:flex}.woche>div.is-heute{background:var(--schild);color:var(--creme);border-top-color:var(--schild);border-radius:2px;font-weight:600}.textlink{text-underline-offset:.22em;padding-block:.3rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-block}.gross-link{font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque Variable,sans-serif;font-size:1.75rem;font-weight:800;font-stretch:82%}.fuss{border-top:1px solid color-mix(in srgb, var(--creme) 45%, var(--ziegel));flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;margin-top:clamp(3rem,9vh,5.5rem);padding-top:1.2rem;display:flex}.fuss-marke svg{width:auto;height:1.7rem;display:block}.fuss-knoepfe{gap:1.25rem;margin-left:auto;display:flex}.fuss-knoepfe button{text-underline-offset:.22em;padding-block:.6rem;text-decoration:underline}dialog{color:var(--tinte);border:0;padding:0}dialog::backdrop{background:#1f1a1799}.karte{background:var(--ziegel);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--creme);padding:clamp(1.25rem, 3vw, 2.5rem) var(--rand) 2.5rem;margin:0;overflow:auto}.karte-kopf{justify-content:space-between;align-items:center;display:flex}.karte h2{font-size:var(--display)}.karte-tafeln{grid-template-columns:1fr 1fr 1.3fr;align-items:start;gap:clamp(1rem,2.2vw,2rem);margin-top:2.6rem;display:grid}.karte .tafel li{border-top:1px solid color-mix(in srgb, var(--tinte) 22%, #fff);padding:.42rem 0;font-weight:500}.karte .zweispaltig{columns:2;column-gap:1.5rem}.karte .zweispaltig li{break-inside:avoid}.tafel-fuss{margin-top:1rem}.karte-fuss{margin-top:1.6rem}.hinweis{background:var(--creme);border-radius:3px;width:min(92vw,36rem);padding:1.8rem 1.6rem 1.6rem;box-shadow:0 24px 50px -24px #140804b3}.hinweis h2{margin-bottom:1rem;font-size:1.75rem}.hinweis p{font-size:var(--klein);line-height:1.55}.hinweis p+p{margin-top:.8rem}.hinweis .zu{margin-top:1.3rem}.zu{background:var(--schild);min-height:2.75rem;color:var(--creme)}.karte .zu{background:var(--creme);color:var(--schild)}dialog[open]{animation:auf .32s var(--ease)}dialog.schliesst{animation:zu .18s var(--ease) forwards}@keyframes auf{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes zu{to{opacity:0;transform:translateY(8px)}}@media (hover:hover) and (pointer:fine){.schild:not(.is-aktiv):hover{background:color-mix(in srgb, var(--schild) 14%, transparent)}.sorte:not(.is-aktiv):hover{color:var(--tinte)}.textlink:hover,.info-tel:hover,.fuss-knoepfe button:hover{text-decoration-thickness:2.5px}}@media (height>=700px) and (prefers-reduced-motion:no-preference){html:not(.is-vorschau) .stapel{height:300svh}html:not(.is-vorschau) .stapel-fest{align-items:center;height:100svh;display:grid;position:sticky;top:0}}@media (width>=1900px){:root{--text:1.3rem;--klein:1rem}.tafel h3,.gross-link,.hinweis h2{font-size:2.1rem}}@media (width<=760px){:root{--kopf:3.5rem;--riesig:clamp(2.3rem, 10.5vw, 3rem);--display:clamp(2.1rem, 9.2vw, 2.6rem);--text:1.0625rem}.marke svg{height:1.25rem}.feld-herzhaft{clip-path:inset(0 0 calc((1 - var(--n)) * 100%) 0)}.feld-suess{clip-path:inset(calc(var(--n) * 100%) 0 0 0)}.hero{--s:min(80vw, calc((var(--bh,80svh) * .42 - 6.4rem) / .6))}.bild{left:calc(50% - var(--s) / 2);top:0}.feld-herzhaft .bild{transform:translate3d(0, calc(var(--bh,80svh) * var(--n) * .5 + 3.1rem - var(--s) * .5), 0)}.feld-suess .bild{transform:translate3d(0, calc(var(--bh,80svh) * (1 + var(--n)) * .5 - 1.7rem - var(--s) * .5), 0)}.wort{bottom:auto}.wort-herzhaft{top:calc(var(--kopf) + .4rem);left:var(--rand);clip-path:none}.wort-suess{bottom:.9rem;right:var(--rand);clip-path:none}.info{gap:.1rem 1rem;padding-block:.7rem .75rem}.info-was{flex-basis:100%}.info-stand{margin-left:0}.auftakt-raster,.herzhaft-raster,.trinken-raster,.tafeln,.karte-tafeln{grid-template-columns:1fr}.auftakt-raster{gap:1.6rem}.herzhaft .filmrahmen,.trinken .filmrahmen{margin-inline:calc(-1 * var(--rand))}.trinken-film{order:-1}.trinken-film figcaption{padding-inline:0}.stapel-raster{padding-block:calc(var(--kopf) + .6rem) 1rem;grid-template-columns:1fr;align-content:start;gap:.9rem}.stapel-kopf{gap:.6rem}.stapel-kopf .lead{font-size:var(--klein);max-width:none}.fensterspalte{order:2}.fensterblock{grid-template-columns:42vw 1fr;align-items:center;gap:.9rem}.fenster{max-width:none}.sortentext{font-size:var(--klein);min-height:0}.sorten{order:3;gap:.05rem}.sorte{min-height:2.5rem;font-size:clamp(1.5rem,6.8vw,1.9rem)}.suess-nach{grid-template-columns:1fr 1fr;padding-top:2rem}.suess-worte{grid-column:1/-1}.abzug-b{transform:rotate(1.5deg)translateY(.8rem)}.tafel-weg,.tafel-hallo{margin-top:1rem}.tafeln{gap:1.6rem}.karte .zweispaltig{columns:1}.fuss-knoepfe{margin-left:0}}@media (prefers-reduced-motion:reduce){dialog[open],dialog.schliesst{animation:none}.kopf,.film canvas{transition:none}}