}/* --- AANPASSING VOOR DE HERO --- */

.hero {
    background-color: #F7E7CE; /* Een heel lichtgrijze achtergrond om het te scheiden */
    padding: 100px 20px;
}

.hero .container {
    display: flex;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    gap: 40px; /* Ruimte tussen de tekst en de foto */
}

.hero-content {
    flex: 0 0 50% !important;
}

.hero-content h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.hero-image {
    flex: 0 0 50% !important; /* We dwingen de foto-sectie op 50% breedte */
    text-align: right;
}

.hero-image img {
    width: 100% !important;   /* De foto MOET nu de hele 50% vullen */
    max-width: 700px;         /* Hij mag niet groter dan 700px (de helft van 1400) */
    height: auto;
}

.hero-image img {
    width: 100%; /* De foto vult nu de volledige breedte van zijn kader */
    height: auto;
}