/* === Kopfbereich: Hauptnavigation (Desktop) ===

   Das Kopf-Padding von 20px oben/unten liegt nicht mehr auf der aeusseren
   Gruppe, sondern auf Logo- und Button-Spalte. Die Navigation selbst geht
   dadurch ueber die volle Kopfhoehe: Die Dropdowns (top: 100%) beginnen
   exakt an der Unterkante des Headers, es entsteht keine Luecke und das
   Untermenue schliesst beim Hinuebergehen mit der Maus nicht mehr. */

@media (min-width: 783px) {

    /* Kopfzeile: alle Spalten auf volle Hoehe ziehen */
    header .wp-block-group.is-content-justification-space-between {
        align-items: stretch !important;
    }

    /* Logo- und Button-Spalte tragen den vertikalen Abstand */
    header .wp-block-group.is-content-justification-space-between > .wp-block-group:not(:has(.wp-block-navigation)) {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    /* Navigations-Spalte ohne Abstand, dafuer volle Hoehe */
    header .wp-block-group.is-content-justification-space-between > .wp-block-group:has(.wp-block-navigation),
    header .wp-block-navigation.is-horizontal,
    header .wp-block-navigation.is-horizontal > .wp-block-navigation__container {
        align-self: stretch !important;
        align-items: stretch !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Menuepunkte der 1. Ebene: volle Kopfhoehe, Text mittig */
    header .wp-block-navigation.is-horizontal > .wp-block-navigation__container > .wp-block-navigation-item {
        align-items: center !important;
        align-self: stretch !important;
    }

    header .wp-block-navigation.is-horizontal > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
    header .wp-block-navigation.is-horizontal > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    /* Schrift: 1. Ebene und Dropdown einheitlich 16px / 400 */
    header .wp-block-navigation.is-horizontal .wp-block-navigation-item__content,
    header .wp-block-navigation.is-horizontal .wp-block-navigation-item__label,
    header .wp-block-navigation.is-horizontal .wp-block-navigation-submenu__toggle {
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    /* Dropdown-Hintergrund */
    header .wp-block-navigation.is-horizontal .wp-block-navigation__submenu-container {
        background-color: #3D3D3D !important;
    }
}