.hideDesktop { display: none; }

@media (max-width: 1280px)
{
    .grid.col3 .gridItem {
        flex-basis: 50%;
    }
    .grid.col4 .gridItem {
        flex-basis: 33.333%;
    }

    .faqRow {
        flex-wrap: wrap;
    }
    .faqRow > .col {
        flex-basis: 100%;
    }

    .topicHeading {
        margin-bottom: 40px;
    }
    .topicsRow {
        flex-wrap: wrap;
    }
    .topicsRow > .col {
        flex-basis: 100%;
    }

    .headerOverlay .overlayContent {
        max-width: none !important;
    }

    .memberRow {
        flex-wrap: wrap;
    }
    .memberRow > .col {
        flex-basis: 100%;
    }
    .memberRow .contactBox {
        position: relative;
        max-width: none;
        width: 100%;
    }
    
    body.single-member .container.wide.contact-enabled{
        min-height: auto;
    }
    
}

@media (max-width: 1024px)
{
    .hideMobile { display: none; }
    .hideDesktop { display: block; }

    .mainMenu {
        display: none;
    }
    .mobileMenuButton {
        display: block;
    }
    .searchForm {
        display: none;
    }


    .headerOverlay {
        padding-top: 400px;
    }
    .videoWrapper {
        height: auto;
    }

    .topicHeading {
        margin-bottom: 10px;
    }

    .grid.col2 .gridItem,
    .grid.col3 .gridItem {
        flex-basis: 100%;
    }
    .grid.col4 .gridItem {
        flex-basis: 50%;
    }

    .searchResult {
        flex-basis: 100%;
    }

    .ctaLinkText {
        font-size: 20px;
    }
    .ctaLinkIcon {
        width: 24px;
    }

    .footerMenu ul {
        column-count: 1;
    }
}

@media (max-width: 800px)
{
    .mo-1 { order: 1; }
    .mo-2 { order: 2; }
    .mo-3 { order: 3; }
    .mo-4 { order: 4; }
    .mo-5 { order: 5; }
    
    .gap-120 { gap: 60px; }
    .gap-100 { gap: 50px; }
    .gap-80 { gap: 40px; }
    .gap-60 { gap: 30px; }
    .gap-50 { gap: 25px; }
    .gap-40 { gap: 20px; }
    .gap-30 { gap: 15px; }
    .gap-20 { gap: 10px; }
    .gap-10 { gap: 5px; }
    .gapX-120 { column-gap: 60px; }
    .gapX-100 { column-gap: 50px; }
    .gapX-80 { column-gap: 40px; }
    .gapX-60 { column-gap: 30px; }
    .gapX-50 { column-gap: 25px; }
    .gapX-40 { column-gap: 20px; }
    .gapX-30 { column-gap: 15px; }
    .gapX-20 { column-gap: 10px; }
    .gapX-10 { column-gap: 5px; }
    .gapY-120 { row-gap: 60px; }
    .gapY-100 { row-gap: 50px; }
    .gapY-80 { row-gap: 40px; }
    .gapY-60 { row-gap: 30px; }
    .gapY-50 { row-gap: 25px; }
    .gapY-40 { row-gap: 20px; }
    .gapY-30 { row-gap: 15px; }
    .gapY-20 { row-gap: 10px; }
    .gapY-10 { row-gap: 5px; }

    h1, .like-h1, .like-h1 * { font-size: 32px; }
    h2, .like-h2, .like-h2 *  { font-size: 26px; }
    h3, .like-h3, .like-h3 *  { font-size: 22px; }
    h4, .like-h4, .like-h4 *  { font-size: 20px; }

    .grid.col4 .gridItem {
        flex-basis: 100%;
    }

    header {
        height: var(--header-height-mobile);
    }
    #content {
        margin-top: var(--header-height-mobile);
    }

    .component {
        margin-bottom: 60px;
    }

    .titleBox .gradientFront, footer .gradientFront { /* footer + gradientBox component ist teilweise doppelt */
        margin-bottom: 0;
        min-height: auto;
    }
    
    .memberRow .contactBox {
        width: 100vw;
        margin: 0 -25px;
    }
    .memberRow .contactBox .gradientFront {
        margin-left: 0;
        padding: 70px 25px 50px;
    }

    .newsletterRow {
        border-top: 1px solid #b8b8b8;
        padding-top: 40px;
    }

    .imageWrapper {
        min-height: 210px;
    }
    .memberHeadRow {
        height: 210px;
    }

    .sharePost .gradientFront {
        padding-top: 50px !important;
    }
    .sharePost .ctaRow {
        gap: 30px !important;
    }

    .container.padding {
        padding: 0 var(--mobile-content-padding);
    }

    footer .row {
        flex-direction: column;
    }

    .footerMenu ul {        
        line-height: 36px;
    }
    footer .socialMenu {
        margin: 0 0 80px;
    }
    .socialMenu ul {
        gap: 10px;
    }
    .socialMenu .icon {
        width: 45px;
        height: 45px;
    }
}


@media (max-width: 600px)
{    
    .searchResultImageRow {
        display: none;
    }
}