/* Formular */
.frm_bg {
	background:rgba(255,255,255,0.85);
	border:1px solid rgba(255,0,59,0.5);
	-webkit-border-radius:9px;
	border-radius:9px;
	padding:20px;
}

.frm_edit { /* ??? */
  display:inline-block;
  background:-webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.25) 100%);
  background:-moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.25) 100%);
  background:linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.25) 100%);
	color:#901;
  padding:5px 15px;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  border:2px solid rgba(255,122,155,0.5);
  -webkit-border-radius:9px;
  border-radius:9px;
	font-family:'quicksand',sans-serif;
	font-size:1.15em;
  -o-text-overflow:clip;
  text-overflow:clip;
  letter-spacing:1px;
  background-position:50% 50%;
  -webkit-background-origin:padding-box;
  background-origin:padding-box;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-background-size:auto auto;
  background-size:auto auto;
  -webkit-box-shadow:0px 3px 5px 0 rgba(0,0,0,0.4) inset;
  box-shadow:0px 3px 5px 0 rgba(0,0,0,0.4) inset;
  text-shadow:-1px 1px 2px rgba(0,0,0,0.5) ;
  -webkit-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

.frm_edit:focus, .frm_edit:hover, .frm_submit:focus, .frm_submit:hover {
  border:2px solid #ff7a9b;
  -webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2) inset;
  box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2) inset;
  -webkit-transition:box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition:box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition:box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition:box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
	text-decoration:none;
}

.frm_submit, .frm_submit:active {
  display:inline-block;
  background:-webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(255,237,240,0.5) 100%);
  background:-moz-linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(255,237,240,0.5) 100%);
  background:linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(255,237,240,0.5) 100%);
	color:#901;
  padding:10px 15px;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  border:2px solid rgba(255,122,155,0.5);
  -webkit-border-radius:9px;
  border-radius:9px;
	font-family:'quicksand',sans-serif;
	font-size:1.15em;
  -o-text-overflow:clip;
  text-overflow:clip;
  letter-spacing:1px;
  background-position:50% 50%;
  -webkit-background-origin:padding-box;
  background-origin:padding-box;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-background-size:auto auto;
  background-size:auto auto;
  -webkit-box-shadow:0 3px 8px 2px rgba(0,0,0,0.5) inset, 0 0 9px 4px rgba(255,255,255,0.33) inset;
  box-shadow:0 3px 8px 2px rgba(0,0,0,0.5) inset, 0 0 9px 4px rgba(255,255,255,0.33) inset;
  text-shadow:-1px 2px 3px rgba(0,0,0,0.5) ;
  -webkit-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

.frm_submit:hover {
	padding-top:12px;
	padding-bottom:8px;
  -webkit-box-shadow:0 5px 8px 2px rgba(0,0,0,0.5) inset, 0 -2px 9px 3px #FFF inset;
  box-shadow:0 5px 8px 2px rgba(0,0,0,0.5) inset, 0 -2px 9px 3px #FFF inset;
	-webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

.frm_submit:active {
  -webkit-box-shadow:0 5px 8px 2px rgba(0,0,0,0.5) inset, 0 0 9px 4px rgba(255,255,255,0.33) inset;
  box-shadow:0 5px 8px 2px rgba(0,0,0,0.5) inset, 0 0 9px 4px rgba(255,255,255,0.33) inset;
  -webkit-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

*:focus {
    outline:none;
}

form ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

form li {
	padding:5px 0px;
	padding:5px 0;
	display:flex;
	justify-content:flex-start;/*horz rows*/
	align-items:center;
	flex-wrap:wrap;
}

form label {
  color:rgb(155,0,38);
	padding-right:10px;
	text-align:right;
	flex-basis:150px;
}

form input, textarea {
	flex-basis:260px;
}

label, input[type='radio'], input[type='checkbox'] {
	font-family:'quicksand',sans-serif;
	font-size:1.15em;
  cursor:pointer;
}

input[type='radio'] {
	flex-basis:1.6em;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari, Opera and Chrome */
	appearance:none;
	margin:0;
	padding-left:2.6em;
	padding-right:2.6em;
	border-color:transparent;
	box-shadow:none;
	background:none;
}
input[type='radio']:hover, input[type='radio']:focus {
	border-color:transparent;
	box-shadow:none;
}

input[type='radio']::after {
	height:0.9em;
	position:relative;
	padding:0.4em 0.7em;
    
	border:1px solid #CCC;
	color:#777;
	border-radius:9px;
	box-shadow:inset 0 3px 5px 0 rgba(0,0,0,0.5);
	font-size:1em;
  transition:all 0.5s ease-out;
}

input[type='radio']:checked::after {
	border:1px solid #E14;
	color:#E14;
}

#Anrede_Frau:after {
	display:inline-block; 
	content:"Frau";
}

#Anrede_Herr:after {
	display:inline-block; 
	content:"Herr";
}

@media only screen and (max-width:719px) {
	label, input[type='radio'], .frm_edit, .frm_submit {
		font-size:1.025em;
	}
	form label {
		text-align:left;
		flex-basis:70px;
	}
	form input, textarea {
		flex-basis:initial;
		width:100%;
	}
	input[type='radio'] {
		padding-left:0;
		padding-right:0;
	}
}