@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-vietnamese-400-normal-B7Iv8-Rg.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-400-normal-Sle7MYWg.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-ext-400-normal-D42HmrHD.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-400-normal-BH175q6o.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-400-normal-A6LyuA6R.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-400-normal-D89K-qEP.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-vietnamese-600-normal-Ipewt4hn.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-600-normal-BppAn7jL.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-ext-600-normal-CN5JKkBm.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-600-normal-DF26P3Q7.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-vietnamese-800-normal-RJtJa6zl.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-800-normal-DJ4hCX8l.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-ext-800-normal-BimIDUhy.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-800-normal-CkoBqIJM.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.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{--nacht:#1f5fa6;--nacht-tief:#174a86;--braun:#b75616;--gold:#ffc91a;--creme:#f0e6b0;--chili:#c8321e;--display:clamp(2.5rem, 5.6vw, 6.4rem);--text:clamp(1.08rem, .42vw + .98rem, 1.36rem);--klein:clamp(.88rem, .6vw, 1.14rem);--rand:clamp(1.1rem, 4vw, 4rem);--kopf:44px;--schrift:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--nacht);scroll-behavior:smooth;scroll-padding-top:var(--kopf);-webkit-text-size-adjust:100%}body{color:var(--creme);font:400 var(--text)/1.48 var(--schrift);font-variant-numeric:tabular-nums;margin:0;overflow-x:clip}h1,h2,h3,p,blockquote,ol,figure{margin:0;padding:0}h1,h2{letter-spacing:-.018em;text-wrap:balance;font-weight:800;line-height:1.02}h2{font-size:var(--display)}a{color:inherit;text-underline-offset:.18em}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}img,svg{display:block}.lead{text-wrap:pretty;max-width:38em;margin-inline:auto}.nummer{font-size:var(--klein);color:var(--creme);margin-bottom:1em;font-weight:600}.quelle{font-size:var(--klein);opacity:.82;max-width:56em}.kopf{z-index:20;height:var(--kopf);background:var(--creme);color:var(--nacht);font-size:var(--klein);grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:clamp(.9rem,1.6vw,2rem);font-weight:600;display:grid;position:sticky;top:0}.kopf-links{gap:1.6em;display:flex}.kopf-links a,.kopf-tel{text-decoration:none}.kopf-links a:hover{text-decoration:underline}.kopf-tel{justify-self:end;text-decoration:underline}.wortmarke{color:var(--braun);display:block}.wortmarke svg{width:auto;height:clamp(1.45rem,1.7vw,2rem)}.einstieg{background:var(--creme);height:320vh;padding:0 14px 14px;position:relative}.buehne{top:var(--kopf);height:calc(100svh - var(--kopf) - 14px);background:var(--nacht);position:sticky;overflow:hidden}.fenster{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.boden{color:var(--gold);border-bottom:1px solid color-mix(in srgb, var(--gold) 60%, transparent);padding-inline:var(--rand);justify-content:center;align-items:flex-end;display:flex;position:absolute;left:0;right:0}.boden-luecke{width:var(--haus,40vw);flex:none}.tier{flex:none;display:block}.tier svg{fill:currentColor;width:100%;height:auto}.tier[data-gesicht=rechts] svg{transform:scaleX(-1)}.tier-elefant{width:clamp(90px,12.5vw,230px);margin-right:clamp(4px,1.4vw,28px)}.tier-schildkroete{width:clamp(40px,4.8vw,92px);margin-right:clamp(4px,1.2vw,22px)}.tier-katze{width:clamp(38px,5vw,96px);margin-left:clamp(4px,1.2vw,22px)}.tier-hund{width:clamp(70px,9.4vw,176px);margin-left:clamp(4px,1.4vw,28px)}.titel{left:var(--rand);right:var(--rand);text-align:center;position:absolute}.titel h1{color:var(--creme);font-size:clamp(2.05rem,4.1vw,5.2rem)}.titel p{color:var(--creme);margin-top:.4em;font-weight:600}.auftakt{text-align:center;padding:clamp(6rem, 13vw, 13rem) var(--rand) clamp(5rem, 10vw, 10rem);position:relative}.auftakt h2{color:var(--gold);margin-bottom:.5em}.stempel{width:clamp(88px,11vw,176px);color:var(--creme);position:absolute;top:clamp(.8rem,3vw,3rem);right:clamp(.8rem,11vw,15rem);transform:rotate(-11deg)}.stempel svg{width:100%;height:auto;font-family:var(--schrift)}.film{background:var(--nacht-tief);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}.film.is-live canvas{opacity:1}.film-breit{aspect-ratio:2.14;width:min(84vw,1720px);margin-inline:auto}.film-raum{aspect-ratio:3/2;width:min(70vw,1300px);margin:clamp(2rem,4vw,4rem) auto}.zutaten{text-align:center;padding-bottom:clamp(5rem,10vw,10rem)}.zutaten-text{padding:clamp(2.4rem, 5vw, 5rem) var(--rand) 0}.zutaten-text h2{max-width:15em;margin:0 auto .5em}.karte{background:var(--creme);color:var(--nacht);padding:clamp(4.5rem, 9vw, 9rem) var(--rand)}.karte-kopf{text-align:center;margin-bottom:clamp(2.4rem,4.6vw,4.6rem)}.karte-kopf h2{max-width:13em;color:var(--braun);margin:0 auto .45em}.schoten-steuerung{top:var(--kopf);z-index:5;background:var(--creme);border-bottom:1.5px solid var(--nacht);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2rem;padding-block:.8rem;display:grid;position:sticky}.schoten-zahl{align-items:flex-end;gap:.8rem;min-height:1em;display:flex}.schoten-zahl b{letter-spacing:-.03em;color:var(--chili);font-size:clamp(4rem,9.5vw,10.5rem);font-weight:800;line-height:.82}.schoten-zahl span{font-size:var(--text);max-width:22em;font-weight:600;line-height:1.22}.schoten-knoepfe{flex-wrap:wrap;justify-content:flex-end;gap:0 1.4rem;display:flex}.schoten-knoepfe button{min-height:40px;font-weight:600;font-size:var(--klein);border-bottom:3px solid #0000}.schoten-knoepfe button[aria-pressed=true]{border-bottom-color:var(--chili);color:var(--chili)}.gerichte{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));column-gap:clamp(1rem,2.6vw,3rem);margin-block:1rem clamp(1.2rem,2vw,2rem);list-style:none;display:grid}.gerichte li{border-bottom:1px solid color-mix(in srgb, var(--nacht) 22%, transparent);opacity:.4;font-size:var(--klein);grid-template-columns:2.6em 1fr auto;align-items:baseline;gap:.3em;padding-block:.5em;transition:opacity .25s;display:grid}.gerichte li.an{opacity:1;font-weight:600}.gerichte .nr{font-variant-numeric:tabular-nums}.schoten{align-self:center;gap:1px;display:inline-flex}.schoten svg{width:1.05em;height:1.05em;fill:var(--chili)}.teller{grid-template-columns:1fr 1fr;gap:clamp(1rem,2.2vw,2.4rem);margin-top:clamp(3rem,6vw,6rem);display:grid}.teller .frame{display:block;overflow:hidden}.teller img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.teller figcaption{font-size:var(--klein);max-width:34em;margin-top:.7em}.teller figcaption b{font-size:var(--text);font-weight:800;display:block}.abend{text-align:center;padding:clamp(5rem, 10vw, 10rem) var(--rand)}.abend h2{max-width:13em;color:var(--gold);margin-inline:auto}.raum-liste{letter-spacing:-.012em;margin:0 auto clamp(2rem,4vw,4rem);padding:0;font-size:clamp(1.6rem,3.2vw,3.6rem);font-weight:600;line-height:1.16;list-style:none}.tiere{background:var(--nacht-tief);text-align:center;padding:clamp(5rem, 10vw, 10rem) var(--rand)}.tiere blockquote{letter-spacing:-.012em;text-wrap:pretty;max-width:19em;margin-inline:auto;font-size:clamp(1.9rem,4vw,4.6rem);font-weight:600;line-height:1.14}.tiere-reihe{color:var(--gold);border-bottom:1px solid color-mix(in srgb, var(--gold) 60%, transparent);margin-top:clamp(3rem,6vw,6rem);justify-content:center;align-items:flex-end;gap:clamp(1.2rem,4.4vw,5rem);width:min(100%,60rem);margin-inline:auto;display:flex}.tiere-reihe button{min-height:32px;transition:color .2s,transform .25s;display:block}.tiere-reihe button svg{fill:currentColor;width:100%;height:auto}.tiere-reihe button:first-child{width:clamp(50px,9vw,112px)}.tiere-reihe button:nth-child(2){width:clamp(32px,5.4vw,66px)}.tiere-reihe button:nth-child(3){width:clamp(100px,17vw,216px)}.tiere-reihe button:nth-child(4){width:clamp(44px,6vw,74px)}.tiere-reihe button:hover,.tiere-reihe button.an{color:var(--creme)}.tiere-antwort{min-height:3em;margin-top:1.1em;font-weight:600}.wand-elefant{width:min(44vw,720px);margin:clamp(2rem,4vw,4rem) auto 0}.wand-elefant .frame{display:block;overflow:hidden}.wand-elefant img{width:100%;height:auto}.wand-elefant figcaption{margin-top:.7em;font-weight:600}.abholen{background:var(--gold);color:var(--nacht-tief);padding:clamp(4rem, 8vw, 8rem) var(--rand);grid-template-columns:1fr 1fr;align-items:end;gap:clamp(1.5rem,4vw,4rem);display:grid}.abholen .lead{margin:0}.besuch{background:var(--creme);color:var(--nacht);padding:clamp(4.5rem, 9vw, 9rem) var(--rand)}.besuch h2{color:var(--braun);text-align:center;max-width:16em;margin:0 auto clamp(2rem,4vw,4rem)}.woche{max-width:76rem;font-size:var(--klein);margin:0 auto .8em}.woche .achse,.woche .tag{grid-template-columns:7em 1fr;align-items:center;display:grid}.achse-titel{opacity:.7}.achse-bahn{height:1.5em;position:relative}.achse-bahn span{opacity:.7;position:absolute;transform:translate(-50%)}.tag{border-top:1px solid color-mix(in srgb, var(--nacht) 22%, transparent);padding-block:.34em}.tag.heute span{font-weight:800}.bahn{height:2.1em;position:relative}.bahn i{position:absolute;top:0;bottom:0}.bahn i.auf{background:var(--nacht)}.bahn i.zu{background:color-mix(in srgb, var(--nacht) 42%, var(--creme))}.bahn em{color:var(--creme);white-space:nowrap;padding-left:.6em;font-style:normal;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.bahn em.ruhe{color:var(--nacht);opacity:.7;padding-left:0}.tag.heute .bahn i.auf{background:var(--chili)}.bahn .jetzt{background:var(--gold);width:2px;box-shadow:0 0 0 1px var(--nacht);position:absolute;top:-.3em;bottom:-.3em}.besuch .quelle{max-width:76rem;margin:0 auto}.besuch-spalten{grid-template-columns:1.1fr 1fr 1fr;align-items:end;gap:2rem;max-width:76rem;margin:clamp(2.4rem,4vw,4rem) auto 0;display:grid}.eingang img{width:100%;height:auto}address{font-style:normal}.anrufen{text-align:right}.btn{background:var(--nacht);color:var(--creme);margin-bottom:.5em;padding:.55em 1.1em;font-weight:800;text-decoration:none;display:inline-block}.btn:hover{background:var(--chili)}.stellen{padding:clamp(4rem, 8vw, 8rem) var(--rand);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.stellen h2{color:var(--creme)}.stellen .lead{margin:0}.fuss{background:var(--nacht-tief);text-align:center;padding:3rem var(--rand) 5.5rem;font-size:var(--klein)}.fuss-tier{width:72px;color:var(--gold);margin:0 auto .6rem}.fuss-tier svg{fill:currentColor;width:100%;height:auto}.fuss-links{justify-content:center;gap:1.6em;margin-top:1.4em;display:flex}.fuss-links button{text-underline-offset:.18em;min-height:32px;text-decoration:underline}dialog{background:var(--creme);max-width:min(38rem,92vw);color:var(--nacht);font-size:var(--klein);border:0;padding:2rem}dialog::backdrop{background:color-mix(in srgb, var(--nacht-tief) 72%, transparent)}dialog h3{font-size:var(--text);margin:0 0 .7em;font-weight:800}dialog p{margin-bottom:.9em}dialog button{min-height:32px;font-weight:600;text-decoration:underline}@media (width<=760px){:root{--kopf:40px}.einstieg{height:260vh;padding:0 8px 8px}.buehne{height:calc(100svh - var(--kopf) - 8px)}.kopf{grid-template-columns:auto 1fr}.kopf-links{display:none}.kopf-tel{grid-column:2}.boden{justify-content:space-between;align-items:flex-end;padding-inline:8px}.boden-luecke{display:none}.tier-elefant{width:92px;margin:0}.tier-schildkroete{width:44px;margin:0}.tier-katze{width:40px;margin:0}.tier-hund{width:66px;margin:0}.film-breit,.film-raum{aspect-ratio:4/3;width:100%}.abholen,.stellen{grid-template-columns:1fr}.wand-elefant{width:100%}.schoten-steuerung{grid-template-columns:1fr}.schoten-knoepfe{justify-content:space-between;gap:0 .5rem}.schoten-zahl span{font-size:var(--klein)}.teller{grid-template-columns:1fr}.woche .achse,.woche .tag{grid-template-columns:5.6em 1fr}.bahn em{font-size:.86em}.besuch-spalten{grid-template-columns:1fr}.anrufen{text-align:left}.stempel{top:.6rem;right:.6rem}}.statisch .einstieg{height:auto}.statisch .buehne{position:relative;top:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gerichte li,.film canvas{transition:none}}
