/**
 * Pfad:         /HeroX/assets/css/spa-transitions.css
 * Zweck:        Fade/Slide Animationen fuer SPA-Wechsel
 * Version:      1.0.0
 */

/* Fade-In Animation */
.spa-fade-in {
    animation: spaFadeIn 0.3s ease-out;
}

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