/*
 * Website-Header: Ergänzung zum kompilierten style.css (master hat keinen Tailwind-Build).
 *
 * Logo, Hauptmenü, Telefon + „bundesweit“, Login und der feste „gratis Angebot“-CTA passen
 * erst ab 1640 px nebeneinander (bei 1640 px rund 30 px Luft zwischen Logo und Menü). Darunter gilt – wie bisher unter xl (1280 px) – das
 * Burger-Menü. Die Klassen pc-header-* hängen an den Elementen, die sonst über
 * xl:flex / xl:hidden geschaltet werden.
 */

/* Abstand zwischen den Hauptmenü-Punkten (ersetzt mx-2 / mm:mx-1 / 2xl:mx-4) */
.pc-menu-link {
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 1280px) and (max-width: 1639.98px) {
    .pc-header-desktop {
        display: none;
    }

    .pc-header-burger {
        display: flex;
    }

    /* Mobiles Menü-Panel: Alpine schaltet „hidden“, xl:hidden darf es hier nicht verdecken */
    .pc-header-mobile:not(.hidden) {
        display: block;
    }
}