/* Custom scrollbar voor web/desktop */
::-webkit-scrollbar {
    width: 15px; 
}

::-webkit-scrollbar-thumb {
    background-color: lightgrey;
    border-radius: 10px; 
    border: 3px solid transparent; 
    background-clip: content-box; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--main-color); 
}

::-webkit-scrollbar-track {
    background-color: white; 
}

/* Resetten van scrollbar op mobiel/tablet */
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        display: none;
    }
}