#contentcontainer_verify_code {
									position: fixed;
									top: 0px;
									left: 0;
									height: 100vh;
									width: 100vw;
									min-height: 100vh;
									min-width: 100vw;
									overflow: auto;
									z-index: 300;
									border: none;
									display: flex;
									flex-direction: column;
									justify-content: center;
									align-items: center;
									background-color: transparent;
									overflow: hidden;
									background-image: url("/css/images_web/bg/HG_transparent100.png");
									background-position: center;
									background-size: cover;
}
.HG_verify_code {
									background-image: url("/css/images_web/bg/HG_transparent90.png");
									background-position: center;
									background-size: cover;
									border-style: solid;
									border-color:  rgb(122, 122, 122);
									border-width: 0.05em;
									border-style: solid;
									box-shadow: 0px 10px 13px -7px #000000, 1px 5px 20px 6px rgba(148,148,148,0.33);
									border-radius: 9px;
}	
#formzeile_verify_code {
									height: 30px;
									width: 100%;
									margin-top: 1.5em;
									margin-bottom: 1.8em;
									display: flex;
									flex-direction: row;						
									justify-content: space-evenly;
									align-items: stretch;	
									flex-wrap: nowrap; 
									border: none;
}
#formzeile_verify_code div {
									border: none;
									min-height: 100%;
									width: 21px;
} 
#formzeile_verify_code input[type="text"] { 									
									min-height: 100%;
									min-width: 21px;
									max-width: 21px;
									text-align: center;
									font-family: "Roboto-Regular", Helvetica, sans-serif;
									font-size: 1.2em;
									font-weight: 300;
									color: rgb(60, 60, 60);
									line-height: 1.2em;
									text-justify: inter-word;
									border-top: none;
									border-left: none;
									border-right: none;
									border-bottom: rgb(117, 117, 117) 1px solid;
									background-color: transparent;	
} 	
@media only screen and (orientation: portrait)  {	
														#content_verify_code {
																						z-index: 310;
																						position: relative;
																						width: 90vw;
														}
														.HG_verify_code {
																						padding: 1.2em;
														}
														#content_verify_code h1{
																						font-size: 0.9em;
																						margin-bottom: 2em;																			
														}
}
@media only screen and (orientation: landscape)  {	
														#content_verify_code {
																						z-index: 310;
																						position: relative;
																						width: 66vh;
																						margin-bottom: 2em;
														}
														.HG_verify_code {
																						padding: 0.6em;
														}
}
