/* Grund-Styling für den Ticker-Container */
.deelaulab-ticker-wrap {
    width: 100%;
    padding: 10px 0;
    overflow: hidden; /* Wichtig, damit der Text an den Rändern verschwindet */
    box-sizing: border-box;
}

/* Styling für den laufenden Inhalt (allgemein) */
.deelaulab-ticker-content {
    display: inline-block;
    white-space: nowrap; /* Verhindert, dass der Text umbricht */
}

/* NEU: Sorgt dafür, dass die Animation pausiert, wenn die Maus über dem Ticker ist */
.deelaulab-ticker-wrap:hover .deelaulab-ticker-content {
    animation-play-state: paused;
}

/* Styling für den Text selbst */
.deelaulab-ticker-content p {
    margin: 0;
    padding: 0;
    display: inline-block;
}

/* Spezifische Regeln für "Rechts nach Links" */
.deelaulab-ticker-content.direction-rtl {
    padding-left: 100%; /* Startet außerhalb des rechten Rands */
    animation: deelaulab-ticker-rtl 20s linear infinite;
}

/* Spezifische Regeln für "Links nach Rechts" */
.deelaulab-ticker-content.direction-ltr {
    padding-right: 100%; /* Startet außerhalb des linken Rands */
    animation: deelaulab-ticker-ltr 20s linear infinite;
}

/* Animation von rechts nach links */
@keyframes deelaulab-ticker-rtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Animation von links nach rechts */
@keyframes deelaulab-ticker-ltr {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}