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

body, textarea, input, select {
	font-family: 'Roboto', sans-serif;
	font-size:12pt;
	line-height:24px;
	color:#000;
}

.anker {
	position:absolute;
	margin-top:-60px;
}

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

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

.innerBox {
	padding:0 25px;
}

.boxPad35 {
	padding:35px 0;
}

.grayBack {
	background-color:#f5f5f5;
}

.grayBox {
	background-color:#eeeeee;
}

.block25 {
	width:25%;
	float:left;
}

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

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

#goTop {
	width:30px;
	height:30px;
	background:url('/page/_webpics/on-top-arrow.png') no-repeat center;
	position:fixed;
	bottom:15px;
	right:15px;
	display:none;
}

.bigText .titel{ 
	font-family: 'Roboto Condensed', sans-serif;
	font-size:58pt !important;
	font-weight:300;
	line-height:90px !important;
}


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


/* CONTENT */
#content {
	width:100%;
	margin:0 auto;
	padding:0;
	line-height:24px;
	text-align:left;
}

#content h1,#content h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:32pt;
	font-weight:300;
	line-height:42px;
	margin-bottom:10px;
	text-align:center;
}

#content h1 {
	text-transform:uppercase;
}

.mainTitleBox {
	padding:60px 0 30px;
}


#content h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24pt;
	line-height:36px;
	font-weight:300;
	padding:40px 0 30px;
}

.center {
	text-align:center;
}

#content li {
	font-weight:normal;
}

#content a {
	color:#1e829a;
}
#content a:hover {
	color:#000;
}

#memberBack {
	background-color:#afafaf;
	padding:20px 0 25px;
}

.colorbar {
	display:block;
	height:20px;
	border:1px solid #fff;
}



.grayTitleBox {
	background-color:#fff;
	color:#000;
	padding:35px 0;
}
.grayTitleBox h1 {
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;

	font-weight:700 !important;
}

.inboxBtnGray {
	border-top:1px solid #d5d5d5;
	display:block;
	line-height:40px;
	padding-left:15px;
}
a.auswahlBox:hover .inboxBtnGray,a.auswahlBox:hover .inboxTextGray {
	background-color:#f5f5f5;
}

.grayBack {
	background-color:#f3f3f3;
}
.grayBack img {
	width:100%;
	height:auto;
	display:block;
}

.flexBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.flexBox .box33 {
	flex:0 1 33.33333%;
	margin-bottom:50px;
}
.flexBox .box50 {
	flex:0 1 50%;
}

.flexBox .innerBox {
	height:100%;
}


.flexBox .vorstand {
	height:100%;
}


.flexBox .box50 img {
	width:100%;
	height:auto;
}

.flexBox .box25 {
	flex:0 1 25%;
}
.flexBox .box33 {
	flex:0 1 33.33333%;
}

.flexBox.stellen {
	flex-flow: row nowrap;
}




.flexBox .stellenBild  {
	flex:1 0 376px;
}

.flexBox .stellenText {
	flex:1 1 100%;

}

.trenner {
	display:block;
	height:2px;
	background-color:#1e829a;
	margin:60px 0;
}




a.newsvorschau {
	display:inline-block;
	background-color:#fff;
	font-size:12pt;
	line-height:22px;
	color:#000 !important;
	height:100%;
	width:100%;
	background-image:url(/page/_webpics/arrow-right-green.svg);
	background-repeat:no-repeat;
	background-position:left 20px bottom 20px;
}

a.newsvorschau  {
	height:100%;
}

a.newsvorschau .datum {
	padding:10px 20px 0;
	font-size:10pt;
}
a.newsvorschau .zeit {
	padding:0 20px 0;
	font-size:10pt;
}
a.newsvorschau .ort {
	padding:0 20px 0;
	font-size:10pt;
}
a.newsvorschau .titel {
	font-family: 'Roboto Condensed', sans-serif;
	padding:15px 20px 15px;
	font-size:18pt;
	line-height:30px;
	font-weight:500;
	text-transform:uppercase;
}
a.newsvorschau .text {
	padding:0 20px 80px;

}



.galerie {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.galerie .imageBox {
	flex:0 1 25%;
	padding:25px 0;
}





.flexHalfBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}




.vorstand {
	display:block;
	background-color:#fff;
}

.vorstand .text {
	padding:10px 20px 20px;
}


.flexHalfBox.reverse {
	flex-flow: row-reverse nowrap;
}

.flexHalfBox .text {
	flex:1 0 50%;
}


