/* ==========================================================================
   Block: Text-Text (bd-text-text) – Grid-kompatibel
   ========================================================================== */

.bd-text-text {
    margin-block: 3rem;
    --bd-text-text-gap: 2rem; /* Default Gap innerhalb des Blocks */
}

/* Gap-Varianten (Mapping zu deiner ACF-Auswahl) */
.bd-text-text.gap-small  { --bd-text-text-gap: 1rem; }
.bd-text-text.gap-medium { --bd-text-text-gap: 2rem; }
.bd-text-text.gap-large  { --bd-text-text-gap: 3rem; }

/* Teaser (identisch zum Text-Bild-Block gehalten, damit es konsistent wirkt) */
.bd-text-text .block_teaser {
    width: 80%;
    margin-inline: auto;
    margin-bottom: 0;
    max-width: var(--narrow, 70ch);
    text-align: center;
}
.bd-text-text .block_teaser h2 { margin-bottom: 0.5em; }
.bd-text-text .block_teaser .subline { display:block; margin-bottom: .25em; }
.bd-text-text .block_teaser .teaser { font-size: 1.1em; line-height: 1.7; }
.bd-text-text .block_teaser .teaser > *:first-child { margin-top: 0; }
.bd-text-text .block_teaser .teaser > *:last-child  { margin-bottom: 0; }

/* Inner: nutzt dein globales .bd_grid, wir setzen nur den lokalen Gap */
.bd-text-text__inner {
    display: grid; /* Safety, falls .bd_grid überschrieben wird */
    gap: var(--bd-text-text-gap);
}

/* Vertikale Ausrichtung je Item */
.bd-text-text .align-item-top    { align-self: start; }
.bd-text-text .align-item-center { align-self: center; }
.bd-text-text .align-item-bottom { align-self: end; }

/* Content-Styles */
.bd-text-text__content { line-height: 1.6; }

/* Wenn Teaser vorhanden, kein zusätzlicher Top-Abstand nötig */
.bd-text-text__inner.no-margin-top { margin-top: 0; }

/* Keine weiteren Media-Queries nötig:
   - Mobile/Tablet stacken über .col-sm-12 / .col-md-12 aus deinem globalen Grid.
   - Desktop setzt die in PHP berechneten col-{x}.
*/