/* TODAY.FM 4.1.64 – Header-Anordnung nach freigegebener Layout-Vorlage.
   Desktop: Logo | großzügiger Luftbereich | kompaktes Hauptmenü + Suche + Todayly | Socials | Player.
   Nur Präsentation; Player, Menüs und ihre JavaScript-Anker bleiben unverändert. */
@media (min-width: 1481px) {
  .station-header .station-header__bar {
    grid-template-columns: clamp(255px, 23vw, 510px) minmax(0, 1fr) clamp(310px, 16.5vw, 360px);
    column-gap: clamp(13px, 0.85vw, 20px);
  }
  .station-header .station-nav {
    padding-left: 0;
    justify-content: flex-start;
    gap: clamp(12px, 1.17vw, 24px);
  }
  .station-header .station-nav > .station-nav__search {
    margin-left: 0;
  }
  .station-header .station-nav > .station-nav__todayly {
    margin-left: 0;
  }
  .station-header .station-nav > .station-nav__social {
    margin-left: auto;
    padding-left: clamp(6px, 0.5vw, 10px);
  }
}
/* Logo am äußeren Rand, Player ebenso; Hauptmenü beginnt weiter in der Mitte. */
@media (min-width: 1800px) {
  .station-header .station-header__bar {
    padding-inline: clamp(23px, 1.2vw, 32px);
    grid-template-columns: clamp(270px, 23.5vw, 550px) minmax(0, 1fr) clamp(310px, 16.5vw, 360px);
  }
}
/* Unterhalb des breiten Desktops hat Lesbarkeit Vorrang. */
@media (min-width: 1481px) and (max-width: 1740px) {
  .station-header .station-header__bar {
    grid-template-columns: clamp(220px, 20vw, 340px) minmax(0, 1fr) 310px;
  }
  .station-header .station-nav {gap: clamp(8px, 0.7vw, 12px);}
  .station-header .station-nav > .station-nav__search {margin-left: 8px;}
  .station-header .station-nav > .station-nav__todayly {margin-left: 6px;}
}