@charset "utf-8";
/* CSS Document */

h1 {
  font-size: 2.5em; /* 40px/16=2.5em */
}

h2 {
  font-size: 1.875em; /* 30px/16=1.875em */
}

h2 {
  font-size: 1.5em; /* 30px/16=1.875em */
}

h3 {
  font-size: 1em; /* 30px/16=1.875em */
}



 body.homepage  {
   background-color: #585657;
	 color: #fff;
  
}

.impressum {padding: 20px;}


html, body {
   
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
  
}

 #hero {
   
   margin: 0;
   padding: 0;
   border: 0;
 	background-size: auto;

}


#hero img {
  max-width: 100%

}


#wrapper td {
   vertical-align: middle;
   text-align: center;
}

.footer a {color: #fff; padding: 0 5px;}


@media screen and (min-width:1024px){

#hero img {
  margin-top: 5%

}	


}




@media screen and (max-width:768px){
#hero {    
   background-size: contain;
   background-position: top center;
	
	
}
	.container {padding: 20px;   }
	

	
	
	
	


}




@media screen and (max-width:480px) and (orientation:portrait){

	#hero { min-height: 400px; }
	.container {padding: 20px; }
	
	.footer  {margin-top: 60px;	}
	
	
  	
}