.osm-map {
  z-index: 0;
}
.osm-map-wrapper {
  position: relative;
}

/* --- Hinweis beim Scrollen über der Karte ---
   Das Mausrad zoomt erst nach einem Klick auf die Karte. Damit das
   nicht wie ein Fehler wirkt, erscheint kurz ein Hinweis. */
.osm-map{position:relative}

.osm-map::after{
  content:"Zum Zoomen in die Karte klicken";
  position:absolute;
  inset:0;
  z-index:500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  text-align:center;
  font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif);
  font-size:1rem;
  color:#fff;
  background:rgb(0 0 0 / .45);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 200ms, visibility 200ms;
}

.osm-map.show-hint::after{
  opacity:1;
  visibility:visible;
}

/* Auf Touch-Geräten gilt ein anderer Hinweis */
@media (hover:none){
  .osm-map::after{
    content:"Karte mit zwei Fingern bewegen";
  }
}

@media (prefers-reduced-motion:reduce){
  .osm-map::after{transition:opacity 1ms, visibility 1ms}
}