@media screen and (max-width: 1680px){
    body > *, 
    body .full-width > *{
        padding: 0 20%;
    }
    body #header, 
    body #footer, 
    body .wp-block-lazyblock-slideshow, 
    body .wp-block-lazyblock-cat-teaser-big, 
    body .full-width{
        padding-left: 0;
        padding-right: 0;
    }
    .slider-text{
            padding: 0 20%;
    }
    .cat-teaser-big > div:nth-child(1), 
    .wp-block-lazyblock-cat-teaser-big:nth-child(even) .teaser-box-content{
        padding-left: 20%;
    }
    .cat-teaser-big > div:nth-child(2), 
    .wp-block-lazyblock-cat-teaser-big:nth-child(even) .teaser-box-headline{
        padding-right: 20%;
    }
}
@media screen and (max-width: 1280px){
    body > *, 
    body .full-width > *{
        padding: 0 10%;
    }
    body #header, 
    body #footer, 
    body .wp-block-lazyblock-slideshow, 
    body .wp-block-lazyblock-cat-teaser-big, 
    body .full-width{
        padding-left: 0;
        padding-right: 0;
    }
    .slider-text{
            padding: 0 10%;
    }
    .cat-teaser-big > div:nth-child(1), 
    .wp-block-lazyblock-cat-teaser-big:nth-child(even) .teaser-box-content{
        padding-left: 10%;
    }
    .cat-teaser-big > div:nth-child(2), 
    .wp-block-lazyblock-cat-teaser-big:nth-child(even) .teaser-box-headline{
        padding-right: 10%;
    }
}

@media screen and (max-width: 860px){
    .cat-teaser-big .w50{
        flex: 0 100%;
    }
    #header{
        position: initial;
    }
    #header .inside{
        display: block;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        left: -100%;
        transition: all 0.4s ease;
    }
    .open-nav #header .inside{
        left: 0;
    }
    #header .inside .menu-user-menue-container{
        margin-top: 40px;
    }
    #header .inside .menu-hauptmenue-container{
        margin-top: 40px;
    }
    #header .inside .menu-hauptmenue-container ul li{
        display: block;
    }
    #header .inside #searchform{
        margin-top: 40px;
    }
    #header .social-media{
        bottom: initial;
        margin-top: 80px;
    }
    
    #menu-icon{
        display: block;
    }
    #logo{
        right: initial;
        left: 10px;
        top: 10px;
        margin-left: 0;
    }
    .wp-block-lazyblock-cat-teaser-big .teaser-box-headline{
        order: 1 !important;
    }
    .wp-block-lazyblock-cat-teaser-big .teaser-box-content{
        order: 2;
    }

    .cat-teaser-big > div{
        padding: 20px !important;
        min-height: 120px;
    }
    .cat-teaser-big h2{
        font-size: 52px;
    }
}

@media screen and (max-width: 680px){
    #header{
        height: 100%;
    }
   
    .produktwelt .flex-container{
        margin: 0;
    }
    .produktwelt .produkt-item{
        flex: 0 100%;
        padding: 0 20%;
        box-sizing: border-box;
        margin-bottom: 100px;
    }
    #footer .w33{
        flex: 0 100%;
    }
    #footer .social-media{
        width: 100%;
    }
    .newsletter-section .w66{
        flex: 0 100%;
    }
    .newsletter-section .icons{
        flex: 0 100%;
        flex-direction: row;
        justify-content: space-evenly;
    }
    #greenfamily .icons-first .wp-block-columns .wp-block-column:last-child{
        order: 1;
    }
    #greenfamily .icons-first .wp-block-columns .wp-block-column:first-child{
        order: 2;
    }
    #greenfamily .wp-block-columns .wp-block-columns{
        margin: 80px 0;
    }
}