.karte-wrap{background:#0f1513;position:relative}body:has(.karten-fenster){padding:0;overflow:hidden}.karten-fenster{position:fixed;inset:0}.karten-fenster .karte-wrap{height:100%}.kiezkarte{position:absolute;inset:0}html.rein .kiezkarte .maplibregl-canvas{animation:.8s ease-out aufblenden}@keyframes aufblenden{0%{opacity:0}}.kiezkarte .maplibregl-canvas:focus-visible{outline:3px solid var(--bier);outline-offset:-3px}.maplibregl-ctrl-group{background:var(--schaum)}.maplibregl-ctrl-attrib{font-family:var(--schrift-text);font-size:11px;background:#f6eedbcc!important}.maplibregl-ctrl-bottom-left{left:calc(var(--seite) + 4px);bottom:calc(var(--unten) + 6px)}.maplibregl-ctrl-bottom-right{right:calc(var(--seite) + 4px);bottom:calc(var(--unten) + 6px)}.kneipen-liste{left:calc(var(--seite) + 20px);top:calc(var(--oben) + 10px);z-index:160;margin:0;padding:0;list-style:none;position:absolute}.kneipen-liste li{position:absolute}.kneipen-liste button{white-space:nowrap;font:800 15px var(--schrift-text);background:var(--schaum);color:var(--tinte);border:0;border-radius:3px;padding:8px 14px;position:absolute;left:-9999px}.kneipen-liste button:focus-visible{outline:3px solid var(--bier);left:0}.du{background:var(--pilsrot);width:34px;height:34px;box-shadow:0 0 0 3px var(--schaum), 0 0 0 9px #a3261b59, 0 4px 8px #0009;font-family:var(--schrift-hand);color:var(--schaum);border-radius:50%;place-content:center;font-size:15px;display:grid}.popup{left:calc(var(--seite) + 30px);top:calc(var(--oben) + 20px);text-align:center;z-index:150;width:340px;height:340px;padding:50px 46px 0;position:absolute;transform:rotate(-4deg)}.popup.bierdeckel{background:radial-gradient(circle,#f2e9d2 0 52%,#f2e9d200 60%),url(/bilder/bierdeckel.webp) 50%/contain no-repeat}.popup.geworfen{animation:.45s cubic-bezier(.2,.9,.3,1.15) hinjeworfen}.popup.weg{pointer-events:none;animation:.38s cubic-bezier(.5,0,.9,.4) forwards wegjeschnippt}@keyframes wegjeschnippt{to{opacity:0;transform:translate(180px,-90px)rotate(38deg)scale(.7)}}@keyframes hinjeworfen{0%{opacity:0;transform:translate(-40px,60px)rotate(-28deg)scale(.6)}}.popup .zu-knopf{width:32px;height:32px;color:var(--tinte);font:800 24px/1 var(--schrift-text);cursor:pointer;background:0 0;border:0;border-radius:50%;position:absolute;top:30px;right:44px}.popup .zu-knopf:hover{background:#26170e1a}@media (prefers-reduced-motion:reduce){.popup.geworfen{animation:none}}.popup h2{font-family:var(--schrift-schild);color:var(--pilsrot);margin:0 0 4px;font-size:36px;font-weight:400;line-height:1}.popup .adresse{margin:0 0 10px;font-size:14px}.popup .note{font-family:var(--schrift-hand);margin:0 0 14px;font-size:21px;line-height:1.15}.popup .ansage-hinweis{--gross:26px;justify-content:center;align-items:center;gap:8px;margin:-6px 0 12px;font-size:13px;font-weight:800;line-height:1.2;display:flex}.popup .ansage-hinweis a{color:var(--pilsrot)}.popup .ansage-link{color:var(--pilsrot);margin-top:10px;font-size:14px;font-weight:800;display:inline-block}.stapel{flex:none;display:flex}.stapel .kopp+.kopp{margin-left:-8px}.popup .knoepfe{justify-content:center;gap:8px;display:flex}.popup .knopf{padding:8px 12px;font-size:14px}.uffjabe{right:calc(var(--seite) + 30px);bottom:calc(var(--unten) + 70px);z-index:140;width:230px;font-family:var(--schrift-hand);padding:18px 18px 14px;font-size:19px;line-height:1.25;position:absolute;transform:rotate(2.5deg)}.uffjabe:before{content:"";background:url(/bilder/tesa-4.webp) 50%/100% 100% no-repeat;width:96px;height:30px;margin-left:-48px;position:absolute;top:-14px;left:50%;transform:rotate(-3deg)}.uffjabe{--ring-x:18%;--ring-y:92%}.uffjabe strong{font-family:var(--schrift-text);margin-bottom:4px;font-size:15px;display:block}.uffjabe .fortschritt{font-family:var(--schrift-text);margin-top:8px;font-size:14px}.uffjabe .fortschritt a{color:var(--pilsrot);font-weight:800}.uffjabe.jeschafft .fortschritt{color:#2f6b3a;font-weight:800}@media (width<=760px){.gardine{height:70px}.popup{top:auto;left:50%;bottom:calc(var(--unten) + 56px);width:300px;height:300px;margin-left:-150px;padding:42px 38px 0}.popup .zu-knopf{top:24px;right:36px}.popup h2{font-size:28px}.popup .note{margin-bottom:10px;font-size:18px}.popup .knopf{padding:7px 10px;font-size:13px}.uffjabe{display:none}}