@keyframes intro-box-animation-start {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: 0 0;
    }
}
@keyframes intro-box-animation-end {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: 0 0;
    }
}

/* bewusst ohne scale(): skalierter Text rendert in Safari unscharf/doppelt */
@keyframes dropdown-in {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fade-up {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes apploader {
    from {
        opacity: 0;
        transform: scale(0.6);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Scroll-Hinweis im Hero: Lichtsegment läuft die Linie hinunter */
@keyframes scroll-hint {
    0% {
        top: -50%;
    }
    100% {
        top: 100%;
    }
}
@keyframes scroll-hint-label {
    0%, 100% {
        transform: translateY(0);
        opacity: .75;
    }
    50% {
        transform: translateY(-3px);
        opacity: 1;
    }
}