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 .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: 45px;
    margin-bottom: 25px;
    font-size:18px;
}

.form_css label span {
    background: #fff;
    width: 30px;
    height: 30px;
    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]{width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #9b9b9b; padding:0 10px; height:38px; line-height:38px; font-size:20px; margin-bottom:15px;}
.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:20px; font-family: 'Open Sans', 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: 18px;
    background: url(../img/button_icon.png) no-repeat right;
    background-color: rgba(126, 211, 32, 0.8);    
    border:none;
    float:right;
	cursor:pointer;
}
.form_css button[type=submit]:hover{text-decoration: underline;}

@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%;}
}