/* Eigenes Logo */
#login h1 a {
	background-image: url("logo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 300px;
	height: 120px;
	margin: 0 auto 25px;
}

/* Eigener Hintergrund */
body.login {
	background: url("background-login.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Formular */
.login form {
	box-shadow: none;
	padding: 20px;
}

#login {
	background: rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	margin: 50px auto;
	padding: 40px 20px;
	width: 400px;
	max-width: calc(100% - 32px);
}

.login label {
	color: #555;
	font-size: 14px;
}

.login form .forgetmenot {
	float: none;
}

#loginform {
	background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 480px) {
	#login h1 a {
		width: 100%;
		max-width: 300px;
		height: 120px;
	}

	#login {
		margin-top: 20px;
		padding: 30px 16px;
	}
}