body,html{

	margin:0;
	font-family: 'Montserrat', sans-serif;
	background:#002139!important;

}



.login_box{

	width:100%;
	max-width:560px;

	margin:auto;
	padding:20px 30px;
	box-sizing:border-box;
	border-radius:4px;
	background:white;


}


.login_title{

	width:100%;
	color:#333;
	font-size:34px;
	font-weight:600;
	text-align:center;


}

.login_subtitle{

	width:100%;
	color:#333;
	font-size:20px;
	font-weight:400;
	text-align:center;
	margin-bottom:30px;

}


input{

	width:100%;
	padding:15px;
	border:1px solid #ced4da;
	outline-offset: 0px;
	outline: none;
	color:#5e5e5e;
	font-size:16px;
	margin-bottom:10px;
	border-radius:4px;

}



.login_button{

	width:100%;
	padding:15px;
	box-sizing:border-box;
	border:none;
	background:#f3e36b;
	color:black;
	font-size:24px;
	font-weight:700;
	letter-spacing:1.2;
	text-transform:uppercase;
	text-align:center;
	border-radius:4px;
	font-family: 'Montserrat', sans-serif;
	cursor:pointer;



}


.logo{


	width:70%;
	height:auto;


}


.header_img{

	width: 500px;
	margin: 69px auto 58px auto;
	text-align:center;


}


.passwort_vergessen{

	width:100%;
	text-align:right;
	font-size:12px;
	font-weight:500;
	color:#848484;
	margin-top:10px;
	cursor:pointer;

}


.impressum{

	width:100%;
	text-align:center;
	font-size:12px;
	color:#bdbdbd;
	margin-top:25px;



}

.a{

	color:#bdbdbd;
	text-decoration:none;

}


.login_incorrect{


	width:max-content;
	padding:20px;
	box-sizing:border-box;
	background:#ff6262;
	color:white;
	font-weight:500;
	position:fixed;
	bottom:15px;
	right:15px;
	border-radius:4px;
	display:none;
}



.wrong {

	width:100%;
	height:55px;
	background-color:rgb(255,5,5,0.8);
	color:#d3d3d3;
	font-size:20px;
	text-align:center;

}

.right {

	width:100%;
	height:55px;
	background-color:rgb(0,188,4,0.8);
	color:#d3d3d3;
	font-size:20px;
	text-align:center;

}


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


	body,html{

		margin:0;
		font-family: 'Montserrat', sans-serif;
		background:#002139!important;
		padding:10px;
		box-sizing:border-box;

	}



	.login_incorrect{


		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		background: #ff6262;
		color: white;
		font-weight: 500;
		position: initial;
		bottom: 15px;
		left: 10px;
		border-radius: 4px;
		right: 10px;
		text-align:center;
		display:none;

	}
	
	
	
	.header_img{

	width: 100%;
	margin: 69px auto 58px auto;
	text-align:center;


}

}