.hero {
    height: 100vh;
}

/* Zorg ervoor dat de kaartcontainer de juiste hoogte en breedte krijgt */
#map {
    height: 500px; /* De hoogte van de kaart */
    width: 100%;   /* De kaart vult de breedte van de container */
}

        /* Zorg ervoor dat de map altijd onder de modal komt */
#map {
    z-index: 1 !important; /* Verlaag de z-index van de map */
}

#contact-modal {
    z-index: 1000; /* Zorg ervoor dat de modal boven alles staat */
}