:root{color-scheme:dark;--bg: #0c1418;--bg-glow: rgba(72, 158, 168, .16);--surface: rgba(18, 27, 31, .86);--surface-raised: rgba(24, 34, 39, .88);--surface-solid: #161d21;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .09);--ink: #e9f1f2;--ink-muted: #9db4b8;--ink-faint: #647a7e;--water: #4cc9c0;--water-soft: #8fd8d2;--water-wash: rgba(76, 201, 192, .1);--water-edge: rgba(76, 201, 192, .25);--amber: #e5a54f;--amber-wash: rgba(229, 165, 79, .1);--amber-edge: rgba(229, 165, 79, .26);--on-amber: #1d1408;--good: #57c27a;--warn: #e0b64f;--bad: #e07a6b;--radius-sm: 12px;--radius: 16px;--radius-lg: 20px;--radius-pill: 999px;--gap-xs: 6px;--gap-sm: 8px;--gap: 12px;--gap-lg: 20px;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;--shadow-panel: 0 12px 32px rgba(0, 0, 0, .35);--bg-bild: .18;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%}html{background:radial-gradient(130% 42% at 50% 0%,var(--bg-glow),rgba(72,158,168,0) 62%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url(/img/hintergrund-hoch.webp);background-image:image-set(url(/img/hintergrund-hoch.webp) type("image/webp"),url(/img/hintergrund-hoch.jpg) type("image/jpeg"));background-size:cover;background-position:center bottom;opacity:var(--bg-bild);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.25),#000 40%);mask-image:linear-gradient(to bottom,#00000040,#000 40%)}@media(min-aspect-ratio:1 / 1){body:before{background-image:url(/img/hintergrund-quer.webp);background-image:image-set(url(/img/hintergrund-quer.webp) type("image/webp"),url(/img/hintergrund-quer.jpg) type("image/jpeg"))}}body{color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;touch-action:manipulation}#root{min-height:100%}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--water)}a:hover{color:var(--water-soft)}:focus-visible{outline:2px solid var(--water);outline-offset:2px}:root{--map-bg: #0e181d;--map-water: rgba(76, 201, 192, .14);--map-water-active: rgba(76, 201, 192, .26);--map-edge: rgba(76, 201, 192, .45);--map-edge-active: #4cc9c0}.screen{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;gap:var(--gap-lg);padding:calc(var(--safe-top) + 28px) var(--gap-lg) calc(var(--safe-bottom) + 24px)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.start-head h1,.detail-head h1{margin:0;font-family:var(--font-display);font-size:clamp(28px,8vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.1}.lede{margin:6px 0 0;max-width:34ch;color:var(--ink-muted)}.detail-head{display:flex;flex-direction:column;gap:var(--gap-sm)}.knopf-zurueck{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--surface);border:1px solid var(--border);margin-bottom:4px}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin:0;padding:0}.chip{height:26px;display:flex;align-items:center;padding:0 11px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-muted);font-size:12px}.chip-wasser{background:var(--water-wash);border-color:var(--water-edge);color:var(--water-soft);font-weight:500}.ort{display:flex;flex-direction:column;gap:var(--gap-sm)}.knopf-standort{min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);border-radius:var(--radius);border:1px solid var(--water-edge);background:var(--water-wash);color:var(--water-soft);font-weight:500}.knopf-standort:disabled{opacity:.6}.ort-suche{position:relative;display:flex;align-items:center}.ort-suche input{flex:1;min-height:48px;padding:0 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-strong);color:var(--ink);font:inherit}.ort-suche input::placeholder{color:var(--ink-faint)}.ort-lade{position:absolute;right:14px;font-size:12px;color:var(--ink-faint)}.ort-treffer{list-style:none;margin:0;padding:0;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);overflow:hidden}.ort-treffer button{width:100%;min-height:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.ort-treffer li:last-child button{border-bottom:none}.ort-name{font-weight:500}.ort-region{font-size:12px;color:var(--ink-muted)}.map{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--map-bg)}.map-water{cursor:pointer}.map-scale line{stroke:#e9f1f259;stroke-width:1}.map-scale text{fill:var(--ink-faint);font-size:10px;font-family:var(--font-body);dominant-baseline:middle}.map-me circle:first-child{fill:#e9f1f224}.map-me circle:last-child{fill:var(--ink);stroke:var(--bg);stroke-width:2}.liste-kopf{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.liste-kopf h2{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600}.liste-zahl{font-size:12px;color:var(--water)}.water-list{list-style:none;margin:0;padding:0}.water-row{width:100%;min-height:64px;display:flex;align-items:center;gap:var(--gap);padding:10px 4px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.water-row.is-active{background:var(--water-wash);border-radius:var(--radius-sm)}.water-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--water-wash);border:1px solid rgba(76,201,192,.18);color:var(--water)}.water-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.water-name{font-size:15px;font-weight:600}.water-meta{font-size:12px;color:var(--ink-muted)}.water-dist{font-family:var(--font-display);font-size:14px;color:var(--ink-muted);white-space:nowrap}.kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-sm)}.kachel{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:center}.kachel-wert{font-family:var(--font-display);font-size:20px;font-weight:600}.kachel-einheit{font-size:12px;font-weight:400;color:var(--ink-muted)}.kachel-label{font-size:11px;color:var(--ink-muted);line-height:1.3}.panel{padding:16px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-panel)}.panel-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm)}.panel-kopf h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.panel-wert{font-family:var(--font-display);font-size:15px;font-weight:600}.panel-fuss{margin:8px 0 0;font-size:12px;color:var(--ink-faint);line-height:1.45}.chart{margin:8px 0 0;color:var(--water)}.chart-steigend,.chart-fallend{color:var(--ink-muted)}.chart svg{display:block;width:100%;height:auto}.chart-base{stroke:#ffffff1a;stroke-width:1}.chart-line{stroke:currentColor}.chart-dot{fill:currentColor;stroke:var(--bg);stroke-width:2}.chart-tick{fill:var(--ink-faint);font-size:10px;font-family:var(--font-body)}.chart-empty{margin:8px 0 0;font-size:13px;color:var(--ink-faint)}.sonne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-sm)}.sonne>div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.sonne-label{font-size:11px;color:var(--ink-muted)}.sonne-zeit{font-family:var(--font-display);font-size:17px;font-weight:600}.stunden{list-style:none;display:flex;gap:var(--gap-sm);margin:10px 0 0;padding:0 0 6px;overflow-x:auto}.stunden li{flex:0 0 auto;width:46px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;border-radius:var(--radius-sm);background:#ffffff08}.stunde-zeit{font-size:11px;color:var(--ink-muted)}.stunde-temp{font-family:var(--font-display);font-size:15px;font-weight:600}.stunde-wolken,.stunde-wind{font-size:10px;color:var(--ink-faint)}.hinweis{margin:0;font-size:13px;color:var(--ink-muted);line-height:1.45}.hinweis-fehler{color:var(--bad)}.quellen{margin-top:auto;padding-top:8px;font-size:11px;color:var(--ink-faint);line-height:1.5}.bite-chart{margin:10px 0 0;color:var(--amber)}.bite-chart svg{display:block;width:100%;height:auto}.bite-base{stroke:#ffffff1a;stroke-width:1}.bite-line{stroke:currentColor}.bite-band{fill:#e5a54f14}.bite-now line{stroke:#e9f1f259;stroke-width:1;stroke-dasharray:3 4}.bite-now circle{fill:currentColor;stroke:var(--bg);stroke-width:2}.bite-tick{fill:var(--ink-faint);font-size:10px;font-family:var(--font-body)}.bite-wert{color:var(--amber)}.bite-wert-zusatz{font-family:var(--font-body);font-size:11px;font-weight:400;color:var(--ink-muted)}.bite-art{display:flex;align-items:center;gap:var(--gap-sm);margin-top:8px;font-size:12px;color:var(--ink-muted)}.bite-art select,.land-wahl select{min-height:40px;padding:0 10px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);color:var(--ink);font:inherit;font-size:13px}.fenster{list-style:none;display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin:10px 0 0;padding:0}.fenster-chip{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 11px;border-radius:var(--radius-pill);background:var(--amber-wash);border:1px solid var(--amber-edge);color:var(--amber);font-size:12px;font-weight:500}.begruendung{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-sm);margin:12px 0 0}.begruendung>div{padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff08}.begruendung dt{font-size:11px;color:var(--ink-faint)}.begruendung dd{margin:2px 0 0;font-size:13px;font-weight:500}.arten{list-style:none;margin:6px 0 0;padding:0}.art-row{width:100%;min-height:56px;display:flex;align-items:center;gap:var(--gap);padding:8px 4px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.art-row.is-active{background:var(--water-wash);border-radius:var(--radius-sm)}.art-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.art-name{font-size:15px;font-weight:600}.art-meta{font-size:12px;color:var(--ink-muted)}.warnband{margin:8px 0 0;padding:10px 12px;border-radius:var(--radius-sm);background:#e0b64f17;border:1px solid rgba(224,182,79,.3);color:var(--warn);font-size:12.5px;line-height:1.45}.land-wahl{display:flex;flex-direction:column;gap:6px;margin-top:14px}.land-wahl label{font-size:12px;color:var(--ink-muted)}.zugang{margin:10px 0 0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid;font-size:13px;line-height:1.45}.zugang-gut{background:#57c27a17;border-color:#57c27a47;color:var(--good)}.zugang-karte{background:var(--water-wash);border-color:var(--water-edge);color:var(--water-soft)}.zugang-eng,.zugang-aus{background:#e07a6b17;border-color:#e07a6b4d;color:var(--bad)}.zugang-offen{background:#ffffff0a;border-color:var(--border-strong);color:var(--ink-muted)}.zeile{display:flex;flex-direction:column;gap:2px;margin-top:12px}.zeile-label{font-size:11px;color:var(--ink-faint)}.zeile-wert{font-size:14px;font-weight:500}.links{display:flex;flex-direction:column;gap:var(--gap-sm);margin-top:12px}.link-knopf{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-strong);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none}.link-knopf:hover{border-color:var(--water-edge);color:var(--water-soft)}.link-karte{background:var(--water-wash);border-color:var(--water-edge);color:var(--water-soft)}.link-karte:hover{border-color:var(--water);color:var(--water)}.map-label{fill:#e9f1f2bf;font-size:10px;font-family:var(--font-body);paint-order:stroke;stroke:#0e181dd9;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.map-park rect{fill:#0e181de6;stroke:var(--ink-muted);stroke-width:1.2}.map-park text{fill:var(--ink-muted);font-size:9px;font-weight:700;font-family:var(--font-display);dominant-baseline:middle}.parkliste{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.parkliste li{display:flex;align-items:center;gap:10px}.park-p{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-strong);background:#ffffff0a;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--ink-muted)}.park-text{display:flex;flex-direction:column;gap:1px}.park-name{font-size:13px;font-weight:500}.park-meta{font-size:11px;color:var(--ink-muted)}.laeden{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.laeden h3{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.laeden ul{list-style:none;margin:0;padding:0}.laeden li{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);min-height:52px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.laeden li:last-child{border-bottom:none}.laden-text{display:flex;flex-direction:column;gap:2px;min-width:0}.laden-name{font-size:14px;font-weight:500}.laden-meta{font-size:11px;color:var(--ink-muted)}.laden-links{display:flex;gap:var(--gap-sm);flex-shrink:0}.laden-links a{min-height:32px;display:flex;align-items:center;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);font-size:12px;text-decoration:none;color:var(--ink-muted)}.laden-links a:hover{border-color:var(--water-edge);color:var(--water-soft)}.tackle-art{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--water-soft)}.tackle-lage{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--ink-muted)}.tackle-methode{margin:14px 0 0;font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em}.koeder{list-style:none;display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin:10px 0 0;padding:0}.koeder li{min-height:30px;display:flex;align-items:center;padding:0 12px;border-radius:var(--radius-pill);background:var(--water-wash);border:1px solid var(--water-edge);color:var(--water-soft);font-size:13px;font-weight:500}.tackle-details{margin:14px 0 0;display:flex;flex-direction:column;gap:10px}.tackle-details dt{font-size:11px;color:var(--ink-faint)}.tackle-details dd{margin:2px 0 0;font-size:13.5px;line-height:1.45}.link-amtlich{margin-top:14px;align-items:flex-start;padding-top:10px;padding-bottom:10px;min-height:56px}.amtlich-text{display:flex;flex-direction:column;gap:2px;min-width:0}.amtlich-titel{font-size:14px;font-weight:500}.amtlich-label{font-size:11.5px;font-weight:400;color:var(--ink-muted);line-height:1.35}.app{min-height:100dvh;padding-bottom:calc(64px + var(--safe-bottom))}.reiter{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0d1418f7;border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);backdrop-filter:blur(8px)}.reiter button{flex:1;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--ink-faint);font-size:11px}.reiter button.is-active{color:var(--water);font-weight:600}.knopf-primaer{min-height:52px;border-radius:var(--radius);border:none;background:var(--amber);color:var(--on-amber);font-family:var(--font-display);font-size:15px;font-weight:600;box-shadow:0 8px 24px #e5a54f38}.knopf-primaer:disabled{opacity:.6;box-shadow:none}.feld{display:flex;flex-direction:column;gap:5px;margin-top:12px}.feld>span{font-size:12px;color:var(--ink-muted)}.feld input,.feld select,.feld textarea{min-height:46px;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-strong);color:var(--ink);font:inherit;font-size:15px}.feld textarea{resize:vertical;line-height:1.45}.feld-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-sm)}.foto-waehlen{margin-top:10px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px dashed var(--border-strong);color:var(--ink-muted);font-size:14px;cursor:pointer}.foto-waehlen input{position:absolute;width:1px;height:1px;opacity:0}.foto-vorschau{margin-top:10px;display:flex;align-items:center;gap:var(--gap)}.foto-vorschau img{width:84px;height:84px;object-fit:cover;border-radius:var(--radius-sm)}.foto-vorschau span{font-size:12px;color:var(--ink-muted)}.schalter{display:flex;align-items:flex-start;gap:10px;margin-top:14px;cursor:pointer}.schalter input{width:22px;height:22px;margin-top:2px;flex-shrink:0;accent-color:var(--water)}.schalter-titel{display:block;font-size:14px;font-weight:500}.schalter-text{display:block;margin-top:2px;font-size:12px;color:var(--ink-muted);line-height:1.45}.jahr-wahl{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.jahr-wahl button{min-height:32px;padding:0 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-muted);font-size:13px}.jahr-wahl button.is-active{background:var(--water-wash);border-color:var(--water-edge);color:var(--water-soft);font-weight:500}.fang-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.fang{display:flex;gap:var(--gap);padding:12px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.fang-foto{width:76px;height:76px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm)}.fang-foto-leer{background:linear-gradient(140deg,#4cc9c01f,#4cc9c008);border:1px solid var(--border)}.fang-text{flex:1;min-width:0}.fang-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm)}.fang-art{font-size:16px;font-weight:600}.fang-mass{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink)}.fang-meta{display:block;margin-top:3px;font-size:12px;color:var(--ink-muted)}.fang-chips{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin-top:9px}.fang-chip{min-height:24px;display:flex;align-items:center;padding:0 9px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid var(--border);font-size:11px;color:var(--ink-muted)}.fang-notiz{margin:8px 0 0;font-size:12.5px;color:var(--ink-muted);line-height:1.45}.fang-loeschen{width:84px;flex:none;justify-content:center;text-align:center;align-self:flex-start;min-width:32px;min-height:32px;padding:0 8px;border-radius:var(--radius-sm);background:none;border:1px solid transparent;color:var(--ink-faint);font-size:12px}.fang-loeschen:hover,.link-gefahr{border-color:#e07a6b66;color:var(--bad)}.links button.link-knopf{justify-content:flex-start;text-align:left;cursor:pointer}.konto-an{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--good)}.map-huelle{position:relative}.map{touch-action:none;cursor:grab}.map:active{cursor:grabbing}.map-road{stroke:#e9f1f229;stroke-linecap:round;stroke-linejoin:round}.map-road-autobahn{stroke:#e9f1f257;stroke-width:2.6}.map-road-haupt{stroke:#e9f1f242;stroke-width:1.7}.map-road-neben{stroke-width:1.1}.map-road-weg{stroke:#e9f1f221;stroke-width:.9;stroke-dasharray:3 3}.map-ort{fill:#e9f1f29e;font-size:9.5px;font-family:var(--font-body);letter-spacing:.04em;paint-order:stroke;stroke:#0e181de6;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.map-ort-stadt,.map-ort-ort{fill:#e9f1f2d1;font-size:11px;font-weight:600;text-transform:uppercase}.map-knoepfe{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px}.map-knoepfe button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#0e181dd9;border:1px solid var(--border-strong);color:var(--ink);font-size:18px;line-height:1;backdrop-filter:blur(6px)}.map-knoepfe button:hover{border-color:var(--water-edge);color:var(--water-soft)}.map-zurueck{font-size:15px}.park-nav{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:var(--radius-pill);background:var(--water-wash);border:1px solid var(--water-edge);color:var(--water-soft);font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}.park-nav:hover{border-color:var(--water);color:var(--water)}.parkliste li{justify-content:space-between}.link-nav{margin-top:12px;align-items:flex-start;padding-top:10px;padding-bottom:10px;min-height:56px}.uebersichtskarte .karten-wahl{margin-top:0}.karten-wahl{display:flex;gap:4px;margin-top:10px;padding:4px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border)}.karten-quelle{flex:1;min-height:38px;border:0;border-radius:var(--radius-sm);background:none;color:var(--ink-muted);font-size:13px;font-weight:500}.karten-quelle.is-active{background:var(--water-wash);color:var(--water-soft);box-shadow:inset 0 0 0 1px var(--water-edge)}.gkarte-arten{display:flex;gap:var(--gap-sm);margin-top:10px}.gkarte-art{min-height:32px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:none;color:var(--ink-muted);font-size:12px}.gkarte-art.is-active{border-color:var(--water-edge);background:var(--water-wash);color:var(--water-soft)}.gkarte-platz{margin-top:10px;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised)}.gkarte-warum{margin:0;font-size:13px;line-height:1.45;color:var(--ink-muted)}.gkarte-hinweis{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--ink-faint)}.gkarte-knoepfe{display:flex;gap:var(--gap-sm);margin-top:12px}.gkarte-knoepfe button{flex:1;min-height:48px;padding:0 12px;border-radius:var(--radius);font-weight:500}.knopf-laden,.knopf-immer{border:1px solid var(--water-edge);background:var(--water-wash);color:var(--water-soft)}.knopf-nie{width:100%;margin-top:var(--gap-sm);min-height:40px;border:0;background:none;font-size:13px;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}.gkarte-rahmen{margin-top:10px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-strong);background:var(--surface-raised)}.gkarte-rahmen iframe{display:block;width:100%;height:300px;border:0}.gkarte-fuss{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-xs)}.knopf-widerruf{flex:none;padding:6px 0;border:0;background:none;font-size:12px;text-align:left;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}.knopf-widerruf:hover,.knopf-nie:hover{color:var(--ink-muted)}@media(min-width:560px){.gkarte-fuss{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--gap)}.knopf-widerruf{white-space:nowrap}}.start-inhalt,.detail-spalten,.sp-antwort,.sp-ort,.sp-zeit{display:flex;flex-direction:column;gap:var(--gap-lg)}@media(min-width:900px){.screen{max-width:1180px}.start-head,.ort{max-width:620px}.start-inhalt{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.start-inhalt .uebersichtskarte{position:sticky;top:24px}.detail-spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.sp-antwort{grid-column:2;grid-row:1}.sp-ort{grid-column:1;grid-row:1 / span 2;position:sticky;top:24px}.sp-zeit{grid-column:2;grid-row:2}}@media(min-width:1400px){.screen{max-width:1400px}}.bite-art select,.land-wahl select,.feld select{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 8.25 10 12.75l4.5-4.5' stroke='%239db4b8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:16px}option{background-color:var(--surface-solid);color:var(--ink)}.zugang-badge{display:inline-flex;align-items:center;height:18px;margin-left:6px;padding:0 7px;border-radius:var(--radius-pill);border:1px solid currentColor;font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap;vertical-align:1px}.zb-gut{color:var(--good);background:#57c27a1a}.zb-karte{color:var(--water-soft);background:var(--water-wash)}.zb-eng{color:var(--ink-faint);background:#ffffff0a}.bite-satz{margin:10px 0 0;font-size:15px;line-height:1.4;color:var(--ink)}.bite-art{margin:4px 0 0;font-size:12px;color:var(--ink-muted)}.fang-knopf-leiste{position:sticky;bottom:0;z-index:2;margin:0 calc(-1 * var(--gap-lg));padding:10px var(--gap-lg) calc(var(--safe-bottom) + 10px);background:linear-gradient(to top,var(--bg) 62%,rgba(12,20,24,0))}.fang-knopf-leiste .knopf-primaer{width:100%}.ort-warum{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.4;color:var(--ink-muted)}.ort-warum li{display:flex;gap:10px}.ort-warum li:before{content:"";flex:none;width:5px;height:5px;margin-top:7px;border-radius:50%;background:var(--water-edge)}.erklaerung{margin-top:8px}.erklaerung>summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font-size:12px;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}.erklaerung>summary::-webkit-details-marker{display:none}.erklaerung>summary:before{content:"";width:6px;height:6px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(-45deg);transition:transform .12s ease}.erklaerung[open]>summary:before{transform:rotate(45deg)}.erklaerung>summary:hover{color:var(--ink-muted)}.erklaerung-text{margin-top:6px;font-size:12px;line-height:1.5;color:var(--ink-faint)}.listen-filter{display:flex;flex-direction:column;gap:10px;margin:10px 0 4px;padding:12px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border)}.filter-umkreis{display:flex;flex-direction:column;gap:4px}.filter-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--ink-muted)}.filter-wert{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink)}.filter-umkreis input[type=range]{width:100%;height:28px;accent-color:var(--water);cursor:pointer}.filter-skala{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-faint);padding:0 6px}.filter-schalter{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.filter-schalter-knopf{min-height:34px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:none;color:var(--ink-muted);font-size:12px}.filter-schalter-knopf.is-active{border-color:var(--water-edge);background:var(--water-wash);color:var(--water-soft)}.filter-zahl{margin:0;font-size:12px;color:var(--ink-faint)}.filter-anzahl{margin-left:6px;font-size:10px;font-weight:600;opacity:.7}