/* Highlight blinkt 10 Sekunden lang */
.highlight {
    animation: blinkHighlight 1s ease-in-out 10;
    background-color: #4e73df;
    /* Startfarbe */
}

/* Blinken: 1 Sekunde an/aus, 10x = 10 Sekunden */
@keyframes blinkHighlight {

    0%,
    100% {
        background-color: #4e73df;
        color: white;
        /* Schriftfarbe weiß */
    }

    50% {
        background-color: transparent;
        color: #4e73df;
        /* Schriftfarbe passend zur Hintergrundfarbe (z.B. blau) */
    }
}

.highlightStatic {
    animation: fadeout 30s ease forwards;
    background-color: #4e73df;
    color: white;
}

@keyframes fadeout {
    0% {
        background-color: #4e73df;
        color:white
    }

    80% {
        color: white
    }

    100% {
        background-color: #cdd8f6;
        color: #858796;
    }
}