#supermap {
    height : 500px;
    z-index: 10;
}




button {all:unset;
    cursor:pointer;
}

button:active {
    transform: translateY(3px);
}

#legende {
    background-color: var(--paperbeige);
    padding: 1em;
    border-radius:1em;
    margin-top: 1em; 
}

#map-controls {

    display:flex;
    gap:1em;
}


#map-controls > div {
    display:flex;
    gap:0.5em;
    flex:1;
}

.map-layer-button {
    color: var(--vebred);
}
.map-layer-button.passive svg {
    color: grey;
}