/* Freigegebener Entwurf 05: ausschließlich die Planer-Oberfläche. */
body.motorsport-planner{--bg:#f3f2ef;--panel:#f3f2ef;--panel-2:#eae9e6;--text:#111;--muted:#555;--line:#b9b8b5;--gold:#ff9100;--gold-soft:#ffe4bf;--on-accent:#111;--detail:#7045ef;--radius:0;--error:#a32323;background:var(--bg);color:var(--text);font-family:SpaceGrotesk,Arial,sans-serif}
.motorsport-planner .site-header{background:#f3f2ef;color:#111;border-bottom:1px solid #ccc;backdrop-filter:none}
.motorsport-planner .site-header-inner{min-height:68px;max-width:none;padding:0 28px}
.motorsport-planner .site-brand,.motorsport-planner .site-brand span,.motorsport-planner .site-nav a{color:#111}
.motorsport-planner .site-brand{font-weight:900;letter-spacing:-1.5px}.motorsport-planner .site-brand b{display:none}
.motorsport-planner .site-nav a[aria-current]{border-bottom:3px solid #ff9100;color:#111}
.motorsport-planner .panel{left:0;top:var(--site-header-height);bottom:0;width:clamp(360px,35vw,530px);max-width:none;border:0;border-radius:0;background:#f3f2ef;backdrop-filter:none;overflow:visible}
.motorsport-planner .panel:after{content:"";position:absolute;left:100%;top:0;width:105px;height:240px;background:#f3f2ef;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}
.motorsport-planner .plan-inhalt{padding:0 28px 24px;gap:18px;background:#f3f2ef;scrollbar-gutter:stable}
.planner-edition{display:flex;align-items:center;gap:25px;padding:12px 0 14px;min-height:190px}
.planner-edition>strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(130px,13vw,205px);font-weight:900;line-height:.9;letter-spacing:-10px;transform:skew(-8deg)}
.planner-edition>span{display:flex;flex-direction:column;color:#7045ef;font-size:19px;line-height:1.25;font-weight:800}
.motorsport-planner .tour-felder .planner-title{display:flex;align-items:center;justify-content:space-between;margin:0 -28px 22px;padding:13px 0 13px 28px;background:#0b0b0b;color:white;font-size:clamp(30px,3.2vw,49px);font-weight:900;letter-spacing:-2px;line-height:1.15}
.planner-title span{display:flex;align-items:center;justify-content:center;align-self:stretch;background:#ff9100;color:#111;width:58px;margin:-13px 0;font-size:35px;flex-shrink:0}
.motorsport-planner .tour-name{background:transparent;border:1px solid #aaa;border-radius:0;font-weight:500;min-height:44px}
.motorsport-planner .punkt-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.motorsport-planner .knopf,.motorsport-planner .alt-pille,.motorsport-planner .sortier-station,.motorsport-planner .wegpunkt,.motorsport-planner .wetter-karte,.motorsport-planner .qr-blatt,.motorsport-planner .suche-treffer{border-radius:0}
.motorsport-planner .knopf.klein{border:1px solid #aaa;background:transparent;color:#111}
.motorsport-planner .knopf:disabled{opacity:.45}
.motorsport-planner .uebergabe{background:#eae9e6;border-top:1px solid #aaa;padding:12px 28px}
.motorsport-planner #terrainKnopf{padding:10px 12px;background:#111;color:white;width:100%;margin-bottom:8px}
.motorsport-planner .stat-wert{color:#111;font-size:28px;font-weight:900}.motorsport-planner .regler-wert{color:#7045ef}
.motorsport-planner #ergebnisBlock[hidden]{display:none}.motorsport-planner .panel-fuss{font-size:11px}
.motorsport-planner .maplibregl-ctrl-group{border-radius:0;background:#f3f2ef}.motorsport-planner .maplibregl-ctrl-group .maplibregl-ctrl-icon{filter:none}
.motorsport-planner .site-menu-content{background:#f3f2ef;color:#111}.motorsport-planner .site-menu-content a{color:#111}
@media(max-width:900px){.planner-edition{min-height:150px}.planner-edition>strong{font-size:140px}.planner-edition>span{font-size:16px}.motorsport-planner .site-header-inner{padding:0 16px}}
@media(max-width:720px){.motorsport-planner .panel{top:auto;bottom:0;left:0;width:100%;height:55vh;max-height:55vh}.motorsport-planner .panel:after{display:none}.motorsport-planner .plan-inhalt{padding:0 18px 18px}.planner-edition{min-height:0;padding:12px 0;gap:18px}.planner-edition>strong{font-size:65px;letter-spacing:-4px}.planner-edition>span{font-size:13px}.motorsport-planner .tour-felder .planner-title{font-size:30px;margin:0 -18px 18px;padding-left:18px}.motorsport-planner .uebergabe{padding:10px 18px}.motorsport-planner #terrainKnopf{width:auto}.motorsport-planner .uebergabe .knopf.gold{width:auto;font-size:14px}.motorsport-planner .uebergabe .reihe{display:inline-flex}.motorsport-planner .panel{overflow:hidden}}
.motorsport-planner .site-nav a{border-radius:0;background:transparent}.motorsport-planner .site-connect,.motorsport-planner .site-menu>summary{border-radius:0;color:#111}.motorsport-planner .site-brand{font-size:24px}.motorsport-planner .planner-title span{background:#ff9100!important}
@media(min-width:721px) and (max-height:850px){.planner-edition{min-height:120px;padding:10px 0}.planner-edition>strong{font-size:125px}.motorsport-planner .tour-felder .planner-title{font-size:34px;margin-bottom:16px}.motorsport-planner .uebergabe{display:flex;flex-wrap:wrap;gap:6px;padding:10px 28px}.motorsport-planner #terrainKnopf{width:auto;margin:0}.motorsport-planner .uebergabe .knopf.gold{width:auto;min-height:40px;font-size:13px;flex:1}.motorsport-planner .uebergabe .reihe{width:100%;margin:0}.motorsport-planner .uebergabe .knopf.klein{min-height:32px}}

.motorsport-planner .mapboxgl-ctrl-group{border-radius:0;background:#f3f2ef}.motorsport-planner .mapboxgl-ctrl-group .mapboxgl-ctrl-icon{filter:none}
/* Proportionen der verbindlichen Tourenplaner-Vorlage. */
@media(min-width:721px){.motorsport-planner .panel{width:clamp(360px,36vw,640px)}.motorsport-planner .panel:after{width:125px;height:370px}.motorsport-planner .planner-edition{min-height:240px;padding:20px 0;gap:34px}.motorsport-planner .planner-edition>strong{font-size:clamp(180px,20vw,310px);letter-spacing:-.06em;transform:skew(-9deg)}.motorsport-planner .planner-edition>span{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(23px,2.4vw,35px)}.motorsport-planner .tour-felder .planner-title{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,4.6vw,70px);padding-top:16px;padding-bottom:16px}.motorsport-planner .planner-title span{width:72px;margin:-16px 0;font:54px Arial,sans-serif}}
.motorsport-planner .knopf.gold{background:#ff9100;color:#111;border-color:#ff9100;font-weight:800}.motorsport-planner .tour-felder>.suche{position:relative;padding-left:52px}.motorsport-planner .tour-felder>.suche:before{position:absolute;left:0;bottom:6px;font:36px Impact,'Arial Narrow',sans-serif;color:#111}.motorsport-planner .tour-felder>.suche:has(#startFeld):before{content:'01'}.motorsport-planner .tour-felder>.suche:has(#zielFeld):before{content:'03'}.motorsport-planner .tour-felder>.suche:has(#viaFeld):before{content:'02'}.motorsport-planner .punkt-label{text-transform:none;letter-spacing:0;font-size:14px}.motorsport-planner #standortStart{margin-left:52px;width:calc(100% - 52px)}.motorsport-planner .plan-extras>summary{font-size:21px;font-weight:800}.motorsport-planner input[type=range]{accent-color:#ff9100}.motorsport-planner .uebergabe .knopf.gold{min-height:50px}.motorsport-planner .stat-wert{font-family:Impact,'Arial Narrow',sans-serif;font-size:32px}
@media(min-width:721px) and (max-height:850px){.motorsport-planner .planner-edition{min-height:185px;padding:15px 0}.motorsport-planner .planner-edition>strong{font-size:190px}.motorsport-planner .tour-felder .planner-title{font-size:44px}}
.curvy-presets{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0}.curvy-presets button{border:1px solid #aaa;background:transparent;color:#111;min-height:42px;font-weight:700}.curvy-presets button+button{border-left:0}.curvy-presets button[aria-pressed=true]{background:#ff9100;border-color:#ff9100}.route-calculate{display:flex;justify-content:space-between;align-items:center;min-height:62px!important;font-size:22px!important;font-weight:800!important;width:100%}.route-calculate span{font:40px Arial,sans-serif}.motorsport-planner .site-brand{font-family:SpaceGrotesk,Arial,sans-serif;font-size:27px;font-weight:900;letter-spacing:-1px}.motorsport-planner #kurvig{margin-bottom:12px}
@media(min-width:1000px){.motorsport-planner #ergebnisBlock{position:fixed;left:calc(clamp(360px,36vw,640px) + 32px);right:24px;bottom:36px;z-index:4;background:#f3f2ef;border:1px solid #b9b8b5;padding:16px 24px;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)}.motorsport-planner #ergebnisBlock .stats{border:0;margin:0;padding:0;gap:30px}.motorsport-planner #ergebnisBlock .alternativen{margin-top:8px}.motorsport-planner .plan-inhalt{padding-bottom:30px}}
