*{
	margin: 0;
	padding: 0;
}

body{
background: #f7f8f7 url('../img/bg.png') repeat center center;
background-size: cover;
background-attachment: fixed;

}


#head{
	background: #f7f8f7;
	height: 258px;
	width: 100%;
	z-index: 0;
	position: absolute;
	top: 0;
}

#box{
	z-index: 10;
	width: 370px;
	height: 100%;
	background: #fff;
	margin: 85px auto;
	position: relative;
	overflow: hidden;
	
	box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.3);
}

#logo{
	background: #fff url('../img/logo_wunderlich-rgb.png') no-repeat left bottom;
	background-size: contain;
	width: 342px;
	height: 210px;
}


#con1 {
	font-size: 15px;
	line-height: 1.5;
	color: #7F7F7F;
	font-family: Trebuchet,Trebuchet MS,Tahoma,Arial,sans-serif;
	padding-left: 119px;
	margin-bottom: 5px;
}

#con2{
	font-size: 16px;
	line-height: 1.45;
	color: #642814;
	font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
	font-style: italic;
	padding: 30px;
}

.kontakt{
	font-size: 15px;
	line-height: 1.5;
	
	font-family: Trebuchet,Trebuchet MS,Tahoma,Arial,sans-serif;
	font-style: normal;	
}


a{
	text-decoration: none;
	color: #823F23;	
}

a:hover{color: #7F7F7F;}



/*-----------Smartphones----------------------*/

@media screen and (max-device-width: 700px) {

#head{display:none;}
 
 #box{
 	z-index: 10;
 	width: 320px;
 	height: auto;
 	overflow: hidden;
 	background: #fff;
 	margin: 50px auto; 	
 }
 
 #logo{
 	width: 92%;
 	margin: -20px 10px 0 10px;
 }
 
 
 #con1{
 	font-size: 16px;
 	line-height: 1.5;
 	padding-left: 113px;
 	margin-bottom: 0px;
 }
 
 #con2{
 	font-size: 19px;
 	line-height: 1.45;
 	padding: 50px 20px;
 }
 
 .kontakt{
 	font-size: 16px;
 	line-height: 1.5;
 	
 	font-family: Trebuchet,Trebuchet MS,Tahoma,Arial,sans-serif;
 	font-style: normal;	
 }
 
 
 a{font-size: 15px;}

}