/* Lokale Karten aus OpenStreetMap-Geometrie; keine externen Kartenaufrufe beim Laden. */
.mb-location-map { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 16px; background: #f5f7f8; border: 1px solid #d7d7d7; }
.mb-location-map__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.mb-location-map__pin { position: absolute; left: 50%; top: 50%; display: flex; flex-direction: column; align-items: center; transform: translate(-50%, -100%); color: #fff; text-decoration: none; }
.mb-location-map__label { display: flex; flex-direction: column; gap: 4px; white-space: nowrap; padding: 12px 18px; border-radius: 9px; background: #0b1920; font-family: Inter, sans-serif; font-size: 12px; line-height: 1.4; }
.mb-location-map__label strong { font-size: 14px; font-weight: 500; }
.mb-location-map__label > span { color: #c9d5dc; }
.mb-location-map__dot { display: grid; place-items: center; width: 40px; height: 40px; background: #2453ff; border: 3px solid white; border-radius: 50%; margin-top: 8px; box-shadow: 0 0 0 6px #2453ff1a; }
.mb-location-map__dot svg { width: 23px; height: 23px; }
.mb-location-map__route { position: absolute; right: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 14px; border-radius: 999px; padding: 11px 16px; background: #fff; color: #0b1920; border: 1px solid #d7d7d7; font: 500 12px/1.4 Inter, sans-serif; text-decoration: none; transition: background-color 180ms ease, color 180ms ease; }
.mb-location-map__route:hover { background: #0b1920; color: #fff; }
.mb-location-map__attribution { position: absolute; left: 8px; bottom: 7px; padding: 3px 5px; background: #ffffffeb; color: #44555f; font: 10px/1.4 Inter, sans-serif; text-decoration: underline; text-underline-offset: 2px; }
.mb-location-map a:focus-visible { outline: 3px solid #2453ff; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .mb-location-map__route { transition: none; } }