.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}.suche{right:calc(var(--seite) + 30px);top:calc(var(--oben) - 6px);z-index:155;width:230px;padding:5px 8px;position:absolute;transform:rotate(1.2deg)}.suchzeile{border-bottom:2px solid #26170e59;align-items:center;gap:4px;display:flex}.suchzeile:focus-within{border-bottom-color:var(--pilsrot)}.suche input{min-width:0;font:800 16px var(--schrift-text);color:var(--tinte);background:0 0;border:0;flex:1;padding:3px 2px}.suche input::placeholder{color:#26170e8c;font-weight:400}.suche input:focus{outline:none}.filter-knopf{width:30px;height:30px;color:var(--tinte);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-content:center;padding:0;display:grid;position:relative}.filter-knopf svg{width:18px;height:18px}.filter-knopf:disabled{opacity:.4;cursor:default}.filter-knopf[aria-expanded=true]{background:#26170e1f}.filter-knopf:focus-visible{outline:2px solid var(--bier)}.filter-knopf .an{background:var(--pilsrot);min-width:15px;height:15px;color:var(--schaum);font:800 10px/15px var(--schrift-text);text-align:center;border-radius:8px;position:absolute;top:-2px;right:-3px}.filter-knopf .an:empty,.filter-knopf[aria-expanded=true] .an{display:none}.suche ul{max-height:50vh;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.suche li{cursor:pointer;border-top:1px dashed #26170e33;padding:7px 4px;line-height:1.2}.suche li small{opacity:.75;font-size:12px;display:block}.suche li[aria-selected=true],.suche li:hover{background:#e3a12d40}.suche .filter{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.suche .filter[hidden],.suche .filter button[hidden]{display:none}.suche .filter button{font:800 12px var(--schrift-text);color:var(--tinte);cursor:pointer;background:0 0;border:1px solid #26170e66;border-radius:12px;padding:3px 8px}.suche .filter button:disabled{opacity:.5;cursor:default}.suche .filter button[aria-pressed=true]{background:var(--pilsrot);border-color:var(--pilsrot);color:var(--schaum)}.suche .filter button:focus-visible{outline:2px solid var(--bier);outline-offset:1px}.suche .nix{font-family:var(--schrift-hand);margin:6px 0 2px;font-size:18px}.suche .nix:empty{display:none}.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}.suche{left:calc(var(--seite) + 4px);width:min(210px, calc(100% - 2 * var(--seite) - 8px));right:auto;top:calc(var(--oben) - 14px);transform:rotate(-.6deg)}}