/* BEGIN this section should be removed once they get 511 or higher release */
.form-horizontal {
    container: form-layout / inline-size;
}

@container form-layout (min-width: 1201px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)) !important;
    }
}

@container form-layout (min-width: 993px) and (max-width: 1200px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    }
}

@container form-layout (min-width: 768px) and (max-width: 992px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    }
}

@container form-layout (min-width: 481px) and (max-width: 767px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    }
}

@container form-layout (max-width: 480px) {
    .form-horizontal {
        grid-template-columns: 1fr !important;
    }

    .form-horizontal fieldset {
        display: block !important;
    }
}

/* accessibility AA rules */
body.high-contrast font[color="red"],
body.high-contrast font[color="#ff0000"],
body.high-contrast font[color="#f00"] {
    color: #FFA8A8 !important;
}

/* END this section should be removed once they get 511 or higher release */


/* these rules need to stay to create custom fieldset breaks on Application Summary form */

#ff_contacten_samenvschermtitel\.row, 
#ff_label_archief\.row,
#ff_huidige_status_def\.row,
#ff_label_besluithistorie\.row,
#ff_label_belangrijke_data\.row,
#ff_label_registratie\.row,
#ff_label_distributiegegevens\.row
{
	grid-column: 1 / -1;
}