.blue_header {
    height:200px;
    background: var(--color-dark-blue);
}
.loc-card {
    margin-top:-40px;
}
.loc-card .leaflet-bottom.leaflet-right {
    display:none;
}
.locatie-main_info {
    margin-bottom:40px;
}
.map-pin {
        padding: 0px;
    background: none;
    border: 0px;
    font-size: 40px;
}

.locatie-content {
    padding-top:50px;
}
.locatie-content a {
    color: var(--color-red);
}
.locatie-content h1 {
    color: var(--color-dark-blue);
}
.locatie-content a:hover,.locatie-content a:focus-visible {
    color: var(--color-dark-blue);
}
.blue_box {
    padding:40px;
    background: var(--color-light-blue);
    border-radius: 12px;
}
.btn_herbeoordeling {
    padding:8px 25px;
    background: var(--color-red);
    color: var(--color-dark-blue);
    border-radius:50px;
    display:inline-block;
    margin-bottom:10px;
}
.btn_herbeoordeling:hover, .btn_herbeoordeling:focus-visible {
    background: var(--color-dark-blue);
    color: #fff;
}
#topbeperking {
    margin-top:30px;
}
#topbeperkingen-titel {
    font-weight:bold;
    color: var(--color-dark-blue);
}
#topbeperking  ul {
    color: var(--color-paragraph); 
}
.terug_knop {
    margin-bottom:20px;
    display:inline-block;
}
.dh-badge {
  background: var(--color-light-blue);
  color: var(--color-dark-blue);
  padding:4px 16px;
  border-radius:20px;
  margin-bottom: 10px;
  display: inline-block;
}
.dh-badge--status {
  background: #f4eddc;
  color: #57360e;
}
.locatie-gallery {
    display: flex;
    flex-wrap: wrap;
    padding-top:40px;
}
.locatie-gallery__item {
    flex: 0 0 33.3333%;
    max-width:33.3333%;
    padding:5px;
}
.locatie-gallery__item img {
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    border-radius:6px;
}

@media all and (max-width:768px) {
    .loc-card {
        margin-top:20px;
    }
    .locatie-gallery__item {
        flex: 0 0 50%;
        max-width:50%;
        padding:5px;
    }
}