/**
 * Form Styles
 */
.contact-form {
    container-type: inline-size;
    container-name: contact-form;

    label[for=acf-li_form_contact] {
        font-size: 30px;
        text-align: center;
        color: #B6185C;
    }

    .acf-fields.-border {
        border-radius: 15px;
    }

    input, select, textarea {
        background: #ffe4f099;
    }

    input::placeholder {
        color: transparent;
    }

    .li_form_datastorage,
    .li_form_datausage {
        .message {
            font-size: 12px;
            line-height: 1.3;
        }
    }

    input:focus-visible,
    textarea:focus-visible,
    select:focus-visible {
        border-color: #B71B5D;
        outline-color: #B71B5D;;
    }

    input[type="radio"],
    input[type="checkbox"] {
        accent-color: #B71B5D;
    }

    .acf-field.checkbox_with_text {
        padding: 0;
        border: none;

        > .acf-label {
            display: none;
        }

        .-border {
            border: none;
        }

        .acf-field-true-false {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-end;
            gap: 10px;

            .acf-label {
                margin-bottom: 0;
                margin-top: -0.1em;
            }
        }
    }
}

@container contact-form (max-width: 650px) {
    .contact-form {
        .acf-input {
            .acf-fields {
                display: flex;
                flex-direction: column;

                > * {
                    width: 100% !important;
                }
            }
        }

        #liFormJobgroup,
        #liFormInterests {
            width: 100% !important;
        }
    }
}

.li-contact-form {
    height: auto !important;
}