@font-face{font-family:Besley Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/besley-latin-ext-wght-normal-Dt3OBXk7.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:Besley Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/besley-latin-wght-normal-IX-hlgPH.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:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-ext-wght-normal-CN0-BfWD.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-wght-normal-CU5lb38f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-ext-wght-normal-C8PPRmwJ.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-wght-normal-BPx8yWcZ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-vietnamese-wght-normal-DOV9JYup.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:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-ext-wght-normal-o8axeAGu.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:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-wght-normal-BG9rTJo4.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:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-ext-wght-italic-DzWRXZb0.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-wght-italic-Dhrv2xfk.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-ext-wght-italic-CoUI9EEu.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-wght-italic-CVt9-Jr4.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-vietnamese-wght-italic-BAPuWgnQ.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:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-ext-wght-italic-BIuo_2sR.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:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-wght-italic-Bxkcgmge.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{--gelb:#f8b018;--gelb-hell:#ffd000;--braun:#582018;--dunkel:#3f1b0e;--schaum:#f4f0e2;--creme:#ead9a4;--blau:#0068b0;--korken:#fcb800;--display:"Besley Variable", "Alegreya Variable", Georgia, serif;--text:"Alegreya Variable", Georgia, "Times New Roman", serif;--rand:clamp(1.25rem, 4vw, 4.5rem);--abschnitt:clamp(4.5rem, 11vw, 10rem);--h1:clamp(4.6rem, 13.3vw, 22rem);--riesig:clamp(3.2rem, 8.4vw, 13.5rem);--display-gr:clamp(2.5rem, 5.2vw, 6.4rem);--display-kl:clamp(1.7rem, 2.6vw, 3.2rem);--klein:clamp(.95rem, .2vw + .9rem, 1.1rem);--ease:cubic-bezier(.23, 1, .32, 1);--ease-wechsel:cubic-bezier(.645, .045, .355, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--schaum);color:var(--braun);font-family:var(--text);font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1.0625rem,.4vw + .95rem,1.35rem);line-height:1.5;overflow-x:clip}img,svg{max-width:100%}.defs{position:absolute}h1,h2,h3,.zahl,.zum-wohl{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:.98}p{text-wrap:pretty;margin:0}a{color:inherit}:focus-visible{outline-offset:3px;border-radius:2px;outline:3px solid}section{scroll-margin-top:3.5rem}.site-head nav a,.tel,.mail,address a,.hinweise button{isolation:isolate;text-decoration:none;position:relative}.site-head nav a:after,.tel:after,.mail:after,address a:after,.hinweise button:after{content:"";z-index:-1;opacity:.2;transform-origin:50% 100%;height:.62em;transition:transform .2s var(--ease);background:currentColor;position:absolute;bottom:.08em;left:0;right:0;transform:scaleY(.16)}@media (hover:hover) and (pointer:fine){.site-head nav a:hover:after,.tel:hover:after,.mail:hover:after,address a:hover:after,.hinweise button:hover:after{transform:scaleY(1)}}.site-head nav a:active:after,.tel:active:after,.mail:active:after,address a:active:after,.hinweise button:active:after{transform:scaleY(1)}.site-head{z-index:30;padding:.55rem var(--rand);color:var(--braun);background-color:#0000;align-items:center;gap:clamp(1rem,2.4vw,2.8rem);transition:background-color .25s;display:flex;position:fixed;inset:0 0 auto}.site-head.is-solid{background-color:var(--schaum)}.marke{line-height:0;display:block}.marke img{width:auto;height:clamp(2rem,2.2vw,2.6rem);display:block}.site-head nav{gap:clamp(1rem,2.2vw,2.6rem);margin-left:auto;display:flex}.site-head a{padding:.7rem 0;font-size:clamp(1rem,1.05vw,1.35rem);font-weight:600}.tel{font-weight:700}.einstieg{background:var(--schaum);height:230svh;position:relative}.buehne{--b:max(100vw, 150svh);--kante:calc(var(--b) * .2557);height:100svh;position:sticky;top:0;overflow:hidden}.pegel{width:var(--b);margin-left:calc(var(--b) / -2);position:absolute;top:0;left:50%}.pegel img{width:100%;height:auto;display:block}.pegel-bier{z-index:1;clip-path:inset(22% 0 0)}.pegel-schaum{z-index:7}.einstieg h1{z-index:9;left:var(--rand);top:calc(var(--kante) - var(--h1) * .43);font-size:var(--h1);letter-spacing:-.03em;word-spacing:.13em;color:var(--braun);white-space:nowrap;font-weight:900;line-height:.9;position:absolute}.zeile{z-index:8;left:var(--rand);right:var(--rand);top:calc(var(--kante) + var(--h1) * .72);color:var(--braun);font-size:clamp(1.2rem,2vw,2.5rem);font-weight:600;position:absolute}.zeile span{display:block}.dunst{z-index:5;background:var(--schaum);opacity:0;pointer-events:none;position:absolute;inset:0}.still-modus .einstieg{height:100svh}.haltung{z-index:6;background:var(--dunkel);min-height:100svh;color:var(--schaum);margin-top:-34svh;position:relative;overflow:hidden}.still-modus .haltung{margin-top:0}.film{background:var(--dunkel);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 .5s}.film.is-live canvas{opacity:1}.haltung .film{position:absolute;inset:0}.haltung-text{z-index:2;padding:clamp(5.5rem, 13vh, 9rem) var(--rand) 3rem;max-width:min(50rem,58vw);position:relative}.haltung h2{font-size:var(--display-gr);color:var(--gelb);max-width:13ch}.haltung p{max-width:34ch;margin-top:1.5rem}.haltung p+p{color:var(--gelb);margin-top:.9rem;font-weight:600}.fuenf{background-color:var(--gelb);color:var(--braun);transition:background-color .45s;position:relative}.fuenf[data-ton=braun]{background-color:var(--braun);color:var(--schaum)}.fuenf[data-ton=neu]{background-color:var(--gelb)}.fuenf>h2{font-size:var(--display-kl);padding:clamp(4.5rem, 8vw, 7rem) var(--rand) 0;max-width:26ch;line-height:1.04}.rad{margin:0;padding:0;list-style:none}.bier{padding:clamp(3rem, 7vw, 6rem) var(--rand);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:2rem;display:grid;position:relative}.bier[data-ton=braun]{background:var(--braun);color:var(--schaum)}.bier[data-ton=neu]{background:var(--gelb)}.bier-text{z-index:3;grid-area:1/1;position:relative}.bier-bild{aspect-ratio:562/1301;grid-area:1/2;justify-self:center;width:min(46vw,15rem);position:relative}.bier h3{font-size:var(--riesig);letter-spacing:-.03em;padding-bottom:.06em;font-weight:900;line-height:.92}.bier[data-ton=braun] h3{color:var(--gelb)}.fahne{width:max-content;font-family:var(--text);letter-spacing:0;color:#fff;background:var(--blau);transform-origin:0;white-space:nowrap;border-radius:.14em .9em/.5em .3em;margin-top:.22em;padding:.28em .7em .36em;font-size:.42em;font-style:italic;font-weight:800;line-height:1;display:block;transform:rotate(-3deg)}.marke-winter,.marke-neu{font-weight:700;font-size:var(--klein);letter-spacing:.02em;border-radius:.2em;margin-top:1.1rem;padding:.2em .7em .26em;display:inline-block}.marke-winter{background:var(--gelb);color:var(--braun)}.marke-neu{background:var(--blau);color:#fff}.angabe{max-width:30ch;margin-top:1.5rem;font-weight:600}.bier blockquote{max-width:30ch;margin:1.4rem 0 0}.bier blockquote p{font-size:1.12em;font-style:italic;line-height:1.35}blockquote footer,.herkunft,figcaption{font-size:var(--klein);opacity:.92;margin-top:.5rem}.form{aspect-ratio:5/6;width:auto;max-width:none;height:124%;position:absolute;bottom:-9%;left:50%;overflow:visible;transform:translate(-50%)}.form-flaeche{fill:var(--gelb-hell)}.bier[data-form=weiss] .form-flaeche{fill:var(--schaum)}.bier[data-form=creme] .form-flaeche{fill:var(--creme)}.bogenwort{font-family:var(--text);fill:var(--braun);letter-spacing:.02em;font-size:25px;font-style:italic;font-weight:600}.glas{z-index:2;object-fit:contain;object-position:50% 100%;width:100%;height:100%;display:block;position:relative}.schatten{z-index:1;pointer-events:none;width:160%;height:30%;position:absolute;bottom:0;left:93%;overflow:hidden}.schatten:before{content:"";width:62.5%;height:333.34%;-webkit-mask:var(--glas) 50% 100% / 100% 100% no-repeat;-webkit-mask:var(--glas) 50% 100% / 100% 100% no-repeat;mask:var(--glas) 50% 100% / 100% 100% no-repeat;transform-origin:50% 99.2%;background:#3c160657;position:absolute;bottom:0;left:-58.125%;transform:skew(-50deg)scaleY(.17)}.bier[data-ton=braun] .schatten:before{background:#14060280}.korken-frei{z-index:1;width:86%;max-width:none;height:auto;position:absolute;bottom:-3%;right:106%}.rad-bedienung[hidden]{display:none}.ist-rad>h2{z-index:5;position:absolute;top:0;left:0}.ist-rad .rad{touch-action:pan-y;--gb:clamp(9rem, 15.5vw, 21rem);--mx:69%;--my:13%;--r:clamp(14rem, 23vw, 30rem);height:clamp(40rem,100svh,68rem);display:grid;position:relative;overflow:hidden}.ist-rad .bier{color:inherit;background:0 0;grid-area:1/1;padding:0;display:block;position:static}.ist-rad .bier:not(.ist-aktiv) .bier-text,.ist-rad .bier:not(.ist-aktiv) .form,.ist-rad .bier:not(.ist-aktiv) .korken-frei{display:none}.ist-rad .bier-text,.ist-rad .bier-bild{grid-area:auto}.ist-rad .bier-text{left:var(--rand);width:min(44vw,46rem);position:absolute;top:57.5%;translate:0 -50%}.ist-rad .bier blockquote{max-width:26ch}.ist-rad .bier blockquote p{font-size:clamp(1.45rem,1.95vw,2.1rem);line-height:1.25}.ist-rad .bier-bild{left:var(--mx);bottom:var(--my);width:var(--gb);margin-left:calc(var(--gb) / -2);transform-origin:50% 100%;transition:transform .7s var(--ease-wechsel);cursor:pointer;z-index:2;position:absolute}.ist-rad .bier.ist-aktiv .bier-bild{z-index:4;cursor:default}.ist-rad .bier[data-pos="1"] .bier-bild{transform:translate(calc(var(--r) * 1.1), -2.2%) scale(.72);z-index:3}.ist-rad .bier[data-pos="2"] .bier-bild{transform:translate(calc(var(--r) * 1.78), -3.8%) scale(.54)}.ist-rad .bier[data-pos="3"] .bier-bild,.ist-rad .bier[data-pos="4"] .bier-bild{transform:translate(calc(var(--r) * 2.6), -4.6%) scale(.42)}.ist-rad .bier[data-pos^=\-] .bier-bild{transform:translate(calc(var(--r) * -.4), 130%) scale(.72)}.ist-rad .rad-bedienung{z-index:6;white-space:nowrap;align-items:center;gap:.5rem 1rem;display:flex;position:absolute;bottom:clamp(.9rem,2.6vh,2rem);left:69%;transform:translate(-50%)}.pfeil{width:3rem;height:3rem;color:inherit;cursor:pointer;transition:transform .13s var(--ease);background:0 0;border:2px solid;border-radius:50%;place-items:center;padding:0;display:grid}.pfeil svg{width:1.3rem;height:1.3rem}.pfeil:active{transform:scale(.95)}.pfeil[disabled]{opacity:.35;cursor:default}.rad-namen{gap:.2rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.rad-namen button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:.7rem .1rem;font-weight:600}.rad-namen button[aria-current=true]{border-bottom-color:currentColor;font-weight:800}.zaehler{font-weight:600;font-size:var(--klein);min-width:4.2em}.tunnel{background:var(--schaum);color:var(--braun);padding:var(--abschnitt) var(--rand);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2.5rem,5vw,5.5rem) clamp(2rem,5vw,5rem);display:grid}.tunnel-kopf h2,.daheim h2,.kontakt h2{font-size:var(--display-gr)}.tunnel-kopf{grid-column:1/-1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:clamp(2rem,5vw,5rem);display:grid}.tunnel-kopf p{max-width:38ch}.schnitt{grid-column:1/-1;justify-self:center;width:min(100%,66rem);margin:0}.schnitt>svg{width:100%;height:auto;display:block}.s-masse{fill:var(--braun)}.s-tunnel{fill:none;stroke:var(--schaum);stroke-width:112px;stroke-linejoin:round}.s-band{fill:none;stroke:var(--braun);stroke-width:5px;stroke-linejoin:round}.k-voll{fill:var(--gelb);stroke:var(--braun);stroke-width:3px}.k-leer{fill:var(--schaum);stroke:var(--braun);stroke-width:3px}.schnitt text{font-family:var(--text);fill:var(--schaum);font-size:29px;font-weight:700}.schnitt .s-strasse{fill:var(--braun);font-style:italic;font-weight:600}.schnitt figcaption{font-weight:600;font-size:inherit;opacity:1;align-items:center;gap:.9rem;margin-top:1.1rem;display:flex}.palette{flex:none;width:5.6rem;height:auto}.palette rect{fill:var(--gelb);stroke:var(--braun);stroke-width:1.2px}.kaelte{grid-column:1/-1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.schildmaske{aspect-ratio:5/6;clip-path:url(#schild);background:#9aa0a2;justify-self:start;width:min(100%,36rem)}.zahl{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(5rem,13vw,19rem);font-weight:900;line-height:.85}.zur-zahl{font-size:var(--display-kl);font-family:var(--display);letter-spacing:-.02em;max-width:20ch;margin-top:1rem;font-weight:800;line-height:1.08}.kaelte-text p:last-child{max-width:36ch;margin-top:1.3rem}.daheim{background:var(--gelb);color:var(--braun);padding:var(--abschnitt) var(--rand);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.daheim-text p{max-width:34ch;margin-top:1.6rem}.daheim-text .mitnehmen{margin-top:.9rem;font-weight:700}.karte{margin:0}.karte svg{width:100%;height:auto;max-height:86svh;display:block}.k-kreis{fill:#58201817;stroke:var(--braun);stroke-width:3px}.k-radius{fill:none;stroke:var(--braun);stroke-width:2.5px;stroke-dasharray:1 10;stroke-linecap:round}.k-pfeil{fill:none;stroke:var(--braun);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.karte text{font-family:var(--text);fill:var(--braun);font-size:28px;font-weight:600}.karte .k-mass{font-size:25px;font-style:italic}.k-punkt circle{fill:var(--braun)}.k-brauerei circle{fill:var(--schaum);stroke:var(--braun);stroke-width:6px}.karte .k-brauerei text{font-size:32px;font-weight:800}.karte figcaption{text-align:center}.stimmen{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1.2rem clamp(2rem,5vw,5rem);display:grid}.stimmen blockquote{margin:0}.stimmen blockquote p{text-wrap:balance;max-width:22ch;font-size:clamp(1.45rem,2.7vw,3rem);font-style:italic;font-weight:500;line-height:1.18}.stimmen .herkunft{grid-column:1/-1}.kontakt{background:var(--schaum);color:var(--braun);padding:var(--abschnitt) var(--rand);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.kontakt h2{max-width:15ch}.kontakt-text p{max-width:36ch}.wege{flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;margin:1.6rem 0;display:flex}.btn{font:inherit;color:var(--schaum);background:var(--braun);cursor:pointer;transition:transform .13s var(--ease);border:0;border-radius:.3em;padding:.85em 1.3em;font-weight:700;text-decoration:none;display:inline-block}.btn:active{transform:scale(.97)}.mail{padding:.7rem 0;font-weight:700}.daheim-hinweis{font-size:var(--klein)}.abschluss{background:var(--braun);color:var(--schaum);padding:clamp(4rem, 8vw, 7rem) var(--rand) 2rem;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.zum-wohl{letter-spacing:-.03em;color:var(--gelb);white-space:nowrap;font-size:clamp(3.4rem,9.2vw,15rem);font-weight:900;line-height:.9}.spruch{margin-top:1.2rem;font-style:italic}.schildkarte{aspect-ratio:5/6;justify-self:end;place-items:center;width:min(100%,25rem);display:grid;position:relative}.schildlinie{width:100%;height:100%;position:absolute;inset:0}.schildlinie path{stroke:var(--gelb);stroke-width:2.5px}address{text-align:center;justify-items:center;gap:.15rem;padding:0 12% 6%;font-style:normal;display:grid;position:relative}address strong{font-family:var(--display);letter-spacing:-.02em;color:var(--gelb);margin-bottom:.5rem;font-size:1.25em;font-weight:800;line-height:1.08}address a{padding:.45rem 0;font-weight:700}.hinweise{font-size:var(--klein);grid-column:1/-1;gap:1.6rem;margin-top:clamp(1.5rem,4vw,4rem);display:flex}.hinweise button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:.7rem 0}dialog{background:var(--schaum);width:min(42rem,92vw);color:var(--braun);border:0;border-radius:.4rem;padding:clamp(1.5rem,4vw,2.6rem)}dialog::backdrop{background:#3f1b0e9e}dialog h2{font-size:var(--display-kl);margin-bottom:1rem}dialog p{max-width:65ch;font-size:var(--klein);margin-bottom:1rem}dialog[open]{animation:dialog-auf .32s var(--ease)}@keyframes dialog-auf{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (width<=900px){:root{--h1:24vw;--riesig:clamp(3rem, 14.5vw, 6.4rem);--display-gr:clamp(2rem, 9.2vw, 4.2rem)}.einstieg h1{white-space:normal}.einstieg h1 span{display:block}.zum-wohl{font-size:13.4vw}.site-head nav{display:none}.tel{margin-left:auto}.zeile{top:calc(var(--kante) + var(--h1) * 1.58);max-width:22ch}.haltung{min-height:0;margin-top:-30svh}.haltung .film{aspect-ratio:4/5;height:auto;position:relative;inset:auto}.haltung-text{max-width:none;padding:4.5rem var(--rand) 2.2rem}.bier{grid-template-columns:1fr}.bier-bild{grid-area:2/1;margin:3rem auto 1rem}.ist-rad>h2{position:relative}.ist-rad .rad{--gb:34vw;--mx:48%;--r:36vw;--my:auto;height:auto;min-height:calc(55svh + 23rem);padding-bottom:5.5rem;display:block}.ist-rad .bier-text{width:auto;padding:54svh var(--rand) 0;position:relative;top:auto;left:auto;translate:none}.ist-rad .bier blockquote{max-width:30ch}.ist-rad .bier blockquote p{font-size:1.12em;line-height:1.35}.ist-rad .bier-bild{bottom:auto;top:calc(46svh - var(--gb) * 2.315)}.schatten:before{transform:skew(-50deg)scaleY(.1)}.korken-frei{width:70%;right:104%}.ist-rad .bier[data-pos^=\-] .bier-bild{transform:translate(-120vw)scale(.72)}.ist-rad .bier[data-pos="1"] .bier-bild{transform:translate(calc(var(--r) * 1.46), -2.2%) scale(.66)}.ist-rad .bier[data-pos="2"] .bier-bild{transform:translate(calc(var(--r) * 2.4), -3.6%) scale(.5)}.rad-namen{display:none}.ist-rad .rad-bedienung{left:var(--rand);transform:none}.tunnel,.tunnel-kopf,.daheim,.kontakt,.abschluss,.kaelte{grid-template-columns:1fr}.tunnel-kopf{gap:1.4rem}.schildmaske{justify-self:center;width:min(78vw,22rem)}.stimmen{grid-template-columns:1fr}.schildkarte{justify-self:center;width:min(86vw,22rem)}.schnitt text{font-size:31px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ist-rad .bier-bild,.fuenf,.site-head,.btn,.pfeil{transition:none}dialog[open]{animation:none}}
