/**
 * Damit das Menue mitwaechst, wenn Punkte dazukommen.
 *
 * Das Original war auf genau fuenf Punkte zugeschnitten: `#links_menu` bekam die Grid-Spalten
 * 13–25 (600 px), die fuenf Punkte brauchten 476 px plus 5 × 25 px Abstand = 601 px. Ein Pixel
 * zu wenig — Flexbox quetscht dann alle Punkte, und der letzte Buchstabe rutscht in die zweite
 * Zeile. Jeder neue Menuepunkt und jeder laengere Titel ("Angebote" statt "Angebot") macht es
 * schlimmer.
 *
 * Drei Regeln, keine festen Breiten:
 *   1. Das Menue darf nach links wachsen. Die Spalten 6–13 waren ohnehin leer, und durch
 *      `justify-content: end` (menu.css) bleibt es rechtsbuendig — bei den bisherigen Punkten
 *      sieht es also unveraendert aus, es hat nur mehr Luft.
 *   2. Punkte schrumpfen nicht mehr (`flex-shrink: 0`).
 *   3. Beschriftungen brechen nie um (`white-space: nowrap`).
 *
 * Nur ab 768 px: darunter ist #links_menu das aufklappbare Handy-Menue mit eigenem Aufbau.
 */

@media screen and (min-width: 768px) {

  #links_menu {
    grid-column: 6 / 25;
    flex-wrap: nowrap;
  }

  #links_menu > li {
    flex-shrink: 0;
  }

  #links_menu .submenu {
    white-space: nowrap;
  }
}