.LOGIN_WRAPPER {
	border: 				0px solid pink;
	
	width:					100%;
	height:					100%;

 	display: 				flex;
  	 align-items: 			center;
  	 justify-content: 		center;
	
}
.LOGIN_WRAPPER .left {
	border: 				0px solid yellow;
	width:					40%;
	
	display: 				flex;
	  justify-content: 		center;
	  
	position: 				relative;
	
}
.LOGIN_WRAPPER .right  {
	border: 				0px solid yellow;
	width:					60%;
	
}


/*---------------------------*/
/*-LOGO----------------------*/
/*---------------------------*/
	.LOGIN_WRAPPER .left .logo {
		border: 			0px solid yellow;
		
		width:				80%;
		height:				80%;
		margin: 			0 0 0 0;
	}
	.LOGIN_WRAPPER .left .bild {
		border: 			0px solid red;
		
		width:				40vh;
	}
	.LOGIN_WRAPPER .left .text {
		border: 			0px solid yellow;
		
		position: 			absolute;
		 top:				70%;
		 left:				55%;

		color:				green;
	}



/*---------------------------*/
/*-LOGIN---------------------*/
/*---------------------------*/
	.LOGIN_WRAPPER .right .row {
		border: 			0px solid red;
		
		display:			flex;
		 justify-content: 	space-around;
	}
	
	.LOGIN_WRAPPER .right #login_error {
		height:				6vh;
		
		display:			flex;
		 align-items: 		center;
		 justify-content: 	center;		
		
		color: 				red;
	}

	/*---------------------------*/
	#btn_login {
		width:				40%;
		margin:				2vh;

	}
 
	.input_text_login {
		width:					90%;
		height:					6vh;
		color: 					#FFFFFF;
		 font-size:				4.5vh;

		background-color:		rgba(102, 255, 255, 0.3);
		 border-width:      		0.0vh;
		 border-style:     	  	outset;
		 border-color:       	#FFFFFF;
	}