/* Der Planer behält seine Funktionen. Farben und Geometrie folgen der Website. */
body{overflow:hidden}.site-header{position:fixed;top:0;left:0;right:0}.site-header-inner{min-height:80px}#karte{top:var(--site-header-height)}.panel{top:calc(var(--site-header-height) + 12px);background:color-mix(in srgb,var(--panel) 95%,transparent);border-color:var(--line);color:var(--text);border-radius:var(--radius)}.planner-map-colors{position:fixed;z-index:45;right:60px;top:calc(var(--site-header-height) + 12px);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:11px}.planner-map-colors summary{color:var(--muted);cursor:pointer}.planner-map-colors .paletten{margin-top:12px;padding:4px;gap:7px;flex-wrap:wrap;max-width:220px}.palette-punkt{border-color:var(--line);width:24px;height:24px}.palette-punkt.aktiv{border-color:var(--gold)}
.tour-name,.suche-treffer,.weg,.wetter-karte,#wetterAbfahrt,.qr-blatt{background:var(--panel-2);color:var(--text);border-color:var(--line)}.tour-name:focus{outline:2px solid var(--gold);outline-offset:2px}.suche-treffer .treffer:hover,.suche-treffer .treffer.aktiv{background:var(--gold-soft)}.punkt-label{font-weight:500}.knopf.gold{background:var(--gold);color:var(--on-accent)}.knopf.gold:hover:not(:disabled){background:var(--gold);filter:brightness(1.08)}.knopf.gold:disabled{background:var(--gold-soft);color:var(--muted)}.knopf.klein{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.knopf.klein:hover:not(:disabled){background:var(--gold-soft);color:var(--gold)}input[type=range],input[type=checkbox]{accent-color:var(--gold)}.marker-punkt{background:var(--gold);color:var(--on-accent);border-color:var(--bg)}.marker-punkt.via{background:var(--detail);color:var(--bg)}.stat-wert,.regler-wert,.tank-wert{color:var(--gold)}.alternative{background:var(--panel-2);color:var(--text)}.alternative.aktiv{background:var(--gold);color:var(--on-accent)}.fehler{color:var(--error)}.qr-schleier{background:color-mix(in srgb,var(--bg) 85%,transparent)}.qr-blatt{border:1px solid var(--line)}.qr-bild{background:#fff;border-radius:10px;padding:12px}.qr-text,.panel-fuss,.hinweis{color:var(--muted)}.toast{background:var(--panel);color:var(--text);border:1px solid var(--line)}.wetter-karte{border-color:var(--line)}.maplibregl-ctrl-group{background:var(--panel);border:1px solid var(--line)}.maplibregl-ctrl-group button+button{border-top-color:var(--line)}.maplibregl-ctrl-attrib{background:var(--panel);color:var(--muted)}.maplibregl-ctrl-attrib a{color:var(--muted)}
@media(max-width:720px){.panel{top:auto;max-height:52%;bottom:12px;width:calc(100% - 24px)}.planner-map-colors{right:53px}.maplibregl-ctrl-top-right{max-width:42px}.site-header-inner{min-height:0}.site-menu-content{max-height:60vh;overflow:auto}}
:root:not([data-site-theme="white-gold"]) .maplibregl-ctrl-group .maplibregl-ctrl-icon{filter:invert(1)}
.alt-pille{background:var(--panel-2)}.alt-pille.aktiv,.wegpunkt .marke{background:var(--gold);color:var(--on-accent)}.wegpunkt .marke.via{background:var(--panel-2);color:var(--text);border-color:var(--detail)}.suche-treffer li.aktiv,.suche-treffer li:hover{background:var(--gold-soft);border-left-color:var(--gold)}.tank-wert.gruen{color:var(--success)}.tank-wert.rot{color:var(--error)}
.uebergabe{background:var(--panel);border-top-color:var(--line)}.uebergabe p,.optional,.panel .hinweis,.sortier-ort span{color:var(--muted)}.sortier-station{background:var(--panel-2);border-color:var(--line)}.zwischen-aktionen .knopf{background:var(--panel-2);color:var(--text);border-color:var(--line)}.zwischen-aktionen .knopf:hover{background:var(--gold-soft);color:var(--gold)}.marker-punkt.via{background:var(--detail);color:var(--bg)}.qr-schleier{z-index:100}.qr-blatt{font-family:SpaceGrotesk,system-ui,sans-serif}
@media(max-width:720px){.panel{left:12px;right:auto;width:calc(100% - 24px);height:52vh;max-height:calc(100% - var(--site-header-height) - 85px);top:auto;bottom:12px;border-radius:var(--radius)}#karte{inset:var(--site-header-height) 0 0}}
.maplibregl-ctrl-scale{background:var(--panel);color:var(--text);border-color:var(--text)}:root:not([data-site-theme="white-gold"]) .maplibregl-ctrl-attrib-button{filter:invert(1)}