.lage-map-body{min-height:100dvh;overflow:hidden;background:#06090f}
.lage-map-body .ambient-one{opacity:.32}.lage-map-body .ambient-two{opacity:.18}.lage-map-body .grid-field{mask-image:none;opacity:.7}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.map-sonar{position:fixed;z-index:-2;right:4vw;top:-10vh;width:min(42vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(239,51,64,.28),rgba(239,51,64,.07) 37%,transparent 69%);animation:map-sonar-breathe 5s ease-in-out infinite;pointer-events:none}.map-sonar:after,.map-sonar i{content:"";position:absolute;inset:50%;border:1px solid rgba(255,81,94,.32);border-radius:50%;animation:map-sonar-wave 7s linear infinite}.map-sonar i:nth-child(2){animation-delay:-2.33s}.map-sonar i:nth-child(3){animation-delay:-4.66s}
@keyframes map-sonar-wave{0%{width:0;height:0;opacity:.8;transform:translate(-50%,-50%)}100%{width:100%;height:100%;opacity:0;transform:translate(-50%,-50%)}}
@keyframes map-sonar-breathe{50%{filter:brightness(1.3);transform:scale(1.035)}}
.lage-map-page{position:relative;z-index:1;width:100%;height:100dvh;padding:13px;display:flex;flex-direction:column;gap:10px}
.map-topbar{height:58px;flex:0 0 58px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;background:linear-gradient(135deg,rgba(24,31,45,.78),rgba(11,15,24,.58))}
.map-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.map-brand img{width:34px;height:34px;border-radius:10px;object-fit:cover;box-shadow:0 8px 24px rgba(239,51,64,.28)}.map-brand span{display:flex;flex-direction:column;line-height:1}.map-brand strong{font-size:12px;letter-spacing:.18em}.map-brand small{margin-top:5px;color:var(--muted);font-size:7px;letter-spacing:.2em}
.map-window-actions{display:flex;align-items:center;gap:7px}.map-back-link,.fullscreen-toggle{height:36px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.04);color:#dfe6ef;font:800 9px inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;cursor:pointer;transition:.18s}.map-back-link:hover,.fullscreen-toggle:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25)}.fullscreen-toggle:active{transform:scale(.97)}.fullscreen-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fullscreen-exit-icon{display:none}.fullscreen-toggle.active .fullscreen-enter-icon{display:none}.fullscreen-toggle.active .fullscreen-exit-icon{display:block}
.map-dashboard{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 46%,rgba(30,41,57,.62),rgba(8,12,20,.76) 58%,rgba(7,10,17,.9));isolation:isolate}
.map-dashboard:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(239,51,64,.04),transparent 22%,transparent 78%,rgba(239,51,64,.045));pointer-events:none}
.map-stage-head{position:absolute;z-index:7;left:18px;right:18px;top:14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.map-stage-head>span{color:#9aa7b8;font-size:7px;font-weight:900;letter-spacing:.18em}.map-live-state{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(8,12,19,.58);color:var(--muted);font-size:8px;backdrop-filter:blur(14px)}.map-live-state i{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow);animation:pulse 2.4s infinite}.map-live-state.ready i{background:var(--green);box-shadow:0 0 10px var(--green)}
.map-canvas-panel{position:absolute;z-index:2;inset:42px 0 58px;display:grid;place-items:center;min-height:0}.map-loading{display:grid;place-content:center;text-align:center;color:var(--muted);font-size:10px}.map-loading p{margin:13px 0 0}
.map-theatre{position:relative;width:100%;height:100%;display:grid;place-items:center}.map-radar{position:absolute;left:50%;top:48%;width:min(62vh,52vw);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.045);border-radius:50%;box-shadow:0 0 70px rgba(239,51,64,.035)}.map-radar:before,.map-radar:after{content:"";position:absolute;background:rgba(255,255,255,.045)}.map-radar:before{left:50%;top:-12%;bottom:-12%;width:1px}.map-radar:after{top:50%;left:-12%;right:-12%;height:1px}.map-radar i{position:absolute;inset:50%;border:1px solid rgba(255,255,255,.055);border-radius:50%;transform:translate(-50%,-50%)}.map-radar i:nth-child(1){width:25%;height:25%}.map-radar i:nth-child(2){width:50%;height:50%}.map-radar i:nth-child(3){width:75%;height:75%}.map-radar i:nth-child(4){width:100%;height:100%}.map-radar b{position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(239,51,64,.45),transparent);animation:radar-sweep 14s linear infinite}@keyframes radar-sweep{to{transform:rotate(360deg)}}
.standalone-map-visual{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 0 0;perspective:1100px;perspective-origin:50% 48%}.standalone-map-svg{--map-tilt-x:0deg;--map-tilt-y:0deg;display:block;min-height:0;height:calc(100% - 36px);width:auto;max-width:min(51vw,620px);transform:rotateX(var(--map-tilt-x)) rotateY(var(--map-tilt-y));transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform;cursor:grab;touch-action:none;user-select:none;transition:transform .62s cubic-bezier(.2,.78,.2,1),filter .22s;filter:drop-shadow(0 25px 38px rgba(0,0,0,.38)) drop-shadow(0 0 24px rgba(255,255,255,.035))}.standalone-map-svg.is-tilting{cursor:grabbing;transition:filter .16s;filter:drop-shadow(0 34px 44px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(255,255,255,.08))}.standalone-map-svg .map-region path{stroke-width:1.6;transition:filter .2s,opacity .2s,fill .2s}.standalone-map-svg .map-region:not(.inactive) path{filter:none}.standalone-map-svg .map-region:hover path{filter:brightness(1.28) drop-shadow(0 0 9px color-mix(in srgb,var(--signal) 40%,transparent))}.standalone-map-svg .map-region.mixed path,.standalone-map-svg .map-region.mixed:hover path{fill:url(#standalone-map-hatch)!important;stroke:rgba(242,246,250,.82);opacity:1}.standalone-map-svg .map-state-label.mixed rect{stroke:#f1c06a;stroke-dasharray:3 2}.standalone-map-svg .map-state-label text{font-size:14px}.standalone-map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:3px;color:var(--muted);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.standalone-map-legend span{display:flex;align-items:center;gap:5px}.standalone-map-legend i{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 7px var(--signal)}.standalone-map-legend .mixed i{background:repeating-linear-gradient(135deg,#45c695 0 2px,#ffb33f 2px 4px,#ef3340 4px 6px);box-shadow:none}.standalone-attribution{margin-top:4px;color:#566174;font-size:5px}.standalone-attribution a{color:#697589;text-decoration:none}.standalone-attribution .osm-attribution{display:none}.show-layer-traffic .standalone-attribution .osm-attribution{display:inline}
.map-theatre{position:absolute;inset:0;width:auto;height:auto}.map-radar{width:min(72vh,52vw)}.standalone-map-visual{position:absolute;inset:0;height:auto}
.map-insight-panel{position:absolute;z-index:5;inset:0;pointer-events:none}.map-insight-panel a{pointer-events:auto}.map-insight-loading{position:absolute;inset:0;display:grid;place-items:center}.map-insight-loading span{color:var(--red-soft);font-size:8px;font-weight:900;letter-spacing:.14em}
.signal-orbit{--orbit:150px;position:absolute;left:4.5%;top:48%;width:var(--orbit);height:var(--orbit);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.signal-orbit-rings{position:absolute;inset:0}.signal-orbit-rings i{position:absolute;inset:50%;border:1px solid color-mix(in srgb,var(--signal) 29%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.signal-orbit-rings i:nth-child(1){width:58%;height:58%;background:radial-gradient(circle,color-mix(in srgb,var(--signal) 13%,transparent),transparent 68%)}.signal-orbit-rings i:nth-child(2){width:79%;height:79%;opacity:.72}.signal-orbit-rings i:nth-child(3){width:100%;height:100%;opacity:.4}.signal-orbit-rings b{position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 8px color-mix(in srgb,var(--signal) 10%,transparent),0 0 28px var(--signal);transform:translate(-50%,-50%);animation:pulse 2.4s infinite}.signal-orbit>span,.signal-orbit>strong{position:relative;z-index:2;transform:translateY(31px)}.signal-orbit>span{color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.14em}.signal-orbit>strong{margin-top:3px;color:var(--signal);font-size:14px;letter-spacing:-.03em}
.topic-signals{position:absolute;right:4%;top:50%;width:min(205px,18vw);transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.topic-signals>span{margin:0 0 2px 11px;color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.15em}.topic-signals a{display:grid;grid-template-columns:22px 10px minmax(0,1fr);align-items:center;gap:5px;padding:8px 9px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(8,12,19,.58);backdrop-filter:blur(15px);text-decoration:none;transition:.2s}.topic-signals a:hover{border-color:color-mix(in srgb,var(--signal) 45%,transparent);background:rgba(20,27,39,.8);transform:translateX(-3px)}.topic-signals small{color:#6f7b8d;font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace}.topic-signals a>i{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 9px var(--signal)}.topic-signals strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce4ed;font-size:8px}
.map-hud{position:absolute;left:50%;bottom:13px;width:min(570px,58vw);transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:12px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(8,12,19,.62);backdrop-filter:blur(17px)}.map-hud-metrics{display:flex;gap:10px}.map-hud-metrics span{display:flex;align-items:baseline;gap:3px}.map-hud-metrics strong{font-size:15px}.map-hud-metrics small{color:var(--muted);font-size:6px;text-transform:uppercase}.signal-timeline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px}.signal-timeline>span{color:#687487;font-size:6px;font-weight:850}.signal-timeline>div{height:20px;display:flex;align-items:flex-end;gap:3px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.1)}.signal-timeline i{flex:1;min-width:3px;height:9px;border-radius:2px 2px 0 0;background:var(--signal);opacity:.88}.signal-timeline i:nth-last-child(-n+3){height:14px}.signal-timeline i.empty{background:rgba(255,255,255,.08)}.timeline-counts{display:flex;gap:7px}.timeline-counts b{display:flex;align-items:center;gap:3px;color:#dce4ed;font-size:8px}.timeline-counts i{width:5px;height:5px;border-radius:50%;background:var(--signal)}
.map-dashboard-foot{position:absolute;z-index:8;left:14px;right:14px;bottom:8px;display:flex;justify-content:space-between;color:#515d70;font-size:6px;pointer-events:none}.fullscreen-hint{display:flex;align-items:center;gap:5px}.fullscreen-hint kbd{padding:2px 4px;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#7e899a;font:800 6px inherit}
.map-error{display:grid;place-content:center;text-align:center}.map-error>span{color:var(--red-soft);font-size:8px;font-weight:900;letter-spacing:.15em}.map-error h2{margin:12px 0 5px}.map-error p{color:var(--muted);font-size:10px}.map-error button{justify-self:center;margin-top:10px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;font:800 9px inherit;cursor:pointer}.map-toast{position:fixed;z-index:100;left:50%;bottom:22px;max-width:calc(100vw - 30px);padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(16,22,33,.94);box-shadow:0 16px 46px rgba(0,0,0,.38);color:#dfe6ef;font-size:9px;opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:.2s}.map-toast.show{opacity:1;transform:translate(-50%,0)}
.is-fullscreen .lage-map-page{padding:8px}.is-fullscreen .map-topbar{height:52px;flex-basis:52px}.is-fullscreen .map-back-link{display:none}.is-fullscreen .map-dashboard{border-radius:17px}.is-fullscreen .standalone-map-svg{max-width:min(54vw,680px)}
@media(max-width:980px){.signal-orbit{left:2%;--orbit:128px}.topic-signals{right:2%;width:170px}.map-hud{width:min(540px,66vw)}.standalone-map-svg{max-width:55vw}}
@media(max-width:700px){.lage-map-page{padding:7px;gap:7px}.map-topbar{height:54px;flex-basis:54px;border-radius:15px;padding:0 8px}.map-brand img{width:32px;height:32px}.map-brand strong{font-size:10px}.map-brand small{font-size:6px}.map-back-link{display:none}.fullscreen-toggle{width:40px;padding:0}.fullscreen-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.map-dashboard{border-radius:17px}.map-stage-head{left:11px;right:11px;top:10px}.map-stage-head>span{font-size:6px}.map-live-state{max-width:145px;padding:6px 8px;white-space:nowrap}.map-live-state span{overflow:hidden;text-overflow:ellipsis}.map-canvas-panel{inset:39px 0 106px}.map-radar{top:46%;width:min(90vw,58vh)}.standalone-map-svg{height:calc(100% - 34px);max-width:82vw}.signal-orbit{--orbit:82px;left:9px;top:23%;transform:none}.signal-orbit>span,.signal-orbit>strong{transform:translateY(18px)}.signal-orbit>span{font-size:5px}.signal-orbit>strong{font-size:10px}.signal-orbit-rings b{width:8px;height:8px}.topic-signals{top:auto;right:9px;left:9px;bottom:68px;width:auto;transform:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.topic-signals>span{display:none}.topic-signals a{grid-template-columns:8px minmax(0,1fr);padding:7px}.topic-signals small{display:none}.topic-signals strong{font-size:7px}.map-hud{bottom:8px;width:calc(100% - 18px);grid-template-columns:auto 1fr auto;gap:7px;padding:7px 8px}.map-hud-metrics{gap:7px}.map-hud-metrics strong{font-size:12px}.map-hud-metrics small{display:none}.signal-timeline{grid-template-columns:1fr}.signal-timeline>span{display:none}.signal-timeline>div{gap:2px}.timeline-counts{gap:4px}.timeline-counts b{font-size:7px}.map-dashboard-foot{display:none}.map-sonar{width:76vw;right:-20vw}.standalone-attribution{display:none}}
@media(max-width:420px){.map-hud-metrics span:nth-child(2){display:none}.topic-signals strong{font-size:6px}.standalone-map-legend{gap:7px;font-size:6px}.signal-orbit{top:18%}}
.lage-map-page{position:relative;width:100%;max-width:none;height:100dvh;margin:0;padding:0;display:block}
.map-topbar{position:absolute;z-index:20;left:18px;right:18px;top:14px;height:44px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.map-dashboard{position:absolute;inset:0;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.map-dashboard:before{display:none}
.map-stage-head{left:20px;right:20px;top:72px}.map-canvas-panel{inset:56px 0 46px}
@media(max-width:700px){.lage-map-page{margin:0;padding:0}.map-topbar{left:10px;right:10px;top:9px;height:40px;padding:0}.map-dashboard{border-radius:0}.map-stage-head{left:11px;right:11px;top:60px}.map-canvas-panel{inset:58px 0 96px}}
.map-sonar{left:50%;right:auto;top:50%;width:min(74vh,58vw);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(239,51,64,.22),rgba(239,51,64,.075) 35%,transparent 68%);animation:map-sonar-center-breathe 5s ease-in-out infinite}
.map-sonar:after,.map-sonar i{border:2px solid rgba(255,145,153,.95);box-shadow:0 0 14px rgba(255,50,65,.85),inset 0 0 10px rgba(255,50,65,.55);animation-duration:6.2s}.map-sonar i:nth-child(2){animation-delay:-2.06s}.map-sonar i:nth-child(3){animation-delay:-4.12s}
.map-radar{top:50%}.map-radar b{display:none}
@keyframes map-sonar-center-breathe{0%,100%{transform:translate(-50%,-50%) scale(.97);filter:brightness(.92)}50%{transform:translate(-50%,-50%) scale(1.035);filter:brightness(1.25)}}
@media(max-width:700px){.map-sonar{left:50%;right:auto;top:48%;width:min(112vw,68vh)}}
@media(prefers-reduced-motion:reduce){.map-sonar,.map-sonar i,.map-live-state i,.signal-orbit-rings b,.map-radar b{animation:none}.standalone-map-svg{transition:none}}

/* Bundesland-Fokus: dreifacher Signalimpuls, räumliches Herauslösen und Rückflug */
.standalone-map-svg .map-region,.standalone-map-svg .map-state-label-group{cursor:pointer}
.state-focus-layer{position:absolute;z-index:9;pointer-events:none;isolation:isolate}
.state-focus-layer:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.55);border-radius:50%;background:radial-gradient(circle,rgba(239,51,64,.14),rgba(239,51,64,.035) 43%,transparent 70%);opacity:0;transition:opacity .55s,transform .8s cubic-bezier(.18,.8,.2,1)}
.state-focus-svg{display:block;width:100%;height:100%;overflow:visible}
.state-focus-clone{--state-expanded-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);transform-origin:0 0;transform-box:view-box;pointer-events:auto;cursor:zoom-out;transition:transform .78s cubic-bezier(.18,.82,.2,1),filter .35s,opacity .3s}
.state-focus-clone .map-region path{stroke-width:2;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--signal) 58%,transparent))}
.state-focus-clone .external-map-layer{opacity:1;pointer-events:none}.state-focus-clone .external-base-layer rect{fill:rgba(10,17,26,.58)}.state-focus-clone .weather-warning{animation:none}.state-focus-clone .water-gauge-wave{animation:water-gauge-pulse 2.8s ease-out infinite}.state-focus-clone .traffic-route{animation:traffic-flow 2.2s linear infinite}.state-focus-outline path{fill:none!important;stroke:#f3f7fb!important;stroke-width:2.4!important;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(255,255,255,.42))}
.state-focus-clone.is-flashing{animation:state-focus-flash .22s ease-in-out 3}
.state-focus-layer.is-expanded:before{opacity:1;transform:translate(-50%,-50%) scale(1)}
.state-focus-layer.is-expanded .state-focus-clone{transform:var(--state-expanded-transform);filter:drop-shadow(0 34px 34px rgba(0,0,0,.52)) drop-shadow(0 0 22px color-mix(in srgb,var(--signal) 32%,transparent))}
.state-focus-caption{position:absolute;z-index:3;left:50%;top:5%;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 8px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(8,12,19,.72);box-shadow:0 16px 42px rgba(0,0,0,.3);backdrop-filter:blur(16px);opacity:0;transform:translate(-50%,-8px);transition:opacity .35s .34s,transform .45s .3s;white-space:nowrap}.state-focus-caption span{grid-row:1/3;color:var(--red-soft);font:900 10px ui-monospace,SFMono-Regular,Menlo,monospace}.state-focus-caption strong{font-size:10px}.state-focus-caption small{color:var(--muted);font-size:6px;letter-spacing:.04em}.state-focus-layer.is-expanded .state-focus-caption{opacity:1;transform:translate(-50%,0)}
.state-focus-details{position:absolute;z-index:16;right:22px;top:50%;width:min(330px,27vw);max-height:calc(100% - 150px);padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(22,30,44,.96),rgba(7,12,20,.92));box-shadow:0 28px 70px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(25px) saturate(1.25);-webkit-backdrop-filter:blur(25px) saturate(1.25);opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px,-50%) scale(.98);transition:opacity .32s .28s,transform .44s .24s,visibility .32s}.map-theatre.is-state-expanded>.state-focus-details{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scale(1)}.state-focus-details.is-closing{opacity:0!important;transform:translate(18px,-50%) scale(.98)!important;transition-delay:0s!important}.state-focus-details>span{display:block;color:var(--red-soft);font-size:6px;font-weight:950;letter-spacing:.17em}.state-focus-details h3{margin:5px 32px 11px 0;font-size:20px;line-height:1.08;letter-spacing:-.035em}.state-focus-close{position:absolute;right:10px;top:10px;width:28px;height:28px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.055);color:#dfe6ef;font:400 18px/1 inherit;cursor:pointer}.state-focus-close:hover{background:rgba(255,255,255,.11)}.state-detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}.state-detail-metrics article{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035)}.state-detail-metrics small,.state-detail-metrics strong,.state-detail-metrics em{display:block}.state-detail-metrics small{color:#7f8c9e;font-size:5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.state-detail-metrics strong{margin-top:4px;color:#f0f4f9;font-size:13px}.state-detail-metrics em{margin-top:2px;color:#8592a3;font:600 6px inherit}.state-detail-scroll{max-height:calc(100vh - 360px);padding-right:3px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.state-detail-section{padding:10px 0;border-top:1px solid rgba(255,255,255,.085)}.state-detail-section h4{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.state-detail-section h4 span{color:#f1f4f8;font-size:9px}.state-detail-section h4 b{padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.06);color:#aeb9c6;font-size:5px}.state-detail-section.weather h4 span{color:#ffd267}.state-detail-section.water h4 span{color:#5cdbff}.state-detail-section.traffic h4 span{color:#ff6571}.state-detail-source{margin:4px 0 7px;color:#748194;font-size:5.5px}.state-detail-section ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.state-detail-section li{padding:7px 8px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.028)}.state-detail-section li strong,.state-detail-section li small{display:block}.state-detail-section li strong{color:#dde5ed;font-size:7px;line-height:1.25}.state-detail-section li small{margin-top:3px;color:#8491a2;font-size:5.7px;line-height:1.35}.state-detail-empty{margin:7px 0 0;padding:8px;border:1px dashed rgba(255,255,255,.1);border-radius:9px;color:#7c899b;font-size:6px;line-height:1.4}
.map-theatre.is-state-expanded .standalone-map-svg{transform:scale(.7) translateZ(-170px);filter:brightness(.22) saturate(.42) blur(1px);opacity:.48;cursor:default;transition:transform .78s cubic-bezier(.18,.82,.2,1),filter .72s,opacity .62s}
.state-detail-section.themes h4 span{color:#f2f5f8}.state-theme-item{position:relative;padding-left:21px!important}.state-theme-item>i{position:absolute;left:8px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 9px color-mix(in srgb,var(--signal) 72%,transparent)}.state-theme-item.severity-red{--signal:#ef3340}.state-theme-item.severity-yellow{--signal:#ffb33f}.state-theme-item.severity-green{--signal:#45c695}.is-state-focused .map-insight-panel{opacity:.07;filter:blur(4px) saturate(.6);pointer-events:none}.map-insight-panel{transition:opacity .38s,filter .38s}
.state-focus-details{display:flex;height:min(610px,calc(100% - 116px));max-height:none;flex-direction:column;overflow:hidden}.state-focus-details>span,.state-focus-details>h3,.state-detail-metrics{flex:0 0 auto}.state-detail-scroll{min-width:0;min-height:0;max-height:none;flex:1 1 auto;overflow-x:hidden;overflow-y:auto}.state-detail-section,.state-detail-section ul,.state-detail-section li{min-width:0;max-width:100%;box-sizing:border-box}.state-detail-section li strong,.state-detail-section li small{overflow-wrap:anywhere;white-space:normal}
.map-theatre.is-state-expanded .standalone-map-legend,.map-theatre.is-state-expanded .standalone-attribution{opacity:.18;transition:opacity .45s}
.map-theatre.is-state-expanded .map-radar{opacity:.28;transform:translate(-50%,-50%) scale(.78);transition:opacity .6s,transform .78s cubic-bezier(.18,.82,.2,1)}.map-theatre.is-state-expanded .map-weather-legend,.map-theatre.is-state-expanded .map-wildfire-legend{opacity:.08;visibility:hidden;transition-delay:0s}
.map-theatre.is-state-closing .standalone-map-svg{transition:transform .72s cubic-bezier(.22,.72,.2,1),filter .62s,opacity .55s}.state-focus-layer.is-closing .state-focus-clone{transform:translate(0,0) scale(1);filter:none}.state-focus-layer.is-closing:before,.state-focus-layer.is-closing .state-focus-caption{opacity:0;transition-delay:0s}
@keyframes state-focus-flash{0%,100%{filter:brightness(1) saturate(1)}45%{filter:brightness(3.2) saturate(1.75) drop-shadow(0 0 22px #fff) drop-shadow(0 0 38px var(--signal))}}
@media(max-width:700px){.state-focus-caption{top:1%;padding:7px 9px}.state-focus-caption small{display:none}.state-focus-layer.is-expanded .state-focus-clone{filter:drop-shadow(0 22px 26px rgba(0,0,0,.5)) drop-shadow(0 0 16px color-mix(in srgb,var(--signal) 30%,transparent))}.map-theatre.is-state-expanded .standalone-map-svg{transform:scale(.64) translateZ(-140px)}.state-focus-details{left:8px;right:8px;top:auto;bottom:8px;width:auto;height:39%;max-height:none;padding:11px;border-radius:15px;transform:translateY(14px) scale(.99)}.map-theatre.is-state-expanded>.state-focus-details{transform:none}.state-focus-details.is-closing{transform:translateY(14px) scale(.99)!important}.state-focus-details h3{margin-bottom:8px;font-size:16px}.state-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:7px}.state-detail-metrics article{padding:6px}.state-detail-metrics strong{font-size:10px}.state-detail-metrics em{display:none}.state-detail-scroll{max-height:none}.state-detail-section{padding:8px 0}.state-detail-section li{padding:6px}.state-focus-close{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.state-focus-clone.is-flashing{animation-duration:.12s}.state-focus-clone,.state-focus-layer:before,.state-focus-caption,.map-theatre.is-state-expanded .standalone-map-svg,.map-theatre.is-state-expanded .map-radar{transition-duration:.01ms}}

/* Amtliche externe Signale: DWD, PEGELONLINE und Autobahn */
.map-layer-dock{position:absolute;z-index:18;left:50%;top:70px;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(135deg,rgba(28,35,49,.78),rgba(8,12,20,.62));box-shadow:0 15px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);transform:translateX(-50%)}
.map-layer-toggle{position:relative;height:34px;min-width:92px;padding:0 9px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8b97a8;font:800 8px inherit;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;cursor:pointer;transition:background .22s,border-color .22s,color .22s,transform .15s,box-shadow .22s}.map-layer-toggle:hover{color:#e5ebf2;background:rgba(255,255,255,.055)}.map-layer-toggle:active{transform:scale(.97)}.map-layer-toggle.active{color:#f4f7fb;border-color:rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.09),0 6px 18px rgba(0,0,0,.18)}
.map-layer-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.map-layer-toggle b{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.065);color:#bbc5d1;font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace}.map-layer-toggle.active[data-layer=weather]{color:#ffd267}.map-layer-toggle.active[data-layer=water]{color:#5cdbff}.map-layer-toggle.active[data-layer=traffic]{color:#ff6571}.map-layer-toggle.source-stale:after,.map-layer-toggle.source-unavailable:after{content:"";position:absolute;right:4px;top:4px;width:4px;height:4px;border-radius:50%;background:#ffb33f;box-shadow:0 0 6px #ffb33f}.map-layer-toggle.source-unavailable{opacity:.55}.map-layer-toggle.source-unavailable:after{background:#ef3340;box-shadow:0 0 6px #ef3340}
.map-layer-readout{position:absolute;z-index:17;left:50%;top:116px;max-width:min(92vw,680px);padding:5px 9px;border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(7,11,18,.52);color:#8390a1;font-size:6px;font-weight:750;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(-50%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none}

.external-map-layer{opacity:0;pointer-events:none;transition:opacity .32s ease}.show-layer-weather .external-base-layer,.show-layer-water .external-base-layer,.show-layer-traffic .external-base-layer,.show-layer-weather .external-state-frame,.show-layer-water .external-state-frame,.show-layer-traffic .external-state-frame{opacity:1}.show-layer-weather .weather-radar-layer,.show-layer-weather .weather-warning-layer,.show-layer-water .water-river-layer,.show-layer-water .water-layer,.show-layer-traffic .autobahn-network-layer,.show-layer-traffic .traffic-layer{opacity:1}
.external-base-layer rect{fill:rgba(10,17,26,.66)}.external-state-frame path{fill:none;stroke:rgba(229,237,247,.82);stroke-width:1.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #05080d)}
.weather-radar-image{opacity:1;mix-blend-mode:normal;filter:saturate(1.12) contrast(1.08)}
.show-layer-weather.show-layer-wildfire .weather-warning-layer{opacity:0}
.show-layer-weather.show-layer-wildfire .weather-radar-layer{opacity:0}
.show-layer-weather.show-layer-wildfire .weather-radar-combined-layer{opacity:1}
.weather-radar-combined-image{opacity:.5;filter:url(#weatherRadarCombinedBlue);mix-blend-mode:normal}
.weather-warning{stroke-width:1.35;vector-effect:non-scaling-stroke;paint-order:stroke;animation:weather-warning-breathe 4.4s ease-in-out infinite}.weather-warning.warning-minor{fill:#403719;stroke:#ffe06f}.weather-warning.warning-moderate{fill:#4a2e18;stroke:#ffad4d}.weather-warning.warning-severe{fill:#482129;stroke:#ff5f6c}.weather-warning.warning-extreme{fill:#422348;stroke:#e778f5}
@keyframes weather-warning-breathe{50%{filter:brightness(1.16)}}
.water-river path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.water-river-shadow{stroke:rgba(2,8,15,.78);stroke-width:5.4}.water-river-line{stroke:#48bfe9;stroke-width:2.5;opacity:.78;filter:drop-shadow(0 0 3px rgba(72,191,233,.34))}.water-river-secondary .water-river-shadow{stroke-width:4.2}.water-river-secondary .water-river-line{stroke-width:1.65;opacity:.58}
.water-gauge{--gauge:#5cdbff;color:var(--gauge);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gauge) 68%,transparent))}.show-layer-water .water-gauge,.show-layer-traffic .traffic-event{pointer-events:all;cursor:help}.water-gauge:hover,.water-gauge:focus,.traffic-event:hover,.traffic-event:focus{filter:brightness(1.35) drop-shadow(0 0 10px currentColor);outline:none}.water-gauge.water-high{--gauge:#ff515f}.water-gauge.water-low{--gauge:#ffb33f}.water-gauge-hit,.traffic-event-hit{fill:transparent;stroke:none}.water-gauge-core{fill:var(--gauge);stroke:rgba(255,255,255,.85);stroke-width:1.5;vector-effect:non-scaling-stroke}.water-gauge-wave{fill:none;stroke:var(--gauge);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.7;animation:water-gauge-pulse 2.8s ease-out infinite}.water-trend-arrow{display:none;fill:none;stroke:#fff;stroke-width:1.4;vector-effect:non-scaling-stroke}.water-gauge.trend-rising .water-trend-arrow{display:block;transform:rotate(-90deg)}.water-gauge.trend-falling .water-trend-arrow{display:block;transform:rotate(90deg)}
@keyframes water-gauge-pulse{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.2);opacity:0}}
.autobahn-network{fill:none;stroke:#8293a7;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.72;filter:drop-shadow(0 0 1.5px rgba(2,6,12,.95))}
.traffic-route{fill:none;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #05080d) drop-shadow(0 0 6px currentColor);stroke-dasharray:8 5;animation:traffic-flow 2.2s linear infinite}.traffic-event-core{vector-effect:non-scaling-stroke;stroke:#fff;stroke-width:1.8;filter:drop-shadow(0 0 2px #05080d) drop-shadow(0 0 7px currentColor)}.traffic-event.traffic-major,.traffic-route.traffic-major{color:#ffb33f;stroke:#ffb33f;fill:#ffb33f}.traffic-event.traffic-critical,.traffic-route.traffic-critical{color:#ff6a5d;stroke:#ff6a5d;fill:#ff6a5d}.traffic-event.traffic-blocked,.traffic-route.traffic-blocked{color:#ef3340;stroke:#ef3340;fill:#ef3340}.traffic-event.traffic-blocked .traffic-event-core{animation:traffic-blocked-pulse 1.8s ease-in-out infinite}
@keyframes traffic-flow{to{stroke-dashoffset:-26}}@keyframes traffic-blocked-pulse{50%{r:9;opacity:.62}}

.map-weather-legend{position:absolute;z-index:9;left:20px;top:142px;width:218px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(135deg,rgba(19,27,40,.92),rgba(7,12,20,.84));box-shadow:0 16px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .24s,transform .24s,visibility .24s;pointer-events:none}.show-layer-weather .map-weather-legend{opacity:1;visibility:visible;transform:none}.map-weather-legend>span{display:block;margin-bottom:8px;color:#ffd267;font-size:6px;font-weight:950;letter-spacing:.17em}.weather-radar-scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px}.weather-radar-scale small{grid-column:1/-1;color:#8996a7;font-size:6px}.weather-radar-scale i{grid-column:1/-1;height:6px;border-radius:999px;background:linear-gradient(90deg,#2dbcf3,#49e1a2 32%,#e2ed3d 58%,#ffaf34 78%,#ef3340);box-shadow:0 0 9px rgba(80,220,255,.18)}.weather-radar-scale em{color:#687587;font:700 5px inherit}.weather-radar-scale em:last-of-type{text-align:right}.weather-radar-scale strong{display:none;grid-column:1/-1;color:#7ecfff;font-size:6px;font-weight:800;text-align:center}.weather-warning-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.weather-warning-scale>small{grid-column:1/-1;color:#aab5c3;font-size:6px;font-weight:800;line-height:1.2}.weather-warning-scale b{display:flex;align-items:center;gap:3px;color:#aab5c3;font-size:5px;font-weight:750;white-space:nowrap}.weather-warning-scale i{width:6px;height:6px;flex:0 0 6px;border-radius:2px}.weather-warning-scale .minor i{background:#ffe06f}.weather-warning-scale .moderate i{background:#ffad4d}.weather-warning-scale .severe i{background:#ff5f6c}.weather-warning-scale .extreme i{background:#e778f5}.show-layer-weather.show-layer-wildfire .weather-radar-scale i{background:#2dbcf3;box-shadow:0 0 9px rgba(45,188,243,.28)}.show-layer-weather.show-layer-wildfire .weather-radar-scale em,.show-layer-weather.show-layer-wildfire .weather-warning-scale{display:none}.show-layer-weather.show-layer-wildfire .weather-radar-scale strong{display:block}
.map-point-tooltip{--point-tip-x:50%;--point-tip-y:50%;position:absolute;z-index:35;left:var(--point-tip-x);top:var(--point-tip-y);width:min(260px,calc(100% - 20px));padding:10px 12px;border:1px solid rgba(92,219,255,.34);border-radius:13px;background:linear-gradient(145deg,rgba(21,30,44,.97),rgba(7,12,20,.94));box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 24px rgba(92,219,255,.1),inset 0 1px rgba(255,255,255,.075);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(-100% - 13px)) scale(.96);transform-origin:50% 100%;transition:opacity .16s,transform .16s,visibility .16s}.map-point-tooltip.show{opacity:1;visibility:visible;transform:translate(-50%,calc(-100% - 13px)) scale(1)}.map-point-tooltip.below{transform:translate(-50%,13px) scale(.96);transform-origin:50% 0}.map-point-tooltip.below.show{transform:translate(-50%,13px) scale(1)}.map-point-tooltip[data-kind=traffic]{border-color:rgba(255,101,113,.4);box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 24px rgba(255,101,113,.11),inset 0 1px rgba(255,255,255,.075)}.map-point-tooltip span{display:block;margin-bottom:4px;color:#5cdbff;font-size:6px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.map-point-tooltip[data-kind=traffic] span{color:#ff6571}.map-point-tooltip strong{display:block;color:#f2f5f9;font-size:10px;line-height:1.25}.map-point-tooltip small{display:block;margin-top:4px;color:#a0adbd;font-size:7px;line-height:1.45}

@media(max-width:980px){.map-layer-toggle{min-width:82px}.map-layer-readout{top:114px}}
@media(max-width:700px){.map-layer-dock{top:91px;gap:3px;padding:4px;border-radius:15px}.map-layer-toggle{min-width:0;width:88px;height:40px;padding:0 8px;grid-template-columns:15px 1fr auto;font-size:7px}.map-layer-toggle b{min-width:18px;height:18px}.map-layer-readout{top:139px;max-width:calc(100vw - 18px);font-size:5.5px}.weather-warning{stroke-width:1.1}.autobahn-network{stroke-width:.9}.traffic-route{stroke-width:4.5}.water-gauge-wave{stroke-width:1.4}.map-weather-legend{left:10px;top:auto;bottom:50px;width:calc(100% - 20px);padding:6px 9px;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px}.map-weather-legend>span{grid-row:1/3;margin:0;align-self:center}.weather-radar-scale{grid-column:2}.weather-warning-scale{grid-column:2;margin-top:4px}.map-point-tooltip{width:min(250px,calc(100% - 18px));padding:9px 10px}.map-point-tooltip strong{font-size:9px}.map-point-tooltip small{font-size:6.5px}}
@media(max-width:380px){.map-layer-toggle{width:80px}.map-layer-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.map-layer-toggle{grid-template-columns:1fr auto}.map-layer-toggle svg{justify-self:center}.map-layer-readout{top:138px}}
@media(prefers-reduced-motion:reduce){.weather-warning,.water-gauge-wave,.traffic-route,.traffic-event.traffic-blocked circle{animation:none}}

/* Ruhige Mischdarstellung: breite Einzelfarben statt kleinteiliger Schraffur. */
.standalone-map-legend .mixed i{width:22px;height:10px;border-radius:4px;background:linear-gradient(135deg,#45c695 0 33.333%,#ffb33f 33.333% 66.666%,#ef3340 66.666% 100%);box-shadow:0 0 9px rgba(255,179,63,.14)}
.state-focus-clone .map-region.mixed path{fill:url(#state-focus-hatch)!important}
.state-focus-clone .water-gauge,.state-focus-clone .traffic-event{pointer-events:all;cursor:help}.state-focus-clone .wildfire-area{pointer-events:none}

/* Eigene Steuerungszone: Ebenenwahl bleibt außerhalb der Deutschlandkontur. */
@media(min-width:701px){.map-layer-dock{left:20px;top:110px;transform:none}.map-layer-readout{left:20px;top:156px;width:300px;max-width:calc(100vw - 40px);transform:none}.map-weather-legend{left:20px;top:128px;width:300px;padding:7px 9px;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px}.map-weather-legend>span{grid-row:1/3;margin:0;align-self:center}.weather-radar-scale{grid-column:2}.weather-warning-scale{grid-column:2;margin-top:4px}}
@media(min-width:701px) and (max-width:980px){.map-layer-dock{left:14px;top:104px}.map-layer-toggle{min-width:74px}.map-layer-readout{left:14px;top:150px;width:250px}.map-weather-legend{left:14px;top:128px;width:250px;grid-template-columns:58px minmax(0,1fr)}}

/* DWD-Waldbrandgefahrenindex WBI */
.show-layer-wildfire .external-base-layer,.show-layer-wildfire .external-state-frame,.show-layer-wildfire .wildfire-layer{opacity:1}.show-layer-wildfire .wildfire-area{pointer-events:all;cursor:pointer}.wildfire-area{--fire:#45c695;fill:color-mix(in srgb,var(--fire) 70%,#071018);stroke:color-mix(in srgb,var(--fire) 62%,#071018);stroke-width:.45;vector-effect:non-scaling-stroke}.wildfire-station-index{display:none}.wildfire-level-1{--fire:#2f9c73;fill-opacity:.58}.wildfire-level-2{--fire:#91c83e;fill-opacity:.68}.wildfire-level-3{--fire:#e7bd35;fill-opacity:.78}.wildfire-level-4{--fire:#f47c32;fill-opacity:.86}.wildfire-level-5{--fire:#e82e3b;fill-opacity:.94}.map-layer-toggle.active[data-layer=wildfire]{color:#ff8a3d}.state-detail-section.wildfire h4 span{color:#ff9c52}
.state-detail-section.wildfire ul{gap:8px}.wildfire-trend-card{padding:8px 9px!important}.wildfire-trend-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px}.wildfire-trend-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wildfire-current-level,.wildfire-trend-direction{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.wildfire-current-level{padding:3px 5px;border:1px solid color-mix(in srgb,var(--wbi) 62%,transparent);border-radius:999px;background:color-mix(in srgb,var(--wbi) 17%,transparent);color:var(--wbi);font-size:6px;font-weight:900}.wildfire-trend-direction{color:#9ca8b7;font:800 6px inherit}.wildfire-trend-direction.rising{color:#ff8a48}.wildfire-trend-direction.falling{color:#65d6a2}.wildfire-trend-chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:4px;height:48px;margin-top:7px;padding:4px 5px 3px;border-radius:7px;background:rgba(255,255,255,.025)}.wildfire-trend-day{display:grid;height:100%;grid-template-rows:minmax(0,1fr) auto;align-items:end;justify-items:center;gap:3px;--wbi:#2f9c73}.wildfire-trend-day i{display:flex;width:100%;max-width:32px;align-items:flex-start;justify-content:center;border-radius:3px 3px 1px 1px;background:var(--wbi);box-shadow:0 0 8px color-mix(in srgb,var(--wbi) 42%,transparent)}.wildfire-trend-day.wbi-level-1 i{height:9px}.wildfire-trend-day.wbi-level-2 i{height:14px}.wildfire-trend-day.wbi-level-3 i{height:19px}.wildfire-trend-day.wbi-level-4 i{height:24px}.wildfire-trend-day.wbi-level-5 i{height:29px}.wildfire-trend-day b{padding-top:2px;color:#071018;font-size:5.5px;line-height:1}.wildfire-trend-day small{margin:0!important;color:#8592a3!important;font-size:5px!important;line-height:1!important;white-space:nowrap}.wbi-level-1{--wbi:#2f9c73}.wbi-level-2{--wbi:#91c83e}.wbi-level-3{--wbi:#e7bd35}.wbi-level-4{--wbi:#f47c32}.wbi-level-5{--wbi:#e82e3b}
.state-detail-section.traffic{display:block}.state-detail-section.traffic ul{gap:8px}.traffic-detail-card{--traffic-detail:#ffb33f;position:relative;padding:9px 10px 9px 13px!important;overflow:hidden}.traffic-detail-card:before{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--traffic-detail);content:"";box-shadow:0 0 10px color-mix(in srgb,var(--traffic-detail) 55%,transparent)}.traffic-detail-card.traffic-critical{--traffic-detail:#ff6a5d}.traffic-detail-card.traffic-blocked{--traffic-detail:#ef3340}.traffic-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px}.traffic-detail-head>span{padding:3px 5px;border:1px solid color-mix(in srgb,var(--traffic-detail) 56%,transparent);border-radius:999px;background:color-mix(in srgb,var(--traffic-detail) 15%,transparent);color:var(--traffic-detail);font-size:7px;font-weight:950;line-height:1;white-space:nowrap}.traffic-detail-head>strong{min-width:0;overflow-wrap:anywhere}.traffic-detail-route{margin-top:5px!important;padding-left:1px;color:#aeb9c6!important}.traffic-detail-meta{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:6px}.traffic-detail-meta>b{color:var(--traffic-detail);font-size:7px;line-height:1.25}.traffic-detail-meta>small{margin:0!important;color:#748194!important}
.map-wildfire-legend{position:absolute;z-index:9;left:20px;top:190px;width:300px;padding:10px 11px;border:1px solid rgba(255,138,61,.24);border-radius:14px;background:linear-gradient(135deg,rgba(24,28,38,.96),rgba(10,13,20,.91));box-shadow:0 16px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .24s,transform .24s,visibility .24s;pointer-events:none}.show-layer-wildfire .map-wildfire-legend{opacity:1;visibility:visible;transform:none}.map-wildfire-legend>span{display:block;color:#ff9c52;font-size:9px;font-weight:950;letter-spacing:.11em}.map-wildfire-legend>small{display:block;margin-top:3px;color:#9ba7b6;font-size:8px}.map-wildfire-legend>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.map-wildfire-legend b{display:flex;align-items:center;gap:4px;color:#c1cad4;font-size:7.5px;line-height:1.15}.map-wildfire-legend i{width:13px;height:8px;flex:0 0 13px;border-radius:2px;background:var(--fire);box-shadow:0 0 7px color-mix(in srgb,var(--fire) 65%,transparent)}.map-wildfire-legend .level-1{--fire:#2f9c73}.map-wildfire-legend .level-2{--fire:#91c83e}.map-wildfire-legend .level-3{--fire:#e7bd35}.map-wildfire-legend .level-4{--fire:#f47c32}.map-wildfire-legend .level-5{--fire:#e82e3b}

/* Lesbare Cockpit-Typografie */
.map-brand small{font-size:8.5px}.map-back-link,.fullscreen-toggle{font-size:10.5px}.map-stage-head>span{font-size:9px}.map-live-state{font-size:9.5px}.standalone-map-svg .map-state-label text{font-size:17px}.standalone-map-legend{font-size:9px;gap:14px}.standalone-map-legend i{width:8px;height:8px}.standalone-attribution{font-size:7px}.signal-orbit>span{font-size:8px}.signal-orbit>strong{font-size:18px}.topic-signals{width:min(250px,20vw);gap:10px}.topic-signals>span{font-size:8px}.topic-signals a{grid-template-columns:24px 11px minmax(0,1fr);padding:10px 11px}.topic-signals small{font-size:8.5px}.topic-signals strong{font-size:10px}.map-hud-metrics small,.signal-timeline>span{font-size:7.5px}.timeline-counts b{font-size:9px}.map-dashboard-foot,.fullscreen-hint kbd{font-size:7.5px}.map-layer-toggle{height:38px;min-width:98px;font-size:10px}.map-layer-toggle b{font-size:8.5px}.map-layer-readout{font-size:8px;line-height:1.25}.map-weather-legend>span{font-size:9px}.weather-radar-scale small{font-size:8px}.weather-radar-scale em{font-size:7px}.weather-warning-scale b{font-size:7.5px}.map-point-tooltip span{font-size:8px}.map-point-tooltip strong{font-size:11px}.map-point-tooltip small{font-size:8.5px}.state-focus-caption strong{font-size:12px}.state-focus-caption small{font-size:8px}.state-focus-details{width:min(380px,30vw)}.state-focus-details>span{font-size:8px}.state-detail-metrics small{font-size:7px}.state-detail-metrics strong{font-size:15px}.state-detail-metrics em{font-size:7.5px}.state-detail-section h4 span{font-size:11px}.state-detail-section h4 b{font-size:7px}.state-detail-source{font-size:7.5px;line-height:1.4}.state-detail-section li strong{font-size:9px}.state-detail-section li small,.state-detail-empty{font-size:7.5px}.state-theme-item>i{top:11px}

@media(min-width:701px){.map-layer-readout{top:160px;width:340px}.map-weather-legend{top:132px;width:340px;grid-template-columns:80px minmax(0,1fr)}.map-wildfire-legend{left:20px;top:202px;width:340px}.signal-orbit{top:57%}}
@media(min-width:701px) and (max-width:980px){.map-layer-toggle{min-width:78px;font-size:9px}.map-layer-readout{left:14px;top:154px;width:300px}.map-weather-legend{left:14px;top:132px;width:300px;grid-template-columns:70px minmax(0,1fr)}.map-wildfire-legend{left:14px;top:202px;width:300px}.topic-signals{width:190px}.topic-signals strong{font-size:9px}}
@media(max-width:700px){.map-layer-dock{left:50%;right:auto;width:calc(100% - 18px);justify-content:center}.map-layer-toggle{width:calc((100vw - 42px)/4);min-width:0;padding:0 5px;grid-template-columns:14px minmax(0,1fr) auto;gap:4px;font-size:8px}.map-layer-toggle b{min-width:17px;padding:0 3px;font-size:7.5px}.map-layer-readout{top:139px;font-size:7px;padding:6px 9px}.map-stage-head>span{font-size:7.5px}.map-live-state{font-size:8px}.topic-signals strong{font-size:8.5px}.standalone-map-legend{font-size:8px}.signal-orbit>span{font-size:7px}.signal-orbit>strong{font-size:13px}.map-wildfire-legend{left:10px;top:104px;width:calc(100% - 20px);padding:8px 9px}.map-wildfire-legend>span{font-size:8px}.map-wildfire-legend>small{font-size:7px}.map-wildfire-legend b{font-size:7px}.show-layer-wildfire .standalone-map-visual{top:46px}.map-weather-legend>span{font-size:8px}.weather-radar-scale small{font-size:7px}.weather-radar-scale em,.weather-warning-scale b{font-size:6.5px}.state-focus-details{width:auto}.state-focus-details>span{font-size:7px}.state-detail-metrics small{font-size:6.5px}.state-detail-metrics strong{font-size:12px}.state-detail-section h4 span{font-size:10px}.state-detail-section h4 b{font-size:7px}.state-detail-source{font-size:7px}.state-detail-section li strong{font-size:8.5px}.state-detail-section li small,.state-detail-empty{font-size:7px}.map-point-tooltip strong{font-size:10px}.map-point-tooltip small{font-size:8px}}
@media(max-width:380px){.map-layer-toggle span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:7px}.map-layer-toggle{width:calc((100vw - 36px)/4);grid-template-columns:12px minmax(0,1fr) auto}.map-layer-toggle svg{width:13px}.map-layer-toggle b{min-width:15px;padding:0 2px}.topic-signals strong{font-size:8px}}

/* Typografie 1.26.7: lesbar, knapp und der Karte untergeordnet. */
.map-brand small{font-size:10px;letter-spacing:.16em}
.map-back-link,.fullscreen-toggle{font-size:12px}
.map-stage-head>span{font-size:11px;letter-spacing:.14em}
.map-live-state{font-size:11px;line-height:1.2}
.standalone-map-legend{gap:16px;margin-top:6px;font-size:11px;line-height:1.2;letter-spacing:.04em}
.standalone-map-legend span{gap:7px}
.standalone-map-legend i{width:10px;height:10px}
.standalone-attribution{margin-top:7px;font-size:10px;line-height:1.2}
.signal-orbit>span{font-size:10px;letter-spacing:.11em}
.signal-orbit>strong{font-size:20px}
.topic-signals{width:min(290px,23vw);gap:10px}
.topic-signals>span{margin-left:12px;font-size:10px;letter-spacing:.12em}
.topic-signals a{grid-template-columns:25px 11px minmax(0,1fr);padding:11px 12px}
.topic-signals small{font-size:10px}
.topic-signals strong{font-size:12px;line-height:1.2}
.map-hud{width:min(640px,62vw);gap:14px;padding:10px 13px}
.map-hud-metrics{gap:12px}.map-hud-metrics strong{font-size:17px}
.map-hud-metrics small,.signal-timeline>span{font-size:10px;line-height:1.15}
.timeline-counts b{font-size:11px}.timeline-counts i{width:7px;height:7px}
.map-dashboard-foot,.fullscreen-hint kbd{font-size:10px}
.map-layer-toggle{height:42px;min-width:106px;padding:0 11px;font-size:12px;gap:7px}
.map-layer-toggle svg{width:18px;height:18px}
.map-layer-toggle b{min-width:22px;height:22px;font-size:10px}
.map-layer-readout{top:164px;width:400px;padding:7px 11px;font-size:11px;line-height:1.3;letter-spacing:.015em}
.map-weather-legend{top:136px;width:400px;padding:11px 13px;grid-template-columns:88px minmax(0,1fr);column-gap:12px}
.map-weather-legend>span{font-size:12px;letter-spacing:.12em}
.weather-radar-scale{gap:6px}.weather-radar-scale small{font-size:11px}
.weather-radar-scale i{height:8px}.weather-radar-scale em{font-size:10px}
.weather-warning-scale{gap:8px;margin-top:8px}.weather-warning-scale>small{font-size:10px}.weather-warning-scale b{gap:5px;font-size:10px}
.weather-warning-scale i{width:9px;height:9px;flex-basis:9px}
.map-wildfire-legend{top:210px;width:410px;padding:12px 13px}
.map-wildfire-legend>span{font-size:12px;letter-spacing:.1em}
.map-wildfire-legend>small{font-size:10px;line-height:1.35}
.map-wildfire-legend>div{gap:8px;margin-top:9px}
.map-wildfire-legend b{gap:5px;font-size:10.5px;line-height:1.2}
.map-wildfire-legend i{width:16px;height:10px;flex-basis:16px}
.map-point-tooltip{width:min(330px,calc(100% - 24px));padding:13px 15px}
.map-point-tooltip span{font-size:10px;letter-spacing:.12em}
.map-point-tooltip strong{font-size:14px;line-height:1.3}
.map-point-tooltip small{font-size:11px;line-height:1.5}
.state-focus-caption{gap:3px 10px;padding:11px 14px}
.state-focus-caption span{font-size:12px}.state-focus-caption strong{font-size:14px}
.state-focus-caption small{font-size:11px;letter-spacing:0}
.state-focus-details{width:min(430px,34vw);padding:18px}
.state-focus-details>span{font-size:10px;letter-spacing:.14em}
.state-focus-details h3{font-size:23px}
.state-detail-metrics{gap:8px;margin-bottom:12px}.state-detail-metrics article{padding:10px}
.state-detail-metrics small{font-size:9.5px}.state-detail-metrics strong{font-size:17px}
.state-detail-metrics em{font-size:10px;line-height:1.3}
.state-detail-section{padding:12px 0}.state-detail-section h4 span{font-size:13px}
.state-detail-section h4 b{padding:5px 8px;font-size:10px}
.state-detail-source{margin:5px 0 9px;font-size:10px;line-height:1.4}
.state-detail-section ul{gap:7px}.state-detail-section li{padding:9px 10px}
.state-detail-section li strong{font-size:12px;line-height:1.3}
.state-detail-section li small,.state-detail-empty{font-size:10.5px;line-height:1.45}
.state-theme-item>i{top:14px}

@media(min-width:701px){
  .map-layer-dock{left:20px;top:108px}
  .map-layer-readout{left:20px;top:164px;width:400px}
  .map-weather-legend{left:20px;top:136px;width:400px;grid-template-columns:88px minmax(0,1fr)}
  .map-wildfire-legend{left:20px;top:210px;width:410px}
  .show-layer-weather.show-layer-wildfire .map-wildfire-legend{top:266px}
}
@media(min-width:701px) and (max-width:980px){
  .map-layer-dock{left:14px;top:102px}.map-layer-toggle{min-width:88px;padding:0 8px;font-size:10.5px}
  .map-layer-readout{left:14px;top:156px;width:360px}
  .map-weather-legend{left:14px;top:130px;width:360px;grid-template-columns:78px minmax(0,1fr)}
  .map-wildfire-legend{left:14px;top:204px;width:370px}
  .topic-signals{width:220px}.topic-signals strong{font-size:11px}
}
@media(max-width:700px){
  .map-brand small{font-size:10px}.map-stage-head>span{font-size:10px}.map-live-state{font-size:10px}
  .map-layer-dock{top:91px;gap:2px;padding:4px}
  .map-layer-toggle{width:calc((100vw - 38px)/4);height:42px;min-width:0;padding:0 5px;grid-template-columns:15px minmax(0,1fr) auto;gap:3px;font-size:10px}
  .map-layer-toggle svg{width:15px;height:15px}.map-layer-toggle b{min-width:18px;height:20px;padding:0 3px;font-size:10px}
  .map-layer-readout{top:140px;width:auto;max-width:calc(100vw - 18px);padding:7px 10px;font-size:10px}
  .standalone-map-legend{gap:10px;font-size:10px}.standalone-map-legend i{width:9px;height:9px}
  .signal-orbit>span{font-size:10px}.signal-orbit>strong{font-size:15px}
  .topic-signals strong{font-size:10px}.topic-signals a{padding:9px}
  .timeline-counts b{font-size:10px}
  .map-weather-legend{left:10px;top:auto;bottom:50px;width:calc(100% - 20px);height:auto;padding:9px 11px;grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-content:start}
  .map-weather-legend>span{font-size:10.5px}.weather-radar-scale small{font-size:10px}.weather-warning-scale>small{font-size:9.5px}.weather-radar-scale em,.weather-warning-scale b{font-size:10px}
  .map-wildfire-legend{left:10px;top:104px;width:calc(100% - 20px);padding:10px 11px}
  .map-wildfire-legend>span{font-size:10.5px}.map-wildfire-legend>small{font-size:9.5px}.map-wildfire-legend b{font-size:10px}
  .lage-map-body.show-layer-wildfire .signal-orbit{display:none}
  .show-layer-wildfire .standalone-map-visual{top:52px}
  .map-point-tooltip{padding:11px 12px}.map-point-tooltip span{font-size:10px}.map-point-tooltip strong{font-size:13px}.map-point-tooltip small{font-size:10.5px}
  .state-focus-details{width:auto;padding:13px}.state-focus-details>span{font-size:10px}.state-focus-details h3{font-size:18px}
  .state-detail-metrics small{font-size:10px}.state-detail-metrics strong{font-size:13px}
  .state-detail-section h4 span{font-size:12px}.state-detail-section h4 b{font-size:10px}
  .state-detail-source{font-size:10px}.state-detail-section li strong{font-size:11px}.state-detail-section li small,.state-detail-empty{font-size:10px}
}
@media(max-width:380px){
  .map-layer-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .map-layer-toggle{width:calc((100vw - 34px)/4);grid-template-columns:1fr auto}.map-layer-toggle svg{width:16px;height:16px;justify-self:center}.map-layer-toggle b{min-width:18px;padding:0 3px;font-size:10px}
  .topic-signals strong{font-size:10px}.standalone-map-legend{font-size:10px}
}

/* UBA-Luftqualität: Messpunkte aus dem historisierten Datenbank-Snapshot. */
.map-layer-toggle.active[data-layer=air]{color:#b995ff}
.show-layer-air .external-base-layer,.show-layer-air .external-state-frame,.show-layer-air .air-quality-layer{opacity:1}
.show-layer-air .air-quality-station{pointer-events:all;cursor:help}
.air-quality-station{--air:#55d8a0;color:var(--air);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--air) 65%,transparent))}
.air-quality-station:hover,.air-quality-station:focus{filter:brightness(1.28) drop-shadow(0 0 12px var(--air));outline:none}
.air-index-0{--air:#55d8a0}.air-index-1{--air:#9bd64b}.air-index-2{--air:#f1c84c}.air-index-3{--air:#ff8a45}.air-index-4{--air:#ef4f65}
.air-station-hit{fill:transparent;stroke:none}.air-station-ring{fill:color-mix(in srgb,var(--air) 18%,#08111b);stroke:var(--air);stroke-width:1.5;vector-effect:non-scaling-stroke}.air-station-core{fill:var(--air);stroke:#f7fbff;stroke-width:1;vector-effect:non-scaling-stroke}
.map-point-tooltip[data-kind=air] span{color:#b995ff}
.map-air-legend{position:absolute;z-index:9;left:20px;top:210px;width:410px;padding:12px 13px;border:1px solid rgba(185,149,255,.26);border-radius:14px;background:linear-gradient(135deg,rgba(24,28,38,.96),rgba(10,13,20,.91));box-shadow:0 16px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .24s,transform .24s,visibility .24s;pointer-events:none}
.show-layer-air .map-air-legend{opacity:1;visibility:visible;transform:none}.show-layer-air.show-layer-wildfire .map-air-legend{top:304px}
.map-air-legend>span{display:block;color:#c6aaff;font-size:12px;font-weight:950;letter-spacing:.1em}.map-air-legend>small{display:block;margin-top:3px;color:#9ba7b6;font-size:10px}.map-air-legend>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px}.map-air-legend b{display:flex;align-items:center;gap:5px;color:#c1cad4;font-size:9px;line-height:1.2}.map-air-legend i{width:14px;height:9px;flex:0 0 14px;border-radius:999px;background:var(--air);box-shadow:0 0 7px color-mix(in srgb,var(--air) 65%,transparent)}
.map-air-legend .index-0{--air:#55d8a0}.map-air-legend .index-1{--air:#9bd64b}.map-air-legend .index-2{--air:#f1c84c}.map-air-legend .index-3{--air:#ff8a45}.map-air-legend .index-4{--air:#ef4f65}
.state-detail-section.air h4 span{color:#c6aaff}.state-detail-section.air ul{gap:8px}.air-detail-card{position:relative;padding:9px 10px 9px 13px!important;overflow:hidden}.air-detail-card:before{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--air);content:"";box-shadow:0 0 10px color-mix(in srgb,var(--air) 55%,transparent)}.air-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.air-detail-head>strong{min-width:0;overflow-wrap:anywhere}.air-detail-head>em{flex:0 0 auto;padding:3px 6px;border:1px solid color-mix(in srgb,var(--air) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--air) 14%,transparent);color:var(--air);font-size:7px;font-weight:900;font-style:normal;white-space:nowrap}.air-detail-values{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.air-detail-values span{display:inline-flex;gap:4px;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.045);color:#aeb9c6;font-size:8px}.air-detail-values b{color:#eef4fa}.air-detail-card>small{margin-top:6px!important;color:#748194!important}

@media(max-width:700px){
  .map-layer-toggle{width:calc((100vw - 40px)/5);font-size:8.5px;padding:0 3px;grid-template-columns:13px minmax(0,1fr) auto}
  .map-layer-toggle svg{width:14px;height:14px}.map-layer-toggle b{min-width:16px;padding:0 2px;font-size:8.5px}
  .map-air-legend{left:10px;top:auto;bottom:50px;width:calc(100% - 20px);padding:10px 11px}.show-layer-weather.show-layer-air .map-air-legend{bottom:156px}.show-layer-air.show-layer-wildfire .map-air-legend{top:auto}
  .map-air-legend>span{font-size:10.5px}.map-air-legend>small{font-size:9.5px}.map-air-legend b{font-size:8px}
}
@media(max-width:380px){
  .map-layer-toggle{width:calc((100vw - 36px)/5);grid-template-columns:1fr auto}
  .map-layer-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}

/* 1.32.1: Steuerung und aktive Legenden teilen sich jeweils einen echten Layout-Container. */
.map-layer-controls{position:absolute;z-index:18;left:20px;top:108px;width:min(340px,calc(100vw - 40px));display:grid;gap:6px}
.map-layer-controls .map-layer-dock{position:relative;left:auto;top:auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:5px;transform:none}
.map-layer-controls .map-layer-toggle{width:100%;min-width:0}
.map-layer-controls .map-layer-readout{position:relative;left:auto;top:auto;width:100%;max-width:none;box-sizing:border-box;transform:none}
.map-layer-legends{position:absolute;z-index:9;left:20px;top:205px;width:min(340px,calc(100% - 40px));max-height:calc(100% - 260px);display:flex;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;pointer-events:auto}
.map-layer-legends>.map-weather-legend,.map-layer-legends>.map-wildfire-legend,.map-layer-legends>.map-air-legend{position:relative;left:auto!important;top:auto!important;bottom:auto!important;width:100%;flex:0 0 auto;box-sizing:border-box;display:none;transform:none}
.map-layer-legends>.map-weather-legend{grid-template-columns:72px minmax(0,1fr);column-gap:9px}
.map-layer-legends .weather-warning-scale{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.map-layer-legends .weather-warning-scale b{min-width:0;gap:3px;font-size:9px}
.map-layer-legends .weather-warning-scale i{width:8px;height:8px;flex-basis:8px}
.show-layer-weather .map-layer-legends>.map-weather-legend{display:grid;opacity:1;visibility:visible;transform:none}
.show-layer-wildfire .map-layer-legends>.map-wildfire-legend,.show-layer-air .map-layer-legends>.map-air-legend{display:block;opacity:1;visibility:visible;transform:none}
.map-theatre.is-state-expanded .map-layer-legends{opacity:.08;visibility:hidden;transition:opacity .24s,visibility .24s}

@media(min-width:701px) and (max-width:980px){
  .map-layer-controls{left:14px;top:102px;width:min(340px,calc(100vw - 28px))}
  .map-layer-legends{left:14px;width:min(340px,calc(100% - 28px))}
}

@media(max-width:700px){
  .map-layer-controls{left:10px;top:91px;width:calc(100% - 20px);gap:6px}
  .map-layer-controls .map-layer-dock{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
  .map-layer-controls .map-layer-toggle{width:100%;min-width:0}
  .map-layer-controls .map-layer-readout{width:100%;max-width:none}
  /* Marker und Ebenenschalter tragen die mobile Information; die großflächigen
     Desktop-Legenden würden auf kleinen Viewports die Karte verdecken. */
  .map-layer-legends{display:none}
}

/* 1.32.4: Das Gesamtsignal sitzt kollisionsfrei in der unteren Statusleiste. */
.map-hud{width:min(800px,76vw);grid-template-columns:auto auto minmax(160px,1fr) auto}
.map-hud-overall{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap}
.map-hud-overall>i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--signal);box-shadow:0 0 11px var(--signal)}
.map-hud-overall>span{display:flex;flex-direction:column;gap:2px}
.map-hud-overall small{color:#7f8b9c;font-size:7.5px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.09em}
.map-hud-overall strong{color:var(--signal);font-size:13px;line-height:1;letter-spacing:-.02em}

@media(max-width:700px){
  .map-hud{width:calc(100% - 18px);grid-template-columns:auto auto minmax(54px,1fr) auto;gap:6px}
  .map-hud-overall{gap:5px;padding-right:7px}
  .map-hud-overall>i{width:7px;height:7px;flex-basis:7px}
  .map-hud-overall small{display:none}
  .map-hud-overall strong{font-size:10px}
}

/* 1.32.10: Der Rückweg zum Lagebild bleibt auch auf Mobilgeräten sichtbar. */
@media(max-width:700px){
  .map-window-actions{gap:5px}
  .map-back-link{display:flex;height:36px;padding:0 10px;font-size:10.5px}
}
@media(max-width:360px){
  .map-brand>span{display:none}
  .map-brand{gap:0}
  .map-back-link{padding:0 9px}
}

/* 1.32.12: Rechtshinweise bleiben auch in der eigenständigen Kartenansicht erreichbar. */
.map-dashboard-foot{align-items:center}
.map-dashboard-foot .map-legal-link{color:#748095;text-decoration:none;pointer-events:auto}
.map-dashboard-foot .map-legal-link:hover,.map-dashboard-foot .map-legal-link:focus-visible{color:#dfe7ef;text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){
  .map-hud{bottom:23px}
  .map-dashboard-foot{display:flex;left:10px;right:10px;bottom:4px;justify-content:center;font-size:8px}
  .map-dashboard-foot .fullscreen-hint,.map-dashboard-foot>span:last-child{display:none}
  .map-dashboard-foot .map-legal-link{padding:2px 5px}
}

/* 1.34: an accessible mobile document flow, without stacked fixed controls. */
.map-reading-list{position:absolute;left:20px;top:380px;z-index:12;max-width:340px;background:#171d25;border:1px solid #3b4552;border-radius:10px;padding:12px;color:#dae2ec;font-size:12px;line-height:1.5}.map-reading-list summary{cursor:pointer;min-height:28px}.map-reading-list[open]{max-height:45vh;overflow:auto}.map-reading-list p{margin:10px 0}.map-reading-list div p{border-top:1px solid #303946;padding-top:10px}
@media(max-width:700px){
html,body.lage-map-body{height:auto;min-height:100%;overflow:auto!important}
.lage-map-page{height:auto!important;min-height:100vh;overflow:visible!important;padding-bottom:20px}
.map-dashboard{height:auto!important;min-height:0;display:flex;flex-direction:column;padding-top:70px}
.map-stage-head{position:static!important;margin:8px 12px;order:0}
.map-layer-controls{position:static!important;width:auto!important;margin:8px 12px;order:1}
.map-layer-controls .map-layer-dock{display:flex!important;flex-wrap:wrap;gap:6px!important}.map-layer-controls .map-layer-toggle{width:auto!important;min-height:44px!important;font-size:12px!important;padding:8px 10px!important}
.map-layer-controls .map-layer-readout{font-size:11px;line-height:1.5;white-space:normal;height:auto;min-height:36px}
.map-canvas-panel{position:relative!important;inset:auto!important;order:2;height:530px!important;min-height:0!important;width:100%}
.map-theatre{height:100%!important;min-height:0!important}.standalone-map-legend{display:none!important}.map-layer-legends{display:none!important}
.map-insight-panel{position:static!important;inset:auto!important;order:3;width:auto!important;height:auto!important;margin:10px 12px;pointer-events:auto}
.topic-signals{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:6px;margin-bottom:12px}.topic-signals>span{width:100%;font-size:10px}.topic-signals a{position:static!important;min-height:40px;width:100%;max-width:none;font-size:12px}.topic-signals a strong{white-space:normal!important}
.map-hud{position:static!important;transform:none!important;width:100%!important;display:flex!important;flex-wrap:wrap;gap:14px;padding:14px!important;height:auto!important}.map-hud small{display:block!important;font-size:10px!important}.map-hud-metrics{display:flex!important;gap:15px!important}.signal-timeline{width:100%;flex-basis:100%}.timeline-counts{display:none!important}
.map-reading-list{position:static;order:4;max-width:none;margin:10px 12px}.map-reading-list[open]{max-height:400px}
.map-bottom-bar,.map-footer{position:static!important;order:5;margin:12px!important;display:flex!important;flex-wrap:wrap;gap:10px;font-size:10px!important}.map-dashboard>footer{position:static!important;order:5;margin:12px;display:flex;flex-wrap:wrap;font-size:10px}.map-dashboard>footer>span:first-child{display:none}.map-live-state{max-width:none!important;font-size:10px!important}.map-live-state span{white-space:normal!important}
}
@media(max-width:700px){
.map-dashboard{position:relative!important;inset:auto!important;flex:none!important;overflow:visible!important;width:100%}
.map-dashboard>*{flex-shrink:0}
.map-canvas-panel{flex:0 0 530px!important}
.topic-signals{width:100%!important}.topic-signals a{grid-template-columns:25px 11px minmax(0,1fr)!important;border-radius:10px!important}.topic-signals strong{font-size:12px!important}
}