html {height:100%;}
body.login { 
	background:#000000 url(../img/big_bg.jpg) no-repeat center center fixed !important;
	/*background:#FFFFFF !important;*/
	/*height:100%;*/
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	min-height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
 }
.login .page-wrapper {
	max-width:910px; 
	width: 910px;
	/*-webkit-border-radius:16px; border-radius:16px;*/ 
	background:transparent; 
	background-color: rgba(255, 255, 255, 0.95) !important; 
	clear:left; 
	/*margin: 8vh auto 2vh auto; */
	overflow:hidden; 
	/*border:1px solid #DDDDDD;*/
	padding: 40px 40px 40px 40px;
}
	
.login #container {background:none;}
.login #body {min-height:450px; margin-left:0px;}
.login .container-fluid {padding:0;}
.login input {padding-left:10px; padding-right:10px;}

.logo {position:absolute; right:0px; top:0px;}
#login {width:auto; margin-top:20px;}
#login h3 {margin-top:0px;}

.login .date-post {padding: 0 15px 0 0; color:#333333; font-size:13px;}
.login h2 {padding:5px 0; margin:5px 0; font-size:18px; line-height:22px;}
.login h3 {color:#000000;}
.login h3.anmelden {font-size:28px; margin:0 0 15px 0;}
.login h3.aktuelle a { color: inherit; }
.login ul.meldungen-full li {padding:17px 0 5px 0; margin-left:0px;}
.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 0px;}
.login h3 + p {margin-top: 15px;}
.login ul.buttons {display:none;}

ul.meldungen-full li:nth-child(3) {
    border-bottom: none;
}

#page select {margin-bottom:0px;}
.latest {padding:50px 0 0 0; position:relative;}

.left-col {position:relative; padding-top:100px;}
.right-col {position:relative;}
.right-col h3 {margin-top:150px;}

img.logo {max-width:168px !important; position:absolute; right:100px; top:0px;}

#loginform a:hover {text-decoration:none;}

#logincontainer select {font-weight:normal; font-size:14px;}

.language-desktop {position:absolute; left:0px; top:0px;}
 .language-mobile {margin-bottom:40px;}

html.ie8 .page-wrapper {
	background-color:#ffffff !important;
}

@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; }
}

@media (min-width: 768px) { 
 .language-mobile {display:none;}
}

.login #footer {
	padding-top: 12px;
	padding-bottom: 25px;
	background-color: 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,
    .login #footer .span12 strong {
		display: none;
	}
	.login #footer .span12 a {
		padding: 0 5px;
        color:#FFFFFF;
	}
	.login #footer .span12 a:hover {
		/*color: #FFFFFF;*/
	}

.login div.checker > span {
	position: absolute;
	top: 4px;
}
