/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Istok Web', sans-serif;
*/

body, textarea, input, select {
	font-family: 'Istok Web', sans-serif;
	font-size:12pt;
	color:#464646;
}

#surround {
	margin:0 auto;
	width:100%;
}

.inner {
	margin:0 auto;
	max-width:1140px;
}

.innerBox {
	padding:0 25px;
}

.titel {
	font-weight:bold;
	padding-bottom:10px;
}


#kapitelbild {
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:450px;
}


/* CONTENT */
#content {
	width:100%;
	min-height:200px;
	margin:0 auto;
	padding:20px 0 50px 0;
	line-height:28px;
	text-align:left;
}

#content h1.pageTitle {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:27pt;
	font-weight:100;
	line-height:48px;
	padding-top:20px;
	padding-bottom:10px;
	margin:0;
}

#content h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:27pt;
	font-weight:100;
	line-height:48px;
	margin:0;
}

.redText {
	color:#000;
}
.grayBack {
	background-color:#f2f2f2;
}

#content li {
	font-weight:normal;
}
#content img {
	max-width:100%;
	height:auto;
	display:block;
}

#content a {
	color:#dc281a;
}
#content a:hover {
	color:#000;
}

ul.suche {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.suche li a {
	display:block;
	padding:5px 15px;
	background-color:#ddd;
	border-bottom:1px solid #000;
}

.flexBox {
	display: flex;
	flex-wrap: wrap;
}


.block20 {
	width:20%;

}


.block25 {
	width:25%;
}
.block25 img {
	width:100%;
	height:auto;
	display:block;
}

.block33, .block33G {
	float:left;
	width:33.3333333%;
}
.block66, .block66G {
	float:left;
	width:66.6666666%;
}




.block50 {
	float:left;
	width:50%;
}

.block50 img, .block20 img, .block33 img {
	display:block;
	max-width:100%;
	height:auto;
}



/* RESPONSIVE */
@media  only screen and (max-width: 768px) {
	.block25 {
		width:50%;
	}
	
	
	.block33G, .block66G {
			width:100%;
		}
	
	
}
@media  only screen and (max-width: 640px) {
	.block20 {
		width:33.3333%;
	}
	.block50 {
		width:100%;
	}

	.block33 {
		width:50%;
	}
	.block66 {
		width:50%;
	}


}
@media  only screen and (max-width: 380px) {
	.block20 {
		width:50%;
	}
	.block25 {
		width:100%;
	}
	#map {
		height:300px;
	}
	.block33 {
		width:100%;
	}
	.block66 {
		padding-top:25px;
		width:100%;
	}

}