.navbar-toggler-icon {
    background-image: none!important;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 30px; /* Breedte van de iconen */
    height: 24px;
    position: relative;
    transition: all 0.3s;
}

.navbar-toggler-icon .bar {
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--bruin);
    margin: 5px 0;
    transition: all 0.3s;
    border-radius: 1px;
}

/* Transformeert naar kruis bij openen van het menu */
.navbar-toggler.collapsed .navbar-toggler-icon .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg); /* Bovenste lijn naar beneden draaien */
}

.navbar-toggler.collapsed .navbar-toggler-icon .bar:nth-child(2) {
    opacity: 0; /* Middelste lijn verbergen */
}

.navbar-toggler.collapsed .navbar-toggler-icon .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg); /* Onderste lijn naar boven draaien */
}