/* CSS Document */

* {
	padding:0;
	margin:0;
}
html{
	min-height:100%;
}
body{
	padding:0;
	margin:0;
	background-color: #FFF;
	min-height:100%;
    font-family: "Open Sans",sans-serif;
	color:#434343;
	font-weight:400;
	font-size:24px;
	line-height:1.5;
}
.wrap{
	width:100%;
	background-color: #FFF;
	min-height:100%;
	text-align:center;
}
img{
	max-width: 100% !important;
	height:auto;
}
a {
    color: #899927;
    transition: color .2s ease-in-out;
	text-decoration:underline;
}
a:hover{
	color:#434343;
	text-decoration:underline;
}
#logo{
	margin: 0 auto;
	padding: 50px 0 50px 0;
	width: 300px;
	max-width: 70%;
}
#header{
	margin: 0 auto;
	width: 930px;
	max-width: 90%;
}
#content{
	margin: 0 auto;
	width: 680px;
	max-width: 90%;
	padding: 80px 0 80px 0;
}
#content p{
	padding-bottom: 40px;
}
#footer{
	padding: 50px 5%;
	background-color: #999999;
	color: #FFF !important;
	font-size: 16px;
}
#footer a{
	color: #FFF !important;
}
.oeffnungszeiten-label {
	display: inline-block;
	width: 80px;
	text-align: left;
}
.oeffnungszeiten-value {
	display: inline-block;
	width: 210px;
	text-align: right;
}

@media (max-width: 1280px) {

	body{
		font-size:20px;
	}
	.oeffnungszeiten-label {
		width: 75px;
	}
	.oeffnungszeiten-value {
		width: 180px;
	}
	
}

@media (max-width: 767px) {

	body{
		font-size:18px;
	}

	.oeffnungszeiten-label {
		width: 70px;
	}
	.oeffnungszeiten-value {
		width: 155px;
	}
	#logo{
		padding: 30px 0 30px 0;
	}
	#content{
		padding: 45px 0 45px 0;
	}
	#footer{
		font-size: 14px;
		padding: 30px 5%;
	}
	
}