body{font-size:17px;line-height:1.7;font-family: 'Rubik';font-weight:400;color:#fff;max-width:100%;margin:0;overflow:hidden;}
html{scroll-behavior: smooth;}


a{color:#fff;text-decoration:none;font-size:100%;transition:all .3s ease;}
a:hover{text-decoration:none;color:#737373;transition:all .3s ease;}
a:focus{text-decoration:none;}

ul{padding:0;margin:0;}
img{max-width:100%;height:auto;}
strong{font-weight:600;font-size:100%;}

h1{font-size:225%;font-weight:600;display:block;text-transform:uppercase;margin:0 0 15px;line-height:1.2;text-align:left;}
h2{font-size:175%;font-weight:600;display:block;margin:0 0 15px;line-height:1.2;text-align:left;}

.subline{font-size:150%;font-weight:400;display:inline-block;color:#fff;margin:0;line-height:1.3;text-align:left;letter-spacing:2px;}

.row{display:flex;flex-direction:row;flex-wrap:wrap;}
.col-6{width:50%;max-width:50%;flex: 0 0 50%;}

/*------------------------------------HEADER-------------------------------------------------*/

header{position:absolute;top:0;right:0;left:0;text-align:center;padding:0;}
.logo{max-width:300px;}

/*------------------------------------CONTENT-------------------------------------------------*/

.container{max-width:1700px;margin:0 auto;}

.baustelle-background{height:100vh;background:url(media_baustelle/background.jpg), linear-gradient(90deg,rgba(11, 58, 126, 1) 0%, rgba(7, 61, 133, 1) 100%);background-size:100%;background-repeat:no-repeat;background-position:top;}

.zwischentitle{font-size:150%;font-weight:400;display:block;color:#fff;margin:50px 0 0;line-height:1.3;text-align:left;letter-spacing:2px;}

.text{display:block;padding:25px;width:50%;background:#0b3a7e;position:absolute;bottom:5%;;-webkit-box-shadow: 10px 10px 50px -35px rgba(0,0,0,1);-moz-box-shadow: 10px 10px 50px -35px rgba(0,0,0,1);box-shadow: 10px 10px 50px -35px rgba(0,0,0,1);}
/* .text:before{content:'';display:block;width:150px;height:150px;position:absolute;right:-50px;top:-100px;background:url('media_baustelle/favicon.png');background-position:center;background-size:100%;background-repeat:no-repeat;transform: rotate(28deg);} */

.mail{position:relative;font-size:125%;font-weight:300;padding-left:35px;display:block;margin:5px 0;}
.mail:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:9px;background:url('media_baustelle/mail.png');background-position:center;background-size:100%;background-repeat:no-repeat;}

.telefon{position:relative;font-size:125%;font-weight:300;padding-left:35px;display:block;margin:5px 0;}
.telefon:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:9px;background:url('media_baustelle/telefon.png');background-position:center;background-size:100%;background-repeat:no-repeat;}

.adresse{position:relative;font-size:125%;font-weight:300;padding-left:35px;display:block;margin:5px 0;}
.adresse:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:9px;background:url('media_baustelle/pin.png');background-position:center;background-size:100%;background-repeat:no-repeat;}


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

    .text{left:25px;}

}

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

    h1{font-size:175%;}
        
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    .baustelle-background{height:100vh;background:url(media_baustelle/background-mobile.jpg), linear-gradient(90deg,rgba(11, 58, 126, 1) 0%, rgba(7, 61, 133, 1) 100%);background-size:100%;background-repeat:no-repeat;background-position:top;}

    .text{display:block;width:calc(100% - 50px);padding:25px;bottom:25px;top:unset;background:none;box-shadow:none;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    h1{font-size:150%;}

    .subline, .zwischentitle{font-size:125%;}
    .telefon, .mail, .adresse{font-size:100%;}
    .telefon::after, .mail::after, .adresse::after{top:4px;}

    .col-6{width:100%;max-width:100%;flex: 0 0 100%;}
    
    .logo{max-width:125px;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px) {
   
    h1{font-size:150%;}
    h2{font-size:100%;}

    .subline{font-size:100%;}
    .mail{font-size:100%;padding-left:25px;}
    .mail:after{width:15px;height:15px;top:8px;}
    .telefon{font-size:100%;padding-left:25px;}
    .telefon:after{width:15px;height:15px;top:8px;}

    .text{padding:0;bottom:5%;}

    .zwischentitle{margin-top:20px;}

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

    .text{width:calc(100% - 50px);}
    
}