/**
 * View Transitions CSS – Elegante, dezente Übergangseffekte
 * Sanftes Fade mit subtilen Bewegungen, seriös und hochwertig
 */

/* Unterstützung für View Transitions API */
@supports (view-transition-name: none) {
    ::view-transition-old(root) {
        animation: fade-out 0.5s cubic-bezier(0.4, 0, 1, 1) forwards;
    }

    ::view-transition-new(root) {
        animation: fade-in 0.5s cubic-bezier(0, 0, 0.2, 1) forwards;
    }

    /* Sanftes Ausblenden der alten Seite */
    @keyframes fade-out {
        from {
            opacity: 1;
            filter: brightness(1);
        }
        to {
            opacity: 0;
            filter: brightness(0.98);
        }
    }

    /* Sanftes Einblenden der neuen Seite */
    @keyframes fade-in {
        from {
            opacity: 0;
            filter: brightness(1.02);
        }
        to {
            opacity: 1;
            filter: brightness(1);
        }
    }
}

/* Fallback: Normalverhalten für Browser ohne View Transitions API */
/* Keine zusätzlichen Styles nötig – native Navigation funktioniert */