[hidden]{display:none!important}:root{--taefelung:#3a2317;--taefelung-hell:#5b3a24;--taefelung-dunkel:#24150d;--nikotin:#c9a65b;--nikotin-dunkel:#a8853f;--gardine:#ebe1c5;--pilsrot:#a3261b;--bier:#e3a12d;--schaum:#f6eedb;--rauch:#8b857a;--nacht:#16211f;--tinte:#26170e;--filz:#1c1916;--schrift-schild:"Pirata One", "Old English Text MT", serif;--schrift-text:"Bitter", Georgia, serif;--schrift-hand:"Gochi Hand", "Comic Sans MS", cursive}*{box-sizing:border-box}html{scrollbar-color:#6b4528 #1c120b}::selection{background:var(--bier);color:var(--tinte)}input,textarea{caret-color:var(--pilsrot)}a{text-underline-offset:3px}html,body{margin:0}body{font-family:var(--schrift-text);color:var(--schaum);background-color:var(--taefelung);background-image:linear-gradient(#24140699,#24140699),url(/bilder/tapete.webp);background-size:auto,300px;background-attachment:fixed;min-height:100vh;font-size:17px;line-height:1.5;overflow-x:clip}.taefelung{background-color:var(--taefelung);box-shadow:inset 0 8px 0 var(--taefelung-dunkel), inset 0 10px 18px #00000080;background-image:linear-gradient(#140a0433,#140a048c),url(/bilder/taefelung.webp);background-size:auto,420px}:root{--oben:186px;--gardine:132px;--seite:clamp(64px, 10vw, 170px);--unten:34px}body{padding:calc(var(--oben) + 18px) calc(var(--seite) + 6px) calc(var(--unten) + 70px)}.kopf{z-index:70;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 40px 14px;display:flex;position:fixed;top:0;left:0;right:0}.kopf>*{pointer-events:auto}.schild-ausleger{--b:440px;padding-top:calc(8px + var(--b) * .1319 + 20px);flex:none;margin-top:-22px;position:relative}.schild-ausleger:before{content:"";top:calc(8px - var(--b) * .1067);left:calc(50% - var(--b) * .6298);width:var(--b);height:calc(var(--b) * .3593);filter:drop-shadow(0 6px 6px #0000008c);pointer-events:none;background:url(/bilder/ausleger.webp) 0 0/100% 100% no-repeat;position:absolute}.aushaengeschild{transform-origin:50% -24px;text-decoration:none;animation:9s ease-in-out infinite nachschaukeln;display:inline-block;position:relative;rotate:-2deg}.aushaengeschild:hover{animation:1.8s cubic-bezier(.2,.6,.3,1) both anjestossen}.aushaengeschild:focus-visible{outline:none}.aushaengeschild:focus-visible .brett{outline:3px solid var(--bier);outline-offset:4px}@keyframes nachschaukeln{0%,62%,to{transform:rotate(0)}68%{transform:rotate(2.2deg)}75%{transform:rotate(-1.6deg)}82%{transform:rotate(.9deg)}89%{transform:rotate(-.4deg)}}@keyframes anjestossen{0%{transform:rotate(0)}14%{transform:rotate(6deg)}32%{transform:rotate(-4.5deg)}50%{transform:rotate(3deg)}68%{transform:rotate(-1.6deg)}84%{transform:rotate(.6deg)}to{transform:rotate(0)}}.aushaengeschild .kette{filter:drop-shadow(0 2px 2px #0009);background:radial-gradient(3px 4.5px,#0000 50%,#9a9086 56%,#4a443e 90%,#0000 100%) 0 0/8px 9px repeat-y;width:8px;height:30px;position:absolute;top:-25px}.aushaengeschild .kette.l{left:calc(50% - var(--b) * .1702 - 4px)}.aushaengeschild .kette.r{left:calc(50% + var(--b) * .1702 - 4px)}.aushaengeschild .brett{background:linear-gradient(#28120459,#14080299),url(/bilder/taefelung.webp) 50%/320px;border-radius:8px;padding:12px 30px 14px;display:block;position:relative;box-shadow:inset 0 0 0 3px #2a160a,inset 0 0 0 6px #e2bd628c,inset 0 0 0 9px #2a160a,inset 0 2px 14px #0009,0 14px 18px #00000080}.aushaengeschild .brett:before,.aushaengeschild .brett:after{content:"";background:radial-gradient(circle at 35% 35%,#b49b74,#5a4528 70%);border-radius:50%;width:7px;height:7px;margin-top:-3px;position:absolute;top:50%}.aushaengeschild .brett:before{left:13px}.aushaengeschild .brett:after{right:13px}.aushaengeschild .schriftzug{font-family:var(--schrift-schild);white-space:nowrap;color:#e6c46d;text-shadow:0 1px #fff2c2,0 -1px #0009,0 3px 6px #0000008c;font-size:clamp(28px,3.2vw,44px);line-height:1;display:block}.tafel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width>=761px){.tafel{align-self:flex-start;margin-top:26px}}.tafel a{isolation:isolate;font-family:var(--schrift-schild);color:#efe4c2;text-shadow:0 1px #0006;filter:drop-shadow(0 6px 6px #0009);align-items:center;padding:10px 18px 12px;font-size:22px;line-height:1;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.3,1),filter .18s;display:inline-flex;position:relative;rotate:-1.5deg}.tafel a:before{content:"";z-index:-1;background:url(/bilder/emailleschild.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.tafel a:nth-child(2n){rotate:1.2deg}.tafel a:nth-child(3n){rotate:-.6deg}.tafel a[aria-current=page]:before{background-image:url(/bilder/emailleschild-rot.webp)}.tafel a:hover{filter:drop-shadow(0 10px 10px #000000a6)brightness(1.12);transform:translateY(-3px)}.tafel a:focus-visible,a.knopf:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--bier);outline-offset:2px}.rahmen{z-index:60;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 0 14px #3e2615,inset 0 0 0 17px #24150c,inset 0 0 0 19px #6e4a2e,inset 0 0 40px 20px #00000073}.gardine{height:var(--gardine);opacity:.96;filter:brightness(.82)drop-shadow(0 10px 12px #00000073);background:url(/bilder/gardine.webp) 0 100%/auto 100% repeat-x;position:absolute;top:0;left:0;right:0;-webkit-mask:radial-gradient(18px at 50% 100%,#0000 98%,#000) 0 0/36px 100% repeat-x;mask:radial-gradient(18px at 50% 100%,#0000 98%,#000) 0 0/36px 100% repeat-x}.vorhang{width:var(--seite);filter:brightness(.8)drop-shadow(0 0 18px #000000b3);background:url(/bilder/vorhang.webp) 0 0/100% 100% no-repeat;position:absolute;top:0;bottom:0}.vorhang.links{left:0;transform:scaleX(-1)}.vorhang.rechts{right:0}.spruch-leiste{font-family:var(--schrift-hand);color:#6b2a14;text-shadow:0 1px #fff8e199;white-space:nowrap;pointer-events:none;place-content:center;margin:0;font-size:19px;line-height:1;display:grid;position:absolute;inset:0}.kleinjedrucktet{color:#5a3b22;font-size:12px;position:absolute;top:50%;left:14px;translate:0 -50%}.kleinjedrucktet a{color:inherit;text-underline-offset:2px;text-decoration:underline}.kleinjedrucktet a:focus-visible{outline:2px solid var(--pilsrot);outline-offset:2px}.fensterbrett{height:var(--unten);z-index:62;background:linear-gradient(#e7dcc2 0,#cbbd99 55%,#9d8f6e 100%);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 18px #00000073,inset 0 -6px #6e5a3a}.aschenbecher{width:200px;position:absolute;bottom:12px;right:22px}.aschenbecher .becher{filter:drop-shadow(0 10px 8px #0000008c);width:100%;height:auto;display:block}.aschenbecher{--glut-x:57.5%;--glut-y:67%}.aschenbecher .qualm,.aschenbecher .qualm-faden,.standascher .qualm,.standascher .qualm-faden{z-index:1}.qualm{left:calc(var(--glut-x) - 35px);bottom:var(--glut-y);pointer-events:none;width:80px;height:320px;position:absolute}.qualm span{filter:blur(3px);opacity:0;background:radial-gradient(circle,#e8e4dad9,#d2cdc300 70%);border-radius:50%;width:30px;height:30px;animation:6s ease-out infinite aufsteigen;position:absolute;bottom:0;left:20px}.qualm span:nth-child(2){animation-delay:1.2s;left:14px}.qualm span:nth-child(3){animation-delay:2.4s;left:26px}.qualm span:nth-child(4){animation-delay:3.6s;left:18px}.qualm span:nth-child(5){animation-delay:4.8s;left:22px}@keyframes aufsteigen{0%{opacity:0;transform:translate(0)scale(.4)}10%{opacity:.9}45%{opacity:.55;transform:translate(-14px,-120px)scale(1.6)}75%{opacity:.25;transform:translate(12px,-190px)scale(2.6)}to{opacity:0;transform:translate(-6px,-250px)scale(3.6)}}.qualm-faden{left:calc(var(--glut-x) - 60px);bottom:var(--glut-y);pointer-events:none;filter:blur(2px);width:120px;height:340px;position:absolute}.qualm-faden path{fill:none;stroke:url(#qualm-verlauf);stroke-width:8px;stroke-linecap:round;stroke-dasharray:60 30 120 40;animation:9s linear infinite kringeln}.qualm-faden path+path{stroke-width:3px;opacity:.7;animation-duration:12s}@keyframes kringeln{to{stroke-dashoffset:-500px}}.bierdeckel{color:var(--tinte);filter:drop-shadow(0 10px 12px #00000073);background:radial-gradient(circle,#f6eedbb8 0 50%,#f6eedb00 60%),url(/bilder/bierdeckel.webp) 50%/contain no-repeat;border-radius:50%;position:relative}.zettel{background:radial-gradient(circle at var(--ring-x,92%) var(--ring-y,10%), transparent 0 31px, #96622029 32px 35px, #9662200f 36px 38px, transparent 39px), linear-gradient(180deg, #ffffff40, transparent 40%), var(--schaum);color:var(--tinte);box-shadow:0 2px #d7cba9,0 14px 30px #0006}.zettel.vergilbt{background:radial-gradient(circle at 18% 24%, #8c561838 0 3px, transparent 4px), radial-gradient(circle at 74% 68%, #8c56182e 0 5px, transparent 6px), radial-gradient(circle at 86% 30%, #78481429 0 2px, transparent 3px), radial-gradient(circle at 34% 82%, #8c561824 0 4px, transparent 5px), radial-gradient(ellipse 60% 40% at 30% 70%, #aa782829, transparent 70%), radial-gradient(circle at var(--ring-x,92%) var(--ring-y,10%), transparent 0 31px, #82521838 32px 35px, #82521814 36px 38px, transparent 39px), linear-gradient(170deg, #ead9a6, #dcc386 60%, #d2b574);box-shadow:inset 0 0 34px #784c1473,inset 0 0 6px #5a380e59,0 2px #b89a5c,0 14px 30px #00000073}.zettel.vergilbt:nth-of-type(2n){--ring-x:12%;--ring-y:86%}.zettel.vergilbt :is(input,select,textarea){background-color:#f2e4bb}.zettel.vergilbt .kumpel-wahl label{background:#f2e4bbb3}.zettel.vergilbt .kumpel-wahl label:has(input:checked){background:var(--tinte)}.handschrift{font-family:var(--schrift-hand)}.knopf{font-family:var(--schrift-text);color:var(--schaum);background:var(--pilsrot);cursor:pointer;border:0;border-radius:3px;padding:12px 22px;font-size:17px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 4px #6b170f,0 8px 16px #00000059}.knopf:active{transform:translateY(3px);box-shadow:0 1px #6b170f}.knopf.leise{color:var(--tinte);box-shadow:inset 0 0 0 2px var(--tinte);background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.lampe .schalter{display:none}.aushaengeschild{transform:none}.qualm span{opacity:.4}}@media (width<=760px){:root{--oben:172px;--gardine:124px;--seite:16px;--unten:26px}.spruch-leiste{justify-content:start;padding-left:132px;font-size:13px}.kleinjedrucktet{font-size:11px;left:10px}body{padding:calc(var(--oben) + 12px) calc(var(--seite) + 4px) calc(var(--unten) + 40px)}.kopf{flex-direction:column;align-items:flex-start;gap:14px;padding:12px 16px}.schild-ausleger{--b:290px}.aushaengeschild .brett{padding:9px 18px 11px}.aushaengeschild .schriftzug{font-size:21px}.tafel{flex-wrap:nowrap;gap:6px}.tafel a{padding:8px 11px 10px;font-size:17px}.rahmen{box-shadow:inset 0 0 0 6px #3e2615,inset 0 0 0 8px #24150c,inset 0 0 24px 8px #00000073}.gardine{background-size:auto 140%}.aschenbecher{width:90px;bottom:8px;right:6px}}body:before{content:"";z-index:85;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(60% 40% at 12% 8%,#5c3c1447,#0000 70%),radial-gradient(30% 25% at 85% 30%,#5c3c1433,#0000 70%),radial-gradient(40% 30% at 70% 85%,#3c260c40,#0000 70%),radial-gradient(110% 95% at 50% 20%,#0000 45%,#1a0e05b8 100%);position:fixed;inset:0}body:after{content:"";z-index:86;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.tafel .stammjast{gap:.4em}.tafel .stammjast img{object-fit:cover;width:1.25em;height:1.25em;box-shadow:0 0 0 2px var(--bier);background:var(--schaum);border-radius:50%;margin:-.2em 0}.album{color:#efe8d6;background:linear-gradient(#0003,#0003),url(/bilder/album-seite.webp) 50%/cover;border-radius:3px;padding:40px 36px 34px;position:relative;box-shadow:inset 0 0 0 1px #3b332d,inset 22px 0 30px -18px #000c,0 14px 30px #00000073}.album:before{content:"";background:radial-gradient(circle,#0d0b0a 0 3px,#0000 3.5px) 0 0/8px 46px repeat-y;width:8px;position:absolute;top:30px;bottom:30px;left:12px}.album-seite{flex-wrap:wrap;justify-content:center;gap:34px 30px;display:flex}.foto{width:200px;transform:rotate(var(--dreh,0deg));margin:0;position:relative}.foto .rand{filter:drop-shadow(0 3px 3px #00000080);background:#f1ead6;padding:12px 12px 14px;-webkit-mask:linear-gradient(#000 0 0) 4px 4px/calc(100% - 8px) calc(100% - 8px) no-repeat,radial-gradient(circle,#000 2.6px,#0000 3px) 0 0/7px 7px;mask:linear-gradient(#000 0 0) 4px 4px/calc(100% - 8px) calc(100% - 8px) no-repeat,radial-gradient(circle,#000 2.6px,#0000 3px) 0 0/7px 7px}.foto img{aspect-ratio:4/3;object-fit:cover;filter:sepia(.35)saturate(.85)contrast(1.05);width:100%;display:block}.foto figcaption{font-family:var(--schrift-hand);text-align:center;color:#ece4cf;margin-top:8px;font-size:19px;line-height:1.15}.foto figcaption small{color:#a99f8a;font-size:15px;display:block}.foto.tesa:before,.foto.tesa:after{content:"";z-index:2;opacity:.9;background:url(/bilder/tesa-3.webp) 50%/100% 100% no-repeat;width:80px;height:28px;position:absolute}.foto.tesa:after{background-image:url(/bilder/tesa-4.webp)}.foto.tesa:before{top:6px;left:-18px;transform:rotate(-38deg)}.foto.tesa:after{top:6px;right:-18px;transform:rotate(36deg)}.foto.tesa.unten:after{top:auto;bottom:84px;right:-20px;transform:rotate(-32deg)}.foto.ecken .rand:before{content:none}.foto.ecken:before,.foto.ecken:after{content:"";z-index:2;filter:drop-shadow(1px 1px 1px #00000080);background:linear-gradient(135deg,#141110 50%,#0000 50.5%);width:30px;height:30px;position:absolute}.foto.ecken:before{top:-6px;left:-6px}.foto.ecken:after{top:-6px;right:-6px;transform:rotate(90deg)}@media (width<=760px){.album{padding:30px 18px 24px 30px}.foto{width:100%;max-width:280px}}.tafel .punkt{background:radial-gradient(circle at 35% 30%, #e0503c, var(--pilsrot) 70%);color:#fff;min-width:22px;height:22px;font-family:var(--schrift-text);text-align:center;text-shadow:none;border-radius:11px;padding:0 6px;font-size:12px;font-weight:800;line-height:22px;animation:.5s cubic-bezier(.2,1.4,.4,1) 1s both aufploppen;position:absolute;top:-9px;right:-9px;rotate:4deg;box-shadow:0 0 0 2px #f1e6c8,0 3px 5px #00000080}@keyframes aufploppen{0%{transform:scale(0)}}.kopp{width:var(--gross,44px);height:var(--gross,44px);object-fit:cover;box-shadow:0 0 0 3px var(--schaum), 0 3px 6px #0006;background:var(--schaum);border-radius:50%;flex:none}.kopp.initialen{font-family:var(--schrift-schild);font-size:calc(var(--gross,44px) * .42);color:var(--pilsrot);background:radial-gradient(circle, var(--schaum) 0 58%, var(--pilsrot) 59% 64%, var(--schaum) 65%);place-content:center;line-height:1;display:inline-grid}.kumpel-wahl{flex-wrap:wrap;gap:8px;display:flex}.kumpel-wahl label{border:2px solid var(--tinte);cursor:pointer;--gross:32px;background:#fffaf099;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;font-size:15px;display:inline-flex}.kumpel-wahl input{opacity:0;width:1px;height:1px;position:absolute}.kumpel-wahl label:has(input:checked){background:var(--tinte);color:var(--schaum)}.kumpel-wahl label:has(input:checked) .kopp{box-shadow:0 0 0 3px var(--bier)}.kumpel-wahl label:has(input:focus-visible){outline:3px solid var(--bier);outline-offset:2px}.antworten{flex-wrap:wrap;gap:8px;display:flex}.antworten button{font:inherit;border:2px solid var(--tinte);color:var(--tinte);cursor:pointer;background:0 0;border-radius:3px;padding:7px 14px;font-size:15px;font-weight:800}.antworten button[aria-pressed=true]{background:var(--pilsrot);border-color:var(--pilsrot);color:var(--schaum)}.knopf.hell{color:var(--schaum);box-shadow:inset 0 0 0 2px var(--schaum);background:0 0}:root{--l:140px;--lampe-x:50%;--lampe-y:-56px}.lampe{top:var(--lampe-y);left:var(--lampe-x);z-index:75;width:var(--l);margin-left:calc(var(--l) / -2);pointer-events:none;transform-origin:50% 0;animation:7s ease-in-out infinite alternate pendeln;position:fixed}.lampe img{filter:drop-shadow(0 12px 14px #0000008c);width:100%;height:auto;animation:13s step-end infinite flackerbirne;display:block}.lichtstrahl{top:var(--lampe-y);left:var(--lampe-x);z-index:66;width:calc(var(--l) * 11);height:calc(var(--l) * 9);margin-left:calc(var(--l) * -5.5);pointer-events:none;transform-origin:50% 0;mix-blend-mode:screen;filter:blur(calc(var(--l) * .05));background:radial-gradient(ellipse calc(var(--l) * .9) calc(var(--l) * .35) at 50% calc(var(--l) * 1.3), #ffbe8c8c, transparent 70%);animation:7s ease-in-out infinite alternate pendeln,13s step-end infinite flackerlicht;position:fixed}.lichtstrahl .kegel{top:calc(var(--l) * 1.28);clip-path:polygon(45.2% 0,54.8% 0,100% 100%,0 100%);background:radial-gradient(8% 100% at 50% 0,#ffdcaa59,#0000),linear-gradient(#ffb0788c,#ff96643d 38%,#f0825a14 72%,#0000);position:absolute;bottom:0;left:0;right:0}.lichtstrahl i{background:#fff0d2e6;border-radius:50%;width:3px;height:3px;animation:14s linear infinite staub;position:absolute}.lichtstrahl i:first-child{animation-delay:-1s;top:12%;left:48%}.lichtstrahl i:nth-child(2){animation-delay:-5s;top:22%;left:52%}.lichtstrahl i:nth-child(3){animation-delay:-9s;top:34%;left:45%}.lichtstrahl i:nth-child(4){animation-delay:-3s;top:40%;left:57%}.lichtstrahl i:nth-child(5){animation-delay:-7s;top:52%;left:40%}.lichtstrahl i:nth-child(6){animation-delay:-11s;top:58%;left:62%}.lichtstrahl i:nth-child(7){animation-delay:-2s;top:64%;left:50%}.lichtstrahl i:nth-child(8){animation-delay:-6s;top:72%;left:35%}.lichtstrahl i:nth-child(9){animation-delay:-10s;top:78%;left:66%}.lichtstrahl i:nth-child(10){animation-delay:-13s;top:46%;left:47%}.lichtstrahl i:nth-child(11){animation-delay:-4s;top:30%;left:55%}.lichtstrahl i:nth-child(12){animation-delay:-8s;top:84%;left:43%}@keyframes staub{0%{opacity:0;transform:translate(0)}20%{opacity:.9}50%{opacity:.5;transform:translate(14px,-26px)}80%{opacity:.8}to{opacity:0;transform:translate(-8px,-50px)}}.lichtkegel{top:var(--lampe-y);left:var(--lampe-x);z-index:65;width:calc(var(--l) * 14);height:calc(var(--l) * 10);margin-left:calc(var(--l) * -7);pointer-events:none;mix-blend-mode:screen;transform-origin:50% 0;background:radial-gradient(30% 44% at 50% 16%,#ffaa6e5c,#f0825024 42%,#0000 74%);animation:7s ease-in-out infinite alternate pendeln,13s step-end infinite flackerlicht;position:fixed}@keyframes pendeln{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}@keyframes flackerbirne{0%,to{filter:drop-shadow(0 12px 14px #0000008c)brightness()}47%{filter:drop-shadow(0 12px 14px #0000008c)brightness(.6)}48%{filter:drop-shadow(0 12px 14px #0000008c)brightness()}49%{filter:drop-shadow(0 12px 14px #0000008c)brightness(.75)}50%{filter:drop-shadow(0 12px 14px #0000008c)brightness()}}@keyframes flackerlicht{0%,to{opacity:1}47%{opacity:.4}48%{opacity:1}49%{opacity:.6}50%{opacity:1}}.lampe .schalter{pointer-events:auto;cursor:pointer;height:45%;position:absolute;bottom:8%;left:20%;right:20%}html.flackert .lampe img{animation:1.1s step-end wackelkontakt-birne}html.flackert :is(.lichtstrahl,.lichtkegel){animation:7s ease-in-out infinite alternate pendeln,1.1s step-end wackelkontakt-licht}@keyframes wackelkontakt-birne{0%,18%,45%,80%,to{filter:drop-shadow(0 12px 14px #0000008c)brightness()}8%,35%{filter:drop-shadow(0 12px 14px #0000008c)brightness(.4)}62%{filter:drop-shadow(0 12px 14px #0000008c)brightness(.65)}}@keyframes wackelkontakt-licht{0%,18%,45%,80%,to{opacity:1}8%,35%{opacity:.15}62%{opacity:.5}}@media (width<=760px){:root{--l:88px;--lampe-x:80%;--lampe-y:-30px}.lichtstrahl{opacity:.45}}.aschenbecher{cursor:pointer}.aschenbecher:focus-visible{outline:3px solid var(--bier);outline-offset:6px;border-radius:50%}.aschenbecher .becher{transform-origin:70% 80%}.aschenbecher.kippt .becher{animation:1.1s cubic-bezier(.3,.7,.3,1) auskippen}.aschenbecher.ist-leer{cursor:default}.aschenbecher.ist-leer .qualm,.aschenbecher.ist-leer .qualm-faden{display:none}@keyframes auskippen{0%{transform:none}30%{transform:translate(-10px,-38px)rotate(-8deg)}48%{transform:translate(14px,-30px)rotate(38deg)}62%{transform:translate(14px,-30px)rotate(34deg)}to{transform:none}}.aschekrumen{z-index:70;pointer-events:none;background:#8d877d;border-radius:50%;width:4px;height:4px;position:fixed}.aschekrumen:nth-child(3n){background:#5f5a52;width:6px;height:3px}.aschekrumen:nth-child(4n){background:#b9b2a5;width:3px;height:3px}.rahmen,.gardine,.vorhang,.lampe,.lichtstrahl,.lichtkegel{transition:translate .9s cubic-bezier(.2,.8,.2,1),opacity .6s ease-out,box-shadow .6s ease-out}.gardine{transition-delay:.1s}.lampe,.lichtstrahl,.lichtkegel{transition-delay:.35s}html.rein :is(.gardine,.vorhang,.lampe,.lichtstrahl,.lichtkegel){will-change:translate, opacity}body:is(.draussen,html.rein :not(.drin)) .rahmen{box-shadow:none}body:is(.draussen,html.rein :not(.drin)) .vorhang.links{translate:-110%}body:is(.draussen,html.rein :not(.drin)) .vorhang.rechts{translate:110%}body:is(.draussen,html.rein :not(.drin)) .gardine{translate:0 -110%}body:is(.draussen,html.rein :not(.drin)) :is(.lampe,.lichtstrahl,.lichtkegel){opacity:0;translate:0 -45vh}body:is(.draussen,html.rein :not(.drin)) :is(.lichtstrahl,.lichtkegel){animation-name:pendeln,none}.unsichtbar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tuerzettel{color:var(--tinte);padding:34px 32px 26px;position:relative;transform:rotate(-1.2deg)}.tuerzettel:before,.tuerzettel:after{content:"";background:url(/bilder/tesa-3.webp) 50%/100% 100% no-repeat;width:86px;height:26px;position:absolute;top:-10px}.tuerzettel:before{left:24px;transform:rotate(-6deg)}.tuerzettel:after{background-image:url(/bilder/tesa-4.webp);right:24px;transform:rotate(5deg)}.tuerzettel .von{--gross:48px;align-items:center;gap:12px;font-size:15px;display:flex}.tuerzettel h3{font-family:var(--schrift-schild);color:var(--pilsrot);margin:16px 0 6px;font-size:54px;font-weight:400;line-height:1}.tuerzettel .wo{margin:0;font-size:20px;font-weight:800}.tuerzettel .spruch{font-family:var(--schrift-hand);margin:14px 0 18px;font-size:26px;line-height:1.15}.zusagen{border-top:2px dashed #b9a985;gap:8px;margin:20px 0 0;padding:14px 0 0;list-style:none;display:grid}.zusagen li{--gross:36px;align-items:center;gap:12px;font-size:16px;display:flex}.zusagen .status{font-family:var(--schrift-hand);margin-left:auto;font-size:20px}.zusagen .ja{color:#2f6b3a}.zusagen .nee{color:var(--pilsrot)}.zusagen .offen{color:#8a7a62}.namensfrage{background:0 0;border:0;max-width:min(460px,100vw - 32px);padding:0;overflow:visible}.namensfrage::backdrop{background:#0e0804b8}.namensfrage form{color:var(--tinte);padding:26px 28px 22px;rotate:-.6deg}.namensfrage h2{font-family:var(--schrift-schild);color:var(--pilsrot);margin:0 0 8px;font-size:40px;font-weight:400;line-height:1}.namensfrage p{margin:0 0 12px}.namensfrage input{width:100%;font:inherit;border:2px solid var(--tinte);background:#fffdf6;border-radius:3px;padding:9px 11px;font-size:18px}.namensfrage-fehler{color:#7a1a12;min-height:1.2em;font-weight:800;margin:6px 0 4px!important}.namensfrage-knoepfe{flex-wrap:wrap;gap:10px;display:flex}@media (width<=480px){.tafel .lang{display:none}}@media (width<=370px){.tafel:has(>a:nth-child(4)) a{padding:7px 7px 9px;font-size:14px}.tafel:has(>a:nth-child(4)){gap:4px}}.rechtstext{max-width:760px;color:var(--tinte);margin:10px auto 40px;padding:30px 34px 34px;font-size:16px;line-height:1.55}.rechtstext h1{font-family:var(--schrift-schild);color:var(--pilsrot);margin:0 0 6px;font-size:clamp(40px,6vw,60px);font-weight:400;line-height:1}.rechtstext h2{margin:26px 0 6px;font-size:19px}.rechtstext p,.rechtstext ul{margin:0 0 10px}.rechtstext address{margin:0 0 10px;font-style:normal}.rechtstext a{color:var(--pilsrot)}.rechtstext .stand{color:#5a4636;margin:0 0 18px;font-size:14px}@media (width<=480px){.spruch-leiste{display:none}}