.schema {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
}

.schema-element {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.schema-element:has(> .kfw-form-field-container:only-child > .form-checkbox:only-child) {
    justify-content: center;
}

.schema-gap-0,
.schema-gap-0 .schema {
    gap: 0 !important;
}

.schema-gap-1,
.schema-gap-1 .schema {
    gap: 0.25rem !important;
}

.schema-gap-2,
.schema-gap-2 .schema {
    gap: 0.5rem !important;
}

.schema-gap-3,
.schema-gap-3 .schema {
    gap: 1rem !important;
}

.schema-gap-4,
.schema-gap-4 .schema {
    gap: 1.5rem !important;
}

.schema-gap-5,
.schema-gap-5 .schema {
    gap: 3rem !important;
}

.schema-gap-6,
.schema-gap-6 .schema {
    gap: 4rem !important;
}

.schema-gap-7,
.schema-gap-7 .schema {
    gap: 5rem !important;
}

.schema-gap-8,
.schema-gap-8 .schema {
    gap: 6rem !important;
}

.schema-gap-9,
.schema-gap-9 .schema {
    gap: 7rem !important;
}

.schema-gap-10,
.schema-gap-10 .schema {
    gap: 8rem !important;
}

.schema-padding-0,
.schema-padding-0 .schema {
    padding: 0 !important;
}

.schema-padding-1,
.schema-padding-1 .schema {
    padding: 0.25rem !important;
}

.schema-padding-2,
.schema-padding-2 .schema {
    padding: 0.5rem !important;
}

.schema-padding-3,
.schema-padding-3 .schema {
    padding: 1rem !important;
}

.schema-padding-4,
.schema-padding-4 .schema {
    padding: 1.5rem !important;
}

.schema-padding-5,
.schema-padding-5 .schema {
    padding: 3rem !important;
}

.schema-padding-6,
.schema-padding-6 .schema {
    padding: 4rem !important;
}

.schema-padding-7,
.schema-padding-7 .schema {
    padding: 5rem !important;
}

.schema-padding-8,
.schema-padding-8 .schema {
    padding: 6rem !important;
}

.schema-padding-9,
.schema-padding-9 .schema {
    padding: 7rem !important;
}

.schema-padding-10,
.schema-padding-10 .schema {
    padding: 8rem !important;
}

@media (min-width: 1000px){
    .schema{
        grid-template-columns: repeat(var(--schema-cols, 1), minmax(0, 1fr));
    }

    .schema-element{
        grid-column: span var(--span, 1);
    }
}