/* Default (Fallback, falls mal keine Klasse da ist) */
.m-text__content {
    text-align: center;
}

/* CENTERED */
.m-text--centered .m-text__content {
    text-align: center;
}

.m-text--centered .m-text__text {
    margin-left: auto;
    margin-right: auto;
}

/* LEFT */
.m-text--left .m-text__content {
    text-align: left;
}

.m-text--left .m-text__text {
    margin-left: 0;
    margin-right: 0;
}

/* Bestehendes Verhalten */
.m-text__text {
    margin-bottom: 2rem;
}

.m-text__text p:last-child {
    margin-bottom: 0;
}

.m-text__actions {
    margin-top: 1.5rem;
}


/* ==========================================================
   Spalten
========================================================== */

.m-text__columns {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(1.5rem, 3vw, 3rem);
    margin-bottom: 2rem;
}

.m-text__column p:last-child {
    margin-bottom: 0;
}

/* Breiten */

.m-text__column--1-1 {
    grid-column: span 12;
}

.m-text__column--1-2 {
    grid-column: span 6;
}

.m-text__column--1-3 {
    grid-column: span 4;
}

.m-text__column--2-3 {
    grid-column: span 8;
}

.m-text__column--1-4 {
    grid-column: span 3;
}

.m-text__column--3-4 {
    grid-column: span 9;
}


/* Mobil immer untereinander */

@media (max-width: 991.98px) {

    .m-text__columns {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .m-text__column {
        grid-column: auto;
    }

}