/* desktop */
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
    /*hide desktop */
    .navigation ul.menu { font-size: 16px; }
}

/* desktop */
@media only screen and (min-width: 1024px) {
    /*hide desktop */
    .mobilemenu, .hamburger { display: none; }
}

/* mobile */
@media only screen and (max-width: 1023px) {

    html {
        background-image: url(../assets/images/bg_content_C_1x_1024.jpg);
        background-size: unset;
        background-position-y: -500px;
    }
    
    html.has-home {
        background-position-y: -2030px;
    }

    /*hide mobile */
    #hauptmenue, body:not(.home) .intro_jump { display:none !important; }

    body {
        padding: 25px 15px;
        margin: 7.5px;
    }

    .wp-block-group {
        margin-bottom: 100px;
    }

    #maincontent {
        .maincontent-wrapper {
            padding-top: 50px;
        }
    }

    .container.intro, #maincontent, .footer { 
        padding: 0px 25px;
    }

    .container.intro {
        height: calc(100dvh - 120px);
    }

    body:not(.home) .container.intro {
        height: auto;
    }

    .header {
        margin-left: 10px;
        margin-right: 10px;
    }

    .logo {
        top: 2px;
        position: relative;
    }

    /* Hamburger */
    .hamburger .line {
        width: 30px;
    }
    

    .mobilemenu {
        z-index: 9;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 100px; 
        display: grid;
        justify-content: center;
        align-items: center;
        align-content: center;
        font-size: 36px;
        font-size: clamp(1.875rem, 0.625rem + 6.6667vw, 2.5rem);
        font-weight: 500;
        text-align: center;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.5s ease;
    }

    .mobilemenu.visible {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.5s ease;
        padding-top: 0;
        overflow-x: auto;
        display: block;
    }

    .btn_menu {
        margin-top: 50px;

        a {
            font-size: 14px;
            background: var(--color-black);
            color: var(--color-white);
            border-radius: 8px;
            padding: 3px 10px;
        }
    }
    
    .footer {
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 50px;
        margin: 0 0 50px 0;
    }

    .footer_col .menu {
        display: grid;
        gap: 10px;
    }

    .footer_list {
        gap: 10px;
    }

    .call2action {
        margin: 100px 0 100px 0;
        grid-template-columns: 1fr;
    }

    .call2action_col {
        padding: 50px 7%;
        gap: 20px;
    }

    .bignumbers {
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        gap: 0px;
    }

    .intro-text-1 {
        margin-bottom: 10px;
    }


    .container.intro {
        gap: 50px;
        padding-top:0;
        padding-bottom:0;

        .intro-section {
            gap: 20px;
        }
    }


    .sticky_menu {
        right: 30px;
        bottom: 85px;
    }
    
    .bottom_out .sticky_menu {
        bottom: 100px;
    }
    
    .sticky_menu_toggle {
        bottom: 15px;
        right: 25px;
    }
    
    .bottom_out .sticky_menu_toggle, .bottom_out .announcement {
        bottom: 25px;
    }

    .announcement {
        bottom: 15px;
        left: 25px;
        flex-wrap: wrap;
        right: 95px;
    }

    .bignumbers {
        .bignumbers_col {
            .bignumbers_number_wrap {
                font-size: 28px;
            }

            .bignumbers_text {
                font-size: 18px;
            }
        }
    }


    /* Leistungen */

    .leistungen-intro-wrapper {
        grid-template-columns: 1fr;
        gap: 1em;

        .leistungen-intro-text-title  {
            font-size: 48px;
            margin-bottom: 6px;
        }

        .leistungen-intro-image {
            order: 1;
        }
    
        .leistungen-intro-text {
            order: 2;
        }
    }

    .leistungen-facts-wrapper {
        flex-wrap: wrap;
        gap: 35px;
        margin-top: 20px;
    }


    /* Headroom */
    header.headroom {
        left: 7.5px;
        right: 7.5px;
        padding: 0 40px;
    }

    /* Post Archiv */
    .post_archiv_wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }



}


/* Gutenberg Mobile */
@media only screen and (max-width: 781px) {
    html {
        background-image: url(../assets/images/bg_content_C_1x_781.jpg);
        background-size: unset;
        background-position-y: -520px;
        
    }
    
    html.has-home {
        background-position-y: -590px;
    }

    .header {
        margin-bottom: 25px;
    }

    .mob_rev .wp-block-columns {
        flex-direction: column-reverse;
    }
    .wp-block-image {
        max-width: 500px;
    }

    /* Leistungen liste 
    .leistungen {
        grid-template-columns: 1fr 1fr;
    }*/

}

@media only screen and (max-width: 550px) {

    html {
        background-image: url(../assets/images/bg_content_C_1x_550.jpg);
        background-size: unset;
        background-position-y: -630px;
    }
    
    html.has-home {
        background-position-y: -2030px;
    }

    .logowall {
        .logowall_logo {
            height: 23px;
        }
    }

    .aktuelles {
        margin-left: -25px;
        margin-right: -25px;
        position: relative;

        .slide_navigation:after {
            right: -1px;
        }

        .swiper {
            padding: 50px 25px !important;
            background: var(--color-black);
            border-radius: var(--border-radius-md);

            .aktuelles-text {

                .aktuelles-auszug {
                    font-size: 16px;
                    line-height: 1.35em;
                }
    
                .aktuelles-subheadline {
                    font-size: 16px;
                }
            }
        }

    }

    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
        width: 100%;
    }

    .home .wp-block-gallery > .wp-block-image:nth-child(n+4) {
        display: none !important;
    }

    .wp-block-gallery > .wp-block-image:nth-child(n+6) {
        display: none !important;
    }

    .other-posts {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* Post Archiv */
    .post_archiv_wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    
 }

@media only screen and (max-width: 400px) {
    .logo svg {
        width:200px !important;
    }

    header.headroom {
        .logo {
            svg {
                width:150px !important;
            }
        }
    }
}

@media only screen and (max-width: 350px) {
    .logo svg {
        width:175px !important;
    }

    header.headroom {
        .logo {
            svg {
                width:125px !important;
            }
        }
    }
}



/* BG Retina Queries */
@media 
  only screen and (max-width: 1023px) and 
  (-webkit-min-device-pixel-ratio: 2),
  only screen and (max-width: 1023px) and 
  (min-resolution: 192dpi) {
  html {
    background-image: url(../assets/images/bg_content_C_15x_1024.jpg);
  }
}

@media 
  only screen and (max-width: 781px) and 
  (-webkit-min-device-pixel-ratio: 2),
  only screen and (max-width: 781px) and 
  (min-resolution: 192dpi) {
  html {
    background-image: url(../assets/images/bg_content_C_15x_781.jpg);
  }
}

@media 
  only screen and (max-width: 550px) and 
  (-webkit-min-device-pixel-ratio: 2),
  only screen and (max-width: 550px) and 
  (min-resolution: 192dpi) {
  html {
    background-image: url(../assets/images/bg_content_C_15x_550.jpg);
  }
}