/* Modern OpenStreetMap / Leaflet map (ersetzt die alte Google-Maps-Einbindung) */
#osm-map{
    position:relative;
    width:100%;
    height:440px;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 18px 50px -22px rgba(0,0,0,.55);
    z-index:1;
    background:#e9eef2;
}
.leaflet-container{font:inherit;background:#aad3df}
.leaflet-control-attribution{font-size:10px;background:rgba(255,255,255,.7)}

/* moderner, tropfenförmiger Marker */
.osm-marker{background:none;border:0}
.osm-marker-pin{
    display:block;width:26px;height:26px;
    border-radius:50% 50% 50% 0;
    background:#00568f;
    border:3px solid #fff;
    box-shadow:0 4px 12px rgba(0,0,0,.4);
    transform:rotate(-45deg);
}
.osm-marker-pin::after{
    content:"";position:absolute;top:8px;left:8px;
    width:8px;height:8px;border-radius:50%;background:#fff;
}

/* Popup modern */
.leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 10px 40px -14px rgba(0,0,0,.5)}
.leaflet-popup-content{margin:14px 16px;line-height:1.45}
.osm-popup h3{margin:0 0 .35rem;font-size:1.02rem;color:#00568f}
.osm-popup p{margin:0 0 .5rem;font-size:.86rem;color:#333}
.osm-popup img{max-width:150px;height:auto;margin-bottom:.5rem}
.osm-popup-route{
    display:inline-block;margin-top:.2rem;padding:.45rem .9rem;
    background:#00568f;color:#fff !important;border-radius:7px;
    text-decoration:none;font-size:.82rem;font-weight:600;
    transition:.15s;
}
.osm-popup-route:hover{background:#0a6fb0}
/* Hinweis "zum Zoomen klicken" bis interagiert wird */
.osm-hint{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,.04);color:#00568f;font-weight:600;font-size:.9rem;
    z-index:500;cursor:pointer;pointer-events:none;opacity:0;transition:.2s;
}