/* ========================================================== */
/* Responsieve stijlen voor menu-sidebar */
/* ========================================================== */
@media (max-width: 600px) {
    #menu-sidebar {
        /*
        * Op kleinere schermen de breedte aanpassen voor betere pasvorm.
        */
        width: 85%; /* Neemt 85% van de viewport breedte in */
        max-width: 300px; /* Blijft maximaal 300px, ook op een brede telefoon */
        padding: 15px; /* Optioneel: padding iets verminderen */
    }
}