/* =============================================================================
   V13.6 · Hero auf dem Handy — Luft nach oben, Umbrueche nach Sinn
   ========================================================================== */
@media (max-width: 520px) {

  /* Marginalie (28 px) + Navigation (56 px) sind fixiert und belegen die
     obersten 80 px dauerhaft. 104 px liessen 24 px Luft — jedes Antippen
     der Seite zerschnitt den Kicker. Jetzt 56 px. */

  /* Engere Laufweite. Damit passt der Knopftext auf eine Zeile, und die
     uebrigen Zeilen bleiben mit ihren Umbruechen innerhalb der Spalte
     (353 px auf einem 393-px-Geraet). Die Wetterzeile braucht 0.02em mehr
     Ersparnis als die anderen: mit 0.10em ragte ihre erste Zeile um 8 px
     heraus — gemessen an der Textkante, nicht an scrollWidth. */

  /* Es bricht nur AN einem Trenner, nie mitten in einem Segment. */

  /* Die Wetterzeile fuehrt jetzt dieselben Trenner wie der uebrige Hero und
     braucht deren Abstaende. */

  /* Der letzte Trenner wird zum Umbruch, statt am Zeilenende zu haengen.
     Das setzt den Umbruch zugleich dorthin, wo die Zeile ohnehin nicht mehr
     in die Spalte passt — die Faktenzeile ragte sonst 29 px heraus, weil
     ihr letztes Segment `nowrap` traegt und nicht umbrechen kann. */

  /* Die Wetterzeile bricht in beiden Sprachen an einer anderen Stelle, weil
     die Woerter unterschiedlich lang sind. Gemessen bei 393 px (Spalte 353):

       deutsch   Umbruch vor der letzten Gruppe
                 „Jetzt in Oberstdorf · 17 ° · leicht bewölkt" = 355 px
                 (nach dem Ortsnamen waere Zeile 2 mit „Sonnenuntergang"
                  394 px breit gewesen — 21 px zu viel)
       englisch  Umbruch nach dem Ortsnamen
                 „17 ° · partly cloudy · sunset 21:05" = 297 px
                 (vor der letzten Gruppe waere Zeile 1 mit
                  „Right now in Oberstdorf" 383 px breit gewesen)

     Deshalb setzt der Patch hier je Sprache einen anderen Selektor. */

  /* Die Lichtzeile ist inline-flex in einem Spalten-Flex — als Flex-Kind
     wird sie zu `flex`, und der Pfeil wandert als eigenes Element ans
     Zeilenende. Im Blockfluss haengt er am letzten Wort. */
}