.flexHalfBox .bild {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 25px;
	flex:1 0 50%;
}
.flexHalfBox .bild div {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.flexHalfBox .bild.geschichte {
	margin-top:90px;
}

.flexVorteil {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.flexVorteil .text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	flex:1 0 50%;
	background-image:url('/page/_webpics/vorteile-icon-pro-city.svg');
	background-repeat:no-repeat;
	background-position: left 25px top 10px;
	margin:20px 0;
	padding:0 25px 0 155px;
}

.flexQuart {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.flexQuart .content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex:0 1 25%;
	margin:25px 0;
}

.flexQuart .content .box {
	height:100%;
	background-color:#fff;
	margin:0 25px;
}

.flexQuart .content .box .text {
	padding:15px 10px;
	flex: 1 1 auto;
}

.backgImage {
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
}
.backgImage .content {
	background-color:rgba(0,0,0,0.6);
	color:#fff !important;
}


.showPic * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.showPic {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.showPic img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover .showPic img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.backButton {
	display:inline-block;
	text-align:center;
	padding:0 20px;
	line-height:40px;
	border:1px solid #1e829a;
}
.backButton:hover {
	background-color:#1e829a;
	color:#fff !important;
}

.imgBox img {
	max-width:100%;
	height:auto;
	display:block;
}


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;
}

iframe.homemap {
	width:100%;
	height:600px;
}

#ytFrame {
	width:100%;
}


#ausgabe {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	min-height:500px;
}

.ausgabeBox {
	flex:0 0 33.33333%;
}

.ausgabeBox .innerBox {
	height:100%;
}

.ausgabeInnerBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ddd;
	padding:10px;
	height:100%;
}

.button {
	border:1px solid #1e829a;
	background-color:#fff;
	color:#1e829a;
	padding:10px 30px;
	margin:20px auto;
	cursor:pointer;
}
.button:hover {
	background-color:#1e829a;
	color:#fff;
}


.btnTopGroup {
	background-color:#d1d1d1;
	padding:10px 20px 10px 50px;
	cursor:pointer;
	background-image:url('/page/_webpics/plus.svg');
	background-repeat:no-repeat;
	background-position:left 15px center;
	margin-bottom:10px;
}
.btnTopGroup.akt {
	background-image:url('/page/_webpics/minus.svg ');
}
.blockTopGroup .inBlock {
	display:none;
	padding-bottom:20px;
}
.blockTopGroup .inBlock a {
	display:block;
	padding:5px 0 5px 50px;

}


/* DATENSCHUTZ-TITEL */
.dse-haupttitel {
	font-size:19pt;
	font-weight:bold;
}

.dse-untertitel {
	font-size:14pt;
	font-weight:bold;
}

.impdaschu-titel {
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
}


/* RESPONSIVE */
@media  only screen and (max-width: 1500px) {
	#kapitelbild {
		height:550px;
	}
}

@media  only screen and (max-width: 1140px) {
	#kapitelbild {
		height:450px;
	}
}

@media  only screen and (max-width: 768px) {
	#kapitelbild {
		height:350px;
	}

	.flexBox.stellen {
		flex-flow: row wrap;
	}
	.flexBox.stellen .stellenBild {
		padding-bottom:30px;
	}

	.flexBox.stellen .stellenBild img {
		max-width:100%;
		width:400px;
		height:auto;
		margin:0 auto;
	}

}

@media  only screen and (max-width: 800px) {
	.flexBox .box50 {
		flex:0 1 100%;
	}


	.flexBox .box50 img {
		width:100%;
		height:auto;
		padding:30px 0;
	}

	.flexBox .box25 {
		flex:0 1 33%;
	}
	.flexBox .box33 {
		flex:0 0 50%;
	}

	.block50 {
		width:100%;
	}
	#content h1,#content h2 {
		font-size:20pt;
	}

	#content h3 {
		font-size:18pt;
		padding:30px 0 20px;
	}

	.ausgabeBox {
		flex:0 0 50%;
	}

}

@media  only screen and (max-width: 1023px) {
	.innerBox {
		padding:0 15px;
	}
	#content h1,#content h2 {
		font-size:26pt;
	}
	.block25 {
		width:33.33333333%;
	}
}


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


@media  only screen and (max-width: 667px) {
	.block25 {
		width:50%;
	}
	.grayTitleBox {
		padding:20px 0;
		font-size:10pt;
		line-height:18px;
	}
	.grayTitleBox h1 {
		font-size:24pt !important;
		line-height:32px !important;
	}
	#content h1,#content h2 {
		font-size:24pt;
		line-height:32px;
	}
	#content {
		font-size:11pt;
		line-height:22px;
	}

}


@media  only screen and (max-width: 580px) {
	.flexBox .box25 {
		flex:0 1 50%;
	}
	.flexBox .box33 {
		flex:0 1 100%;
	}

	.ausgabeBox {
		flex:0 0 100%;
	}
	a.newsvorschau {
		font-size:11pt;
	}
	a.newsvorschau .titel {
		font-family: 'Roboto Condensed', sans-serif;
		padding:30px 20px 15px;
		font-size:15pt;
		line-height:27px;
	}

}