/* FORMULAR ****************************************************************/

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

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


/* Form */
.lay_formular {text-align:left;}
.lay_formular .ce_form {margin:0 auto;padding:0 0 6em 0;width:100%;}
/* Titel */
.lay_formular .ce_form h2 {}
.lay_formular legend {color:#004f91;}
/* 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;}
	.lay_formular .rechts legend {margin-left:1.125em;}
}
/* Label */
.lay_formular label {position:absolute;top:calc(0.25em + 2px);left:0;}
.lay_formular label p {display:inline;margin:0;}
/* 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 11em;border:1px solid #fff;padding:4px 0.75em;width:calc(100% - 12.5em);height:auto;background-color:rgba(196,145,9,0.2);border-radius:4px;outline:none;transition:background 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 {background-color:rgba(98,190,172,0.2);}
.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 #62beac;background-color:rgba(98,190,172,0.1);}
/* Spezial */
.lay_formular .widget.ganzebreite {/*border-top:1px solid #004f91;border-bottom:1px solid #004f91;*/padding:2.75em 0.75em 1.125em 1.125em;background-color:#bfd3e3;border-radius:2px;}
.lay_formular .widget.ganzebreite input {margin:0;width:calc(100% - 2em);}
.lay_formular .widget.ganzebreite label {padding-top:0.5em;padding-left:1.125em;}
.lay_formular textarea {height:138px;}
/* Radio-Inputs */
.widget-radio {width:100%;padding:0;}
.widget-radio fieldset {width:100%;padding-bottom:0.75em;}
.widget-radio fieldset > span {display:block;margin:0 0 0 11em;}
.widget-radio legend {font-weight:normal;color:#000;position:absolute;top:calc(0.25em + 6px);left:0;}
.widget-radio input {vertical-align:bottom;}
.widget-radio label {position:relative;vertical-align:bottom;width:auto;line-height:32px;}
/* Explanation */
@media screen and (min-width:640px) {
	.lay_formular .explanation.gebuehren {margin-right:calc(33.333% + 4px + 1.125em);width:auto;margin-bottom:2.25em;}
}
/* Buttons */
button.submit {display:block;font-size:1em;font-weight:normal;color:#fff;margin:2.1em auto 0 auto;border:1px solid #fff;padding:0.5em 1em;width:auto;height:auto;background-color:#62beac;border-radius:4px;transition:all 0.25s ease;}
button.submit:hover {border:1px solid #fff;background-color:#c49109;}
button.submit:active {border:1px solid #c49109;background-color:#c49109;}
/* Klassen */
.lay_formular .explanation {margin:2.25em 0 0 0;}
.lay_formular span.mandatory {margin:0 0 0 2px;color:#e74440;}
.lay_formular .explanation p span.mandatory {font-size:13px;color:#e74440;float:right;margin-top:-2.25em;}