.headerimg {
	width: 100%;
	height: 250px;
	background-image: url(../images/headerimg/kummerkasten.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}
.login {
	background-color: #3a3a3a;
	color: #FFFFFF;
	padding: 10px 20px;
	margin: 20px 0 67px 0;
}
	.login h2 {
		color: #F0F0F0;
	}
	.logleft {
		width: 44%;
		margin-right: 1%;
		padding-top: 4px;
		float: left;
		text-align: right;
	}
	.logright {
		width: 25%;
		float: left;
	}
	.log2 {
		margin: 10px 0;
	}
	.log3 {
		width: 200px;
		margin: 0 auto;
	}
	.lefttitel {
		width: 65%;
		margin-right: 5%;
		float: left;
	}			
	.rightedit {
		width: 30%;
		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;
			}
.regilink {
	margin-bottom: 10px;
	text-align: center;
}			
	.regilink a {
		color: #ff6633;
		transition: 0.2s;
	}
		.regilink a:hover {
			color: #FFFFFF;
			padding-bottom: 2px;
			border-bottom: 1px solid #FFFFFF;
		}
.submitbutton {
	width: 25%;
	margin: 0 auto;
}
.smallinput {
	width: 50px!important;
}
.aktion {
	background-color: #3a3a3a;
	color: #FFFFFF;
	padding: 10px 20px;
	margin: 30px 0;
}
	.aktion h2 {
		color: #F0F0F0;
		margin-bottom: 10px;
	}
	.aktion h3 {
		color: #F0F0F0;
		margin: 15px 0 5px 0;
	}
	.aktion a {
		color: #BBBBBB;
	}
		.aktion a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
.entscheidung {
	width: 50%;
	margin: 10px auto;
}
	.entscheidung .left {
		width: 48%;
		margin-right: 4%;
		float: left;
	}
	.entscheidung .right {
		width: 48%;
		float: left;
	}
.login1 {
	width: 38%;
	margin-right: 2%;
	float: left;
}
.login2 {
	width: 60%;
	float: left;
}
.einloggen {
	text-align: center;
	font-size: 18px;
	margin-bottom: 150px;
}
.entschuldigung {
	background-color: #3a3a3a;
	padding: 5px;
	color: #F0F0F0;
}
.entschuldigung1 {
	background-color: #F0F0F0;
	padding: 5px;
}
.entschuldigung2 {
	background-color: #DFDFDF;
	padding: 5px;
}
	.ent1 {
		width: 19%;
		margin-right: 1%;
		float: left;
	}
	.ent2 {
		width: 19%;
		margin-right: 1%;
		float: left;
	}
	.ent3 {
		width: 19%;
		margin-right: 1%;
		float: left;
	}
	.ent4 {
		width: 19%;
		margin-right: 1%;
		float: left;
	}
	.ent5 {
		width: 19%;
		margin-right: 1%;
		float: left;
	}
.left {
	width: 24%;
	margin-right: 1%;
	text-align: right;
	padding-top: 4px;
	float: left;
}
.right {
	width: 75%;
	float: left;
	margin-bottom: 5px;
}

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

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

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

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

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

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

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

@media screen and (max-width: 1180px) {
	.lefttitel {
		width: 55%;
	}
	.rightedit {
		width: 40%;
	}
}

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

@media screen and (max-width: 900px) {
	.lefttitel {
		width: 100%;
		margin: 0;
	}
	.rightedit {
		width: 100%;
		margin: 5px 0 20px 0;
	}
	.left {
		width: 100%;
		margin: 5px 0 2px 0;
		text-align: left;
	}
	.right {
		width: 95%;
		margin: 0 0 0 5%;
	}
}

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

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

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

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

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