/* InfoBar: Laufschrift im Navigationsbereich. Popup-Banner hat eigenes Layout. */
.fs-infobar-group {
    position: relative;
    z-index: 2;
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    opacity: 1;
    transition: max-height .9s ease, opacity .9s ease;
}
.fs-infobar-group.is-scroll-hidden {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}
.fs-infobar {
    box-sizing: border-box;
    width: 100%;
    background: #eadfca;
    color: #252018;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}
.fs-infobar-icon { display: inline-block; margin-right: 9px; font-size: 19px; line-height: 1; vertical-align: -2px; }
.fs-infobar-content a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.fs-infobar--ticker { overflow: hidden; white-space: nowrap; }
.fs-infobar-track {
    display: flex;
    width: max-content;
    animation: fs-infobar-move var(--fs-infobar-duration, 28s) linear infinite;
    will-change: transform;
}
.fs-infobar-message { box-sizing: border-box; flex: 0 0 auto; min-width: 100vw; padding: 7px 52px; text-align: center; }
.fs-infobar-group.is-scroll-hidden .fs-infobar-track { animation-play-state: paused; }
@keyframes fs-infobar-move { to { transform: translateX(-50%); } }
.fs-infobar--ticker:hover .fs-infobar-track,
.fs-infobar--ticker:focus-within .fs-infobar-track { animation-play-state: paused; }
@media (max-width: 600px) {
    .fs-infobar { font-size: 12px; }
    .fs-infobar-message { padding: 7px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .fs-infobar-group { transition: none; }
    .fs-infobar-track { animation: none; }
    .fs-infobar-message:nth-child(2) { display: none; }
}
