.achtergrondfoto {
    background-image: url("../images/Background foto.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;           /* zorgt dat de foto mooi de hele ruimte vult */
    background-position: center;      /* zorgt dat het midden van de foto gecentreerd blijft */
    height: auto;                     /* laat de hoogte bepalen door de inhoud */
    color: white;                     /* standaard tekstkleur wit zodat die leesbaar is op donkere foto */
    position: relative;               /* nodig voor positionering van de overlay */
    background-size: cover;
    width: 100%;
    height: 100vh;
    /*min-height: 40em;*/
    /*max-height: 20em;*/
    background-attachment: fixed;
}
/* Overlay om de achtergrond donkerder te maken (tekst beter leesbaar) */
.overlay {
    background-color: rgba(0, 0, 0, 0.6); /* zwart met 40% transparantie */
    z-index: 0;                          /* zit achter de tekst, onder de inhoud */
}
.paddingtekst{
    padding-top : 10%;
    padding-left : 70%;
}

.custom-booking-btn {
    background-color: #ffbc27;   /* lichtgrijs */
    color: white;
    border: none;
    font-size: larger;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-booking-btn:hover {
    background-color: black;
    color: white;
}