@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(--secondary);color:var(--light)}.karte-trenner{width:.6rem}.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[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-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 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{border-top:1px solid var(--lightgray);background:var(--lightgray);flex-wrap:wrap;gap:.3rem;padding:.45rem .6rem;display:flex}.karte[data-modus=karte] .karte-gueter,.karte[data-ansicht=alle] .karte-gueter{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}}