/* Partner-Laufband (EXT:news, templateLayout "partnerTicker") */

/* Überschrift des Plugins wie die übrigen Startseiten-Überschriften */
.frame-type-news_newsliststicky:has(.c-partner-ticker) .element-header {
    margin-bottom: 3rem;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #1d1d1b;
}

/* das Laufband läuft über die volle Fensterbreite */
#page-content:has(.c-partner-ticker) {
    overflow-x: clip;
}

.c-partner-ticker {
    --ticker-gap: 90px;
    --ticker-logo-height: 90px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-bottom: 5rem;
}

.c-partner-ticker__viewport {
    overflow: hidden;
}

.c-partner-ticker__track {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem var(--ticker-gap);
    margin: 0;
    padding: 1rem 0;
    list-style: none;
}

/* ohne JavaScript: die ersten 10 statisch */
.c-partner-ticker:not(.is-running) .c-partner-ticker__item:nth-child(n + 11) {
    display: none;
}

.c-partner-ticker__item {
    flex: 0 0 auto;
}

.c-partner-ticker__link {
    display: flex;
    align-items: center;
    height: var(--ticker-logo-height);
}

.c-partner-ticker__logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 320px;
    max-height: var(--ticker-logo-height);
}

.c-partner-ticker__link:focus-visible {
    outline: 2px solid var(--nav-highlight, #e40422);
    outline-offset: 6px;
}

/* Laufband: zwei identische Reihen; mit dem Abstand hinter dem letzten Logo ist eine Reihe
   genau die halbe Bandbreite, die Animation verschiebt daher um -50 % */
.c-partner-ticker.is-running .c-partner-ticker__track {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
    gap: var(--ticker-gap);
    animation: partner-ticker var(--ticker-duration, 40s) linear infinite;
}

.c-partner-ticker.is-running .c-partner-ticker__item:last-child {
    margin-right: var(--ticker-gap);
}

.c-partner-ticker.is-running:hover .c-partner-ticker__track,
.c-partner-ticker.is-running:focus-within .c-partner-ticker__track {
    animation-play-state: paused;
}

@keyframes partner-ticker {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@media (max-width: 767.98px) {
    .c-partner-ticker {
        --ticker-gap: 50px;
        --ticker-logo-height: 60px;
    }

    .frame-type-news_newsliststicky:has(.c-partner-ticker) .element-header {
        margin-bottom: 2rem;
        font-size: 2rem;
    }

    .c-partner-ticker__logo {
        max-width: 220px;
    }
}

/* Bewegung reduzieren: kein Laufband, Logos umbrechen */
@media (prefers-reduced-motion: reduce) {
    .c-partner-ticker.is-running .c-partner-ticker__track {
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        gap: 2rem var(--ticker-gap);
        animation: none;
    }

    .c-partner-ticker.is-running .c-partner-ticker__item[aria-hidden="true"] {
        display: none;
    }
}