.main_formular {          
									height: auto;	
									min-width: 100%;
									overflow-y: auto;
									display: flex;
									flex-direction: column;
									justify-content: space-evenly;
									align-items : center;
}
.formzeile-checkbox  {
									--switch-size:0.9em;
									--switch-border-width: 1px;
									--switch-border-inner-radius:calc(var(--switch-size) / 2);
									--switch-border-outer-radius:calc(
																		var(--switch-border-inner-radius) + 
																		var(--switch-border-width)
																	);
                                    height: auto;
									width: 100%;
									margin-top: 1.5em;
                                    margin-bottom: 1.8em;
                                    display: flex;
                                    flex-direction: row;						
                                    justify-content: space-between;
                                    align-items: stretch;	
                                    flex-wrap: nowrap; 
}
.formzeile-checkbox div:last-child{
                                    margin-left: 1em;
                                    min-width: 45px;
                                    word-wrap: break-word;
                                    text-align: end;
                                    align-self: flex-end;
}
.formzeile-checkbox label {	
	                                cursor:pointer;
                                    overflow-wrap: break-word;
}									

.formzeile-checkbox input[type=checkbox] {
									-webkit-appearance:none;
									appearance:none;
									box-sizing:content-box; /* default after appearance:none is border-box */
									position:relative;
									display:inline-block;
									vertical-align:middle;
									width:calc(var(--switch-size) * 2);
									height:var(--switch-size);                                    
									border-width: var(--switch-border-width);
									border-style: solid;									
									border-radius:var(--switch-border-outer-radius);
									font-size:1em;
									transition: background 0.3s;  
									border-color: rgb(170, 170, 170);
									background-color:rgb(177, 177, 177);                            
}

.formzeile-checkbox input[type=checkbox]:before {
									content:"";
									position:absolute;
									left:0;
									top:0;
									width:var(--switch-size);
									height:var(--switch-size);									
									border-radius:var(--switch-border-inner-radius);
									transition: background 0.3s, left 0.3s;
									background-color:rgb(94, 94, 94);
}

.formzeile-checkbox input[type=checkbox]:checked {
									border-color: rgb(138, 138, 138);
	                                background-color:rgb(147, 218, 167);
}
.formzeile-checkbox input[type=checkbox]:disabled {
									border-color: rgba(220, 220, 220, 1);
									background-color:rgba(236, 236, 236, 1);
}
.formzeile-checkbox input[type=checkbox]:checked:before {
                                    left:var(--switch-size);
									border-color: rgb(129, 49, 49);
	                                background-color:rgb(0, 140, 30);
}
.formzeile {
									min-height: 30px;
									overflow: hidden;
									transition: height 2s;
									width: 100%;
									border: none;
									display: flex;
									flex-direction: row;
									justify-content: space-between;
									align-items: flex-end;									
}
.wrapper {
									display: grid;
									grid-template-columns: 2fr 1fr;
									grid-gap: 16px;
									min-height: 30px;
									overflow: hidden;
									transition: height 2s;
									width: 100%;
									border: none;									
}
.formzeile div {
									font-family: "Roboto-Regular", sans-serif;
									font-size: 1em;
									color: dimgrey;
}
.main_formular hr {
									width: 100%;
									border: 0;
									height: 1px;
									background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
									margin-top: 0.3em;
									margin-bottom: 1em;
}
.main_formular select {
									width: 100%;
									font-family: "Roboto-Regular", Helvetica, sans-serif;
									font-size: 0.9em;
									font-weight: 300;
									color: rgb(60, 60, 60);
									line-height: 1.2em;
									text-align: justify;
									text-justify: inter-word;	
									border-top: none;
									border-left: none;
									border-right: none;
									border-bottom: silver 1px solid;
									padding-left: 0;	
									margin-left: 0;	
									color: rgb(92, 92, 92);
									background-color: transparent;
}

