@media (max-width: 1000px) {
    .form-grid--four,
    .form-split {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .form-grid,
    .form-grid--two,
    .form-grid--three {
        grid-template-columns: 1fr;
    }

    .form-status-row {
        max-width: none;
    }

    .form-checkbox-grid {
        grid-template-columns: 1fr;
    }

    .form-actions-sticky {
        position: static;
        margin: 0;
    }
}

@media (max-width: 700px) {
    .checkbox-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .status-choice--danger {
        margin-left: 0;
        padding-left: 0.9rem;
    }

    .status-choice--danger::before {
        left: 0;
    }
}
/* Verhindert den automatischen Fokus-Zoom mobiler Safari-Browser bei Formularfeldern. */
@media (max-width: 800px) {
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea {
        font-size: 16px !important;
    }
}