@media only screen and (max-width: 600px) {
.kw-hero {
min-height: 200px;
background-color: var(--bs-orange) !important;
color: #fff !important;
}
}
@media only screen and (min-width: 601px) {
.kw-hero {
width: 100%;
min-height: 220px;
z-index: 0;
padding-top: 20px;
background-color: var(--bs-orange);
color: #fff;
}
}
.mt-n40 { margin-top: -9rem !important; }
.rounded-10px { border-radius: 10px !important; }

.marker-location {
background-color: var(--bs-card-bg, var(--bs-body-bg));
border-radius: 50%;
padding: 10px;
width: 45px;
height: 45px;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

.vacature-map { position: relative; z-index: 0; }
.vacature-map .leaflet-pane,
.vacature-map .leaflet-top,
.vacature-map .leaflet-bottom { z-index: 1; }