.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;
	font-size:20pt;
	line-height:28px;
	padding-bottom:20px;
}


@media  only screen and (max-width: 1280px) {
	.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) {
	.personflex .personBox .contentBox .textBox {
		padding:20px 20px 20px;
	}
}

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

}