/* Synapsenbrenner Reiseplaner: Karte (P4, Agent A3, 19.09.2026). Nur innerhalb von .sb-planer-karte.
   Vorlage: Entwurf Fassung 4, Blöcke .karte-buehne, .karte-laden, .legende, Nachtrag Fassung 3 (.zeiger). */
.sb-planer-karte{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--sb-karte-hoehe,clamp(380px,52vh,560px)),1fr) auto;background:var(--sb-petrol-900,#021C1E);border-radius:var(--sb-radius,20px);overflow:hidden;color:#fff;font-size:15px;line-height:1.5}
@media (min-width:981px){.sb-planer-karte{--sb-karte-hoehe:clamp(440px,calc(100vh - 330px),720px)}}
.sb-planer-karte-schema,.sb-planer-karte-live,.sb-planer-karte-laden{grid-row:1;grid-column:1;min-width:0;min-height:0}
.sb-planer-karte-schema{position:relative;background:#F2F0EB;overflow:hidden}
.sb-planer-karte-schema svg.sb-karte-svg{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%}
.sb-planer-karte-live{position:relative;width:100%;height:100%}
.sb-planer-karte [hidden]{display:none}
.sb-planer-karte-schema[hidden],.sb-planer-karte-live[hidden],.sb-planer-karte-laden[hidden]{display:none}
.sb-planer-karte-laden{align-self:end;z-index:2;background:linear-gradient(180deg,rgba(2,28,30,0),rgba(2,28,30,.92) 55%);padding:44px 18px 18px;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;justify-content:space-between}
.sb-planer-karte-laden p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.92);max-width:54ch}
.sb-planer-karte-laden a{color:var(--sb-mint,#77C49B)}
.sb-planer-karte-laden [data-sb-karte-start]{min-height:44px;border:0;border-radius:999px;padding:10px 20px;background:var(--sb-gelb,#E5DE00);color:var(--sb-petrol-900,#021C1E);font:600 15px/1.2 var(--sb-schrift-titel,Poppins,system-ui,sans-serif);cursor:pointer}
.sb-planer-karte-laden [data-sb-karte-start][disabled]{opacity:.7;cursor:progress}
.sb-planer-karte button:focus-visible,.sb-planer-karte a:focus-visible,.sb-planer-karte [role="button"]:focus-visible{outline:0;box-shadow:0 0 0 3px var(--sb-gelb,#E5DE00),0 0 0 5px var(--sb-petrol-900,#021C1E)}
.sb-planer-karte-legende{grid-row:2;grid-column:1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:12px 18px;background:var(--sb-petrol-800,#06302F);font-size:13px;color:rgba(255,255,255,.88);border-top:1px solid rgba(255,255,255,.12)}
.sb-karte-leg{display:inline-flex;align-items:center;gap:7px}
.sb-karte-leg svg.sb-karte-ik{width:20px;height:20px;flex:0 0 20px;display:block}
.sb-karte-leg-stopp{width:14px;height:14px;border-radius:50%;display:block;background:#004445;border:2px solid #fff}
.sb-karte-aus{margin-left:auto;min-height:44px;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:8px 14px;font:600 13px/1.2 var(--sb-schrift-titel,Poppins,system-ui,sans-serif);cursor:pointer}
.sb-karte-aus:hover{background:rgba(255,255,255,.1)}
.sb-karte-meldung{position:absolute;left:12px;right:12px;top:12px;z-index:3;margin:0;padding:10px 14px;border-radius:12px;background:rgba(2,28,30,.9);color:#fff;font-size:13.5px}
.sb-karte-meldung[hidden]{display:none}
.sb-karte-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Marker der Live-Karte */
.sb-karte-stopp{width:30px;height:30px;border-radius:50%;background:#004445;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;font:700 14px/1 var(--sb-schrift-titel,Poppins,system-ui,sans-serif);display:grid;place-items:center;cursor:default}
.sb-karte-fund{width:28px;height:28px;border-radius:50%;background:#fff;border:2.5px solid #0B5C4E;box-shadow:0 2px 8px rgba(0,0,0,.4);display:grid;place-items:center;cursor:pointer}
.sb-karte-fund svg{width:17px;height:17px;display:block}
.sb-karte-zeiger{width:38px;height:38px;pointer-events:none;z-index:2}
.sb-karte-popup{z-index:6}
.sb-karte-zeiger-inner{width:38px;height:38px;border-radius:50%;background:#fff;border:3px solid #004445;box-shadow:0 4px 14px rgba(2,28,30,.32);display:grid;place-items:center;transition:transform .15s linear}
.sb-karte-zeiger-inner svg{width:22px;height:22px;display:block}
/* Popup (MapLibre) */
.sb-karte-popup .maplibregl-popup-content{padding:12px 14px 12px;border-radius:12px;color:#111827;font-size:14px;line-height:1.45;box-shadow:0 12px 34px rgba(2,28,30,.18)}
.sb-karte-popup .maplibregl-popup-close-button{width:32px;height:32px;font-size:20px}
.sb-karte-pop p{margin:0}
.sb-karte-pop-art{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#4B5563;padding-right:24px}
.sb-karte-pop-art svg{width:18px;height:18px;flex:0 0 18px}
.sb-karte-pop .sb-karte-pop-titel{margin-top:4px;font:600 15px/1.3 var(--sb-schrift-titel,Poppins,system-ui,sans-serif);color:#021C1E}
.sb-karte-pop-knoepfe{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:10px}
.sb-karte-pop-umweg{min-height:40px;border:0;border-radius:999px;padding:8px 14px;background:var(--sb-petrol-700,#004445);color:#fff;font:600 13.5px/1.2 var(--sb-schrift-titel,Poppins,system-ui,sans-serif);cursor:pointer}
.sb-karte-pop-link{font:600 13.5px/1.2 var(--sb-schrift-titel,Poppins,system-ui,sans-serif);color:#004445;text-decoration:underline;text-underline-offset:3px}
.sb-karte-pop button:focus-visible,.sb-karte-pop a:focus-visible{outline:0;box-shadow:0 0 0 3px #E5DE00,0 0 0 5px #021C1E}
@media (prefers-reduced-motion:reduce){.sb-karte-zeiger-inner{transition:none}}
@media (max-width:480px){.sb-planer-karte-laden{padding:36px 14px 14px}.sb-karte-aus{margin-left:0}}
@media print{
  .sb-planer-karte{grid-template-rows:auto auto;break-inside:avoid;background:#fff;color:#000}
  .sb-planer-karte-live,.sb-planer-karte-laden,.sb-karte-aus,.sb-karte-meldung{display:none}
  .sb-planer-karte-schema{display:block;position:relative;height:auto;aspect-ratio:5/4}
  .sb-planer-karte-schema[hidden]{display:block}
  .sb-planer-karte-legende{background:#fff;color:#000;border-top:1px solid #ccc}
}