html, body { height: 100%; margin: 0; }

#kart-ramme {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
}

#map {
    height: 100%;
    width: 100%;
}

#react-root {
    position: fixed;
    inset: 0;
    z-index: 2000;
    pointer-events: none;
}

#react-root > * {
    pointer-events: auto;
}

.leaflet-control-container {
    position: fixed !important;
    inset: 0 !important;
    pointer-events: none;
    z-index: 1000;
}

.leaflet-control {
    pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
    position: fixed !important;
    z-index: 1000;
}

.leaflet-top {
    top: 0 !important;
}

.leaflet-bottom {
    bottom: 0 !important;
}

.leaflet-left {
    left: 0 !important;
}

.leaflet-right {
    right: 0 !important;
}