@keyframes bounce {
    from {
        transform: translateY(0) rotate(-4deg) scale(1);
    }
    to {
        transform: translateY(-18px) rotate(4deg) scale(1.08);
    }
}

@keyframes pop {
    0% {
        transform: scale(0.4) rotate(-15deg);
        opacity: 0;
    }
    60% {
        transform: scale(1.25) rotate(6deg);
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

@keyframes dot {
    0%,
    80%,
    100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    40% {
        transform: scale(1.4);
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fall {
    to {
        transform: translateY(110vh) rotate(720deg);
        opacity: 0;
    }
}

@keyframes pop-in {
    from {
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

// JS triggered für die Funiverse Schrift
@keyframes letter-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.22); }
  100% { transform: scale(1); }
}