/* KOV – Aufgaben (Fachwarte-Split + Icon-Karten) */
.kov-cb-aufgaben {

  /* ---- Variante: Fachwarte ---- */
  .kov-aufgaben__split {
    display: grid;
    gap: 3.5rem;
    align-items: start;
  }
  .kov-aufgaben__intro-eyebrow { color: var(--color-forest-700); }
  /* Intro-Text ist seit 2026-09-14 RTE -> Absaetze statt einem <p>.
     Das margin-bottom des Wrappers haelt den Abstand zum CTA-Button exakt so,
     wie ihn vorher das einzelne <p> erzeugt hat (gemessen: sonst rueckt der
     Button um 1rem hoch). */
  .kov-aufgaben__intro-text { color: var(--color-ink-muted); line-height: 1.7; margin-bottom: 1rem; }
  .kov-aufgaben__intro-text p { margin: 0 0 1rem; }
  .kov-aufgaben__intro-text p:last-child { margin-bottom: 0; }
  .kov-aufgaben__btn { margin-top: 2rem; }

  .kov-aufgaben__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  /* ---- Variante: Über uns (Icon-Karten) ---- */
  .kov-aufgaben__grid3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .kov-aufgaben__icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: var(--color-forest-100);
    color: var(--color-forest-800);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
  }

  /* ---- gemeinsame Karten-Innereien ---- */
  .kov-aufgaben__card { padding: 1.5rem; }
  .kov-aufgaben__num {
    font-family: var(--font-display);
    font-size: 1.875rem;
    color: var(--color-forest-800);
    margin-bottom: 0.75rem;
  }
  .kov-aufgaben__card-title {
    font-family: var(--font-display);
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--color-forest-900);
  }
  /* Kartentext ist seit 2026-09-14 RTE -> die Absatz-Abstaende liegen jetzt
     an den <p> im Kartentext, nicht mehr am Wrapper. */
  .kov-aufgaben__card-text {
    font-size: 0.875rem;
    color: var(--color-ink-muted);
    line-height: 1.7;
    margin: 0;
  }
  .kov-aufgaben__card-text p { margin: 0 0 0.5rem; }
  .kov-aufgaben__card-text p:last-child { margin: 0; }


  @media (min-width: 576px) {
    .kov-aufgaben__cards { grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 768px) {
    .kov-aufgaben__grid3 { grid-template-columns: repeat(3, 1fr); }
  }
  @media (min-width: 1024px) {
    .kov-aufgaben__split { grid-template-columns: 1fr 1.4fr; }
  }
}