Update assets/style.css

assets/style.css

@@ -1,3 +1,4 @@
+
 /* Public Domain - Radioplayer Stylesheet */
 
 @font-face {
@@ -476,36 +477,18 @@ footer a:hover {
 
 /* --- MOBILE OPTIMIERUNG (Komplett bereinigt) --- */
 @media (max-width: 600px) {
-    :root {
-        --header-height: 85px; 
-    }
-    
     #aktueller-sender {
-        height: 38px; 
-        line-height: 38px; 
         display: flex;
         align-items: center;
-        justify-content: flex-start; 
-        padding: 0 10px; /* Etwas weniger Padding auf schmalen Handys */
+        justify-content: center; /* Standard: Zentriert */
+    }
+
+    /* Diese Klasse wird per JS hinzugefügt, wenn der Text zu lang ist */
+    #aktueller-sender.has-marquee {
+        justify-content: flex-start !important;
     }
     
     #current-station-name {
-        font-size: 1rem !important; 
-        font-weight: 600;
-        display: inline-block;
-        /* Verhindert, dass der Text vor der Animation springt */
-        transform: translateX(0);
-        margin: 0;
-    }
-
-    .marquee-active {
-        font-size: 0.90rem !important; 
-        /* 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 {
-        flex-direction: column;
+        transition: none !important; /* Erzwingt Ruhe beim Umschalten */
     }
 }