html {}



body {
    margin: 0;
    padding: 0;
    background-color: rgb(252,252,252);
    
}

header {
	position: fixed;
	width:100%;
	height:100px;
    z-index:2;
	top:0;
	left:0;
	background-color: rgb(252,252,252);
    border-bottom: solid 1px rgba(43,46,51,0.15);
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
}



.wrapper{
    margin-top:100px;
	width:100%;
    height: auto;

}



/* ------------------------ */
.contentbox-outer{
    width:100%;
	height: auto;
  
}


.contentbox-center{
    display: inline-block;
	width: 100%;
	margin: 0 auto;
}

.contentbox-inner{ margin: 0.1em auto; background-color:rgba(200,200,200,0)}

#introheadlineBox{width: 90%; margin-top: 1em; margin-bottom: 2em; padding-bottom:18em}

.orange-bg{background-color:rgb(236,143,38);}
.black-bg{ background-color:rgb(43,46,51);}

.impBox{ padding: 2em 0;}
.impBox:first-child{margin-top: 10em;}
.impBox:last-child{margin-bottom: 20em;}

.footer{width:100%; padding: 0.5em 0;background-color:rgb(43,46,51);}
.footer-inner{border:solid 0px red; width:auto; padding:0 1em; float:left;}
.footer-inner:first-child{margin-left:2em;}
.footer-inner:last-child{position: absolute; right:0; margin-right:2em;}

/* -----------------------------------------------------------------Mobil & Tablet */
@media only screen and (min-width: 0em) and (max-width: 40em){   
#introheadlineBox{ padding:8em 0 2em 0;}
.contentbox-outer{padding: 3em 0;} 
.contentbox-inner, #introheadlineBox{width: 90%;}
.impBox{padding: 0;}
.footer-inner:first-child{margin-left:0.5em;}
.footer-inner:last-child{position: absolute; right:0; margin-right:0.5em;}

}



/* -----------------------------------------------------------------Tablet Querformat */
@media only screen and (min-width: 40em) and (max-width: 80em){
#introheadlineBox{padding:4em 0;}
.contentbox-outer{padding-top: 4em;}  
.contentbox-inner{width: 40em;}

}

    
/* -----------------------------------------------------------------Tablet Desktop */
@media only screen and (min-width: 80em){
#introheadlineBox{padding: 10em 0 1em 0}
.contentbox-outer{padding-top: 8em;}
.contentbox-outer:last-child{padding: 1em 0;} 
.contentbox-inner{ width: 50em;}


}