#register_nebel{
  display: none;
  position: fixed;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999;
}


.register_wrapper {
position:relative;
top:calc(50% - 225px);
margin-left:auto;
margin-right: auto;
width:600px;
/*height: 400px;*/
padding: 10px;
padding-left:75px;
padding-right:20px;
background-color: #FFF;
border-radius: 4px;
box-sizing: border-box;
}



#register_error_message {border:2px solid red; padding:10px; font-style: italic; color:red; max-width:450px; box-sizing: border-box; margin-bottom: 20px;}
.register_error {border:2px solid red;}

.register_wrapper h2 {color: #555;}
.register_wrapper input[type="text"], .register_wrapper input[type="password"] {font-size: 18px; margin-bottom: 15px; width:300px;}
.register_wrapper input[type="submit"] {font-size: 18px; margin-bottom: 15px; width:120px; background-color: #0055AA; color: #FFF; border-radius: 8px; border:2px solid #CCC;}
.register_wrapper label {display: inline-inline-block;
  width: 150px;
float:left;}

.toggle_merkzettel {display: block;
border-radius: 4px;
background-color: #CCC;
/* height: 30px; */
padding: 7px;
font-size: 18px;
width: 170px;
color: #000;
text-decoration: none;
}

.toggle_merkzettel:hover {text-decoration: underline;}

.toggle_merkzettel i {color: red; float: left; font-size: 22px; margin-top:1px; margin-left:5px;}


#login_error {background:#EEE; width:95px; height: auto; padding: 3px;float: right; margin-right:-105px; line-height:1.6em;margin-top:-22px; font-size: 12px; text-align: left;
}

.captcha {clear: both;
border: 1px solid #CCC;
padding: 0 0 0 20px;
margin-left: -20px;
width: 490px;
box-sizing: border-box;
background-color: #EEE;}

.captcha_display{margin-left: 150px; margin-bottom: 10px; margin-top: 20px;}




@media only screen and (max-width: 620px){
	.register_wrapper {    
	width:100%;
	padding-left:20px;
	top:30px;
	}

	.register_wrapper h2 {font-size: 18px;}
	.register_wrapper input[type="text"], .register_wrapper input[type="password"] {font-size: 14px; margin-bottom: 10px; width:80%;}
	.register_wrapper label {line-height: normal; margin-bottom: 0;}

	.captcha {
		margin-left: 0;
		width: 100%;}

	.captcha_display{margin-left: 0; margin-bottom: 10px; margin-top: 10px;}



}

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