html,body{
	width: 100%;
	overflow: hidden;
}

body{
	background-color: #272B2F;
	font-family: 'Arial'
}

.login-container{
	margin: 56px auto;
	width: 40%;
}

.login-header{
	background-color: #1a3c7a;
	width: 100%;
	padding: 14px 12px 10px;
}

h2{
	color: white;
}

.login-body{
	background-color: #2D3236;
	padding: 12px 32px;
	color: white;
}


.dark-form{
	background-color: rgba(0,0,0,0.00);
	border: none;
	border-bottom: solid 1px #1a3c7a;
	border-radius: 0px;
	outline: none;
	width: 100%;
	padding: 6px 12px; 
	color: white; 
	margin: 10px 0 18px
}

.dark-form:focus{
	outline: 0;
	background-color: #2D3236;
}

.btn-info{
	background-color: #1a3c7a;
	border:none;
	margin: 20px 0;
}

.btn-info:hover,.btn-info:focus{
	background-color: #1B4082;
	outline: 0;
}

p{
	color:rgba(255,255,255,0.60);
	text-align: center;
	margin: 15px 0;
}

@media screen and (max-width:450px) {
   /* Zusätzliche Regeln noch kleinere Monitore  */
   
	body,html{
		background-color: #2D3236;
		overflow-y: auto;
	}	
	
.login-container{
	width: 100%;
	margin: 0;
}

.login-header{
	background-color: #2980B9;
	width: 100%;
	padding: 14px 12px 10px;
}

h2{
	color: white;
}

.login-body{
	background-color: #2D3236;
	padding: 12px 32px;
	color: white;
}


.dark-form{
	background-color: rgba(0,0,0,0.00);
	border: none;
	border-bottom: solid 1px #2980B9;
	border-radius: 0px;
	outline: none;
	width: 100%;
	padding: 6px 12px;
	color: white; 
	margin: 10px 0 18px
}

.dark-form:focus{
	outline: 0;
	background-color: #2D3236;
}

.btn-info{
	background-color: #2980B9;
	border:none;
	margin: 20px 0;
}

.btn-info:hover{
	background-color: #2C89C7;
}

p{
	color:rgba(255,255,255,0.60);
	text-align: center;
	margin: 15px 0;
}
	
}