Für den Erhalt der demokratischen Streitkultur:
Ihr Leserbrief in der Bürgerredaktion.de.
Dauerhaft lesbar. Nicht gekürzt. Unzensiert. Kostenlos.
/* Erzeugt den automatischen Textwechsel im 3-Sekunden-Takt (12-mal) */ @keyframes textAlternator { 0%, 4.16% { content: " Lesebereich wählen und lesen..."; } 4.17%, 8.32% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 8.33%, 12.49% { content: " Lesebereich wählen und lesen..."; } 12.50%, 16.65% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 16.66%, 20.82% { content: " Lesebereich wählen und lesen..."; } 20.83%, 24.99% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 25.00%, 29.15% { content: " Lesebereich wählen und lesen..."; } 29.16%, 33.32% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 33.33%, 37.49% { content: " Lesebereich wählen und lesen..."; } 37.50%, 41.65% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 41.66%, 45.82% { content: " Lesebereich wählen und lesen..."; } 45.83%, 49.99% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 50.00%, 54.15% { content: " Lesebereich wählen und lesen..."; } 54.16%, 58.32% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 58.33%, 62.49% { content: " Lesebereich wählen und lesen..."; } 62.50%, 66.65% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 66.66%, 70.82% { content: " Lesebereich wählen und lesen..."; } 70.83%, 74.99% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 75.00%, 79.15% { content: " Lesebereich wählen und lesen..."; } 79.16%, 83.32% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } 83.33%, 87.49% { content: " Lesebereich wählen und lesen..."; } 87.50%, 91.65% { content: " Eingestellt: Start 15 Autoren, 1 Brief je Autor"; } /* Geändert: Schließt im 12. Durchlauf sauber mit dem Starttext ab */ 91.66%, 100% { content: " Lesebereich wählen und lesen..."; } } .br-text-rotator { display: inline-block; color: inherit; font-weight: inherit; } /* Standard-Anzeige ohne Animation (wenn der Startbutton nicht blinkt) */ .br-text-rotator::after { content: " Lesebereich wählen und lesen..."; } /* KOPPLUNG: Startet die Animation NUR, wenn der Button aktiv ist und blinkt (.br-active-btn) */ .br-active-btn .br-text-rotator::after, .btn-br-nav.br-active-btn .br-text-rotator::after, .btn-primary.br-active-btn .br-text-rotator::after { animation: textAlternator 72s linear 1 forwards; } @keyframes blinker { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } /* CSS-Korrektur für die beiden Hauptbuttons */ .br-btn-links, .br-btn-rechts { display: inline-block !important; vertical-align: middle !important; } /* Reduzierter Abstand nach rechts auf Desktop-Bildschirmen */ .br-btn-links { margin-right: 5px !important; } /* Reduzierter automatischer Abstand NUR auf dem Smartphone */ @media (max-width: 575px) { .br-btn-links { margin-right: 0px !important; margin-bottom: 2px !important; } .br-btn-rechts { margin-top: 2px !important; } } /* Grundzustand im Modul: Weißer Hintergrund, schwarze Schrift, dunkelgrüner Rahmen */ .btn-br-nav, .btn-primary:not(.br-active-btn) { background-color: #ffffff !important; color: #000000 !important; font-weight: normal !important; border-color: #09565e !important; } /* Stellt sicher, dass auch Text in inneren Spans im Grundzustand schwarz ist */ .btn-br-nav span, .btn-primary:not(.br-active-btn) span { color: #000000 !important; } /* AKTIVER Zustand (per JavaScript zugewiesen): Bleibt rot, fett UND BLINKT DAUERHAFT */ .btn-br-nav.br-active-btn { background-color: #ffffff !important; color: #09565e !important; font-weight: bold !important; border-color: #09565e !important; } .btn-br-nav.br-active-btn, .btn-br-nav.br-active-btn span { color: #09565e !important; animation: blinker 1.2s linear infinite !important; /* Aktiviert unendliches Blinken für den aktiven Text */ } /* Hover-Effekt im Modul: Beim Drüberfahren färben sich inaktive Buttons dunkelgrün mit WEISSER Schrift */ .btn-br-nav:not(.br-active-btn):hover, .btn-br-nav:not(.br-active-btn):focus, .btn-br-nav:not(.br-active-btn):active, .btn-primary:not(.br-active-btn):hover, .btn-primary:not(.br-active-btn):focus, .btn-primary:not(.br-active-btn):active { background-color: #09565e !important; color: #ffffff !important; border-color: #09565e !important; font-weight: normal !important; } /* Diese neue Regel erzwingt die weiße Schrift für das innere SPAN-Element beim Hovern */ .btn-br-nav:not(.br-active-btn):hover span, .btn-primary:not(.br-active-btn):hover span { color: #ffffff !important; }
