.typo_marquee {
    overflow: hidden;
    display: flex;
    white-space: nowrap;
    position: relative;
    justify-content: center;
}
.marquee_track {
    display: flex;
    flex-shrink: 0;
    animation: scroll linear infinite;
}
.marquee_right .marquee_track {
    animation-direction: reverse; /* läuft rückwärts → nach rechts */
}
.typo_marquee .marquee_item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Keyframes: wir animieren um die halbe Länge (da doppelt geklont) */
@keyframes scroll {
    from {transform: translateX(0);}
    to {transform: translateX(-50%);}
}