/* overwrites forms.css | https://www.knauf-interfer.de/fileadmin/template/yaml/screen/forms.css?v=2 */

input[type="text"],
select,
#suchformular #ke_search_sword,
.powermail_form input[type="text"],
.powermail_form input[type="password"],
.powermail_form input[type="email"],
.powermail_form textarea,
.powermail_form select {
    padding: 8px 16px;
    border: 1px solid #C8C8C8;
    background: #f9f9f9;
}

@media screen and (min-width: 981px){
    .powermail_form label {
        width: 50%;
    }
}

.powermail_form input[type="submit"],
.powermail_form input[type="reset"] {
    float: right;
    cursor: pointer;
    margin-right: 4%;
    background-color: #002868;
    color: #FFF;
}


.powermail_form input[type="submit"]:hover,
.powermail_form input[type="reset"]:hover {
    background-color: #BFC9D9;
    color: #002868;
}


@media screen and (min-width: 651px) {
    .powermail_form input[type="submit"],
    .powermail_form input[type="reset"] {
        margin-right: 20%;
    }
}

@media screen and (min-width: 981px){
    .powermail_form input[type="submit"],
    .powermail_form input[type="reset"] {
        margin-right: 0%;
    }
}

@media screen and (min-width: 651px) {
    .powermail_form textarea.powermail_textarea {
        margin: 0 0 20px !important;
    }
}

.powermail_form .powermail_captchaimage {
    margin-bottom: 20px;
}

@media screen and (min-width: 651px) {
    .powermail_form .powermail_captchaimage {
        width: 55%;
        margin-left: 35%;
    }
}

@media screen and (min-width: 981px){
    .powermail_form .powermail_captchaimage {
        width: 50%;
    }
}

.powermail_form .checkbox label {
    width: 100%;
}

@media screen and (min-width: 651px) {
    .powermail_form .checkbox label {
        width: 55%;
    }
}

@media screen and (min-width: 981px) {
    .powermail_form .checkbox label {
        width: 50%;
    }
}

.powermail_form .parsley-required {
    padding: 0;
}

.powermail_form .parsley-custom-error-message {
    padding: 0;
}

.powermail_form .powermail_input.parsley-error, 
.powermail_form .powermail_textarea.parsley-error,
.powermail_form .powermail_select.parsley-error {
    border-color: red;
}

.powermail_form .parsley-errors-list {
    position: relative;
    margin: 0 0 23px 0;
    display: block;
    left: 0%;
    clear: both;
}

@media screen and (min-width: 651px) {
    .powermail_form .parsley-errors-list {
        margin: -18px 0px 18px 0px;
        display: block;
        margin-left: 35%;
    }
}
.powermail_form .powermail_label {
    width: 100%;
    display: block;
    float: none;
}
@media screen and (min-width: 651px) {
    .powermail_form .powermail_label {
        width: 35%;
        float: left;
    }
}