.karte{display:flex;flex-direction:column;gap:20px}.karte__kopf{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:flex-end}.karte__kopf h2{margin-bottom:8px}.karte__umschalter{display:flex;gap:8px}.karte__umschalter button{font:inherit;font-weight:700;min-height:44px;padding:8px 18px;border-radius:999px;cursor:pointer;border:2px solid var(--ink);background:transparent;color:var(--ink)}.karte__umschalter button[aria-pressed=true]{background:var(--ink);color:var(--white)}.karte__flaeche{--z: 1;position:relative;margin:0;width:100%;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--white);touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}.karte__flaeche.ist-gezoomt{touch-action:none;cursor:grab}.karte__flaeche.zieht{cursor:grabbing}.karte__flaeche[hidden]{display:none}.karte__buehne{position:absolute;inset:0;transform-origin:0 0}.karte__buehne svg{position:absolute;inset:0;width:100%;height:100%;display:block}.karte__buehne path{vector-effect:non-scaling-stroke}.karte__land{fill:#ecece8;stroke:var(--white);stroke-width:.8;stroke-linejoin:round}.karte__aktiv{fill:var(--green);stroke:var(--white);stroke-width:1;stroke-linejoin:round;transition:fill .15s}.karte__aktiv.ist-an{fill:var(--ink)}.karte__kuerzel{fill:var(--white);font-family:var(--font-display);font-weight:700;font-size:calc(16px / var(--z));letter-spacing:.04em;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:var(--green);stroke-width:calc(3px / var(--z));stroke-linejoin:round}.karte__kuerzel.ist-an{stroke:var(--ink)}.karte__flaeche--welt .karte__kuerzel{font-size:calc(12px / var(--z));stroke-width:calc(2.5px / var(--z))}.karte__netz{fill:none;stroke:var(--line);stroke-width:.5}.karte__staedte,.karte__punkte{position:absolute;inset:0}.karte__staedte{pointer-events:none}.stadt{position:absolute;transform-origin:0 50%;transform:translate(-3px,-50%) scale(calc(1 / var(--z)));display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;line-height:1;color:#1d1d1bbf;text-shadow:0 0 2px var(--white),0 0 2px var(--white),0 0 4px var(--white)}.stadt:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#1d1d1b8c;box-shadow:0 0 0 1.5px var(--white)}.stadt[hidden]{display:none}.pin{--s: 1;position:absolute;transform:translate(-50%,-50%) scale(calc(var(--s) / var(--z)));width:16px;height:16px;padding:0;border-radius:50%;background:var(--ink);border:2px solid var(--white);cursor:pointer;box-shadow:0 2px 6px #1d1d1b59;transition:transform .12s,opacity .15s,background .15s}.pin--gruppe{width:auto;min-width:28px;height:28px;padding:0 6px;border-radius:999px;color:var(--white);font:inherit;font-weight:700;font-size:.85rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.karte__flaeche.hat-auswahl .pin{opacity:.35}.karte__flaeche.hat-auswahl .pin.ist-an{opacity:1;background:var(--green);color:var(--ink);--s: 1.3;z-index:2}.pin:hover,.pin:focus-visible{--s: 1.3;z-index:3}.pin:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.karte__zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #1d1d1b1f}.karte__zoom[hidden]{display:none}.karte__zoom button{width:44px;height:44px;border:0;background:var(--white);color:var(--ink);cursor:pointer;font:inherit;font-weight:700;font-size:1.4rem;line-height:1;display:grid;place-items:center}.karte__zoom button+button{border-top:1px solid var(--line)}.karte__zoom button:hover:not(:disabled){background:var(--green)}.karte__zoom button:disabled{color:#1d1d1b4d;cursor:default}.karte__zoom button:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.karte__info,.karte__tipp{position:absolute;left:12px;bottom:12px;margin:0;max-width:calc(100% - 24px);background:var(--ink);color:var(--white);font-weight:700;font-size:.9rem;padding:8px 14px;border-radius:999px;pointer-events:none}.karte__tipp{left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);text-align:center;border-radius:16px}.karte__info[hidden],.karte__tipp[hidden]{display:none}@media(max-width:640px){.karte__kuerzel{font-size:calc(24px / var(--z));stroke-width:calc(4px / var(--z))}.karte__flaeche--welt .karte__kuerzel{display:none}.karte__info{font-size:.8rem}.stadt{font-size:10px}.pin{width:13px;height:13px}.pin--gruppe{min-width:24px;height:24px;font-size:.75rem}.karte__zoom{right:8px;top:8px}.karte__zoom button{width:38px;height:38px}}.karte__hinweis{font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.karten-knopf[data-astro-cid-eehsax3q]{margin-bottom:16px}.filter[data-astro-cid-eehsax3q]{display:flex;flex-wrap:wrap;gap:8px}.filter[data-astro-cid-eehsax3q] button[data-astro-cid-eehsax3q]{font:inherit;font-weight:700;min-height:44px;padding:8px 18px;border-radius:999px;cursor:pointer;border:2px solid var(--ink);background:transparent;color:var(--ink)}.filter[data-astro-cid-eehsax3q] button[data-astro-cid-eehsax3q][aria-pressed=true]{background:var(--ink);color:var(--white)}.zaehler-zeile[data-astro-cid-eehsax3q]{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;margin-top:14px}