Update style.css

style.css

@@ -26,7 +26,7 @@
     --font-family: Arial, sans-serif;
 
     /* Layout Fix */
-    --header-height: 120px;
+    --header-height: 130px;
     --padding-top: calc(var(--header-height) + 20px);
 }
 
@@ -93,18 +93,17 @@ body {
     box-shadow: 0 0 5px rgba(255, 77, 77, 0.75);
 }
 
-.current-station {
-    font-weight: bold;
-    font-size: 16px;
-    margin-bottom: 15px;
-    font-family: var(--font-family);
-}
-
 #aktueller-sender {
     background-color: var(--success-color);
     border-radius: 5px;
     padding: 10px 20px;
-    display: inline-block;
+    display: inline-block; /* Balken wächst mit dem Text */
+    max-width: 90%;        /* Verhindert, dass er über den Bildschirmrand geht */
+    white-space: nowrap;   /* Verhindert Zeilenumbruch */
+    overflow: hidden;      /* Schneidet Text ab, falls er zu lang ist */
+    text-overflow: ellipsis; /* Fügt ... am Ende ein, falls zu lang */
+    font-weight: bold;
+    font-size: 0.95em;      /* Schrift minimal verkleinern, damit mehr Text passt */
 }
 
 .preset-container {