/*	****************************************************************************
	LAYOUT Formular ************************************************************
	***************************************************************************/

/*	Schrift ******************************************************************/
input,
textarea,
label {font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;}
button {font-family:acumin-pro,sans-serif;font-weight:700;font-style:normal;}

/*	FARBEN  ********************************************************************
	schwarz		#000
	weiss		#fff
	hellgrau	#ededed	(Akzent 1 hell)
	rot			#e74440 (Signalfarbe)
	***************************************************************************/


/* Form */
.lay_formular {text-align:left;margin:0;width:100%;background-color:#ededed;}
.lay_formular .ce_form {margin:0 auto;padding:6em 0;width:84%;max-width:calc(1024px + 2.25em);}
/* Titel */
.lay_formular .ce_form h2 {text-align:center;margin:0;padding:0;}
/* Umschlaege */
.lay_formular fieldset {display:block;margin:0;border:0;padding:0;width:100%;height:auto;}
.lay_formular .widget {position:relative;margin:0.5em 0;width:auto;}
@media screen and (min-width:960px) {
	.lay_formular fieldset {display:inline-block;vertical-align:top;width:calc(50% - 4px);}
	.lay_formular .widget {margin:0.75em 0;}
	.lay_formular .links .widget {margin-right:1.125em;}
	.lay_formular .rechts .widget {margin-left:1.125em;}
}
/* Label */
.lay_formular label {position:absolute;top:calc(0.25em + 2px);left:0;}
.lay_formular label.zweizeilig {top:0;max-width:90px;line-height:1;}
.lay_formular label p {display:inline;}
/* Inputs */
.lay_formular textarea, 
.lay_formular input[type='text'], 
.lay_formular input[type='number'],
.lay_formular input[type='tel'],
.lay_formular input[type='email'] {font-size:1em;text-align:left;display:block;margin:0 0 0 6em;border:1px solid #ededed;padding:0.25em 0.75em;width:calc(100% - 8em);height:auto;background-color:#fff;border-radius:4px;outline:none;transition:border 0.25s ease;}
.lay_formular textarea:hover,
.lay_formular input[type='text']:hover,
.lay_formular input[type='number']:hover,
.lay_formular input[type='tel']:hover,
.lay_formular input[type='email']:hover {border:1px solid #fff;}
.lay_formular textarea:focus,
.lay_formular input[type='text']:focus,
.lay_formular input[type='number']:focus,
.lay_formular input[type='tel']:focus,
.lay_formular input[type='email']:focus {border:1px solid #000;}
/* Select */
.lay_formular .widget-select {padding-top:0;}
.lay_formular select {font-size:1em;text-align:left;display:block;margin:0 0 0 6em;border:1px solid #ededed;padding:0.25em 0.75em;width:calc(100% - 6.5em);height:auto;height:33px;background-color:#cdcdcd;border-radius:4px;outline:none;transition:border 0.25s ease;}
/* Buttons */
button.submit {font-size:1em;color:#fff;margin:2.1em auto 0 6em;border:1px solid #ededed;padding:0.5em 1em;width:auto;height:auto;background-color:#000;border-radius:4px;transition:border 0.25s ease;}
button.submit:hover {border:1px solid #000;}
button.submit:active {border:1px solid #e74440;background-color:#e74440;}
/* Klassen */
.lay_formular span.mandatory {margin:0 0 0 2px;color:#e74440;}
.lay_formular .explanation p {font-size:0.75em;color:#e74440;margin-bottom:2.25em;}
.lay_formular .explanation.grau p {font-size:0.75em;color:#adadad;margin-bottom:0;}
.lay_formular .anmeldunggv textarea, 
.lay_formular .anmeldunggv input[type='text'], 
.lay_formular .anmeldunggv input[type='number'],
.lay_formular .anmeldunggv input[type='tel'],
.lay_formular .anmeldunggv input[type='email'] {margin-left:8em;width:calc(100% - 10em);}
.lay_formular .anmeldunggv select {margin-left:8em;width:calc(100% - 8.5em);}
.anmeldunggv button.submit {margin-left:8em;}

/* Gliederungselemente */
.lay_formular hr {border:0;border-bottom:1px solid #cdcdcd;margin:30px 8px 0 0;}
@media screen and (min-width:960px) {
	.lay_formular hr {margin-right:30px;}
}