@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(../assets/fonts/inter-latin.woff2) format("woff2")}:root{--navi-bar-bg:rgba(255,253,248,.96);--navi-shadow:0 2px 10px rgba(24,45,25,.18);--navi-btn-bg:#fffdf8;--navi-btn-border:#ddd7c4;--navi-btn-color:#1f2c1d;--navi-btn-active-bg:#1d5628;--navi-btn-active-color:#fff;--navi-btn-active-border:#1d5628;--navi-main:#16301b;--panel-bg:#fffdf8;--panel-text:#1f2c1d;--panel-sub:#5f6d59;--panel-border:#ddd7c4;--panel-link:#1d5628}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--navi-bar-bg:rgba(27,35,27,.96);--navi-btn-bg:#212a20;--navi-btn-border:#2f3a2d;--navi-btn-color:#ebe9dc;--navi-btn-active-bg:#3b8a48;--navi-btn-active-border:#3b8a48;--navi-main:#0b120b;--panel-bg:#1b231b;--panel-text:#ebe9dc;--panel-sub:#a9b39f;--panel-border:#2f3a2d;--panel-link:#8fd097}}:root[data-theme=dark]{--navi-bar-bg:rgba(27,35,27,.96);--navi-btn-bg:#212a20;--navi-btn-border:#2f3a2d;--navi-btn-color:#ebe9dc;--navi-btn-active-bg:#3b8a48;--navi-btn-active-border:#3b8a48;--navi-main:#0b120b;--panel-bg:#1b231b;--panel-text:#ebe9dc;--panel-sub:#a9b39f;--panel-border:#2f3a2d;--panel-link:#8fd097}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}#navi-container{background:#e5e7eb;inset:0;overflow:hidden;position:fixed}#navi-map{inset:0;position:absolute;z-index:0}.navi-fab-group-tl{align-items:flex-start;display:flex;flex-direction:column;gap:8px;left:16px;position:fixed;top:max(12px,env(safe-area-inset-top));z-index:1200}.navi-fab-ctrl-tl{color:var(--navi-btn-color);font-size:18px;height:40px;width:40px}#navi-route-info-card,.navi-fab-ctrl-tl{background:var(--navi-bar-bg);border:1px solid var(--navi-btn-border)}#navi-route-info-card{border-radius:10px;box-shadow:var(--navi-shadow);color:var(--panel-text);font-size:13px;line-height:1.6;max-width:220px;padding:10px 14px}#navi-route-info-card.hidden{display:none}.navi-fab-group{flex-direction:column;gap:10px;position:fixed;right:16px;top:max(12px,env(safe-area-inset-top));z-index:1200}.navi-fab,.navi-fab-group{align-items:center;display:flex}.navi-fab{border:none;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.25);cursor:pointer;font-size:20px;justify-content:center;transition:box-shadow .15s,transform .1s;-webkit-tap-highlight-color:transparent;flex-shrink:0;line-height:1;position:relative}.navi-fab:active{transform:scale(.93)}.navi-fab:disabled{cursor:default;opacity:.5}.navi-fab-main{background:var(--navi-main);color:#fff;font-size:22px;height:52px;letter-spacing:.05em;width:52px}.navi-fab-ctrl{background:var(--navi-bar-bg);border:1px solid var(--navi-btn-border);color:var(--navi-btn-color);font-size:18px;height:40px;width:40px}.navi-fab-ctrl.aktiv{background:var(--navi-btn-active-bg);border-color:var(--navi-btn-active-border);box-shadow:0 3px 12px rgba(29,86,40,.45);color:#fff}.navi-fab-ts{background:#f59e0b;color:#fff;height:44px;width:44px}.navi-fab-ts.aktiv{background:#d97706;box-shadow:0 3px 12px rgba(245,158,11,.5)}.navi-fab-sp{background:#3b82f6;color:#fff;height:44px;width:44px}.navi-fab-sp.aktiv{background:#2563eb;box-shadow:0 3px 12px rgba(59,130,246,.5)}.navi-fab-cp{background:#10b981;color:#fff;height:44px;width:44px}.navi-fab-cp.aktiv{background:#059669;box-shadow:0 3px 12px rgba(16,185,129,.5)}.navi-fab-ent{background:#0891b2;color:#fff;height:44px;width:44px}.navi-fab-ent.aktiv{background:#0e7490;box-shadow:0 3px 12px rgba(8,145,178,.5)}.navi-fab-ref{background:#6b7280;color:#fff;height:44px;width:44px}.navi-fab-ref:active{background:#4b5563}#live-modus-badge{align-items:center;backdrop-filter:blur(4px);background:rgba(29,86,40,.88);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.25);color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-top:6px;padding:5px 10px;pointer-events:none}.navi-fab-gear{background:#6b7280;color:#fff;font-size:16px;height:36px;width:36px}.navi-fab-sub{display:none}.navi-fab-group.navi-fab-open .navi-fab-sub{animation:fabSubIn .18s ease-out;display:flex}.navi-fab-ts-row{align-items:center;gap:8px}@keyframes fabSubIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.fab-badge{background:rgba(0,0,0,.7);border-radius:5px;bottom:-5px;color:#fff;font-family:monospace;font-size:9px;left:50%;line-height:1.4;min-width:24px;padding:1px 4px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.fab-badge:empty{display:none}#navi-controls-links{background:var(--navi-bar-bg);border-radius:10px;bottom:0;box-shadow:var(--navi-shadow);display:flex;flex-direction:column;gap:0;min-width:180px;overflow:hidden;position:absolute;right:calc(100% + 8px);z-index:1100}#navi-controls-links.hidden{display:none}#kraftstoff-container,#voraus-container{border-bottom:1px solid var(--navi-btn-border);color:var(--panel-text);display:flex;flex-direction:column;font-size:13px;gap:6px;padding:10px 14px}#voraus-container{border-bottom:none}#kraftstoff-container label,#voraus-container label{color:var(--panel-sub);font-size:11px;letter-spacing:.04em;text-transform:uppercase}#kraftstoff-select{background:var(--navi-btn-bg);border:1px solid var(--navi-btn-border);border-radius:6px;color:var(--panel-text);cursor:pointer;font-family:inherit;font-size:13px;padding:4px 8px}#voraus-slider{accent-color:var(--navi-btn-active-bg);width:100%}#panel-wrapper{bottom:0;display:flex;flex-direction:column;left:0;padding-bottom:env(safe-area-inset-bottom);pointer-events:none;position:absolute;right:0;z-index:1000}.slide-up-panel{background:var(--panel-bg);display:none;flex-direction:column;max-height:38vh;overflow:hidden;pointer-events:auto}.slide-up-panel:first-child{border-radius:12px 12px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.12)}.slide-up-panel+.slide-up-panel{border-top:1px solid var(--panel-border)}.slide-up-panel.visible{display:flex}.marken-filter-leiste{border-bottom:1px solid var(--panel-border);display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:8px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.marken-filter-leiste:empty{display:none}.marken-filter-leiste::-webkit-scrollbar{display:none}.marken-btn{background:var(--navi-btn-bg);border:1px solid var(--navi-btn-border);border-radius:20px;color:var(--panel-text);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;padding:4px 12px;transition:background .12s,color .12s,border-color .12s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.marken-btn.aktiv{background:var(--navi-btn-active-bg);border-color:var(--navi-btn-active-bg);color:var(--navi-btn-active-color)}.panel-kopf{align-items:center;border-bottom:1px solid var(--panel-border);cursor:ns-resize;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px 10px;touch-action:none}.panel-titel{color:var(--panel-text);font-size:15px;font-weight:600}.panel-schliessen{background:none;border:none;color:var(--panel-sub);cursor:pointer;font-size:16px;line-height:1;padding:4px;-webkit-tap-highlight-color:transparent;touch-action:auto}.panel-liste{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-attribution{font-size:11px;margin:0;padding:6px 16px 10px}.panel-attribution,.panel-attribution a,.panel-leer{color:var(--panel-sub)}.panel-leer{font-size:14px;padding:20px 16px;text-align:center}.panel-eintrag{align-items:center;border-bottom:1px solid var(--panel-border);display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.panel-eintrag:last-child{border-bottom:none}.panel-eintrag-num{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;height:22px;justify-content:center;line-height:1;width:22px}.panel-eintrag-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.panel-eintrag-marke{color:var(--panel-text);font-size:14px;font-weight:600}.panel-eintrag-marke,.panel-eintrag-ort{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-eintrag-ort{color:var(--panel-sub);font-size:12px}.panel-eintrag-rechts{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.panel-eintrag-preis{color:var(--panel-text);font-size:15px;font-variant-numeric:tabular-nums;font-weight:700}.panel-eintrag-dist{color:var(--panel-sub);font-size:11px}.panel-eintrag-navi{background:color-mix(in srgb,var(--panel-link) 10%,transparent);border:none;border-radius:4px;color:var(--panel-link);cursor:pointer;display:inline-block;font-family:inherit;font-size:11px;padding:2px 7px;text-decoration:none}.panel-eintrag-navi:disabled{cursor:wait;opacity:.6}.navi-btn.aktiv{background:var(--navi-btn-border)}@media (max-width:600px){.slide-up-panel{max-height:22vh}.panel-eintrag{gap:10px;padding:7px 12px}.panel-eintrag-dist,.panel-eintrag-ort{font-size:11px}.panel-eintrag-num{font-size:11px;height:20px;width:20px}}.panel-drag-handle{background:var(--panel-border);border-radius:2px;cursor:ns-resize;flex-shrink:0;height:4px;margin:10px auto 4px;touch-action:none;width:40px}.navi-popup-navi-btn{background:color-mix(in srgb,var(--panel-link) 10%,transparent);border:none;border-radius:4px;color:var(--panel-link);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;margin-top:6px;padding:3px 8px}.navi-popup-navi-btn:disabled{cursor:wait;opacity:.6}.campsite-navi-marker,.navi-traffic-marker,.stellplaetze-marker,.tankstellen-marker,.user-arrow-icon,.via-marker,.voraus-punkt-icon{background:transparent!important;border:none!important}.via-marker-inner{background:#f97316;box-shadow:0 2px 8px rgba(0,0,0,.4);font-size:16px;height:32px;width:32px}.ts-marker-num,.via-marker-inner{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;line-height:1}.ts-marker-num{box-shadow:0 2px 6px rgba(0,0,0,.35);color:#fff;font-size:13px;font-weight:700;height:28px;width:28px}.sp-marker-inner{align-items:center;background:#10b981;box-shadow:0 2px 6px rgba(0,0,0,.3);display:flex;font-size:15px;height:30px;justify-content:center;width:30px}.sp-marker-inner,.voraus-punkt-inner{border:2px solid #fff;border-radius:50%}.voraus-punkt-inner{background:#ef4444;box-shadow:0 1px 4px rgba(0,0,0,.4);height:10px;width:10px}.navi-toast{background:rgba(17,24,39,.88);border-radius:20px;bottom:80px;color:#fff;font-size:13px;left:50%;max-width:75vw;opacity:0;overflow:hidden;padding:10px 18px;pointer-events:none;position:fixed;text-align:center;text-overflow:ellipsis;transform:translateX(-50%) translateY(8px);transition:opacity .2s,transform .2s;white-space:nowrap;z-index:2000}.navi-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}#navi-kein-gps{background:rgba(239,68,68,.9);border-radius:8px;color:#fff;font-size:13px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:16px;transform:translateX(-50%);z-index:1100}#navi-kein-gps.hidden{display:none}.via-info-row{align-items:center;color:var(--panel-text);display:flex;font-size:13px;gap:6px;margin:4px 0}.via-info-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navi-via-remove-btn{background:none;border:none;color:var(--panel-sub);cursor:pointer;flex-shrink:0;font-size:12px;line-height:1;padding:0 2px}.navi-via-remove-btn:hover{color:#dc2626}.via-info-sep{border:none;border-top:1px solid var(--panel-border);margin:6px 0}