/* Animationen für Feedback bei Worteingabe */
.correct-flash {
    animation: flashCorrect 1s ease-out forwards;
}

.wrong-flash {
    animation: flashWrong 1s ease-out forwards;
}

@keyframes flashCorrect {
    0% { 
        background-color: #66bb6a; /* Angenehmes Grün */
        color: #ffffff;            /* Weißer Text für besseren Kontrast */
    }
    100% { 
        background-color: #ffffff; /* Zurück zur Standardfarbe (Weiß) */
        color: inherit;            /* Zurück zur Standard-Textfarbe */
    }
}

@keyframes flashWrong {
    0% { 
        background-color: #ef5350; /* Angenehmes Rot */
        color: #ffffff;
    }
    100% { 
        background-color: #ffffff;
        color: inherit;
    }
}