_content-text.scss

• zusätzliche Klasse .content-text wrappt den Inhalt, um ein flex oder grid Layout darauf anwenden zu können
• Unterschied zu rsce-text-bild: die Überschrift steht hier außerhalb des contentwrappers (was vermutlich für a11y besser ist)

contao-components/_content-text.scss

@use "../abstracts/" as *;

.content-text {

  &.media {
    .contentwrapper {
      display: flex;
      flex-direction: column;
      gap: $content-row-gap $content-column-gap;
    }
  }

  &.media--left,
  &.media--right {
    @media (width > $tweakpoint-tablet) {
      .contentwrapper {
        flex-direction: row;
        figure {
          flex: 0 0 auto;
        }
        .rte {
          flex: 0 1 auto;
        }
      }
    }
  }

  // FIXME a11y okay wenn die Reihenfolge verschoben wird?
  &.media--right {
    @media (width > $tweakpoint-tablet) {
      .contentwrapper {
        flex-direction: row-reverse;
        justify-content: flex-end;
      }
    }
  }
}

Check

• eigene _content-text-theme.scss bei blumenbeete, filzi
• Änderungen bei plan B, ISP