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


body{margin:0px 0px;}

#hero{
   background-image:url(https://www.barbarabalden.de/bb_underconstruction/pic16_0.jpg);
   background-size:cover;
   position:relative;
   height:100vh;
   width: 100%; 
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#444444;
}

h2 {
   	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#444444;  	
}

.header{
   position:absolute;
   top:50%;
   top:25%;   
   text-align:center;
   width:100%;
   color:#fff;
   font-size:36px;
   -ms-transform: translate(0,-50%); /* IE 9 */
   -webkit-transform: translate(0,-50%); /* Safari */
   transform: translate(0,-50%);   
}

#content{
   padding:100px 50px;   
   text-align:center;
   width:80%;
   margin:0px auto;
}

#content h2{
   margin:0px 0px 30px 0px;
}

#footer{
   padding:30px 0px;
   text-align:center;
   background:#ddd;
}