.announcement-bar { background-color: #FFF7F2; color: #000000; font-family: 'Space Mono', monospace; font-size: 13.2px; font-weight: 200; text-transform: uppercase; letter-spacing: 1.32px; line-height: 19.8px; border-bottom: 1px solid #0006; overflow: hidden !important; position: relative; display: flex; align-items: center; width: 100%; max-width: 100vw !important; height: 41px; z-index: 999999 !important; } .announcement-bar__marquee { display: flex; white-space: nowrap; flex: 1; overflow: hidden; margin-right: 45px; min-width: 0 !important; } .announcement-bar__marquee-content { display: flex; animation: marquee 25s linear infinite; min-width: 0; } @media screen and (max-width: 1023px) { .announcement-bar__marquee-content { animation: marquee 10s linear infinite; } } .announcement-bar:hover .announcement-bar__marquee-content { animation-play-state: paused !important; } .announcement-bar__close { position: absolute; right: 15px !important; left: auto !important; top: 50%; transform: translateY(-50%); background: transparent; border: none; cursor: pointer; color: #000; display: flex; align-items: center; justify-content: center; padding: 5px; z-index: 1000000 !important; pointer-events: all !important; } .announcement-bar__close:hover { opacity: 0.6; } .announcement-bar__marquee-content span { padding-right: 50px; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } body:has(.modal.is-active) #ticker-bar, body:has(.modal.is-active) .site-alerts { display: none !important; } body.page-lebenslauf #ticker-bar, body.page-lebenslauf .site-alerts, body.page-lebenslauf #flammie, html.cv-is-open #ticker-bar, html.cv-is-open .site-alerts, html.cv-is-open #flammie { display: none !important; }