#showcase {display:block;}
.swiper-container {display:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2396BA19'%2F%3E%3C%2Fsvg%3E");
    }
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2396BA19'%2F%3E%3C%2Fsvg%3E");
    }
#banner {
    width: 100vw;
}

ul.list1 li {background-position: left center;}

.flex {
    display: flex;
}
.lageflex {
    flex-basis:640px;
    margin-right:60px;
}
.headerwrapper {
    margin: 0 auto;
    width: 80%!important;
    display: flex;
}

.wrapper {width: 80%!important;}

#main {
    padding: 20px 0px 200px 0;
}
#main article img {max-width: 40%; margin-left: 30px;}

#footer {
    height: auto;
}

@media (max-width: 1367px) {
    #leafs-right , #leafs-left, #disturber-termin2 {display: none;}
    #showcase {display:none;}
    .swiper-container {display:block;}
    #header.house {height: auto;}
}

@media (max-width: 1240px) {
    .flex {display:flex; flex-direction: column;}
    .lageflex {
        flex-basis:unset;
        margin-right:0;
    }
}

@media (max-width: 750px) {
    h1, .h1 {font-size: 1.5em;}
    #logo {max-width: 45%;}
    #logo img {width: 100%;}
    .headerwrapper {
        width: 95%!important;
        justify-content: space-between;
    }
    #nav {
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 20px;
    }
    #nav ul {
        display: flex;
        flex-direction: column;
    }

    #nav li {
        margin-right: 15px;
        margin-left: 15px; 
    }

    .wrapper {width: 90%!important;}

    #main {padding: 20px 0px 200px 0;}

    #main article {
        display: flex;
        flex-direction: column;
    }
    #main article img {max-width: 100%; margin-left: 0;}
    #main article hgroup {order: -1;}

}

@media (max-width: 650px) {
    #footer .wrapper {
        display: flex;
        flex-direction: column-reverse;
        padding: 0 20px 0 20px;
    }
    #nav-footer {margin-left: 0;}
}