/*
KassLa Responsive Regeln
*/


/*
Touch-Geräte
Smartphones und Tablets nutzen die mobile Seitennavigation.
Desktop-Geräte behalten die klassische Navigation.
*/


@media (hover: none) and (pointer: coarse) {


    .main-navigation {

        display: none;

    }


    .mobile-menu-toggle {

        display: block;

    }


}


/*
Touch-Geräte
Buttons auf Smartphones und Tablets vollflächig.
*/


@media (max-width: 1024px) {


    .btn {

        width: 100%;

    }


    .btn + .btn {

        margin-top: var(--space-sm);

    }


}