.tx-q4u-get_emails {
    table {
        width: 100%;
        margin: 0 0 20px 0;
    }

    table th,
    table td {
        padding: .5em 1em .5em 0;
    }

    table th {
        width: 35%;
        font-weight: normal;
    }

    table td {
        width: 65%;
        font-weight: bold;
    }

    .hint {
        font-size: smaller;
    }

    .error {
        margin: 5px 0 10px 0;
        text-align: right;
        font-size: smaller;
    }

    .row.text,
    .row.textarea {
        flex-wrap: none;
        justify-content: flex-start;
    }

    .row.text label,
    .row.textarea label {
        flex-grow: 1;
    }

    #ablesedatum {
        flex: 0 0 32.5%;
        margin-right: 32.5%;
    }

    #zaehlerstand1,
    #zaehlerstand1_2,
    #zaehlerstand2,
    #zaehlerstand2_2,
    #zaehlerstand3,
    #zaehlerstand3_2 {
        flex: 0 0 48.75%;
        margin-right: 16.25%;
    }

    .row.zaehler {
        align-items: center;
    }

    .row.zaehler label {
        display: block;
    }

    #ablesedatum,
    #zaehlerstand1,
    #zaehlerstand1_2,
    #zaehlerstand2,
    #zaehlerstand2_2,
    #zaehlerstand3,
    #zaehlerstand3_2 {
        text-align: right;
    }

    @media screen and (max-width: 767px) {

        .row.date,
        .row.zaehler {
            display: flex;
            flex-wrap: wrap;
        }

        .row.zaehler label {
            flex: 0 0 100%;
        }

        #ablesedatum {
            flex: 0 0 50%;
        }

        #zaehlerstand1,
        #zaehlerstand1_2,
        #zaehlerstand2,
        #zaehlerstand2_2,
        #zaehlerstand3,
        #zaehlerstand3_2 {
            flex: 0 0 75%;
        }

    }

    @media screen and (max-width: 567px) {

        #ablesedatum,
        #zaehlerstand1,
        #zaehlerstand1_2,
        #zaehlerstand2,
        #zaehlerstand2_2,
        #zaehlerstand3,
        #zaehlerstand3_2 {
            flex: 0 0 100%;
        }

    }

    .ui-datepicker {
        border-radius: 0 !important;
    }

    .ui-datepicker-header {
        border-radius: 0 !important;
        background: #f00c3a;
    }

    .ui-datepicker-title {
        color: black;
    }

    .ui-datepicker-calendar th,
    .ui-datepicker-calendar td {
        width: calc(100% / 7);
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        color: rgb(74,74,74) !important;
    }

    .success {
        padding: 20px;
        margin: 20px 0;
        background: mediumseagreen;
        color: white;
        font-weight: bold;
        text-align: center;
    }

}