/* ✅ Toast-Container */
#toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

/* ✅ Standard Toast-Stil */
.toast {
    background-color: #4CAF50; /* Standard: Grün */
    color: white;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    z-index: 1000;
    transition: transform 0.5s, opacity 0.5s;
    margin-bottom: 10px;
}

/* ✅ Verschiedene Typen */
.toast.error { background-color: #E74C3C; } /* Rot für Fehler */
.toast.info  { background-color: #3498DB; } /* Blau für Infos */

/* ✅ Animation */
.toast.hide {
    transform: translateY(50px);
    opacity: 0;
}