.gform_wrapper {
    --_border-color: #00000059;
    --_input-font-family: var(--e-global-typography-text-font-family), Sans-serif;
    --_input-font-size: var(--e-global-typography-text-font-size);
    --_input-font-weight: var(--e-global-typography-text-font-weight);
    --_input-line-height: var(--e-global-typography-text-line-height);
}

.gform_wrapper.gravity-theme #gform_fields_2.gform_fields,
.gform_wrapper.gravity-theme #gform_fields_4.gform_fields {
    grid-column-gap: 10px;
}

.gform_wrapper input[type='text'],
.gform_wrapper input[type='number'],
.gform_wrapper input[type='tel'],
.gform_wrapper input[type='email'],
.gform_wrapper textarea {
    border-color: var(--_border-color);
    border-radius: 0;
    font-family: var(--_input-font-family);
    font-weight: var(--_input-font-weight);
    line-height: var(--_input-line-height);
}

.um_wrapper_commission, .um_wrapper_order {
    width: 100%;
    grid-column: span 6;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.um_wrapper_order {
    margin-top: 24px;
    grid-template-rows: repeat(3, 1fr);
}

.um_wrapper_order > div:first-child {
    grid-area: 1/1/2/2 !important;
}

.um_wrapper_order > div:nth-child(2) {
    grid-area: 1/2/2/3 !important;
}

.um_wrapper_order > div:last-child {
    grid-area: 2/1/4/3 !important;
}

.um_order span {
    font-size: 24px;
}

.ginput_container_consent {
    white-space: nowrap;
}

.ginput_container_consent label {
    white-space: normal;
}


div#field_2_13,
div#field_4_13,
#field_4_16 {
    grid-area: 1 / 1 / 2 / 2;
}

div#field_2_4,
div#field_4_4,
#field_4_14 {
    grid-area: 1 / 2 / 2 / 3;
}

div#field_2_5,
div#field_4_5,
#field_4_15 {
    grid-area: 2 / 1 / 3 / 3;
}

input#input_2_4,
input#input_4_4 {
    width: 100%;
}

textarea#input_2_1, #field_2_1,
textarea#input_4_1, #field_4_1 {
    height: 94px;
}

.um_hide_total_field {
    visibility: hidden;
    width: 0;
    height: 0;
}

.um_wrapper_contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 24px;
}

.um_wrapper_contact.full-width {
    grid-template-columns: 1fr;

}

.um_wrapper_contact span {
    font-size: 24px;
}

.um_wrapper_position {
    grid-column: span 12;
    position: relative;

    & > * {
        margin-bottom: 24px !important;

    }
}

div#field_2_11,
div#field_4_11 {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

input#input_2_11,
input#input_4_11 {
    text-align: right;
    width: 96px;
}

label.gfield_label.gform-field-label {
    margin: 0 !important;
}

/* TABLE */

table.gpnf-nested-entries {
    border-collapse: collapse;
}

.um_wrapper_position .gpnf-nested-entries tbody tr td, .um_wrapper_position .gpnf-nested-entries thead tr th, .um_wrapper_position .gpnf-nested-entries tbody tr:last-child td {
    background: none;
    border: 1px solid var(--_border-color);
    border-radius: 0;
}


.gpnf-nested-entries-container .gpnf-add-entry, .gpnf-nested-entries-container .gpnf-add-entry:hover, .gpnf-nested-entries-container .gpnf-add-entry:focus, #gform_submit_button_2, #gform_submit_button_4 {
    border-radius: 0;
    border: none;
    background: var(--e-global-color-primary);
    color: white;
    outline: none;

    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

button.edit-button.gform-theme-button--secondary {
    text-decoration: unset;
    padding: 4px 8px;
    border-radius: 0;
    background-color: #363636;
    color: white;
}


.gpnf-row-actions ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
}

/*#field_2_1 label,*/
/*#field_2_13 label,*/
/*#field_2_4 label,*/
/*#field_2_5 label,*/
/*#field_4_1 label,*/
/*#field_4_13 label,*/
/*#field_4_4 label,*/
/*#field_4_5 label,*/
/*#field_4_14 label,*/
/*#field_4_24 label,*/
/*#field_4_26 label,*/
/*#field_4_15 label {*/
/*    position: absolute;*/
/*    background: white;*/
/*    font-weight: 200;*/
/*    font-size: 10px;*/
/*    left: 6px;*/
/*    top: -6px;*/
/*    padding: 0 4px;*/
/*}*/

#field_2_1,
#field_2_13,
#field_2_4,
#field_2_5,
#field_4_1,
#field_4_13,
#field_4_4,
#field_4_5,
#field_4_14,
#field_4_15,
#field_4_24,
#field_4_26,
#field_2_20,
#field_2_21,
#field_4_27,
#field_4_28,
#field_2_23,
#field_2_24 {
    position: relative;

    label {
        position: absolute;
        background: white;
        font-weight: 200;
        font-size: 10px;
        left: 6px;
        top: -6px;
        padding: 0 4px;
    }
}

/* section headline */
#gform_fields_4,
#gform_fields_8 {
    .gfield--type-section.gsection {
        border: 0;

        h3 {
            font-size: 20px;
            margin: 0;
        }
    }
}

.ginput_container_consent {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: .25rem;
}

th.gpnf-field-5 svg:hover {
    scale: 1.5;
    transition: all .2s ease;
}


@media screen and (max-width: 760px) {
    .gpnf-nested-entries td {
    }
}

@media screen and (max-width: 640px) {
    .um_wrapper_commission, .um_wrapper_contact, .um_wrapper_order {
        grid-column: span 12;
    }

    .um_wrapper_contact {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 460px) {
    div#field_2_11, div#field_4_11 {
        bottom: 36px;
    }
}


input[value='Leo Love'] + div span {

}

input[name='Farbe'] + div span {
    border-radius: unset !important;
}

/* =================================================================
 * Confirmation Page
   ================================================================= */


.um_order-details-list {
    list-style: none;
    padding-inline-start: 0;
    margin-bottom: 40px;
}

@media screen and (max-width: 725px) {
    .um-ordered-extra-articles, .um-ordered-articles {
        margin-bottom: 40px;
        overflow: scroll;
    }
}