/* Header background and structure */
.site-header {
    background-color: white; /* White header background */
    padding: 20px 0; /* Optional padding around the logo */
    text-align: center; /* Centers the logo */
}

/* Black thick line below the logo */
.site-header::after {
    content: "";
    display: block;
    height: 5px; /* Thickness of the line */
    background-color: black;
    width: 100%; /* Full width line */
    margin-top: 10px; /* Space between logo and line */
}

.header-navigation ul {
    list-style: none; /* Verwijder de standaard opsommingstekens */
    margin: 0;
    padding: 0;
    display: flex; /* Zet de items naast elkaar */
    justify-content: center; /* Centreer de items horizontaal */
}

.header-navigation ul li {
    display: inline-block; /* Zorg dat elk menu-item inline is */
}

.header-navigation ul li a {
    text-decoration: none; /* Verwijder onderstreping van links */
    font-size: 16px; /* Pas de lettergrootte aan */
    color: black; /* Tekstkleur */
    padding: 10px 15px; /* Ruimte rond de links */
}

.header-navigation ul li a:hover {
    border-bottom: 2px solid black; /* Voeg een lijn toe bij hover */
}

/* Zwarte balk onder header */
.header-black-bar {
    width: 100%;
    height: 15px; /* Hoogte van de zwarte balk */
    background-color: black; /* Zwarte kleur */
    margin-top: 10px; /* Ruimte boven de balk */
}

.header-black-line {
    width: 75%;
    height: 2px; /* Hoogte van de zwarte balk */
    background-color: black; /* Zwarte kleur */
    margin-top: 10px; /* Ruimte boven de balk */
}