/* Lagekarte v5 · konsolidiert */
:root{
  --om-bg:#0c1320;--om-sea:#060d18;--om-land:#1b2a45;--om-land-hi:#26395b;--om-coast:#3b5480;--om-bord:#2a3d5e;
  --om-ink:#eef2f7;--om-ink2:#d5dde8;--om-mute:#a3afc0;--om-faint:#8391a6;--om-line:rgba(160,185,215,.14);--om-line2:rgba(160,185,215,.24);
  --om-amber:#f5a524;--om-amber-d:#e9950f;
  --s-crit:#f05252;--s-high:#fb7d3c;--s-warn:#e8c547;--s-info:#4cc3f0;--s-ok:#34c38f;--s-unk:#94a3b8;
  --f-disp:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;--f-body:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--f-mono:'DM Mono',ui-monospace,Menlo,monospace;
  --t-xs:11px;--t-sm:12.5px;--t-md:14px;--t-lg:16px;
  --om-maph:clamp(420px,calc(100svh - 430px),680px);--om-panelw:360px;
}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
.ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em;stroke:currentColor;fill:none;overflow:visible}
.s-crit{--c:var(--s-crit)}.s-high{--c:var(--s-high)}.s-warn{--c:var(--s-warn)}.s-info{--c:var(--s-info)}.s-ok{--c:var(--s-ok)}.s-unk{--c:var(--s-unk)}

/* Schutz gegen globale Seitenregeln (button, i: min-height 44px) */
:where(.om-hero,.om-sharedlg) :is(i,button){min-height:0;min-width:0}
:where(.om-hero) :is(h1,h2,h3){letter-spacing:normal}
/* ---------- Hero-Kopf ---------- */
.om-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 452px;grid-template-areas:"intro heat" "sum sum" "stage stage" "facts facts" "list list";column-gap:40px;color:var(--om-ink);font-family:var(--f-body);padding-block:22px 40px;padding-inline:max(16px,calc((100% - 1392px)/2 + 24px));background:radial-gradient(80% 55% at 70% 0%,#14243d 0%,#0c1320 60%) #0c1320}
.om-hero *{box-sizing:border-box}
.om-intro{grid-area:intro;align-self:center;min-width:0}
.om-kicker{display:flex;align-items:center;gap:9px;margin:0;font:500 var(--t-sm)/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--om-amber)}
.om-live{position:relative;width:8px;height:8px;border-radius:50%;background:var(--s-crit)}
.om-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--s-crit);animation:omPing 2.4s cubic-bezier(.2,.6,.4,1) infinite}
@keyframes omPing{0%{transform:scale(1);opacity:.6}80%,100%{transform:scale(3);opacity:0}}
.om-h1{margin:12px 0 10px;font:800 clamp(34px,3.3vw,50px)/.96 var(--f-disp);letter-spacing:0;text-transform:uppercase;text-wrap:balance;color:var(--om-ink)}
.om-h1 span{color:var(--om-amber)}
.om-sub{margin:0;max-width:70ch;color:var(--om-mute);font-size:15px;line-height:1.5}
.om-heat{grid-area:heat;align-self:center;padding:14px 16px 12px;border:1px solid var(--om-line2);border-radius:16px;background:linear-gradient(180deg,rgba(20,34,56,.85),rgba(10,18,30,.85));box-shadow:0 24px 50px -30px rgba(0,0,0,.8)}
.om-heat-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.om-heat-h{margin:0;font:800 21px/1 var(--f-disp);text-transform:uppercase;letter-spacing:.01em}
.om-heat-top span{font:500 var(--t-xs)/1.2 var(--f-mono);color:var(--om-faint);text-align:right}
.om-heat-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px}
.om-heat-chips button{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:8px 4px;border-radius:12px;border:1px solid var(--om-line2);background:rgba(255,255,255,.03);color:var(--om-ink);font:600 13px/1.1 var(--f-body);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.om-heat-chips button .ic{font-size:20px;color:var(--om-amber)}
.om-heat-chips button:hover{border-color:var(--om-amber);background:rgba(245,165,36,.1);transform:translateY(-1px)}
.om-heat-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}
.om-heat-skip{appearance:none;border:0;background:transparent;color:var(--om-amber);font:600 var(--t-sm)/1 var(--f-body);cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0}
.om-heat-skip:hover{text-decoration:underline}
.om-heat-foot>span{font-size:var(--t-xs);color:var(--om-faint)}
.om-heat :focus-visible{outline:2px solid var(--om-amber);outline-offset:2px}

