/**
 * Leistungs-Abschnitte
 *
 * Zwei Spalten, Breite 6 = eine Spalte, Breite 12 = beide.
 * Die Abstände hier sind nur Rückfallwerte – gesetzt werden sie über die
 * Elementor-Controls (Spalten-/Zeilenabstand).
 */
.bew-service-sections {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 100px;
    row-gap: 60px;
    align-items: start;
}

.bew-service-sections__item--w12 {
    grid-column: 1 / -1;
}

.bew-service-sections__title {
    margin: 0 0 20px;
    line-height: 1.2;
}

/* Erster/letzter Absatz ohne Außenabstand, damit die Zeilen bündig starten */
.bew-service-sections__text > :first-child {
    margin-top: 0;
}

.bew-service-sections__text > :last-child {
    margin-bottom: 0;
}

/* Umbruch: Steuert das Control "Untereinander ab" */
@media (max-width: 1024px) {
    .bew-service-sections--stack-tablet {
        grid-template-columns: 1fr;
    }

    .bew-service-sections--stack-tablet .bew-service-sections__item {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .bew-service-sections--stack-mobile {
        grid-template-columns: 1fr;
    }

    .bew-service-sections--stack-mobile .bew-service-sections__item {
        grid-column: auto;
    }
}
