.content-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 0.5rem;
    align-items: start;
}

/*
 * Standard:
 * Content-Elemente nehmen die komplette Breite ein.
 */
.content-grid > .frame {
    grid-column: span 12;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
}

/* 25 % */
.content-grid > .frame-layout-25 {
    grid-column: span 3;
}

/* 33 % */
.content-grid > .frame-layout-33 {
    grid-column: span 4;
}

/* 50 % */
.content-grid > .frame-layout-50 {
    grid-column: span 6;
}

/* 66 % */
.content-grid > .frame-layout-66 {
    grid-column: span 8;
}

/* 75 % */
.content-grid > .frame-layout-75 {
    grid-column: span 9;
}

/* 75 % */
.content-grid > .frame-layout-1075 {
    grid-column: 1 / -1;
    width: 75%;
    justify-self: center;
}

/*
 * Mobile:
 * ALLE Content-Elemente immer 100 %
 */
@media (max-width: 767px) {

    .content-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 1.5rem;
    }

    .content-grid > .frame {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

.ce-gallery .ce-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ce-gallery .ce-column {
    display: flex;
    justify-content: center;
}

.ce-gallery img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
    padding: 10px;
}