.om-sumwrap{grid-area:sum;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;margin:18px 0 12px;min-width:0}
.om-sum{--c:var(--om-ink2);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}
.om-sum::-webkit-scrollbar{display:none}
.om-sum.om-more{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 30px),transparent)}
.om-sum button{flex:none;appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px 0 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c) 34%,var(--om-line2));background:color-mix(in srgb,var(--c) 10%,rgba(255,255,255,.02));color:var(--c);font:500 var(--t-sm)/1 var(--f-body);white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s,color .15s,opacity .2s}
.om-sum button .ic{font-size:15px;color:var(--c)}
.om-sum button b{font:700 20px/1 var(--f-disp);color:var(--c);font-variant-numeric:tabular-nums}
.om-sum button:hover{border-color:color-mix(in srgb,var(--c) 80%,transparent);background:color-mix(in srgb,var(--c) 16%,rgba(255,255,255,.02))}
.om-sum button[aria-pressed="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 20%,transparent);box-shadow:inset 0 0 0 1px var(--c);color:var(--om-ink)}
.om-sum button.om-sum-all{--c:var(--om-amber);padding-left:14px}
.om-sum button.is-zero{opacity:.45}
.om-sum button:focus-visible{outline:2px solid var(--om-amber);outline-offset:2px}
.om-sum-meta{margin:0;font-size:var(--t-sm);color:var(--om-mute);white-space:nowrap}
.om-sum-meta a{color:var(--om-ink2)}
.om-seg{grid-column:1/-1;display:flex;height:4px;border-radius:2px;overflow:hidden;gap:2px;background:rgba(255,255,255,.05)}
.om-seg i{background:var(--c);transition:opacity .2s}

/* Einstieg */
@media (prefers-reduced-motion:no-preference){
  /* Reihenfolge traegt die Aussage: erst die Wege, zuletzt die Punkte. Der
     Aufbau sagt damit ohne einen Satz Text, dass die Punkte die Sache sind.
     Staffelung nur einstufig und bei .55 s gedeckelt (Heer/Robertson 2007:
     mehrstufige Staffelung wirkte "overly complex"). */
  .om-intro-run .om-routes,.om-intro-run .om-pipes{animation:omFade .42s ease-out both}
  .om-intro-run .om-m .om-s{animation:omPop .34s cubic-bezier(0,0,.2,1) both;animation-delay:calc(.42s + min(var(--i,0)*24ms,.55s))}
  /* Quittung auf Klick und Tap, 90 ms, nur transform */
  .om-m.is-tap .om-s{animation:omTap .09s cubic-bezier(0,0,.38,.9)}
}
@keyframes omPop{from{opacity:0;transform:scale(calc(var(--ms,1)*.86))}to{opacity:1;transform:scale(var(--ms,1))}}
@keyframes omFade{from{opacity:0}to{opacity:1}}
@keyframes omTap{0%,100%{transform:scale(var(--ms,1))}50%{transform:scale(calc(var(--ms,1)*1.18))}}

/* ---------- Bühne ---------- */
.om-stage{scroll-margin-top:96px;grid-area:stage;display:grid;grid-template-columns:minmax(0,1fr) var(--om-panelw);grid-template-rows:var(--om-maph) auto;border:1px solid var(--om-line);border-radius:18px;overflow:hidden;background:#070f1b;box-shadow:0 40px 90px -40px rgba(0,0,0,.85)}
.om-mapwrap{position:relative;min-width:0;height:var(--om-maph);overflow:hidden;contain:strict}
.om-mapwrap::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px rgba(2,6,12,.6);z-index:1}
.om-svg{outline:none;display:block;width:100%;height:100%;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.is-zoomed .om-svg{touch-action:none}
.is-panning .om-svg,.is-panning .om-c,.is-panning .om-m{cursor:grabbing}
.om-sea{fill:url(#omSeaG)}
.om-sea,.om-grat,.om-detail,.om-routes,.om-pipes,.om-ships{pointer-events:none}
.om-grat{fill:none;stroke:rgba(148,178,214,.1);stroke-width:1;stroke-dasharray:1 4;vector-effect:non-scaling-stroke}
.om-detail{fill:var(--om-land);stroke:var(--om-coast);stroke-width:.8;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .3s}
.is-zoomed .om-detail{opacity:1}
.om-c{fill:var(--om-land);stroke:var(--om-coast);stroke-width:.6;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}
.om-c:hover{fill:var(--om-land-hi)}
.om-c.is-csel{fill:#34507c;stroke:var(--om-amber);stroke-width:1.4}
.is-zoomed .om-c{fill:transparent;stroke:var(--om-bord)}
.is-zoomed .om-c:hover{fill:rgba(120,160,215,.16)}
.is-zoomed .om-c.is-csel{fill:rgba(245,165,36,.14);stroke:var(--om-amber)}
.f-gas .om-c{fill:#141f33;stroke:var(--om-bord)}
.f-gas .om-c.g0{fill:#1b3a5c}.f-gas .om-c.g1{fill:#1f5a80}.f-gas .om-c.g2{fill:#2a7fa3}.f-gas .om-c.g3{fill:#4aa6c2}.f-gas .om-c.g4{fill:#8fd0df}
.f-gas .om-c:hover{filter:brightness(1.15)}
.f-gas .om-c.is-csel{stroke:var(--om-amber);stroke-width:1.8}

.om-r,.om-p{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s}
.om-r{stroke:var(--c);stroke-width:1.9;opacity:.8;stroke-dasharray:2 6}
.om-r.s-crit{stroke-dasharray:7 5;opacity:.85}
.om-r.s-info{stroke-width:2.6;opacity:1}
.om-p{stroke:var(--c);stroke-width:3.2;opacity:.95}
.om-p.s-crit{stroke-dasharray:5 4}
.is-live .om-r:not(.s-crit){animation:omFlow 1.6s linear infinite}
@keyframes omFlow{to{stroke-dashoffset:-16}}
/* Waehrend die Zeitleiste laeuft, steht der Fluss still: er ist der teuerste
   Posten der Karte (gemessen) und zwei Bewegungen auf derselben Flaeche
   konkurrieren um dieselbe Aufmerksamkeit. */
.om-playing .om-r{animation:none!important}
.om-hl .om-r,.om-hl .om-p{opacity:.12}
.om-hl .om-r.is-on,.om-hl .om-p.is-on{opacity:1;stroke-width:3.2}
.om-detouring .om-r:not(#r-fuj-kap-eu):not(#r-golf-eu-suez),.om-detouring .om-p{opacity:.08}
.om-detouring .om-m:not([data-id="kap"]):not([data-id="suez"]):not([data-id="hormuz"]):not([data-id="bab"]){opacity:.3}
.om-ship{fill:#dff4ff;stroke:#06101d;stroke-width:1.5}

.om-m{cursor:pointer;outline:none;transition:opacity .25s}
.om-s{transform:scale(var(--ms,1));transform-box:view-box}
.om-hit{fill:transparent;stroke:none}
.om-m .om-dot{fill:var(--c);stroke:#06101d;stroke-width:1.8}
.om-m .om-halo{fill:none;stroke:var(--c);stroke-width:1.5;opacity:.4}
.is-live .om-m.s-crit .om-halo{animation:omHalo 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes omHalo{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.om-x{display:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round}
.om-m.s-crit .om-x{display:inline}
.om-lbl{font:600 12.5px/1 var(--f-body);fill:#e4ebf3;paint-order:stroke;stroke:#050b16;stroke-width:4px;stroke-linejoin:round;pointer-events:none;opacity:0;transition:opacity .2s}
.om-gasring{fill:none;stroke:var(--c);stroke-width:1.2;stroke-dasharray:3 3;opacity:.7}
.om-m.k-cp .om-lbl,.om-m.s-crit .om-lbl,.is-zoom2 .om-lbl,.om-m:hover .om-lbl,.om-m:focus-visible .om-lbl,.om-m.is-sel .om-lbl{opacity:1}
.om-m.lbl-hide .om-lbl{opacity:0}
.om-m.is-sel .om-lbl,.om-m:hover .om-lbl,.om-m:focus-visible .om-lbl{opacity:1!important}
.om-m.k-port .om-lbl{font-size:11.5px;fill:var(--om-mute)}
.om-m.k-port{display:none}
.is-zoomed .om-m.k-port,.om-m.k-port.is-sel{display:inline}
.om-m:focus-visible .om-dot{stroke:var(--om-amber);stroke-width:3}
.om-m.is-sel .om-dot{stroke:#fff;stroke-width:2.6}
.om-m.is-sel .om-halo{opacity:1;stroke:#fff;stroke-width:2;animation:none}
.om-spot .om-m:not(.is-sel):not(.is-rel){opacity:.5}
.om-past .om-svg{filter:saturate(.8)}
.f-no-routes .om-routes,.f-no-routes .om-ships,.f-no-pipes .om-pipes,.f-no-pipes .om-m.k-pl,.f-no-cp .om-m.k-cp,.f-no-port .om-m.k-port,.f-no-gas .om-m.k-gas{display:none!important}
.f-st .om-m:not(.is-match){opacity:.13}
.f-st .om-r:not(.is-match),.f-st .om-p:not(.is-match){opacity:.07}
.f-st .om-m.is-match .om-lbl{opacity:1}
.f-st .om-m.is-match.lbl-hide:not(.is-sel) .om-lbl{opacity:0}
.f-st .om-m.k-port.is-match{display:inline}
.om-ov-lead b{color:var(--om-ink)}
.om-ov-brent small{display:block;color:var(--om-faint);font-size:var(--t-xs);margin-top:4px}
.om-hint{margin:0;font-size:var(--t-xs);color:var(--om-faint);line-height:1.45}
.f-issues .om-m.s-ok,.f-issues .om-m.s-unk,.f-issues .om-r.s-ok,.f-issues .om-p.s-ok{display:none!important}

/* Überlagerungen */
.om-bar{position:absolute;z-index:4;inset:12px 12px auto 12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}
.om-presets,.om-tools{display:flex;gap:2px;pointer-events:auto;background:rgba(7,13,23,.9);border:1px solid var(--om-line);border-radius:12px;padding:4px;backdrop-filter:blur(8px)}
.om-presets{overflow-x:auto;scrollbar-width:none;min-width:0}
.om-presets::-webkit-scrollbar{display:none}
.om-bar button,.om-landsel{appearance:none;border:0;background:transparent;color:var(--om-mute);font:500 var(--t-sm)/1 var(--f-body);min-height:34px;padding:0 11px;border-radius:8px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.om-bar button .ic,.om-landsel .ic{font-size:15px}
.om-bar button:hover,.om-landsel:hover{color:var(--om-ink);background:rgba(255,255,255,.06)}
.om-presets button{flex:none}
.om-presets button[aria-pressed="true"]{background:var(--om-amber);color:#140c02;font-weight:600}
.om-tools button[aria-pressed="true"]{background:rgba(76,195,240,.16);color:#bfeafb;box-shadow:inset 0 -2px 0 var(--s-info)}
.om-tools button[aria-expanded="true"]{background:rgba(255,255,255,.1);color:var(--om-ink)}
.om-landsel{position:relative;padding-right:8px}
.om-landsel select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:inherit;padding:0 14px 0 0;cursor:pointer;max-width:110px}
.om-landsel select option,.om-landsel select optgroup{color:#111;background:#fff}
.om-landsel::after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.om-fcount:empty{display:none}
.om-fcount{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--om-amber);color:#140c02;font:700 11px/1 var(--f-body)}
.om-bar :focus-visible,.om-zoom button:focus-visible,
.om-zoom{position:absolute;z-index:3;right:12px;bottom:12px;display:flex;flex-direction:column;background:rgba(7,13,23,.9);border:1px solid var(--om-line);border-radius:12px;overflow:hidden}
.om-zoom button{appearance:none;width:40px;height:40px;border:0;background:transparent;color:var(--om-ink);cursor:pointer;display:grid;place-items:center}
.om-zoom button+button{border-top:1px solid var(--om-line)}
.om-zoom button:hover{background:rgba(255,255,255,.07)}
.om-zoom .ic{font-size:17px}
.om-zoomhint{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(7,13,23,.94);border:1px solid var(--om-line2);border-radius:999px;padding:9px 16px;font-size:var(--t-sm);white-space:nowrap;pointer-events:none}
.om-zoomhint kbd{font:600 11px/1 var(--f-mono);background:#1c2a40;border:1px solid #33476a;border-radius:4px;padding:2px 5px}
.om-watermark{position:absolute;z-index:1;left:22px;bottom:84px;font:800 clamp(40px,6vw,86px)/1 var(--f-disp);color:rgba(255,255,255,.07);letter-spacing:.02em;pointer-events:none;font-variant-numeric:tabular-nums}
.om-tip{position:absolute;z-index:7;pointer-events:none;background:rgba(6,12,22,.97);border:1px solid var(--om-line2);border-radius:10px;padding:8px 11px;font-size:var(--t-sm);line-height:1.35;max-width:230px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
.om-tip b{display:flex;align-items:center;gap:6px;font-weight:600}
.om-tip .tp-s{display:flex;align-items:center;gap:5px;margin-top:3px;font-weight:600;color:var(--c)}
.om-tip small{display:flex;align-items:center;gap:6px;color:var(--om-mute);margin-top:3px}
.om-tip small .ic{color:var(--om-amber)}

.om-filter{position:absolute;z-index:6;right:12px;top:60px;width:290px;background:rgba(8,14,25,.98);border:1px solid var(--om-line2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.om-filter fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.om-filter legend{font:500 var(--t-xs)/1 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--om-faint);margin-bottom:6px}
.om-filter label{display:flex;align-items:center;gap:10px;font-size:var(--t-md);color:var(--om-ink2);min-height:36px;padding:0 6px;border-radius:8px;cursor:pointer}
.om-filter label:hover{background:rgba(255,255,255,.05)}
.om-filter input{accent-color:var(--om-amber);width:17px;height:17px;margin:0}
.om-freset{appearance:none;background:transparent;border:1px solid var(--om-line);color:var(--om-mute);border-radius:9px;min-height:38px;font:500 var(--t-sm)/1 var(--f-body);cursor:pointer}
.om-freset:hover{color:var(--om-ink)}
.om-filter-open .om-zoom{opacity:0;pointer-events:none}

.om-gasleg{position:absolute;z-index:3;left:12px;bottom:12px;width:260px;background:rgba(7,13,23,.92);border:1px solid var(--om-line);border-radius:12px;padding:10px 12px;font-size:var(--t-xs);color:var(--om-mute)}
.om-gasleg b{display:block;color:var(--om-ink);font-size:var(--t-sm);font-weight:600;margin-bottom:8px}
.gl-bar{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,#1b3a5c 0 50%,#1f5a80 50% 60%,#2a7fa3 60% 70%,#4aa6c2 70% 80%,#8fd0df 80%)}
.gl-bar i{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:#fff}
.gl-bar i::after{content:attr(data-l);position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);white-space:nowrap;font:600 10.5px/1 var(--f-body);color:var(--om-ink)}
.gl-ax{display:flex;justify-content:space-between;margin-top:4px}
.om-gasleg small{display:block;margin-top:6px;color:var(--om-faint)}
.f-gas-on .om-legend{display:none}

.om-detourcard{position:absolute;z-index:3;left:12px;top:62px;width:270px;background:rgba(7,13,23,.95);border:1px solid rgba(76,195,240,.4);border-radius:14px;padding:12px 14px;font-size:var(--t-sm);line-height:1.45;display:flex;flex-direction:column;gap:6px}
.om-detourcard b{font:700 19px/1 var(--f-disp);text-transform:uppercase;letter-spacing:.02em}
.dc-row{display:flex;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}
.dc-k{color:var(--c);font-weight:600}
.dc-bar{height:6px;border-radius:3px;background:var(--s-info);overflow:hidden}
.dc-bar i{display:block;height:100%;background:var(--s-crit)}
.om-detourcard p{margin:2px 0 0;color:var(--om-ink2)}
.om-detourcard small{color:var(--om-faint);font-size:var(--t-xs)}
.om-detouring~.om-legend,.is-detour .om-legend{display:none}

.om-legend{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;font-size:var(--t-xs);color:var(--om-mute);background:rgba(7,13,23,.86);padding:8px 11px;border-radius:12px;border:1px solid var(--om-line)}
.lg-g{display:flex;flex-wrap:wrap;align-items:center;gap:4px 11px}
.lg-h{font:500 10.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--om-faint);min-width:42px}
.lg-g span{display:inline-flex;align-items:center;gap:5px}
.lg-s{width:9px;height:9px;border-radius:50%;background:var(--c)}
.lg-t{display:inline-block;width:18px;height:0;border-top:2px dotted #c9d3e0}
.lg-t.lg-pipe{border-top:3px solid #c9d3e0}
.lg-t.lg-cp{width:10px;height:10px;border:0;border-radius:50%;background:#c9d3e0}
.lg-t.lg-port{width:9px;height:9px;border:0;border-radius:2px;background:#c9d3e0}
.lg-t.lg-gas{width:9px;height:9px;border:0;border-radius:2px;background:#c9d3e0;box-shadow:0 0 0 2px rgba(201,211,224,.32)}
.lg-t.lg-flow,.lg-t.lg-stall{width:20px;height:2px;border-top:0;background:repeating-linear-gradient(90deg,#c9d3e0 0 2px,transparent 2px 8px)}
.lg-t.lg-stall{background:repeating-linear-gradient(90deg,var(--s-crit) 0 7px,transparent 7px 12px)}
.is-live .lg-t.lg-flow{animation:omLgFlow 1.6s linear infinite}
@keyframes omLgFlow{to{background-position-x:-8px}}

/* ---------- Panel ---------- */
.om-panel{position:relative;min-width:0;height:var(--om-maph);overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--om-line);background:linear-gradient(180deg,#0e1827 0%,#0a121e 100%);scrollbar-width:thin;scrollbar-color:#2a3b58 transparent;contain:content}
.om-p-in{padding:0 18px 20px;display:flex;flex-direction:column;gap:14px}
.om-phead{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;align-items:start;margin:0 -18px;padding:16px 18px 14px;background:rgba(14,24,39,.96);border-bottom:1px solid var(--om-line);backdrop-filter:blur(8px)}
.om-phead.s-land{--c:var(--om-amber)}
.om-ptile{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);font-size:20px;box-shadow:0 0 24px -8px color-mix(in srgb,var(--c) 70%,transparent)}
.om-ptxt{min-width:0}
.om-kind{font:500 var(--t-xs)/1 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--om-faint);margin:0 0 4px}
.om-pname{margin:0;font:800 25px/1 var(--f-disp);text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}
.om-phead .om-pill{grid-column:1/-1}
.om-hshare{width:40px;height:40px;border-radius:11px;border:1px solid var(--om-line);background:rgba(255,255,255,.03);color:var(--om-amber);display:grid;place-items:center;cursor:pointer;font-size:16px}
.om-hshare:hover{background:rgba(245,165,36,.12);border-color:rgba(245,165,36,.45)}
.om-pill{display:inline-flex;align-items:center;gap:6px;justify-self:start;align-self:start;font:600 var(--t-sm)/1 var(--f-body);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:999px;padding:6px 11px 6px 8px}
.om-pill .ic{font-size:14px}
.om-example{font:500 var(--t-xs)/1 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--om-amber)}
.om-lead{margin:0;font-size:14.5px;line-height:1.55;color:var(--om-ink2)}
.om-pastbadge{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:rgba(245,165,36,.08);border:1px solid rgba(245,165,36,.35);color:#ffd99a;font-size:var(--t-sm);line-height:1.45}
.om-pastbadge .ic{font-size:16px;margin-top:1px}
.om-pastev{display:flex;flex-direction:column;gap:4px}
.om-pastev time{font:500 var(--t-xs)/1 var(--f-mono);color:var(--om-faint)}
.om-pastev b{font-size:var(--t-md)}
.om-pastev p{margin:0;font-size:var(--t-sm);color:var(--om-ink2);line-height:1.45}
.om-pastev small{font-size:var(--t-xs);color:var(--om-faint)}

.om-sec{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--om-line)}
.om-sh{display:flex;align-items:center;gap:8px;margin:0;font:600 var(--t-xs)/1 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--om-mute)}
.om-sh .ic{font-size:15px;color:var(--om-amber)}
.om-src{display:flex;gap:6px;align-items:flex-start;color:var(--om-faint);font-size:var(--t-xs);line-height:1.45}
.om-src .ic{font-size:11px;margin-top:2px}
.om-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.om-duo-i{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--om-line)}
.om-duo-i.is-now{border-color:rgba(245,165,36,.35);background:rgba(245,165,36,.06)}
.om-duo-i span{display:flex;align-items:center;gap:6px;font:600 10.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--om-mute);margin-bottom:6px}
.om-duo-i.is-now span{color:var(--om-amber)}
.om-duo-i p{margin:0;font-size:13px;line-height:1.42}

.om-kpi-big{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.om-kpi-big b{font:700 38px/1 var(--f-disp);font-variant-numeric:tabular-nums}
.om-kpi-big span{display:block;font-size:var(--t-xs);color:var(--om-mute);margin-top:4px}
.om-delta{text-align:right;font:700 24px/1 var(--f-disp);display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.om-delta.neg{color:#ff8a8e}.om-delta.pos{color:#58dcae}
.om-delta span{font:500 var(--t-xs)/1.2 var(--f-body);color:var(--om-mute)}
.sp-svg{width:100%;height:72px;display:block;overflow:visible}
.sp-area{fill:url(#spGrad)}
.sp-line{fill:none;stroke:var(--c);stroke-width:2;vector-effect:non-scaling-stroke}
.sp-base{stroke:var(--om-faint);stroke-dasharray:3 3;stroke-width:1;vector-effect:non-scaling-stroke}
.sp-now{stroke:var(--om-amber);stroke-width:1.5;vector-effect:non-scaling-stroke}
.sp-dot{fill:var(--c);stroke:#0b1320;stroke-width:2}
.sp-axis{display:flex;justify-content:space-between;font:500 var(--t-xs)/1 var(--f-mono);color:var(--om-faint)}
.om-sharebar{display:flex;align-items:baseline;gap:10px}
.om-sharebar b{font:700 34px/1 var(--f-disp);white-space:nowrap}
.om-sharebar span{font-size:var(--t-sm);color:var(--om-mute);line-height:1.35}
.om-bar8{height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.om-bar8 i{display:block;height:100%;background:var(--c);border-radius:4px}
.om-views{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.om-views li{display:flex;flex-direction:column;gap:3px;padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.035);font-size:var(--t-sm);line-height:1.4}
.om-views li span{color:var(--om-mute);font-size:var(--t-xs)}
.om-views li b{font-weight:600}
.om-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:rgba(76,195,240,.07);color:#c3dcea;font-size:var(--t-sm);line-height:1.45}
.om-note .ic{color:var(--s-info);font-size:15px;margin-top:1px}
.om-chron{position:relative;list-style:none;margin:0;padding:0}
.om-chron::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;background:rgba(160,185,215,.16)}
.om-chron button{position:relative;width:100%;display:grid;grid-template-columns:12px 46px minmax(0,1fr);gap:8px;align-items:start;text-align:left;background:transparent;border:0;color:var(--om-ink);font:500 var(--t-sm)/1.4 var(--f-body);min-height:36px;padding:7px 4px 7px 0;border-radius:8px;cursor:pointer}
.om-chron button:hover{background:rgba(255,255,255,.05)}
.om-chron i{width:12px;height:12px;border-radius:50%;background:var(--c);margin-top:3px;box-shadow:0 0 0 3px #0c1523}
.om-chron i.is-plain{background:#0c1523;border:2px solid #61718a}
.om-chron time{font:500 var(--t-xs)/1.6 var(--f-mono);color:var(--om-mute)}
.om-chron li.is-future{opacity:.42}
.om-chron li.is-cur button{background:rgba(245,165,36,.08)}
.om-chron-hint{margin:-4px 0 0;font-size:var(--t-xs);color:var(--om-faint)}
.om-actions{display:flex;flex-direction:column;gap:8px;padding-top:4px}
.om-cta{display:flex;justify-content:center;align-items:center;gap:10px;min-height:46px;background:linear-gradient(180deg,#f7b13c,var(--om-amber-d));color:#150d02;font:700 14.5px/1.2 var(--f-body);border-radius:12px;padding:0 14px;border:0;cursor:pointer;box-shadow:0 10px 24px -12px rgba(245,165,36,.7);text-decoration:none}
.om-cta:hover{filter:brightness(1.06)}
.om-cta .ic{font-size:17px}
.om-cta.is-ok{background:linear-gradient(180deg,#43d19b,#2fb487)}
.om-actrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.om-ghost{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--om-line2);border-radius:11px;background:transparent;color:var(--om-ink);font:500 13.5px/1.2 var(--f-body);text-decoration:none;cursor:pointer}
.om-ghost:hover{border-color:rgba(245,165,36,.5);background:rgba(245,165,36,.05)}
.om-ghost .ic{font-size:15px}
.om-panel :focus-visible{outline:2px solid var(--om-amber);outline-offset:2px}

.om-price .pv{font:700 36px/1 var(--f-disp);color:var(--om-amber);font-variant-numeric:tabular-nums}
.om-price .pv small{font:500 var(--t-sm)/1 var(--f-body);color:var(--om-mute);margin-left:6px}
.om-price p{margin:6px 0 0;font-size:var(--t-sm);color:var(--om-ink2);line-height:1.45}
.st-top{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center}
.st-gauge{--gc:#8fd0df;position:relative;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--gc) calc(var(--p)*1%),rgba(255,255,255,.08) 0);display:grid;place-items:center}
.st-gauge.st-lo{--gc:#ff8a8e}.st-gauge.st-mid{--gc:#e8c547}.st-gauge.st-hi{--gc:#58dcae}
.st-gauge::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0c1523}
.st-gauge b{position:relative;font:700 30px/1 var(--f-disp)}
.st-gauge b small{font-size:15px;color:var(--om-mute);margin-left:1px}
.st-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.st-facts div{display:flex;flex-direction:column;gap:3px}
.st-facts span{font-size:var(--t-xs);color:var(--om-mute)}
.st-facts b{font:600 15px/1.1 var(--f-body);font-variant-numeric:tabular-nums}
.st-bar{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.08)}
.st-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--gc,#58dcae)}
.st-bar i.st-lo{background:#ff8a8e}.st-bar i.st-mid{background:#e8c547}.st-bar i.st-hi{background:#58dcae}
.st-bar em{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:#eef2f7}
.st-bar u{position:absolute;top:-5px;bottom:-5px;margin-left:-1px;border-left:2px dashed var(--om-amber)}
.st-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--t-xs);color:var(--om-mute)}
.st-leg span{display:inline-flex;align-items:center;gap:6px}
.st-leg em{display:inline-block;width:2px;height:12px;background:#eef2f7}
.st-leg u{display:inline-block;height:12px;border-left:2px dashed var(--om-amber)}
.st-oil{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.st-oil li{display:flex;flex-direction:column;gap:2px;padding-left:11px;border-left:2px solid rgba(245,165,36,.4)}
.st-oil span{font-size:var(--t-xs);color:var(--om-mute)}
.st-oil b{font-weight:500;font-size:13.5px;line-height:1.4}
.st-oil small{font-size:var(--t-xs);color:var(--om-faint)}
.om-nodes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.om-nodebtn{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:7px 10px;border-radius:11px;border:1px solid var(--om-line);background:rgba(255,255,255,.03);color:var(--om-ink);text-align:left;cursor:pointer;font-family:inherit}
.om-nodebtn:hover{border-color:rgba(245,165,36,.45);background:rgba(255,255,255,.05)}
.nb-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);font-size:16px}
.nb-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.nb-t b{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb-t small{font-size:var(--t-xs);color:var(--c)}
.nb-go{color:var(--om-faint);font-size:14px}
.om-empty{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:12px;border:1px dashed var(--om-line2);color:var(--om-mute);font-size:13px;line-height:1.45}
.om-empty .ic{font-size:20px;color:var(--om-faint);margin-top:1px}
.om-empty p{margin:0}
@keyframes omIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.om-p-in.is-in>*:not(.om-phead){animation:omIn .3s cubic-bezier(.2,.7,.2,1) both}
.om-p-in.is-in>*:nth-child(n+3){animation-delay:.05s}

/* ---------- Zeitleiste ---------- */
.om-tl{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) var(--om-panelw);gap:10px 18px;align-items:center;padding:8px 18px;border-top:1px solid var(--om-line);background:linear-gradient(180deg,#0c1625,#09111d)}
.om-play{width:48px;height:48px;border-radius:50%;border:1px solid rgba(245,165,36,.55);background:rgba(245,165,36,.12);color:var(--om-amber);display:grid;place-items:center;cursor:pointer;transition:background .2s,box-shadow .2s}
.om-play:hover{background:rgba(245,165,36,.22);box-shadow:0 0 0 6px rgba(245,165,36,.1)}
.om-play svg{width:17px;height:17px;fill:currentColor}
.om-play .i-pause{display:none}.om-play.is-on .i-pause{display:inline}.om-play.is-on .i-play{display:none}
.om-tl-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.om-tl-date{font:700 21px/1 var(--f-disp);text-transform:uppercase;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.om-tl-brent{font:500 var(--t-sm)/1.2 var(--f-mono);color:var(--om-mute);text-align:right}
.om-tl-brent b{color:var(--om-amber);font-weight:500}
.om-inf{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--om-line2);color:var(--om-mute);font:600 10px/1 var(--f-body);text-decoration:none;vertical-align:1px}
.om-inf:hover{color:var(--om-amber);border-color:var(--om-amber)}
.om-tl-track{position:relative;padding-top:6px}
.om-tl-spark{position:absolute;left:10px;right:10px;top:0;width:calc(100% - 20px);height:40px;pointer-events:none}
.om-tl-spark .a{fill:rgba(245,165,36,.09)}
.om-tl-spark .l{fill:none;stroke:rgba(245,165,36,.55);stroke-width:1.4;vector-effect:non-scaling-stroke}
.om-tl-spark .c{stroke:#fff;stroke-width:1;opacity:.5;vector-effect:non-scaling-stroke}
.om-tl-ticks{position:relative;margin:0 10px;height:40px}
.om-tick{position:absolute;bottom:2px;width:3px;height:14px;margin-left:-1.5px;border:0;padding:0;background:var(--c);border-radius:2px;cursor:pointer;opacity:.9}
.om-tick::before{content:"";position:absolute;inset:-14px -10px -6px}
.om-tick:hover,.om-tick.is-cur,.om-tick:focus-visible{height:22px;opacity:1;box-shadow:0 0 0 3px rgba(9,17,29,.9),0 0 12px var(--c)}
.om-tick:focus-visible{outline:2px solid var(--om-amber);outline-offset:3px}
.om-tick-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(6,12,22,.97);border:1px solid var(--om-line2);border-radius:8px;padding:6px 9px;font:500 var(--t-xs)/1.3 var(--f-mono);color:var(--om-mute);pointer-events:none;opacity:0;transition:opacity .15s;z-index:3}
.om-tick-tip b{display:block;font:600 var(--t-sm)/1.3 var(--f-body);color:var(--om-ink)}
.om-tick:hover .om-tick-tip,.om-tick:focus-visible .om-tick-tip{opacity:1}
.om-tl input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:24px;margin:2px 0 0;background:transparent;cursor:pointer;--fill:100%}
.om-tl input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--om-amber) var(--fill),rgba(255,255,255,.1) var(--fill))}
.om-tl input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.1)}
.om-tl input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--om-amber)}
.om-tl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:5px solid var(--om-amber);box-shadow:0 0 0 6px rgba(245,165,36,.18),0 4px 12px rgba(0,0,0,.45)}
.om-tl input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:5px solid var(--om-amber)}
.om-tl input[type=range]:focus{outline:none}
.om-tl input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #09111d,0 0 0 6px var(--om-amber)}
.om-tl-months{position:relative;height:14px;margin:4px 10px 0;font:500 var(--t-xs)/1 var(--f-mono);color:var(--om-faint);text-transform:uppercase;letter-spacing:.05em}
.om-tl-months span{position:absolute;transform:translateX(-2px)}
.om-tl-ev{display:flex;flex-direction:column;gap:6px;font-size:var(--t-sm);line-height:1.45;border-left:1px solid var(--om-line);padding-left:16px;min-height:0}
.om-tl-ev time{font:500 var(--t-xs)/1 var(--f-mono);color:var(--om-faint)}
.om-tl-ev b{display:block;font-size:var(--t-md);margin:3px 0 2px}
.om-tl-ev p{margin:0;color:var(--om-ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.om-tl-ev small{display:block;color:var(--om-faint);margin-top:3px;font-size:var(--t-xs)}
.om-evnav{display:flex;align-items:center;gap:6px;margin-top:auto}
.om-evnav button{appearance:none;width:34px;height:34px;border-radius:9px;border:1px solid var(--om-line2);background:transparent;color:var(--om-ink);font-size:17px;cursor:pointer;display:grid;place-items:center}
.om-evnav button:hover:not(:disabled){border-color:rgba(245,165,36,.5)}
.om-evnav button:disabled{opacity:.35;cursor:default}
.om-evnav button:focus-visible,.om-play:focus-visible{outline:2px solid var(--om-amber);outline-offset:2px}
.om-evnav span{font:500 var(--t-xs)/1 var(--f-mono);color:var(--om-faint);margin-left:4px}

/* ---------- Kennzahlen, Liste ---------- */
.om-facts{grid-area:facts;list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.om-facts li{display:flex;flex-direction:column;gap:5px;padding:6px 18px 4px;border-left:1px solid var(--om-line)}
.om-facts li:first-child{border-left:0;padding-left:4px}
.om-facts li>.ic{font-size:18px;color:var(--om-amber)}
.om-facts b{font:800 30px/1 var(--f-disp);font-variant-numeric:tabular-nums}
.om-facts span{font-size:13px;line-height:1.4;color:var(--om-ink2)}
.om-facts small{font-size:var(--t-xs);color:var(--om-faint);line-height:1.35;margin-top:auto}
.om-list{grid-area:list;margin-top:18px;border:1px solid var(--om-line);border-radius:14px;background:rgba(255,255,255,.015)}
.om-list summary{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:48px;padding:0 16px;font-size:var(--t-md);color:var(--om-mute)}
.om-list summary .ic{color:var(--om-amber)}
.om-list summary:focus-visible{outline:2px solid var(--om-amber);outline-offset:2px}
.om-list-h{margin:4px 16px 12px;font:700 22px/1.1 var(--f-disp);text-transform:uppercase}
.om-list-h3{margin:20px 16px 8px;font:700 18px/1.1 var(--f-disp);text-transform:uppercase}
.om-tablewrap{overflow-x:auto;padding:0 16px}
.om-list table{border-collapse:collapse;width:100%;font-size:13px;min-width:760px}
.om-list th,.om-list td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-top:1px solid var(--om-line);line-height:1.45}
.om-list thead th{font:500 var(--t-xs)/1 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--om-faint);border-top:0}
.om-list tbody th{font-weight:600;min-width:150px}
.om-list tbody th small{display:block;font-weight:400;color:var(--om-faint);font-size:var(--t-xs)}
.om-list a{color:var(--om-ink)}
.om-list .om-pill{white-space:nowrap}
.om-srccell{color:var(--om-faint);font-size:var(--t-xs);min-width:180px}
.om-list-chron{margin:0 16px;padding-left:18px;font-size:13px;line-height:1.5;color:var(--om-ink2);display:flex;flex-direction:column;gap:6px}
.om-list-chron time{font-family:var(--f-mono);color:var(--om-mute)}
.om-list-chron small{color:var(--om-faint)}
.om-foot{margin:0;padding:12px 16px 4px;font-size:var(--t-xs);color:var(--om-faint);line-height:1.55}
.om-foot:last-child{padding-bottom:16px}
.om-foot a{color:var(--om-mute)}

/* ---------- Teilen ---------- */
.om-sharedlg{padding:0;border:0;background:transparent;color:var(--om-ink);max-width:min(560px,calc(100vw - 24px));width:100%}
.om-sharedlg::backdrop{background:rgba(3,7,13,.74);backdrop-filter:blur(3px)}
.om-sh-box{position:relative;max-height:calc(100vh - 32px);overflow:auto;background:#0e1828;border:1px solid var(--om-line2);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;font-family:var(--f-body);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.om-sh-title{margin:0;font:800 28px/1 var(--f-disp);text-transform:uppercase}
.om-sh-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;background:transparent;color:var(--om-mute);cursor:pointer;border-radius:10px;display:grid;place-items:center}
.om-sh-close .ic{font-size:20px}
.om-sh-close:hover{color:var(--om-ink);background:rgba(255,255,255,.06)}
.om-sh-hint{margin:0;color:var(--om-mute);font-size:13px;line-height:1.45;padding-right:36px}
.om-sh-prev{width:100%;height:auto;aspect-ratio:1200/630;border-radius:12px;border:1px solid var(--om-line);background:#0c1320;display:block}
.om-sh-main{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.om-sh-main .om-cta{grid-column:1/-1}
.om-sh-main [data-native][hidden]+[data-img]{grid-column:1/-1}
.om-sh-nets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.om-sh-nets a{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;border:1px solid var(--om-line);border-radius:11px;color:var(--om-ink);text-decoration:none;font-size:13.5px;font-weight:500}
.om-sh-nets a:hover{border-color:rgba(245,165,36,.5);background:rgba(245,165,36,.06)}
.om-sh-box :focus-visible{outline:2px solid var(--om-amber);outline-offset:2px}
.nb{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;color:#fff;flex:none}
.nb b{font:800 14px/1 var(--f-body)}
.nb-whatsapp{background:#1faa59}.nb-telegram{background:#2a9fd8}.nb-x{background:#000;border:1px solid #333}.nb-linkedin{background:#0a66c2}.nb-facebook{background:#1877f2}.nb-mail{background:#3b4a63}
.om-sh-note{color:var(--om-faint);font-size:var(--t-xs);line-height:1.4}


/* ---------- Vollbild (Handy und Desktop) ---------- */
.om-fullbtn,.om-fullclose,.om-sheet-handle{display:none}
.om-fullbtn{position:absolute;z-index:4;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(245,165,36,.55);background:rgba(7,13,23,.92);color:var(--om-ink);font:600 13px/1 var(--f-body);cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.om-fullbtn .ic{font-size:16px;color:var(--om-amber)}
@media (max-width:760px){
  .om-fullbtn{display:inline-flex;left:8px;bottom:8px}
}
@media (min-width:761px){
  .om-fullbtn{display:inline-flex;right:12px;top:64px;transition:border-color .16s,background .16s}
  .om-fullbtn:hover{border-color:var(--om-amber);background:rgba(13,23,38,.96)}
}
body.om-full-lock{overflow:hidden!important}
.om-stage.is-full{position:fixed;inset:0;z-index:2147483000;border:0;border-radius:0;height:100vh;height:100dvh;max-height:none;margin:0;background:#070f1b;box-shadow:none}
.om-stage.is-full .om-fullbtn{display:none}
.om-stage.is-full .om-fullclose{display:grid;place-items:center;position:absolute;z-index:6;top:calc(env(safe-area-inset-top,0px) + 8px);right:8px;width:44px;height:44px;border-radius:12px;border:1px solid var(--om-line2);background:rgba(7,13,23,.94);color:var(--om-ink);cursor:pointer}
.om-stage.is-full .om-fullclose:hover{border-color:var(--om-amber)}
.om-stage.is-full .om-fullclose .ic{font-size:20px}
.om-stage.is-full .om-bar{top:calc(env(safe-area-inset-top,0px) + 8px);right:58px}
@media (max-width:760px){
  .om-stage.is-full{display:block}
  .om-stage.is-full .om-mapwrap{position:absolute;inset:0 0 var(--peek,120px) 0;height:auto;max-height:none;min-height:0;aspect-ratio:auto}
  .om-stage.is-full .om-tl,.om-stage.is-full .om-legend{display:none}
  .om-stage.is-full .om-panel{position:absolute;left:0;right:0;bottom:0;z-index:5;height:auto;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--om-line2);border-bottom:0;border-radius:18px 18px 0 0;background:#0e1827;box-shadow:0 -18px 44px rgba(0,0,0,.6);transform:translateY(calc(100% - var(--peek,120px)));transition:transform .32s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);contain:none}
  .om-stage.is-full .om-panel.is-open{transform:none}
  .om-stage.is-full .om-sheet-handle{display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:3;width:100%;height:26px;border:0;background:#0e1827;cursor:pointer;padding:0}
  .om-stage.is-full .om-sheet-handle i{width:44px;height:5px;border-radius:3px;background:rgba(200,215,235,.35)}
  .om-stage.is-full .om-phead{position:static;padding-top:4px}
  .om-stage.is-full .om-zoom,.om-stage.is-full .om-gasleg,.om-stage.is-full .om-detourcard{bottom:10px}
  .om-stage.is-full .om-watermark{bottom:70px}
  .om-stage.is-full .om-zoom{display:flex}
  .om-stage.is-full .om-zoom button[data-z]{display:grid}
  .om-stage.is-full .om-filter{top:calc(env(safe-area-inset-top,0px) + 104px)}
}
@media (min-width:761px){
  .om-stage.is-full{display:grid;grid-template-columns:minmax(0,1fr) var(--om-panelw);grid-template-rows:minmax(0,1fr) auto}
  /* Statuszahlen im Vollbild: dieselben Schalter wie über der Karte, nur kompakt
     und in den Statusfarben. */
  .om-sum.om-sum-full{position:absolute;z-index:4;left:12px;top:64px;max-width:calc(100% - 24px);margin:0;padding:7px;border-radius:16px;border:1px solid var(--om-line);background:rgba(7,13,23,.92);box-shadow:0 10px 26px rgba(0,0,0,.45)}
  .om-sum-full button{min-height:34px;padding:0 11px 0 9px;gap:6px}
  .om-sum-full button .ic{font-size:14px}
  .om-sum-full button b{font-size:17px;color:var(--c)}
  .om-sum-full button span{color:var(--c)}
  .om-sum-full button.om-sum-all b,.om-sum-full button.om-sum-all span{color:var(--om-amber)}
  .om-sum-full button[aria-pressed="true"] b,.om-sum-full button[aria-pressed="true"] span{color:var(--om-ink)}
  .om-stage.is-full .om-mapwrap{height:auto;min-height:0;max-height:none;aspect-ratio:auto}
  .om-stage.is-full .om-panel{height:auto;min-height:0;max-height:none}
  .om-stage.is-full .om-tl{padding-bottom:12px}
  .om-stage.is-full .om-watermark{bottom:96px}
}
/* Breit, aber flach: das Telefon im Querformat. Dort frisst die Zeitleiste die
   halbe Karte, deshalb bleibt im Vollbild nur Karte und Detailspalte. */
@media (min-width:761px) and (max-height:560px){
  .om-stage.is-full{grid-template-rows:minmax(0,1fr)}
  .om-stage.is-full .om-tl{display:none}
  .om-stage.is-full .om-sum.om-sum-full{top:56px;padding:5px}
  .om-stage.is-full .om-sum-full button{min-height:30px;padding:0 9px 0 7px}
  .om-stage.is-full .om-sum-full button b{font-size:15px}
  .om-stage.is-full .om-legend{display:none}
}

/* ---------- Breiten ---------- */
@media (max-height:820px) and (min-width:761px){
  .om-sub{display:none}
  .om-h1{font-size:clamp(32px,2.9vw,42px);margin-bottom:0}
  .om-hero{padding-top:16px}
  .om-sumwrap{margin:12px 0 10px}
}
@media (max-width:1280px){
  :root{--om-panelw:340px}
  .om-hero{grid-template-columns:minmax(0,1fr) 400px;column-gap:28px}
}
@media (max-width:1080px){
  :root{--om-maph:clamp(460px,64vw,600px);--om-panelw:320px}
  .om-hero{grid-template-columns:1fr;grid-template-areas:"intro" "heat" "sum" "stage" "facts" "list"}
  .om-heat{margin-top:16px;max-width:620px}
  .om-legend .lg-g:last-child{display:none}
  .om-tl{grid-template-columns:auto minmax(0,1fr)}
  .om-tl-ev{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--om-line);padding-top:10px;min-height:0}
  .om-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}
  .om-facts li:nth-child(odd){border-left:0;padding-left:4px}
  .om-bar .t{display:none}
  .om-bar button,.om-landsel{min-height:40px}
  .om-presets button{padding:0 8px}
  .om-landsel select{max-width:92px}
}
@media (max-width:760px){
  .om-hero{grid-template-areas:"intro" "sum" "stage" "heat" "facts" "list"}
  .om-heat{margin-top:16px;max-width:none}
  .om-sumwrap{grid-template-columns:1fr;margin:14px 0 10px}
  .om-sum-meta{order:3;white-space:normal}
  .om-sum{margin-inline:-16px;padding-inline:16px}
  .om-stage{grid-template-columns:1fr;grid-template-rows:auto}
  .om-mapwrap{height:auto;aspect-ratio:4/4.4;min-height:340px;max-height:62svh}
  .om-panel{height:auto;border-left:0;border-top:1px solid var(--om-line);order:2;overflow:visible;contain:none}
  .om-phead{position:static}
  .om-tl{order:3}
  .om-legend{display:none}
  .om-bar{inset:8px 8px auto 8px}
  .om-watermark{bottom:14px;left:14px}
  .om-detourcard{left:8px;right:8px;top:auto;bottom:8px;width:auto}
  .om-filter{left:8px;right:8px;width:auto;top:58px}
  .om-gasleg{left:8px;right:auto;bottom:8px;width:230px}
  .om-zoom{right:8px;bottom:8px}
  .om-zoom button[data-z="in"],.om-zoom button[data-z="out"]{display:none}
  .om-zoom:not(.has-reset){display:none}
  .om-duo{grid-template-columns:1fr}
}
@media (max-width:640px){
  .om-hero{padding-block:16px 26px}
  .om-h1{font-size:clamp(27px,7.6vw,34px);margin:10px 0 8px}
  .om-sub{font-size:14px;line-height:1.5}
  .om-heat-chips{grid-template-columns:1fr 1fr}
  .om-heat-chips button{flex-direction:row;justify-content:flex-start;padding:0 12px;min-height:52px;gap:10px;font-size:14px}
  .om-heat-top span{display:none}
  .om-presets button{padding:0 9px}
  .om-bar{flex-direction:column;align-items:stretch;gap:6px}
  .om-tools{align-self:flex-end}
  .om-facts{grid-template-columns:1fr}
  .om-facts li{border-left:0!important;padding:10px 4px;border-top:1px solid var(--om-line)}
  .om-facts li:first-child{border-top:0}
  .om-tl{padding:10px 12px;gap:8px 12px}
  .om-tl-brent{font-size:var(--t-xs)}
  .om-tl-months span:nth-child(even){visibility:hidden}
  .om-sh-nets{grid-template-columns:repeat(2,1fr)}
  .om-sh-main{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .om-live::after,
  .is-live .om-r,
  .is-live .om-m .om-halo,
  .is-live .lg-t.lg-flow,
  .om-intro-run .om-routes,
  .om-intro-run .om-pipes,
  .om-intro-run .om-m .om-s,
  .om-m.is-tap .om-s,
  .om-p-in.is-in>*{animation:none!important}
  .om-seg i,.om-panel,.om-stage.is-full .om-panel,.om-detail{transition:none!important}
  .om-ship{display:none}
}
.om-paused .om-r,.om-paused .om-halo,.om-paused .om-live::after,.om-paused .lg-t.lg-flow{animation-play-state:paused!important}