#map {
 width: 100%;
 height: 400px;
 position: relative;
 z-index: 1;
}

#map.multiple {
 height: 500px;
 width: 100%;
 margin: 0 auto;
}

.maplibregl-marker {
 position: absolute !important;
 cursor: pointer;
 z-index: 1000;
}

.maplibregl-marker svg {
 display: block;
}

.apotheke-marker {
 pointer-events: auto;
}

.maplibregl-ctrl-attrib {
 background: rgba(255, 255, 255, 0.8);
 font-size: 10px;
 padding: 2px 5px;
}

.maplibregl-popup-content {
 padding: 15px;
 max-width: 300px;
}

.maplibregl-popup-content h3 {
 margin: 0 0 10px 0;
 font-size: 16px;
 font-weight: bold;
}

.maplibregl-popup-content p {
 margin: 0;
 font-size: 14px;
 line-height: 1.4;
}