.formmanager_form h3{font-size:24px; color: #013042; font-weight: 600;}
.form_css p.ftxt{margin-bottom:5px;}
.form_css p.fchbx{padding:20px 0 0 0;} 


div.alert {
	padding: 15px 30px;
	margin-bottom: 20px;
	border-radius: 4px;
}
div.alert span {
	margin-right: 15px;
}
div.alert-danger {
	border: 1px solid #b8c3cd;
	background-color: #f2dede;
	color: #a94442;
}
.formcom_auth_form_info {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 50px;
}

.alert > p {
	margin-top: 10px;
	margin-bottom: 10px;
}


*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form_css label.fradio{display:none;}
.form_css .radio{float:left; margin-right:40px;}
.form_css .form_clearing{clear:both;}
.form_css .control-label{display:none;}
.form_css #yform-table-rex_kontaktform-nachricht .control-label{display:block; padding-left: 0px; margin: 20px 0 10px 0;}

.form_css input[type="checkbox"],
.form_css input[type="radio"] {
    display: none;
}

.form_css label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 25px;
    font-size:16px;
}
.form_css .fslct label {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 5px;
    font-size:16px;
	margin-top:15px;
}
p.fslct{margin-bottom:5px;}
.form_css .fchbx label{margin-bottom:0;}
.form_css label span {
    background: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #9b9b9b;
    position: absolute;
    top: 0px;
    left: 0;
    
    /* Ein Transition Effekt für den Hover - Checked Status. Dadurch wirkt es etwas animiert. */
    transition: all .2s linear;
}

.form_css input[type="radio"] + span {
    border-radius: 50%;
}

.form_css label:hover span {
    border: 1px solid #7ed320;
}

