/*
 * Text Intro module — SD-33
 * Figma: content modules / text / intro (node 6361-114353)
 * First content module under the hero. Body text + optional CTA.
 * Background default white, optionally Secondary 02 or Primary.
 * Module-level layout only — text uses .dk-text-body-l, CTA uses .dk-cta-primary.
 */

.dk-text-intro {
  padding-block: var(--dk-space-section-s);
  padding-inline: var(--dk-space-page-inline);
  color: var(--dk-color-black);
}

/* Startseite: symmetric padding + wider inner (Figma beispiel intro startseite) */
.dk-text-intro--startseite {
  padding-inline: var(--dk-space-page-inline);
}

.dk-text-intro--white {
  background-color: var(--dk-color-white);
}

.dk-text-intro--secondary01 {
  background-color: var(--dk-color-brand-secondary-01);
}

.dk-text-intro--secondary02 {
  background-color: var(--dk-color-brand-secondary-02);
}

.dk-text-intro--primary {
  background-color: var(--dk-color-brand-primary);
}

.dk-text-intro__inner {
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-section-xs);
  inline-size: 100%;
  max-inline-size: 88.75rem; /* 1420px — SD-120 revision, was 1370px */
  margin-inline: auto;
}

.dk-text-intro__text {
  margin: 0;
}

/* Rich-text spacing — global reset zeroes p margins */
.dk-text-intro__text > :first-child { margin-block-start: 0; }
.dk-text-intro__text > :last-child  { margin-block-end: 0; }
.dk-text-intro__text p              { margin-block: var(--dk-space-04) 0; }

.dk-text-intro__cta {
  display: flex;
}

@media (max-width: 79.9375rem) {
  .dk-text-intro {
    padding-inline-end: var(--dk-space-container-m-hero); /* 120px at M — Figma asymmetric (20px left, 120px right) */
  }
}

@media (max-width: 63.9375rem) {
  .dk-text-intro {
    padding-inline: var(--dk-space-page-inline); /* 12px symmetric at S */
  }
}