/* ============================================================
   Korrekturen am uebernommenen Contao-Theme.
   Wird NACH assets/css/18c4eca8e618.css geladen. Das generierte
   Theme-CSS bleibt unberuehrt, damit es jederzeit neu gespiegelt
   werden kann.
   ============================================================ */

/* ------------------------------------------------------------
   Menuepunkte hatten je nach Zustand andere Groessen

   Contao gibt die aktuelle Seite im Menue als <strong> aus, sonst als <a>
   (und an manchen Stellen als <span>). Das Theme pflegt fuer jede dieser
   Formen eigene Regeln, und die stimmen nicht ueberein:

     Hoehe — die Leiste ist 56px hoch, der Inhalt passte nicht hinein:
       Textpunkte  <a>                 61px  -> Hover-Kasten stand unten heraus
       Startseite  <a>                 56px  -> passte
       aktiver Punkt <strong>          41px  -> schrumpfte beim Klick

     Breite — Links tragen das seitliche Polster ZWEIMAL, einmal am <a>
     (15px) und nochmal am inneren <span> (15px). Der aktive <strong> hat
     kein inneres <span> und damit nur die Haelfte:
       "Malvorlagen" als Link          169px
       "Malvorlagen" als aktiver Punkt 139px

     Startseite — eigene Regel nur fuer den aktiven Zustand, ohne rechtes
     Polster:
       strong:not(.wp-open-sub).first  padding: 13px 0px 13px 13px
       -> der Haus-Punkt fiel beim Klick von 44px auf 27px

   Korrektur: alle Formen an die Hoehe der Leiste binden, Inhalt zentrieren,
   und das seitliche Polster an EINER Stelle fuehren (am Punkt selbst, nicht
   zusaetzlich am inneren <span>). Die 30px entsprechen der bisherigen Summe
   aus beiden Poltern — die Leiste sieht also aus wie vorher, nur sind Normal-,
   Hover- und Aktiv-Zustand jetzt gleich gross.

   Die Selektoren tragen bewusst ul.level_1 mit: die Sonderregeln des Themes
   sind spezifischer als eine schlichte Angabe und wuerden sonst gewinnen.
   ------------------------------------------------------------ */
@media (min-width: 992px) {
  body.theme-2 #header .main_navigation > ul.level_1 > li > a,
  body.theme-2 #header .main_navigation > ul.level_1 > li > strong,
  body.theme-2 #header .main_navigation > ul.level_1 > li > span,
  body.theme-2 #header .main_navigation > ul.level_1 > li > a:not(.wp-open-sub),
  body.theme-2 #header .main_navigation > ul.level_1 > li > strong:not(.wp-open-sub),
  body.theme-2 #header .main_navigation > ul.level_1 > li > span:not(.wp-open-sub) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 30px;
  }

  /* Das innere <span> traegt kein eigenes Polster mehr */
  body.theme-2 #header .main_navigation > ul.level_1 > li > a > span[itemprop="name"],
  body.theme-2 #header .main_navigation > ul.level_1 > li > strong > span[itemprop="name"],
  body.theme-2 #header .main_navigation > ul.level_1 > li > span > span[itemprop="name"] {
    padding: 0;
    line-height: 1.2;
  }

  /* Der Startseiten-Punkt zeigt nur das Haus-Icon und bleibt schmal */
  body.theme-2 #header .main_navigation > ul.level_1 > li > a:not(.wp-open-sub).first,
  body.theme-2 #header .main_navigation > ul.level_1 > li > strong:not(.wp-open-sub).first,
  body.theme-2 #header .main_navigation > ul.level_1 > li > span:not(.wp-open-sub).first {
    padding: 0 15px;
  }
}