html {
	overflow-y: scroll;
	}

body {
	background-color: #1F94DA;
	margin: 0;
	height: 101%;
	line-height: 1.35;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}

#wrapper {
	max-width:1020px;
	width:100%;
	margin:0 auto;
	background-color:#FFF;
}

#header {
	width:90%;
	height:auto;
	padding:20px 5%;
}

#wappen {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:20px;
}

.gemeinde {
	width:25%;
	float:left;
	height:auto;
}

.gemeinde img {
	width:74%;
	margin:0 13%;
}

.gemeinde p {
	font-size:1.2em;
}

#firma {
	float:left;
	text-align:center;
	margin-bottom:30px;
	width:100%;
}

#headerpics #image1 {
	float:left;
	width:32%;
}

#headerpics #image2 {
	float:left;
	width:22%;
	padding-top:50px;
	margin-left:5%;
}

#headerpics #image3 {
	float:left;
	width:36%;
	margin-left:5%;
}

#headerpics #image-center {
	width:80%;
	margin:0 10%;
}

#headerpics img {
	max-width:100%;
}



p {
	color: #222;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5em; 
	margin: 0;
	padding: 5px 10px;
}

p a, p a:visited {
	color:#F69302;
	text-decoration:none;
}

p a:hover {
	text-decoration:underline;
}

#firma h1 {
	color:#00103F;
	font-size:50px;
	font-weight:400;
	text-align:center;
	text-shadow: 1px 1px 1px #1A4778;
	line-height:1.1em;
	margin-bottom:.25em;
}
 
h2 {
	color: #333333;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 10px;
	text-shadow: 1px 1px 0px #666;
}

#element1 h2 {
	text-align:center;
	padding:0;
}
	
h3 {
	color: #222;
	font-size: 22px;
	font-weight: 500;
	margin: 0;
	padding: 5px 10px;
	line-height: 1.5;
}

h4 {
	font-weight:normal;
}

h4 a, h4 a:visited {
	text-decoration:none;
	color:#F69302;
}

h4 a:hover {
	text-decoration:underline;
}

h5 {
	font-size:18px;
	color:#666;
	font-weight:normal;
	padding:0 10px;
	margin:0;
}

#content {
	width:90%;
	padding:0px 5% 30px 5%;
}

#weihnachten {
	margin: 10px 0;
	padding: 10px;
	background-color: #FEF9F1;
		webkit-	box-shadow: 1px 1px 3px 0px #999;
	box-shadow: 1px 1px 3px 0px #999;
}

.w_left {
	float:left;
	width:40%;
}

.w_right {
	float:left;
	width:55%;
}
#content .w_left img {
	margin-bottom:0;
}

#content .w_right h2 {
	color:#F5253F;
	font-size:26px;
	font-weight:400;
	line-height:1.5;
	padding:0;
	margin-bottom:0.5em;
}

#content .w_right h3 {
	color:#222;
	font-size:22px;
	font-weight:500;
	padding:0;
	}


#element2 {
	background: #feffff;
	background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); 
	background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%);
	background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 );
	margin: 0 0 30px 0;
	webkit-	box-shadow: 1px 1px 3px 0px #999;
	box-shadow: 1px 1px 3px 0px #999;
}

#element4 {
	margin:30px 0;
	text-align:center;
}

#element4 h2 {
	font-size:1.75em;
	color: #961b08;
	margin: 0;
}

#element4 h2 a,
#element4 h2 a:visited {
	color:#0000FF;
	text-decoration:none;
}

#element4 h2 a:hover {
	text-decoration:underline;
}

#element4 .ortschaften h2 {
	padding-left:10px;
}

#element5 p {
	padding:0;
}

#element6 {
	margin-top:30px;
	min-height:400px;
}

#element6 h3,
#element6 h5,
#element6 p {
	padding-left:0;
}

#element6 .spalte2 {
	background-image:url(../bilder/rose.png);
	background-position:left top;
	background-repeat:no-repeat;
	min-height:400px;
	background-size:contain;
	margin-top:50px;
}

#element6 .spalte2 img {
	max-width:100%;
}

.zeiten {
	max-width:520px;
	width:100%;
	margin:0 auto;
	color: #222;
	font-size: 22px;
}
	

.ortschaften {
	background: #feffff;
	background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); 
	background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%);
	background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 );
	margin-bottom:20px;
	webkit-	box-shadow: 1px 1px 3px 0px #999;
	box-shadow: 1px 1px 3px 0px #999;
}

.ortschaften p {
	color:#222;
	font-size:20px;
}
.ortschaften h2 {
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
}

.spalte1 {
	float:left;
	width:48%;
	padding:2% 0%;
}

.spalte2 {
	float:left;
	width:48%;
	padding:2% 0%;
	margin-left:4%;
}


#element2 .spalte1 {
	width:36%;
	padding-left:17%;
}

#element2 .spalte2 {
	padding-right:5%;
	width:37%;
}

.left {
	float:left;
	width:70%;
	padding-right:4%;
}

.right {
	float:left;
	width:20%;
	margin-left:6%;
}

.center {
	float:left;
	width:100%;
	text-align:center;
}

.center h3 {
	color: #0000FF;
	font-size:1.5em;
	text-align:center;
	margin-bottom:0;
}

#element12 p {
	text-align:center;
	font-size:14px;
}

#element12 p a:link { 
text-decoration:none;
color:#999;}
#element12 p a:visited { 
text-decoration:none;
color:#999;}
#element12 p a:hover { 
text-decoration:underline;
color:#333;}

.clear {
	content:".";
	display:block;
	clear:both;
	font-size:0;
	height:0;
	visibility:hidden;
}



@media only screen and (max-width:760px) {


#wrapper {
	width:100%;
}

#header {
	width:96%;
	height:auto;
	padding:15px 2%;
}

.gemeinde p {
	font-size:1em;
}

#content {
	width:90%;
	padding:10px 5%;
}

.spalte1 {
	float:left;
	width:40%;
	padding:2% 0%;
}

.spalte2 {
	float:left;
	width:56%;
	padding:2% 0%;
	margin-left:4%;
}

#element2 .spalte1 {
	width:35%;
	padding-left:0;
}

#element2 .spalte2 {
	padding-right:0;
	width:60%;
}

#element4 h2 {
    font-size: 1.5em;
}

#element5 .spalte1, #element5 .spalte2 {
	width:100%;
	margin:0;
}

#element6 {
	margin-top:30px;
	min-height:400px;
}

#element6 .spalte1 {
	width:50%;
}

#element6 .spalte2 {
	background-image:url(../bilder/rose_mobile.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:46%;
}


h1 {
	font-size:20px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
}

p {
	font-size:16px;
}

.left {
	width:100%;
}

.right {
	display:none;
	margin:0;
}

}

@media only screen and (max-width:568px) {

h5 {
    font-size: 0.9em;
}

.zeiten {
    font-size: 1em;

}

}

@media only screen and (max-width:480px) {

boody {
	font-size:16px;
}

.gemeinde p {
	font-size:0.9em;
}
	
#element4 h2 {
    font-size: 1.25em;
}

.zeiten {
    font-size:0.9em;
}
	
}

@media only screen and (max-width:414px) {

.gemeinde p {
	font-size:0.8em;
}


h5 {
    font-size: 0.9em;
}

.zeiten {
    font-size: 0.85em;

}

}

@media only screen and (max-width:360px) {
	
h1{
	font-size:120%;
}

h2 {
		font-size:16px;
	}

}