.topflex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}
.topflex .textBox {
	flex:1 1 100%;
}
.topflex .kontaktBox {
	margin-top:56px;
	flex:0 0 285px;
	font-size:10.5pt;
	line-height:22px;
	padding-top:25px;
}


.themeflex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	padding:20px 0;
}
.themeflex .themeBox {
	flex:1 1 25%;
}
.themeflex .themeBox .textBox .titel {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18pt;
	line-height:31px;
	padding-bottom:20px;
}
.themeflex .themeBox a.contentBox img {
	width:100%;
	height:auto;
	display:block;
	transition: transform 1s;
}
.themeflex .themeBox .innerBox {
	height:100%;
}
.themeflex .themeBox a.contentBox {
	display:block;
	color:#000 !important;
	height:100%;
	position:relative;
	box-shadow:0px 20px 30px rgba(0,0,0,0.1);
	transition:.2s;
}
.themeflex .themeBox .contentBox .textBox {
	padding:20px 30px 60px;
}
.themeflex .themeBox .contentBox .linkText {
	position:absolute;
	left:30px;
	bottom:20px;
	color:#2677ab;
}
.themeflex .themeBox .bild {
	overflow:hidden;
}
.themeflex .themeBox a.contentBox:hover img {
	transform: scale(1.1);
}
.themeflex .themeBox a.contentBox:hover {
	background-color:#fff;
	box-shadow:0px 20px 30px rgba(0,0,0,0.3);
}

.zwischenbildBox {
	padding:80px 0 60px;
}
.zwischenbild {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:600px;
	padding-top:160px;
	background-size:cover;
	background-position:center;
}
.zwischenbild .blueBox {
	max-width:550px;
}


.personflex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	padding:20px 0;
}
.personflex .personBox {
	flex:0 1 20%;
	padding-bottom:50px;
}
.personflex .personBox .innerBox {
	height:100%;
}
.personflex .personBox .contentBox {
	display:block;
	color:#555 !important;
	background-color:#fff;
	height:100%;
	position:relative;
	transition:.2s;
}

.personflex .personBox .contentBox .textBox {
	padding:20px 30px 20px;
}
.personflex .personBox .contentBox img {
	width:100%;
	height:auto;
	display:block;
}
.personflex .personBox .textBox .titel {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18pt;
	line-height:31px;
	padding-bottom:20px;
}

.personflex .personBox .abteilungsTitel {
	display:block;
	height:46px;
	background-color:#f3f3f3;
	font-size:20pt;
	line-height:28px;
	padding-bottom:20px;
}

.galerie img {
	width:100%;
	height:auto;
	display:block;
	box-shadow:0px 20px 30px rgba(0,0,0,0.2);
}


.flex50 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.flex50 .flex50Box {
	flex: 1 1 50%;
	padding-top:50px;
}
.flex50 .flex33Box {
	flex: 1 1 33.333333%;
	padding-top:50px;
}




@media  only screen and (max-width: 1280px) {
	.themeflex .themeBox {
		flex:1 1 50%;
		padding-bottom:50px;
	}
	.zwischenbildBox {
		padding:20px 0 60px;
	}
	.personflex .personBox {
		flex:0 1 33.33333%;
		padding-bottom:50px;
	}
}

@media  only screen and (max-width: 912px) {
	.personflex .personBox {
		flex:0 1 50%;
		padding-bottom:50px;
	}
}

@media  only screen and (max-width: 820px) {
	.zwischenbild {
		height:400px;
		padding-top:80px;
	}

	.themeflex .themeBox .contentBox .textBox {
		padding:20px 20px 60px;
	}
	.themeflex .themeBox .contentBox .linkText {
		left:20px;
		bottom:20px;
	}
	.personflex .personBox .contentBox .textBox {
		padding:20px 20px 20px;
	}
}

@media  only screen and (max-width: 575px) {
	.topflex {
		flex-flow: row wrap;
	}
	.topflex .textBox {
		flex:1 1 100%;
	}
	.topflex .kontaktBox {
		margin-top:0;
		flex:0 0 285px;
		font-size:10.5pt;
		line-height:22px;
		padding-top:45px;
	}

	.themeflex .themeBox {
		flex:1 1 100%;
		padding-bottom:50px;
	}
	.personflex .personBox {
		flex:0 1 100%;
		padding-bottom:20px;
	}
	

	.flex50 .flex50Box {
		flex: 1 1 100%;
	}

	.flex50 .flex33Box {
		flex: 1 1 100%;
	}

	.zwischenbild {
		height:400px;
		padding-top:40px;
	}

}