@media (max-width: 1000px) {
    .header-desktop{
        display:none;
    }

    .gutenberg-content .big-number-block-wrapper{
        width: 100%;
        margin-left: 0%;
        transform: none;
    }

    .two-column-section{
        /* padding-left:20px;
        padding-right: 20px; */
    }

    .page-template-template-kontakt .section-1 h1{
        font-size: 28px;
    }

    .cards-wrapper .wp-block-group__inner-container{
        flex-direction: column;
        align-items: center;
       
}

.cards-wrapper .wp-block-group__inner-container .card{
    /* flex-shrink: 0; */
    width: 100% !important;
}

.cards-wrapper .wp-block-group__inner-container .card p{ 
    text-align: center;
    font-size:20px !important;
}

    .wfw-quote-wrapper p.text{
        font-size: 24px !important;
    }

    .narrow-container-forced{
        width: 100%;
    }

    .gutenberg-content .big-number-block-wrapper{
        padding-left:0;
        padding-right: 0;
    }

    .page-top-section{
        min-height: fit-content;
    }

    .page-top-section .description-wrapper.empty{
        padding: 0 !important;
    }

    .related-posts-block .cards-wrapper .card{
        max-width: 100%;
    }

    .related-posts-block .heading{
        margin-bottom: 40px !important;
    }

    .related-posts-block .cards-wrapper .card{
        min-height: fit-content !important;
    }

    .related-posts-block .cards-wrapper .card a.title{
        font-size: 22px !important;
    }

    .photo-plus-text .image-column{
        flex-direction: column;
        flex-basis: 0 !important;
        width: 100%;
    }

    .wfw-image-gallery{
        flex-direction: column !important;
        width: 100% !important;
    }

    .section-video-text{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-video-text figure{
        height:200px !important;
    } 

    .section-video-text figure iframe{
        height:200px !important;
    } 

    .section-video-text figure iframe{
        min-height:200px !important;
    } 

    .photo-plus-text{
        width: 100%;
    }

    .section-image-text {
        width: 100% !important;
    }

    .big-number-block-wrapper .text-1{
        font-size: 30px !important;
    }

    .section-heading-description h2{
        margin-bottom: 30px;
    }

    .section-image-text.has-light-blue-color-background-color{
        width: 100vw !important;
        padding-left: 30px;
        padding-right: 30px;
    }

    .section-image-text{
        width: 100% !important;
        padding-left: 30px;
        padding-right: 30px;
    }

    .gutenberg-content{
        padding-left: 20px;
        padding-right: 20px;
    }

    .gutenberg-content .section-image-text{
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }

    .section-image-text .column-with-image{
        width: 100%;
    }

    .section-image-text .column-with-image figure{
        width: 100%;
    }

    .wp-block-columns {
        column-gap: 40px;
    }

    h2 {
        color: #018374;
        font-family: Mulish;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 120%;
        text-transform: uppercase;
    }

    .big-image-small-text{
        flex-direction: column;
        row-gap: 20px;
    }

    .mailchimp-section .mc-inputs-wrapper{
        flex-direction: column;
    }

    .container-small{
        padding-right: 20px;
        padding-left: 20px;
    }

    .big-number-block-wrapper{
        flex-direction: column !important;
        row-gap: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .column-with-image{
        width: 100%;
    }

    .section-image-text{
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .column-with-image figure{
        width: 100%;
    }

    .section-image-text img{
        width: 100% !important;
        object-fit: cover;
    }

    .wfw-cta-banner{
        width: 100vw !important;
    }


    .related-pages-wrapper {
        width: 100% !important;
    }

    .related-pages-wrapper a{
        width: 100% !important;
    }

    .narrow-container{
        width: 100% !important;
    }

    .wfw-cta-banner .inner{
        padding-left: 20px;
        padding-right: 20px;
    }

    .related-pages-wrapper{
        flex-direction: column !important;
        row-gap: 20px;
    }

    .related-pages-wrapper .card{
        width: 100% !important;
    }

    .related-pages-wrapper .card img{
        object-fit: cover;
    } 


    .bottom-section-related-pages {
        flex-direction: column;
    }
    
    .cards-wrapper-repeater{
        flex-direction: column;
        row-gap: 20px;
    }

    .cards-wrapper-repeater p.small-text{
        font-size: 15px !important;
    }

    .cards-wrapper-repeater h3.big-text{
        font-size: 40px !important;
    }

    .cards-wrapper-repeater p.text-2{
        font-size: 20px !important;
    }


    .images-grid{
        flex-direction: column !important;
    }



    .wp-block-columns{
        flex-direction: column !important;
        row-gap: 20px;
    }

    .section-image-text img{
        height: 208px;
        object-fit: cover;
    }

    .images-grid .card{
        width: 100% !important ;
    }

    .images-grid .text-1{
        font-size: 23px !important;
    }

    .images-grid .text-2{
        font-size: 23px !important;
    }

    .is-style-thin-uppercase{
        font-size: 16px !important;
    }

    .section-heading-description{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .big-number-block-wrapper .card-single{
        width: 100% !important;
    }

    .spacer-60px{
        height: 30px !important;
    }

    p {
        font-family: Mulish;
        font-size: 15px !important; 
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }

    .cards-with-numbers .card{
        width: 100% !important;
    }

    p.number{
        font-size: 48px !important;
    }

    .mobile-padding{
        padding-left: 20px;
        padding-right: 20px;
    }

    .two-column-section .content{
        flex-direction: column;
        gap: 30px;
    }

    .cards-with-numbers {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .cards-wrapper .card{
        width: 100% !important;
    }

    li{
        font-size: 15px;
        margin-left:10px;
    }


    .two-column-section .main-img{
        object-fit:contain;

    }

    .wfw-text-with-image-block .content-wrapper{
        flex-direction: column !important;
    }

    .wfw-text-with-image-block .content-wrapper {
        display: flex;
        flex-direction: row;
        width: 100% !important;
        transform: none !important;
        margin-left: 0 !important;
        gap: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .wp-block-image figure{
        max-height: 380px;
    }

    .spacer-100px{
        height:50px !important;
    }

    .spacer-32px{
        height:20px !important;
    }

    .spacer-24px{
        height:15px !important;
    }

    .spacer-12px{
        height:6px !important;
    }

    .wp-block-image figure img{
        object-fit: contain;
    }

    .page-top-section{
        padding-top: 64px;
        /* margin-top: 18px; */

    }

    .page-top-section .button{
        margin-top:24px !important;
    }


    h4{
        font-size: 16px !important;
    }

   


    .button {
        padding: 15.5px 40px !important;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

 

    .two-column-section .main-img{
        width: 100% !important;
        object-fit: cover !important;
        max-height: 220px;
    }


    .cards-wrapper{
        flex-direction: column !important;
        row-gap: 15px;
    }
    
    .cards-wrapper.cards-with-numbers .card{

        opacity: 1;
    
    }

    .cards-wrapper.cards-with-numbers {
        gap: 20px;
    }


    h2{
        font-size: 24px !important; 
    }

    h3{
        font-size: 20px !important;
    }


    .two-column-section h2{
        font-family: Mulish;
        font-size: 24px !important;
        font-style: normal;
        font-weight: 900;
        line-height: 120%;
        text-transform: uppercase;
    }

    .two-column-section p{
        font-family: Mulish;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }

    .two-column-section .content .text-wrapper{
        row-gap: 20px !important;
        /* padding-top: 40px; */
    }

    .two-column-section .button{
        padding-top: 15.5px !important;
        padding-bottom: 15.5px !important;
        margin-top: 20px;
    }

    footer .bottom-section .column-1{
        row-gap: 40px;
    }

    footer .bottom-section .inner{
        row-gap: 40px;
    }

    footer .column-1 .top-part{
        row-gap: 40px;
    }

    footer .bottom-section .inner .logo{
        width: 275px;
        height: auto;
    }


    footer .bottom-section .bottom-part{
        row-gap: 24px;
    }

    footer .bottom-section .bottom-part a{
        text-decoration: underline;
        font-size: 13px;
    }


    .header-mobile{
        display:flex;
    }

    /* .width-container{
        padding-left:20px;
        padding-right: 20px;
    } */

    .page-top-section h1{
       font-size: 28px; 
    }

    .page-top-section .width-container{
        padding-left: 0;
        padding-right: 0;
    }

    .page-top-section .description-wrapper{
        background: #018374;
        padding: 20px 20px 64px 20px; 
        position: relative;
    }

    .page-top-section{
        justify-content: flex-start;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .page-top-section h1{
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        top: 0;
        transform: translateY(-100%);
        z-index: 5;
        margin-top: -24px;
    }

    .page-top-section .button{
        width: 100%;
        text-align: center;
        max-width: 500px;
        margin: 0 auto;
        padding-top: 15.5px !important;
        padding-bottom: 15.5px !important;
    }

    .section-1 .content{
        max-width: 100%;
    }

    .section-1::before{
        display: none;
    }

    .page-top-section p{
        color: #FFF;
        font-family: Mulish;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 21px */
        margin-top: 0 !important;
    }

    .page-top-section .description-wrapper::after{
        content: '';
        position: absolute;
        bottom: 100%;
        width: 100%;
        height: 200px;
        background: linear-gradient(0deg, rgba(22, 32, 31, 0.90) 7.81%, rgba(36, 44, 43, 0.00) 100%);
        z-index: 1;
        left: 0;
        z-index:-5;
    }

    .page-top-section .bg-image-mobile{
        position: relative;
        min-height: 375px;
        height: 100%;
        object-fit: cover;
    }

    .page-top-section .bg-image{
        display: none;
    }

    .section-padding{
        padding: 64px 20px !important;
    }

    .image-text-element{
        flex-direction: column !important;
        height: fit-content !important;
    }

    .image-text-element .main-img{
        width: 100% !important;
        height: 208px !important;
        object-fit: cover !important
    }
    
    .image-text-element h2{
        color: #018374;
        font-family: Mulish;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 120%; /* 28.8px */
        text-transform: uppercase;
    }

    .image-text-element .text-wrapper{
        margin-top: 40px;
        row-gap: 20px !important;
    }

    .image-text-element .text-wrapper .button{
        padding: 15.5px 40px !important;
        width: 100%;
        text-align: center;
    }

    .image-text-element .text-wrapper p{
        font-family: Mulish;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 24px */
    }

    footer .top-section .inner{
        flex-direction: column;
        row-gap: 40px;
    }

    .footer-socials-wrapper a{
        width: 40px;
        height: 40px;
    }

    .footer-socials-wrapper a svg{
        width: 40px;
        height: 40px;
    }

    footer .top-section .footer-column-4{
        row-gap: 20px !important;
    }

    footer .column-1 .top-part{
        flex-direction: column;
    }

    footer .bottom-section .inner{
        flex-direction: column-reverse;
        padding: 40px 20px 48px 20px;
    }
    

    footer .bottom-section .bottom-part{
        flex-direction: column;
    }

    footer .bottom-section .column-2 .inner{
        gap: 8px;
    }


    footer .bottom-section{
        height: fit-content;
    }
    
    footer .top-section{
        padding: 48px 20px;
    }

    footer .top-section a{
        color: #FFF;
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
    }

    .footer-column-equal{
        width: 100% !important;
        padding-right:0 !important;
    }
}

@media (min-width: 1001px) {
    .header-mobile{
        display:none;
    }

    .page-top-section  .bg-image-mobile{
        display: none;
    }

}


@media (min-width: 1001px) and (max-width: 1350px) {
    .width-container{
        max-width: 1000px !important;
    }

    .two-column-section .content{
        flex-direction: column;
        gap: 30px;
    }

    .two-column-section .main-img{
        object-fit: contain;
    }

    .two-column-section .content {
        max-width: 768px !important;
        margin: 0 auto !important;
    }

    .two-column-section .content .text-wrapper{
        max-width: 100% !important;
    }

    .two-column-section .img-wrapper{
        width: 100% !important;
    }

    .two-column-section .content .text-wrapper{
        width: 100% !important;
    }

    .section-image-text .wp-block-columns{
        flex-direction: column !important;
        gap: 30px !important;
    }

    .section-image-text .column-with-image{
        width: 100% !important;
    }

    .wfw-cta-banner.narrow-text .inner{
        padding-left:50px;
        padding-right: 50px;
    }

    .two-column-section .main-img{
        object-fit:contain;

    }

    .gutenberg-content .big-number-block-wrapper{
        width: 100%;
        max-width: 1000px;
        margin-left: 0%;
        transform: none;
    }


    footer .column-1 .top-part{
        gap: 20px;
    }


    .mobile-padding{
        padding-left:20px;
        padding-right: 20px;
    }
    
    .narrow-container{
        width: 100% !important;
    }

    .section-1 {
        padding-top: 80px;
    }

    .section-image-text.has-light-blue-color-background-color{
        width: 100vw !important;
        padding-left: 30px;
        padding-right: 30px;
    }

    .section-image-text{
        width: 100% !important;
        /* padding-left: 30px;
        padding-right: 30px; */
    }

    .section-image-text .column-with-image{
        width: 50%;
    }

    .section-image-text .column-with-image figure{
        width: 100%;
    }

    .wp-block-columns {
        column-gap: 40px;
    }


    .two-column-section .main-img{
        width: 100% !important;
        height: fit-content !important;
        object-fit: contain;
    }

    .two-column-section .img-wrapper .main-img{
        width: 100% !important;

    }


    .header-desktop{
        display: none !important; 
    }

    .header-mobile{
        display: flex !important;
    }

    footer .bottom-section .inner{
        column-gap: 20px;
    }

    .section-3 .content h2{
        max-width: 230px;
    }

    .section-3 .card .number{
        font-size: 42px;
    }

    .section-3 .card .text{
        font-size: 14px;
    }

    .section-2 .content .main-img{
        /* width: 400px !important; */
    }

    .narrow-container{
        padding-left:50px;
        padding-right: 50px;
    }

    .width-container{
        padding-left:50px;
        padding-right: 50px;
    }

    .two-column-section .img-wrapper{
        width: 50%;
        flex-shrink: 1;
    }

    .two-column-section .main-img img{
        width: 100%;
    }

    .two-column-section .img-wrapper img{
        width: 100%;
    }

    .two-column-section .text-wrapper{
        width: 50%;
    }
}


@media (min-width: 1300px) and (max-width: 1600px) {
    /* .section-3 .content h2{
        max-width: 375px;
        padding-left:20px;
        box-sizing: border-box;
    } */
}

@media (min-width:500px) and (max-width: 999px) {
    .page-top-section .bg-image-mobile{
        max-height: 500px;
    }

    .two-column-section img{
        height:400px !important;
    }
}


@media (min-width: 1000px) {
    .bg-image-mobile{
        display: none;
    }
}


@media (max-width: 499px) {
    .two-column-section .main-img{
        height: 208px !important;
    }

    .youtube-embed iframe{
        height: 208px !important;
    }
}

@media (max-width: 1700px) {
    .wfw-image-gallery{
        width: 100% !important;
        padding-left:20px;
        padding-right: 20px;
    }
}


@media (min-width: 1351px) {
    body{
        padding-top: 112px;
    }
}

@media (max-width: 1350px) {
    body{
        padding-top: 64px;
    }

    .two-column-1248px{
        flex-direction: column;
        width: 100%;
        gap: 40px;
  
    }

    .cards-wrapper .wp-block-group__inner-container img{
        max-width: 350px;
    }

    .cards-wrapper .wp-block-group__inner-container{
        row-gap: 15px;
    }

   
}

@media (min-width: 1350px) {
    .wfw-cta-banner.narrow-text .inner{
        max-width: 1248px !important;
    }
}











@media (min-width: 800px) and (max-width: 1500px) {
    .wp-block-gallery.columns-default figure{
        width: calc(50% - 8px);
    }

   .wp-block-gallery.columns-default{
        width: 780px;
        
    }
}

@media (max-width: 799px) {

    .wp-block-gallery.columns-default{
        flex-direction: column;
        align-items: center;
    }

    .wp-block-gallery.columns-default figure{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

   .wp-block-gallery.columns-default {
        width: 100%;
    }

   .wp-block-gallery.columns-default {
 
        box-sizing: border-box;
    }
}