body{margin:0;overflow:hidden;color:#333;font-family: 'Montserrat';}

.container{max-width:1650px;margin:0 auto;display:block;padding:0 15px;}
img{max-width:100%;height:auto;}
.btn{position:relative;padding:5px 50px;font-size:115%;font-weight:600;color:#fff;transition:all .3s ease;line-height:1.5;text-align:center;border-radius:20px;text-decoration:none;margin-top:35px;display:block;width:max-content;}
.btn:hover{transition:all .3s ease;}

#page-header{position:fixed;top:0;right:0;left:0;padding:15px 0;background:#fff;-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);z-index:999;}
#page-header .logo img{max-width: 275px;}

.teaser{display:flex;}
.teaser > img{width:100%;}
.teaser .content{text-align:left;width:60%;height:450px;background:rgba(255,255,255,0.9);padding:50px;position:absolute;top:25%;}
.teaser .content img{width:75%;margin:25px 0;}
.teaser .content .subline{display:block;font-size: 150%;font-weight:600;margin:25px 0 10px;}
.teaser .content .headline{display:block;font-size: 275%;font-weight:700;margin:25px 0;}

.teaser .fewo{height:100vh;width:50%;flex:0 0 auto;position: relative;margin-right:10px;}
.teaser .fewo > img{width:100%;}
.teaser .fewo .content{left:15%;}
.teaser .fewo .content .subline{color:#04506C;}
.teaser .fewo .content .btn{background:#04506C;}
.teaser .fewo .content .btn:hover{background:#2A677E;}
.teaser .heim-garten{height:100vh;width:50%;flex:0 0 auto;text-align:right;position: relative;margin-left:10px;}
.teaser .heim-garten > img{width:100%;}
.teaser .heim-garten .content{right:15%;}
.teaser .heim-garten .content .subline{color:#90BF11;}
.teaser .heim-garten .content .btn{background:#90BF11;}
.teaser .heim-garten .content .btn:hover{background:#7BA803;}


#page-footer{padding:10px 0;position: fixed;z-index:5;bottom:0;left:0;right:0;color:#9F9F9F;background:#fff;}
#page-footer .copyright{width:50%;float:left;}
#page-footer .links{width:50%;float:left;text-align:right;}
#page-footer .links a{text-decoration:none;color:#9F9F9F;}


/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){

    .teaser .content{height:375px;}
    .teaser .content .subline{font-size:125%;}
    .teaser .content .headline{font-size:200%;}

}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){

    .teaser .content{padding:25px;width:65%;height:350px;}
    .teaser .content img{margin:0;}
    .teaser .content .headline{font-size:175%;}
    .teaser .content .subline{font-size:100%;}

}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px){

    .teaser .content{width:70%;}
    .teaser .fewo .content{left:10%;}
    .teaser .heim-garten .content{right:10%;}

}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px){

    body{overflow:scroll;}

    #page-header .logo{display:block;width:100%;text-align:center;}

    .teaser{flex-direction:column;margin:100px 0 40px;}
    .teaser .fewo{width:100%;height:50vh;margin-right:0;margin-bottom:10px;}
    .teaser .heim-garten{width:100%;height:50vh;margin-left:0;margin-top:10px;}
    .teaser .content{top:30px;left:10%;right:10%;}

}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px){

    .btn{margin-top:15px;}
    
    .teaser{margin:100px 0 30px;}

    .teaser .fewo{height:calc(50vh - 75px);}
    .teaser .fewo .content{left: 5%;right: 5%;top:5%;bottom:5%;width: auto;height: auto;}
    .teaser .heim-garten{height:calc(50vh - 75px)}
    .teaser .heim-garten .content{left: 5%;right: 5%;top:5%;bottom:5%;width: auto;height: auto;}
    .teaser .content .headline{font-size:150%;margin:20px 0;}
    .teaser .content .subline{margin:10px 0;}

    #page-footer .copyright{font-size:60%;}
    #page-footer .links{font-size:60%;}

}