/* Grund Divs*/
#top{
	background-color:red;
	height:98px;
}

#left{
	  background-color: #F2F2F2;
	  min-height:90.5vh;
	  width:20%;
}

#rigth{
	 width:80%;
}

/*Schriften*/
h1{
	margin-top:0px;
	padding-top:20px;
	font-size:60px;
	 text-align: left;
}

h2{
	margin-top:0px;
	padding-top:20px;
	font-size:60px;
	color:black;
	text-align: center;
	margin-bottom:40px;
}



/*flex-container*/
.flex-container {
  display: flex;
  flex-wrap: nowrap;

 
}

.flex-container > div {
  text-align: center;
}




legend {
	border-bottom:1px solid black;
} 

.optionLegend{
	  color:black;
}

/*Unterdivs Oben*/
#title{
	 width:80%;
}
#option{
	 width:20%;
}
#options{
	background-color:white;
	border:0px;
	 width:40px;
	 height:40px;
	 margin-top:30px;
	 margin-left:240px;
	 
}



/*Unterdivs Links*/
.userchat{
	  height:60px;
	  width:100%;
	  border:0px;
	  border-bottom:solid 1px grey;
}

/*Unterdivs Rechts*/
/*Oben*/
#rigthtop{
	min-height:78%;
}


#plusButtons{
}


#plusButton{
	margin-left:72.3vw;
	margin-top:0px;
	border:none;
	width:5vh;
	 background-color: white;
}

#chats{
	//max-height:500px;
}

#umchat{
	padding:5px;
	margin-left:5%;
	width:90%;
	 border:solid black 1px;
	 border-top-left-radius: 30px;
	 border-top-right-radius: 30px;
	 border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;
	
  
	
}

#null{
	text-align:left;
	margin-left: 10px;
	color:#FE9A2E;
}


#eins{
	margin-left: 10px;
}

#zwei{
right: 4%;
position: absolute;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
}


/*Unterdivs Rechts*/
/*Unten*/
#rigthbottom{
	 height:15%;
	 background-color: #DF01D7;
	 max-height:140px;
}

.textfeld{	
	border-color:red;
	margin-top:5.35vh;	
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:20px;
	width:95%;
	height:15%;
}

.senden{
	margin-top:5.35vh;
	width:5%;	
}


.senden img{
	width:100%;	
}


/*-----------------------------------------------------------------------------------*/
#radioOptionen{
	text-align:left;
	margin-left:37vw;
	width:200px;
}


.registrierenLink{
	color:white;
}

#loginButton{
	color:black;
}


	.backgroundImage {
		  background-image: url("../img/login.png"); /* The image used */
		  background-color: black; /* Used if the image is unavailable */
		  height: 100vh; /* You must set a specified height */
		  background-position: center; /* Center the image */
		  background-repeat: no-repeat; /* Do not repeat the image */
		  background-size: cover; /* Resize the background image to cover the entire container */
		}
			
		.hero-text {
		  text-align: center;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  color: white;
		}

.loginText{
	color:black;
}


.backgroundImage2 {
		  background-image: url("../img/registrierung.jpg"); /* The image used */
		  background-color: black; /* Used if the image is unavailable */
		  height: 100vh; /* You must set a specified height */
		  background-position: center; /* Center the image */
		  background-repeat: no-repeat; /* Do not repeat the image */
		  background-size: cover; /* Resize the background image to cover the entire container */
		}

.uploadButton{
display: inline!important;
}