.headerimg {
	width: 100%;
	height: 250px;
	background-image: url(../images/headerimg/dassindwir.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}
.contentbg {
	background-image: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 80%, #ffffff 100%);
}
	.leitung {
		margin: 20px 5%;
	}
		.leitungperson {
			width: 23%;
			margin: 10px 1%;
			float: left;
			text-align: center;
		}
		.leitungperson img {
			width: 100%;
			margin-bottom: 10px;
			/*max-height: 350px;*/
			filter: grayscale(0.8);
			transition: 0.2s;
		}
		.bordergrau {
			height: 1px;
			width: 100px;
			margin: 5px auto;
			background-color: #3a3a3a;
		}
	.lehrerperson {
		width: 18%;
		margin: 10px 1%;
		float: left;
		text-align: center;
		min-height: 460px;
	}
		.lehrerperson img {
			width: 100%;
			margin-bottom: 10px;
			/*max-height: 300px;*/
			filter: grayscale(0.8);
			transition: 0.2s;
		}
			.leitungperson:hover img,
			.lehrerperson:hover img {
				filter: grayscale(0);
				box-shadow: 0 0 5px #ff6633;
			}
.lefttitel {
	width: 75%;
	margin-right: 5%;
	float: left;
}			
.rightedit {
	width: 20%;
	float: left;
	margin: 40px 0 0 0;
	text-align: center;
}
	.rightedit a {
		font-size: 18px;
		color: #ff6633;
		padding-bottom: 2px;
	}
		.rightedit a:hover {
			border-bottom: 1px solid #df4613;
			color: #df4613;
		}

.aktion {
	background-color: #3a3a3a;
	color: #FFFFFF;
	padding: 10px 20px;
	margin: 30px 0;
}
	.aktion h2 {
		color: #F0F0F0;
	}		
.kollegeleft {
	width: 24%;
	margin-right: 1%;
	text-align: right;
	float: left;
}	
.kollegeright {
	width: 75%;
	margin-bottom: 5px;
	float: left;
}
	.kollegeright img {
		width: 250px;
		margin-bottom: 15px;
	}
	.kollegeright p {
		margin-bottom: 5px;
	}
.submitbutton {
	width: 25%;
	margin: 0 auto;
}
.submitbuttonauswahl {
	width: 25%;
}
.entscheidung {
	width: 50%;
	margin: 10px auto;
}
	.entscheidung .left {
		width: 48%;
		margin-right: 4%;
		float: left;
	}
	.entscheidung .right {
		width: 48%;
		float: left;
	}
	.cleartablet, .clearmobile, .clearmini {
		display: none;
	}
	.cleardesktop {
		clear: both;
	}

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

@media screen and (max-width: 1930px) {	
	.leitungperson img {
		/*max-height: 250px;*/
	}
	.lehrerperson img {
		/*max-height: 200px;*/
	}
}

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

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

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

@media screen and (max-width: 1360px) {
.lehrerperson {
		min-height: 410px;
	}
}

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

}

@media screen and (max-width: 1180px) {
	.leitungperson {
		width: 31.33%;
		margin: 10px 1%;
	}
	.lehrerperson {
		width: 23%;
		min-height: 410px;
	}
	.cleardesktop {
		display: none;
	}
	.cleartablet {
		display: block;
		clear: both;
	}
}

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

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

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

@media screen and (max-width: 736px) {
	.cleartablet {
		display: none;
	}
	.clearmobile {
		display: block;
		clear: both;
	}
	.leitungperson {
		width: 48%;
		margin: 10px 1%;
	}
		.leitungperson img {
			filter: grayscale(0);
		}
	.lehrerperson {
		width: 31.33%;
		min-height: 0;
	}
	.leitung {
		margin: 20px 0;
	}
}

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

@media screen and (max-width: 480px) {
	.lehrerperson {
		width: 48%;
	}
	.clearmobile {
		display: none;
	}
	.clearmini {
		display: block;
		clear: both;
	}
}

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