Update assets/style.css

assets/style.css

@@ -428,7 +428,6 @@ body {
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 5px;
 }
 
 #current-year {
@@ -486,21 +485,24 @@ footer a:hover {
         line-height: 38px; 
         display: flex;
         align-items: center;
-        justify-content: center;
+        justify-content: flex-start; 
+        padding: 0 10px; /* Etwas weniger Padding auf schmalen Handys */
     }
 
     #current-station-name {
-        /* Fixe Größe für den Ruhezustand (Bild 1) */
         font-size: 1rem !important; 
         font-weight: 600;
+        display: inline-block;
+        /* Verhindert, dass der Text vor der Animation springt */
+        transform: translateX(0);
+        margin: 0;
     }
 
-    /* Damit es beim Laden des Titels NICHT springt, 
-       nutzen wir hier exakt die gleiche Größe wie oben */
     .marquee-active {
         font-size: 0.90rem !important; 
-        line-height: 1;
-        padding-right: 100px;
+        /* Die Animation muss zwingend bei 0 starten */
+        animation: marquee-pause 15s linear infinite;
+        padding-right: 50px; /* Puffer am Ende des Textes */
     }
     
     .share-row, .json-row {