/* Media query voor mobiel */
@media (max-width: 768px) {
/* Hamburger menu stijlen */

    .hamburger {
        display: none;
        flex-direction: column;
        gap: 6px;
        cursor: pointer;
    }
    
    .hamburger span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: white;
        transition: all 0.3s ease;
    }

    /* Hamburger animatie wanneer menu open is */
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(8px, 8px);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }
}