/* ============================================================
   Content-Section — wiederholbarer Block: H2 + Text + Bild
   ============================================================ */
.content-section { margin-block: var(--space-section); }

.content-section__title { margin-bottom: var(--space-h2-text); }

/* Bild steht immer NACH dem H2 und ÜBER dem Text (mobile-first) */
.content-section__media {
    margin: 0 0 var(--space-paragraph);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-card);
}
/* Bilder nach H2 vollständig anzeigen — kein Zuschneiden */
.content-section__media img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.content-section__lead { color: var(--color-white); }

/* Text und Bilder nach dem H2 auf die volle Seitenbreite */
.content-section p,
.content-section ul,
.content-section ol,
.content-section__lead,
.content-section__media { max-width: none; }
.content-section__media { margin-inline: 0; width: 100%; }

.content-section h3 {
    margin-top: var(--space-paragraph);
    margin-bottom: var(--space-h3-text);
}

.content-section p + h3 { margin-top: var(--space-section); }