.main_formular option[value=""][disabled] {
						display: none;
					
}
.main_formular option {
						color: rgb(92, 92, 92);
						background-color: rgba(255,255,255,0.5);
}
.main_formular label {						
						height: auto;
						margin-top: 1.8em;
						border: 1px none;
						font-family: "Roboto-Thin", Helvetica, sans-serif;
						font-size: 0.9em;						
						font-weight: 500;
						color: rgb(76, 76, 76);
						line-height: 1.5em;
}
.main_formular input {
						font-family: "Roboto-Regular", Helvetica, sans-serif;
						font-size: 0.9em;
						font-weight: 300;
						line-height: 1.2em;
						text-align: justify;
						text-justify: inter-word;						
}
.main_formular input[type="text"] {
						width: 100%;
						height: 30px;
						border-top: none;
						border-left: none;
						border-right: none;
						color: rgb(60, 60, 60);
						border-bottom: rgb(117, 117, 117) 1px solid;
						background-color: transparent;						
}	
.main_formular input[type="email"] {
						width: 100%;
						height: 30px;
						border-top: none;
						border-left: none;
						border-right: none;						
						color: rgb(60, 60, 60);
						border-bottom: rgb(117, 117, 117) 1px solid;
						background-color: transparent;			
}	
.main_formular input[type="date"] {
						width: 100%;
						border-top: none;
						border-left: none;
						border-right: none;
						color: rgb(60, 60, 60);
						border-bottom: rgb(117, 117, 117) 1px solid;
						background-color: transparent;
}	
.main_formular input[type="tel"] {
						width: 100%;
						height: 30px;
						border-top: none;
						border-left: none;
						border-right: none;
						color: rgb(60, 60, 60);
						border-bottom: rgb(117, 117, 117) 1px solid;
						background-color: transparent;						
}
.main_formular input[type="password"] {
						width: calc(100% - 40px);
						height: 30px;
						border-top: none;
						border-left: none;
						border-right: none;
						color: rgb(60, 60, 60);
						border-bottom: rgb(117, 117, 117) 1px solid;
						background-color: transparent;
}
.passwordfield {
						width: calc(100% - 36px);
}
.main_formular input:-webkit-autofill,
.main_formular input:-webkit-autofill:hover, 
.main_formular input:-webkit-autofill:focus, 
.main_formular input:-webkit-autofill:active{
    					-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.main_formular input[type="submit"] {
						width: 100%;
						height: 30px;
						border: 1px solid;
						border-radius: 5px;
						z-index: 16;
						opacity: 0.9;
						text-align: center;
						margin-top: 2em;
						margin-bottom: 2em;
}
.main_formular input[type="submit"]:disabled {						
						border: 1px solid;
						border-color: rgb(192, 171, 171);						
						color: rgb(180, 180, 180);
						background-color: rgba(236, 147, 147, 0.281);						
						opacity: 0.9;						
}
.main_formular input[type="submit"]:enabled {					
						border-color: rgba(1, 91, 27, 0.077);						
						color: rgb(0, 121, 30);
						background-color: rgba(95, 255, 170, 0.084);						
}
.main_formular button {
						border: none;
						width: 25px;
						height: 25px;
						background-color: transparent;
}
.cancel_formular {          
						height: auto;	
						min-width: 100%;
						overflow-y: auto;
						display: flex;
						flex-direction: column;
						justify-content: left;
						align-items : center;
}
.cancel_formular input[type="submit"] {		
						width: 100%;
						text-align: left;
						padding: 0;
						border: none;
						background-color: transparent;
						color: rgb(244, 158, 158);                                
						z-index: 16;
						font-family: "Roboto-Thin", Helvetica, sans-serif;
						font-size: 0.9em;
						font-weight: 500;
						line-height: 1.5em;
						text-decoration: none;
}
.cancel_formular input[type="submit"]:hover {		
						color: #fc2323;
}
._formular input[type="submit"] {		
						width: 100%;
						text-align: left;
						padding: 0.75em;
						border: none;
						background-color: transparent;
						color: rgb(244, 158, 158);                                
						z-index: 16;
						font-family: "Roboto-Thin", Helvetica, sans-serif;
						font-size: 0.9em;
						font-weight: 500;
						line-height: 1.5em;
						text-decoration: none;
}
.main_formular input[type="reset"]:hover {		
						color: #fc2323;
}
#passwordbutton{
						width: 30px;
						height: 30px;
						border: 0;
						position: relative;
						bottom: -3px;
						background-color: transparent;
}	
.show_password {
						
						background-image: url(https://avica-mediation.de/css/icons/icons_web/icon_eye_open.svg);
						background-position: right;
						background-size: contain;
						background-repeat: no-repeat;
						border-bottom: none;
						background-position-y: bottom;
}
.hide_password {
						background-image: url(https://avica-mediation.de/css/icons/icons_web/icon_eye_closed.svg);
						background-position: right;
						background-size: contain;
						background-repeat: no-repeat;
						border: none;
						border-bottom: none;
						background-position-y: bottom;
}
.formular_menu {
						height: auto;
						width: 100%;
						overflow-y: auto;
						padding: 0.75em;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						align-items: stretch;
}
.formular_menu input {
						font-family: "Roboto-Thin", Helvetica, sans-serif;
						font-size: 11pt;
						font-weight: 500;
						color: rgb(122, 122, 122);
						line-height: 1.65;
						text-align: justify;
						text-justify: inter-word;						
						border: none;
						background-color: transparent;
						text-transform: uppercase;
}

@media only screen and (orientation: portrait)  {	
														
													
}

@media only screen and (orientation: landscape)  {	
														
													
					
}