html {height:100%;}
body.login { 
	background:#FFFFFF url(../img/big_bg.webp) no-repeat center center fixed !important;
	/*background:#FFFFFF !important;*/
	/*height:100%;*/
	background-size: cover !important;
	min-height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
 }
.login .page-wrapper {
	max-width: 1200px; 
	width: 1200px;
	background:transparent; 
	background: rgba(255, 255, 255, 1) !important; 
	clear:left; 
	overflow:auto; 
	padding: 40px 40px 40px 40px;
	border-radius: 40px;
}

.login #container {background:none;}
.login #body {min-height:450px; margin-left:0px;}
.login .container-fluid {padding:0 !important;}

#login {width:auto; margin-top:30px;}
#login h3 {color:#FFFFFF !important;}
ul.buttons li {
    line-height: 30px;
}

.small {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 400;
}

.login .date-post {padding: 0 15px 0 0; color:#333333; font-size:13px;}
.login h1.anmelden {
	font-weight: 700 !important;
    font-size: 40px;
    line-height: 44px;
    margin: 0 0 10px 0;
}
.login h2 {padding:5px 0; margin:5px 0; font-size:18px; line-height:22px;}
.login h3 {color:#000000; background:none; padding:0 0 10px 0;}
.login h3.aktuelle a { color: inherit; }
.login h3.anmelden {font-size:28px;}
.login h3.aktuelle {margin-top:30px;}
.login ul.meldungen-full li {padding:17px 0 5px 0;}
.login a#neu-anmelden {font-size:11px;}
.login .control-group {margin:0px;}
.login #page {padding-bottom:0px !important;}
.login ul.meldungen, .login ul.meldungen-full {padding:0px; margin:0 0 0 -10px;}
.login h3 + p {margin-top: 15px;}

label, input, button, select, textarea {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}
input {
    border-color: #b5b7ac !important;
    background: #FAFAFA !important;
    border-radius: 25px !important;
}

#loginform a:hover {text-decoration:none;}

.language-desktop {position:absolute; right:0px; top:0px;}

#page select {
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 979px) {  
	body.login {padding: 0 15px 15px !important;}
}
 
@media (max-width: 1030px) {
	.login .page-wrapper {
		width: calc(100% - 120px);
	}
}
@media (max-width: 767px) { 
	.login .page-wrapper {
		padding:20px 10px 20px 10px;
		width: calc(100% - 60px);
	}
	.language-desktop { display: none; } 
}
@media (min-width: 768px) {
	.language-mobile { display: none; }
}

.login #footer {
	padding-top: 12px;
	padding-bottom: 12px;
	background: rgba(51, 51, 51, 0);
	border: 0px;
	/*border-top: 2px solid #eee;*/
	margin-top: 5px;
}

.login #footer .footer-box {
	max-width: 900px;
	margin: 0 auto;
}

.login #footer .span12 {
	text-align: center;
	font-size: 13px;
	min-height: 24px;
}
	.login #footer .span12 br {
		display: none;
	}
	.login #footer .span12 ul {display: inline; padding: 0px; margin: 0px;}
	.login #footer .span12 li {display: inline; list-style-type: none; padding: 0px; margin: 0px;}
	.login #footer .span12 a {
		padding: 0 5px;
		color: #fff;
		text-decoration: none;
	}
	.login #footer .span12 a:hover {
		color: #fff;
		text-decoration: underline;
	}

.login div.checker > span {
	position: absolute;
	top: 4px;
}

.modal-body li {line-height:inherit;}