.rs_contact_form input[type="text"],
.rs_contact_form input[type="tel"],
.rs_contact_form input[type="email"],
.rs_contact_form textarea{
    width: 100%;
    padding: 5px;
    border:1px solid #999;
}

.rs_contact_form input[type="text"]:focus,
.rs_contact_form input[type="tel"]:focus,
.rs_contact_form input[type="email"]:focus,
.rs_contact_form textarea:focus{
    border:1px solid #333;
}

.rs_contact_form input[type="text"].rs_contact_form__input--has_error,
.rs_contact_form input[type="tel"].rs_contact_form__input--has_error,
.rs_contact_form input[type="email"].rs_contact_form__input--has_error,
.rs_contact_form textarea.rs_contact_form__input--has_error{
    border:1px solid #ff0000;
    background-color: #ffcfcf;
}


.rs_contact_form input[type="submit"]{
    padding: 5px;
    display: block;
    width: 100%;
}

.rs_contact_form label{
    display: block;
    padding: 5px;
}
.rs_contact_form__form_group{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
    margin-bottom: 10px;
}

.rs_contact_form__required_fields{
    font-size: 12px;
    margin-bottom: 10px;
}

.rs_contact_form__form_group_dataprotection{
    display: flex;
    font-size: 12px;
}
.rs_contact_form__form_group_dataprotection label{
    display: block;
}

/**
* horizontal
 */
.rs_contact_form--is_horizontal .rs_contact_form__form_row{
    display: flex;
}

.rs_contact_form--is_horizontal .rs_contact_form__form_group + .rs_contact_form__form_group{
    margin-left: 10px;
}


/**
* mit versteckten labels
 */
.rs_contact_form--has_hidden_labels label{
    display: none;
}
.rs_contact_form--has_hidden_labels .rs_contact_form__form_group_dataprotection label{
    display: block; /* verhindert das auch der datenschutz text ausgeblendet wird*/
}



/**
* message Box
 */

.rs_contact_form__message{
    padding: 10px;
    border:1px solid #4a8f1d;
    background-color: #cbffa8;
}
.rs_contact_form__message.rs_contact_form__message--is_hidden{
    display: none;
}
.rs_contact_form__message + .rs_contact_form__forms{
    margin-top: 10px;
}
.rs_contact_form__message--has_errors{
    border:1px solid #ff0000;
    background-color: #ffcfcf;
}


@media only screen and (max-width: 992px) {
    .rs_contact_form--is_horizontal .rs_contact_form__form_row{
        flex-direction: column;
    }

    .rs_contact_form--is_horizontal .rs_contact_form__form_group + .rs_contact_form__form_group{
        margin-left: 0;
    }
}