legend {
    display: none;
}

.powermail_form {
    margin: 0 auto;
    //max-width: 600px;
}

.powermail_fieldset {
    margin-bottom: 16px;
}

.powermail_legend {
    display: none;
}

.powermail_fieldwrap {
    margin-bottom: 16px;
}

.powermail_label,
.powermail_field {
    display: block;
}

@include breakpoint($mobile-m) {
    .powermail_fieldwrap {
        @include display-flex;
        @include flex-direction(row);
    }

    .powermail_label {
        display: inline-block; /* non-flexbox browsers */
        @include flex-basis(25%);
        //@include flex(1 0);
    }

    .powermail_field {
        display: inline-block; /* non-flexbox browsers */
        @include flex-basis(75%);
    }
}

.powermail_input,
.powermail_textarea {
    @include box-sizing('border-box');
    width: 100%;
    background: $grey1;
    border: 1px solid $grey2;
    padding: 6px;
    vertical-align: top;
    font-family: $body-font-family;
    font-size: 100%;

    &.parsley-error {
        outline: 1px solid #D8000C;
    }

    &:focus {
        border-color: $red;
    }
}

ul.parsley-errors-list {
    position: relative;
    z-index: -1;
    padding: 0;
    margin: 0;
    color: #D8000C;
    background: #FFBABA;
    border-style: solid;
    border-width: 0 1px 1px;
    list-style: none;

    li {
        padding: 6px;

        &:before {
            content: normal;
        }
    }
}

.powermail_select {
    @extend .powermail_input;
    width: auto;
}

.powermail_fieldwrap_type_radio {
    .radio {
        label {
            display: inline-block;
            position: relative;
            padding-left: 25px;

            input {
                position: absolute;
                top: 0;
                left: 0;
            }
        }
    }
}

.powermail_fieldwrap_type_submit {
    text-align: right;
    margin-bottom: 0;

    .powermail_field {
        @include flex-basis(100%);
    }
}

button, .powermail_submit, .tx-indexedsearch-searchbox-button {
    cursor: pointer;
    display: inline-block;
    border: none;
    background: $red;
    color: #FFF;
    padding: 8px 16px;
    @include transition-property(all);
    @include transition-duration(0.5s);

    &:hover {
        background: darken($red, 10%);
    }
}

.tx-indexedsearch-searchbox {
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid $grey2;
    padding: 16px;

    .tx-indexedsearch-form {
        @extend .powermail_fieldwrap;
    }

    label {
        @extend .powermail_label;
    }

    .tx-indexedsearch-searchbox-sword {
        @extend .powermail_input;
        @extend .powermail_field;
    }
}

.tx-indexedsearch-search-submit {
    text-align: right;
}

.powermail_fieldwrap_belegnummer,
.powermail_fieldwrap_auftragsnummer {
    & > .powermail_field {
        flex-basis: 100%;
    }
}

.powermail_field_bewertung_1,
.powermail_field_bewertung_2,
.powermail_field_bewertung_3,
.powermail_field_bewertung_4,
.powermail_field_bewertung_5 {
    color: #fff;

    &:before {
        display: inline-block;
        width: 96px;
        height: 16px;
        content: " ";
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 5px;
    }
}

.powermail_field_bewertung_1 {
    &:before {
        background-image: url("/_assets/145192759afcb2c2101d5efbc7830884/Images/stars/stars_5.png");
    }
}

.powermail_field_bewertung_2 {
    &:before {
        background-image: url("/_assets/145192759afcb2c2101d5efbc7830884/Images/stars/stars_4.png");
    }
}

.powermail_field_bewertung_3 {
    &:before {
        background-image: url("/_assets/145192759afcb2c2101d5efbc7830884/Images/stars/stars_3.png");
    }
}

.powermail_field_bewertung_4 {
    &:before {
        background-image: url("/_assets/145192759afcb2c2101d5efbc7830884/Images/stars/stars_2.png");
    }
}

.powermail_field_bewertung_5 {
    &:before {
        background-image: url("/_assets/145192759afcb2c2101d5efbc7830884/Images/stars/stars_1.png");
    }
}