Mobile Ansicht

/* Mobiles Menue anders angeordnet */
@include screen-md-down {
    .pageMenuContainer {
        padding-top: 50px;
    }
    .pageHeaderContainer {
        padding-top: 100px;
    }
    .pageHeader {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: 
            'topLogoCustom topLogoCustom topLogoCustom'
            'searchCustom userCustom menuCustom';
        height: 100px;
        justify-items: center;
        .pageHeaderLogo {
            grid-area: topLogoCustom;
        }
        .pageHeaderSearchMobile {
            grid-area: searchCustom;
        }
        .userPanel {
            grid-area: userCustom;
        }
        .mainMenu {
            grid-area: menuCustom;
        }
    }
}