/* Entfernt den Home-Button komplett aus dem UI */
.home-button {
    display: none !important;
}

/* Den Autor in der Caption (Seitenleiste) ausblenden (caption.js) */
.umap-caption [data-ref="author"],
.umap-caption .map-author {
    display: none !important;
}

/* Datumsangaben (Erstellt am...) ausblenden (caption.js) */
.umap-caption .dates,
.umap-caption [data-ref="dates"] {
    display: none !important;
}

/* Star-Rating / Favoriten-Button ausblenden (caption.js) */
.umap-caption [data-ref="star"], 
.umap-caption .map-star {
    display: none !important;
}

/* 'directions from here' & 'edit in openstreetmap' im contextmenu ausblenden (seperatoren gehen nicht weg) (umap.js) */
.umap-contextmenu > li:nth-last-child(1),
.umap-contextmenu > li:nth-last-child(2) {
  display: none !important;
}

/* Den Button im Fluss ansprechen und Abstand nach oben schaffen */
.leaflet-control.leaflet-iconLayers {
    margin-top: 30px !important; /* Vergrößert den Abstand zum Button darüber */
    clear: both !important;      /* Stellt sicher, dass er in einer neuen Zeile beginnt */
}

/* Falls du den Button zusätzlich optisch hervorheben willst (Rahmen/Schatten) */
.leaflet-iconLayers-layer {
    border: 3px solid #ffffff !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.3) !important;
    border-radius: 8px !important;
}

.leaflet-iconLayers-layerCell:not(.leaflet-iconLayers-layerCell_hidden) .leaflet-iconLayers-layer {
    width: 80px !important;
    height: 80px !important;
    background-size: 70px 70px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #ffffff !important;
    border: 2px solid #ccc !important;
}
