@layer quartz-base{.karte{--karte-hoehe:640px;border:1px solid var(--lightgray);background:var(--light);border-radius:8px;margin:1.5rem 0 2rem;overflow:hidden}.karte-kopf{border-bottom:1px solid var(--lightgray);background:var(--lightgray);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.45rem .6rem;display:flex}.karte-kopf button{background:var(--light);color:var(--darkgray);cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.25rem .55rem;font-family:inherit;font-size:.8rem}.karte-kopf button:hover{border-color:var(--gray)}.karte-kopf button[aria-pressed=true]{background:var(--kasten,var(--secondary));color:var(--light)}.karte-trenner{width:.6rem}.karte-raum{grid-template-columns:minmax(0,1fr) 13rem;display:grid}@media (max-width:900px){.karte-raum{grid-template-columns:1fr}}.karte-seite{border-left:1px solid var(--lightgray);background:var(--lightgray);max-height:var(--karte-hoehe);align-content:start;gap:.8rem;padding:.6rem .7rem;display:grid;overflow-y:auto}@media (max-width:900px){.karte-seite{border-left:0;border-top:1px solid var(--lightgray);max-height:none}}.karte-abschnitt{gap:.3rem;display:grid}.karte-abschnitt[hidden]{display:none}.karte-marke{text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-size:.66rem}.karte-ebenen{gap:.15rem;display:grid}.karte-ebenen button{cursor:pointer;width:100%;color:var(--darkgray);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .1rem;font-family:inherit;font-size:.8rem;display:flex}.karte-ebenen .haken{background:color-mix(in srgb, var(--gray) 45%, transparent);border-radius:999px;flex:none;width:1.7rem;height:.95rem;transition:background .2s;position:relative}.karte-ebenen .haken:after{content:"";background:var(--light);border-radius:50%;width:.71rem;height:.71rem;transition:transform .2s;position:absolute;top:.12rem;left:.12rem}.karte-ebenen button[aria-pressed=true] .haken{background:var(--kasten,var(--secondary))}.karte-ebenen button[aria-pressed=true] .haken:after{transform:translate(.75rem)}.karte-buehne{height:var(--karte-hoehe);background:var(--lightgray);cursor:grab;touch-action:none;position:relative;overflow:hidden}.karte-buehne[data-greift=ja]{cursor:grabbing}.karte-buehne,.karte-buehne *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.karte-buehne[data-messen=ja]{cursor:crosshair}.karte-welt{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.karte-bild{max-width:none;transition:filter .4s;display:block}.karte[data-modus=handel] .karte-bild{filter:grayscale(.7)brightness(.42)contrast(.9)}.karte-netz{position:absolute;top:0;left:0;overflow:visible}.karte-gebiet{fill:var(--karte-farbe,var(--tertiary));fill-opacity:.14;stroke:var(--karte-farbe,var(--tertiary));stroke-width:1.5px;stroke-opacity:.55;transition:fill-opacity .25s}.karte-gebiet:hover{fill-opacity:.26}.karte-gebiet-name{fill:var(--karte-farbe,var(--tertiary));text-anchor:middle;letter-spacing:.08em;text-transform:uppercase;opacity:.75;pointer-events:none;paint-order:stroke;stroke:#00000073;stroke-width:3px;font-size:15px;font-weight:700}.karte-weg{fill:none;stroke:var(--karte-farbe,var(--gray));stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.karte-weg[data-art=seeweg]{stroke-dasharray:9 9;opacity:.6}.karte-weg[data-art=pfad]{stroke-width:2px;stroke-dasharray:2 6;opacity:.6}.karte-route{fill:none;stroke:var(--karte-farbe,var(--secondary));stroke-linecap:round;stroke-dasharray:10 14;transition:opacity .25s,stroke-width .25s;animation:1.4s linear infinite karte-fliessen}@keyframes karte-fliessen{to{stroke-dashoffset:-24px}}.karte[data-modus=karte] .karte-route{display:none}.karte-ort{cursor:pointer}.karte-ort circle{transition:opacity .25s}.karte-ort .kern{fill:var(--karte-farbe,var(--secondary));stroke:var(--light);stroke-width:2px}.karte-ort .hof{fill:var(--karte-farbe,var(--secondary));opacity:.22}.karte-ort.ohne-punkt .kern,.karte-ort.ohne-punkt .hof{opacity:0}.karte-ort.ohne-punkt:hover .hof,.karte-netz[data-fokus] .karte-ort.ohne-punkt[data-aktiv=ja] .hof{opacity:.35}.karte-ort text{fill:var(--light);paint-order:stroke;stroke:#0009;stroke-width:3px;pointer-events:none;font-size:13px;font-weight:600}.karte-netz[data-fokus] .karte-route,.karte-netz[data-fokus] .karte-ort{opacity:.12}.karte-netz[data-fokus] .karte-route[data-aktiv=ja]{opacity:1;stroke-width:5px}.karte-netz[data-fokus] .karte-ort[data-aktiv=ja]{opacity:1}.karte-gueter{flex-wrap:wrap;gap:.3rem;display:flex}.karte[data-modus=karte] .karte-gueter-block,.karte[data-ansicht=alle] .karte-gueter-block{display:none}.karte-gueter button{border:1px solid var(--gray);background:var(--light);color:var(--darkgray);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-family:inherit;font-size:.78rem;display:flex}.karte-gueter button .punkt{background:var(--karte-farbe);opacity:.35;border-radius:50%;width:9px;height:9px}.karte-gueter button[aria-pressed=true]{border-color:var(--karte-farbe);background:color-mix(in srgb, var(--karte-farbe) 18%, var(--light))}.karte-gueter button[aria-pressed=true] .punkt{opacity:1}.karte-infofeld{background:var(--light);border:1px solid var(--lightgray);border-left:3px solid var(--secondary);opacity:0;pointer-events:none;border-radius:6px;width:min(300px,60%);padding:.6rem .75rem;transition:opacity .18s,transform .18s;position:absolute;top:.7rem;right:.7rem;transform:translateY(-6px);box-shadow:0 6px 22px #0000004d}.karte-infofeld[data-sichtbar=ja]{opacity:1;transform:none}.karte-infofeld h4{margin:0 0 .3rem;font-size:.98rem}.karte-infofeld dl{grid-template-columns:max-content 1fr;gap:.1rem .6rem;margin:0;font-size:.8rem;display:grid}.karte-infofeld dt{text-transform:uppercase;letter-spacing:.05em;opacity:.55;align-self:baseline;font-size:.68rem}.karte-infofeld dd{margin:0}.karte-hinweis{border-top:1px solid var(--lightgray);background:var(--lightgray);padding:.45rem .6rem;font-size:.8rem}.karte-hinweis[hidden]{display:none}.karte-hinweis code{background:var(--light);-webkit-user-select:all;user-select:all;border-radius:4px;padding:.15rem .35rem;display:inline-block}.kartenwahl-leiste{flex-wrap:wrap;gap:.4rem;margin:.3rem 0 1.1rem;display:flex}.kartenwahl-leiste button{text-align:left;cursor:pointer;border:1px solid color-mix(in srgb, var(--gray) 40%, transparent);background:var(--light);color:var(--darkgray);border-radius:8px;gap:.05rem;padding:.45rem .8rem;font-family:inherit;display:grid}.kartenwahl-leiste button:hover{border-color:var(--kasten,var(--secondary))}.kartenwahl-leiste button[aria-selected=true]{border-color:var(--kasten,var(--secondary));background:color-mix(in srgb, var(--kasten,var(--secondary)) 14%, transparent)}.kartenwahl-name{font-size:.9rem;font-weight:600}.kartenwahl-art{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.66rem}.kartenwahl-feld[hidden]{display:none!important}.kartenwahl-kopf{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem;display:flex}.kartenwahl-kopf h2{margin:0}}