.form_css input[type="checkbox"]:checked + span,
.form_css input[type="radio"]:checked + span{
    /*border: 4px solid #fff;*/
    background:#7ed320;
}
.form_css input[type=text], .form_css input[type=tel], .form_css input[type=email]{width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d4d4d4; padding:5px 10px; line-height:26px; font-size:16px; margin-bottom:0px; background:#f9f9f9; font-family: 'Source Sans Pro', sans-serif; -webkit-appearance: none;}
.form_css textarea{width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #9b9b9b; padding:10px; height:175px; font-size:16px; font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Sans Pro', sans-serif; -webkit-appearance: none;}

.form_css select{width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d4d4d4; padding:5px 10px; line-height:26px; font-size:16px; margin-bottom:0px; background:#f9f9f9; font-family: 'Source Sans Pro', sans-serif;}

.form_css #yform-table-rex_kontaktform-vorname,
.form_css #yform-table-rex_kontaktform-firma,
.form_css #yform-table-rex_kontaktform-adresse{float:left; width:48%;}
.form_css #yform-table-rex_kontaktform-nachname,
.form_css #yform-table-rex_kontaktform-email,
.form_css #yform-table-rex_kontaktform-telefon{float:right; width:48%;}
.form_css .formcheckbox{margin-top:30px;}

.form_css button[type=submit]{
    display: inline-block;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding: 0 90px 0 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 16px;
    background: url(../img/button_icon.png) no-repeat right;
    background-color: rgba(126, 211, 32, 0.8);    
    border:none;
    float:right;
	cursor:pointer;
	-webkit-appearance: none;
}
.form_css button[type=submit]:hover{text-decoration: underline;}

.form_css .fsbmt .submit{border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:url(../img/bg_button.jpg) #f01318; color:#fff; width:auto; text-align: center; padding:10px 20px; cursor: pointer; margin:0 auto; margin-top:20px; font-size:18px; display:block; font-family: 'Source Sans Pro', sans-serif;}
.form_css .fsbmt .submit:hover{text-decoration: underline;}

.err input{border:1px solid #ff0000 !important;}
.form_css .err label span{border:1px solid #ff0000 !important;}
.form_css .err label, .form_css .error {color:#ff0000 !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #525252;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #525252;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #525252;
}
:-moz-placeholder { /* Firefox 18- */
	color: #525252;
}

.form_error{color:#ff0000; margin:20px 0;}

@media screen and (max-width: 768px){
    .form_css button[type=submit]{float:none;}
}

@media screen and (max-width: 470px){
    .form_css #yform-table-rex_kontaktform-vorname,
    .form_css #yform-table-rex_kontaktform-firma,
    .form_css #yform-table-rex_kontaktform-adresse,
    .form_css #yform-table-rex_kontaktform-nachname,
    .form_css #yform-table-rex_kontaktform-email,
    .form_css #yform-table-rex_kontaktform-telefon{float:none; width:100%;}
}


/* einfaches Formular */

.yform-element {
 clear:both
}
.yform_container {
 width:100%;
 color:#17242c
}
.yform_container p {
 margin:0
}
.form_left {
 width:48.5%;
 float:left
}
.form_right {
 width:48.5%;
 float:right
}
.yform_container label {
 display:none;
 font-size:15px
}
.fchbx label,.radio label {
 display:block;
 line-height:26px
}
.uploadfield label {
 display:block;
 line-height:20px;
 font-size:15px
}
.radio-group {
 margin-bottom:15px;
 height:26px
}
.radio-group .radio {
 float:left;
 margin-right:30px
}
.radio input {
 float:left;
 width:26px!important
}
#yform-formular-nachricht {
 padding-top:11px
}
#yform-formular-nachricht textarea {
 height:195px!important;
 border: 1px solid #d4d4d4;
     font-family: 'Source Sans Pro', sans-serif;
	 margin-top: 30px;
}

#yform-formular-field-20-absenden {
 margin-top:14px
}
.yform_container .fchbx {
 position:relative;
 height:20px
}
.yform_container .fchbx .checkbox {
 width:auto;
 float:left;
 visibility:hidden
}
.yform_container .fchbx label {
 display:block;
 margin-left:35px;
 cursor:pointer;
 height:26px;
 line-height:26px;
 min-height:26px;
 font-size:15px;
 color:#999
}
.yform_container .fchbx label::before {
 content:'';
 background:#fff;
 border:1px solid #c6c6c6;
 border-radius:6px;
 width:24px;
 height:24px;
 line-height:24px;
 display:block;
 position:absolute;
 top:0;
 left:0;
 text-align:center;
 color:#000
}
.yform_container .fchbx.err label::before {
 background:#ffe7e8;
 border:1px solid red
}
.yform_container .fchbx input:checked+label::before {
 content:'✔'
}

.yform_container input, .yform_container select {
    border: none;
    border-radius: 6px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    color: #000;
}
.yform_container textarea {
    border: none;
    border-radius: 6px;
    padding: 7px 15px;
    color: #000;
    line-height: 20px;
}
.yform_container input, .yform_container select, .yform_container textarea {
    background: #fff;
    display: block;
    width: 100%;
    font-size: 16px;
}
.yform_container input {
    margin-bottom: 5px;
	border: 1px solid #d4d4d4;
	    font-family: 'Source Sans Pro', sans-serif;
}

.yform_container .btn {
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f01318;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    margin-top: 20px;
    font-size: 18px;
	-webkit-appearance: none;
}

.yform_container label.fradio {
    display: none;
}

.yform_container input[type="radio"] {
    -moz-appearance: None;
    -webkit-appearance: none;
    width: 27px;
    height: 27px;
    background-image: url(../img/unchecked.png);
    background-size: 27px 27px;
    background-position: Center Center;
    border: none;
    outline: none;
    vertical-align: Bottom;
    margin-top: 0px;
	margin-right:10px;
	border-radius:0;
}
.yform_container input[type="radio"]:checked {
    background-image: url(../img/checked.png);
}

.yform{
	padding: 20px 20px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 15px;}

@media screen and (max-width: 768px){
    .form_left{float:none; width:100%;}
	 .form_right{float:none; width:100%;}
	#yform-formular-nachricht textarea {
		margin-top: 0px;
	}	 
}