@keyframes fadeIn {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes scaleIn {
    100% {
        transform: scaleX(1);
    }
}

@keyframes slideIn {
    100% {
        transform: translateY(0);
    }
}

@keyframes flip-icon {
    0% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(360deg);
    }
}


/* Springend horizontal */

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translatex(0);
    }
    40% {
        transform: translatex(-30px);
    }
    60% {
        transform: translatex(-15px);
    }
}

@keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translatex(0);
    }
    40% {
        transform: translatex(20px);
    }
    60% {
        transform: translatex(10px);
    }
}


/* Pulsierend */

@keyframes pulsed {
    0% {
        transform: scale(0.95);
    }
    70% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}


/* 360° Drehung */

@keyframes flip-icon {
    0% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(360deg);
    }
}