html,body {
	margin:0px;
	padding:0px;
	height:auto;
	width: 100%;
	background-color: #97bf0d;
}

#hintergrund_weis {
	max-width: 600px;
	width:80%;
	left: 50%;
	margin-left: -300px;
	float: left;
	height:auto;
	position:absolute;
	background-color: white;
	background: white; 
	background: -webkit-gradient(linear, 0, 0, 0, 0, from(#97bf0d), to(white));
	background: -moz-linear-gradient(bottom, #97bf0d, white 10%);
	}

#logo {
	float: left;
	width: 60%;
	height: auto;
	margin-bottom: 4%;
	margin-left: 20%;
	margin-top: 20px;
}

#logo img {
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}

#ueberschrift {
	float:left;
	margin-top: 2%;
	text-align: center;
	width: 47%;
	height: auto;
	margin-left: 27%;
}

h1 {
	font-family: 'Roboto', sans-serif;
	float: left;
	color: #97bf0d;
	text-align: center;
}

#leistungen {
	float: left;
	text-align:center;
	width: 60%;
	height: auto;
	margin-left: 20%;
	font-family: 'Roboto', sans-serif;
	color: #563e12;
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 5%;
}

#blatt {
	float: left;
	width: 90%;
	height: auto;
	margin-left: 5%;
	opacity: 0.20;
}

#blatt img {
	width:100%;
	height: 100%;
	background-size: 100% 100%;
}

#adresse {
	width: 80%;
	float: left;
	margin-left: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 23px;
	margin-left: 10%;
	margin-bottom: 150px;
}

#text_links {
	float: left;
	width: 50%;
	color: #563e12;
	min-width: 175px;
	margin-right: 8%;

}

#text_rechts {
	float: left;
	width: 42%;
	color: #563e12;
	min-width: 175px;
	margin-top:48px;
	text-align: left;
}

@media only screen and (max-width:650px){
	#hintergrund_weis{
		width: 90%;
		margin-left: 5%;
		float: left;
		position: relative;
		max-width: auto;
		left: 0;
		float: left;
		height:auto;

	}
	
		#adresse {
		width: 80%;
		float: left;
		margin-left: 10px;
		font-family: 'Roboto', sans-serif;
		font-size: 17px;
		line-height: 23px;
		margin-left: 10%;
		margin-bottom: 150px;
		margin-top: 10px;
	}

	#text_links {
		float: left;
		width:100%;
		color: #563e12;
		min-width: 175px;
		margin-right: 8%;
		text-align: center;

	}

	#text_rechts {
		float: left;
		width: 100%;
		color: #563e12;
		min-width: 175px;
		margin-top:48px;
		text-align: center;
	}
	
	#ueberschrift {
	float:left;
	margin-top: 2%;
	text-align: center;
	width: 100%;
	left: 50%;
	height: auto;
	margin-left: 4%;
}

h1 {
	font-family: 'Roboto', sans-serif;
	float: left;
	color: #97bf0d;
	text-align: center;
}


}