/* Stijlen voor div#message (toast/snackbar) */
    #message {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        padding: 16px 24px;
        border-radius: 4px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        color: white;
        font-size: 0.9rem;
        z-index: 10001;
        transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
        opacity: 0;
        visibility: hidden;
        max-width: 90%;
        text-align: center;
    }
    #message.show {
        opacity: 1;
        visibility: visible;
    }
    #message.message-error {
        background-color: #D32F2F; /* Rood (Material Error Color) */
    }
    #message.message-warning {
        background-color: #FFA000; /* Oranje (Material Warning Color) */
    }
    #message.message-info {
        background-color: #1976D2; /* Blauw (Material Info Color) */
    }
    #message.message-ok {
        background-color: #388E3C; /* Groen (Material Success Color) */
    }
    /* Fallback als geen type is gespecificeerd */
    #message { /* Standaard achtergrond, wordt overschreven door specifieke type-classes */
        background-color: #323232; /* Donkergrijs (Snackbar default) */
   }