/* ==========================================================================
   Golden Play — Content-Section block (H2 + Text + Bild, wiederkehrend)
   ========================================================================== */
.content-section {
  padding-block: var(--space-section);
  border-top: 1px solid var(--color-border-subtle);
}
.content-section:first-of-type { border-top: none; }

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

/* Bild direkt nach H2, über dem Textblock — auf allen Breakpoints (mobil + Desktop) */
.content-section__image {
  width: 100%;
  height: auto;
  border-radius: 16px;
  margin-bottom: var(--space-h2-text);
  object-fit: contain;
  background-color: var(--color-surface);
  display: block;
}

.content-section__body p { color: var(--color-white); }
.content-section__body ul,
.content-section__body ol {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: var(--space-paragraph);
  padding-left: 1.25rem;
}
.content-section__body ul li { list-style: disc; color: var(--color-white); }
.content-section__body ol li { list-style: decimal; color: var(--color-white); }
.content-section__body h3 { margin-top: 1.5rem; margin-bottom: var(--space-h3-text); }
.content-section__cta { margin-top: var(--space-paragraph); }

/* Section title without image variant */
.section-lead { color: var(--color-white); margin-bottom: var(--space-paragraph); }