body {
	color:#fff;
	letter-spacing: 0.01em;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	font-family: arial;
}
 
 *{
	margin:0;
	padding:0;

}

a{
    color: #FFF;
	text-decoration: none;
 }

#wrapper{
	min-width:260px;
}

#inner
 {
    margin: 0 auto;
    max-width: 1130px;
 }
 
#inner .logo
 {
	background: url("Herrhammer-Logo-Web.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 130px;
    width: 149px;
	margin-left: 40px;
	position:absolute;
			animation:fadein 1.5s;
	-moz-animation:fadein 1.5s;
	-webkit-animation:fadein 1.5s;
 }
 
 #inner .text
 {
    color: #000;
    margin-left: 220px;
    position: absolute;
    text-transform: uppercase;
    top: 30px;
	font-size: 14px;
	line-height: 18px;
 }
 
#inner .text a,#inner .impressum a{
    color: #9B2361;
	text-decoration: none;
	transition-duration: 1s;
    transition-property: color;
 }
 
#inner .text a:hover,#inner .impressum a:hover{
    color: #894F29;
}


 #inner .impressum {
    position: absolute;
    right: 10px;
    top: 5px;
}
 
#content-img  {
    height: 200%;
    left: -50%;
    position: fixed;
    top: -50%;
    width: 200%;
	z-index: -100;

}

#content-img img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;

}

#header
 {
	height:138px;	
	background-color: #fff;
		animation:fadein 1s;
	-moz-animation:fadein 1.0s;
	-webkit-animation:fadein 1s;
 }
 
#text-box{
	position: absolute;
    top: 40%;
	min-width:340px;
	width:375px;
	 -webkit-transition: 1s ease-in-out; 
	 -moz-transition: 1s ease-in-out; 
	 -o-transition: 1s ease-in-out; 
	 transition: 1s ease-in-out;
	 
	 	animation:fadein 1s;
	-moz-animation:fadein 1.0s;
	-webkit-animation:fadein 1s;
 }

 #text-box:hover{
 transform: scale(1.5); 
  -webkit-transform: scale(1.5); 
  -moz-transform: scale(1.5); 
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5); 
}
 
 #text-box-1{
	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	 margin-bottom: 2px;
	animation: 0.5s ease-out 0s normal none 1 running caption-top;
    visibility: visible;
	padding: 10px 15px;
	margin-left: 40px;
	margin-right: 40px;
 }
 
  #text-box-1 h1{
	font-family: 'Crimson Text', serif;
	font-style:italic;
    font-size: 30px;
    line-height: 35px;
	text-transform: uppercase;
 }
 
  #text-box-2{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	padding: 10px 15px;
	line-height: 1.3em;
	margin-left: 40px;
	margin-right: 40px;
	
  }
  
@media (max-width: 768px) {
	#text-box{
		width:100%;
	 }
	 
	  #inner .text
	 {
		font-size: 11px;
		line-height: 14px;
	 }
}

@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}