/* Block: Aufzählung in zwei Spalten (grüne Punkte)
   Sollwerte (User, 2026-08-07):
   Überschrift   D 34px/normal · T/M 22px/26px · Literata Bold #263864
   Punkte        Poppins 400 16px/1.6 · #000000
   Marker        24 × 24 px mit 4 px Padding (Figma) → sichtbarer grüner Kern
                 16 × 16 px, gelöst über background-clip: content-box
   Abstand       Marker → Text 10px · Punkt-Oberkante zu Punkt-Oberkante 48px
   Spalten       erst ab Desktop nebeneinander (col-xl-6); auf Tablet und Mobil
                 untereinander – so zeigt es der Tablet-Screenshot
   Keine clamp()-Größen – feste Stufen je Breakpoint. */

/* Abstand oberhalb/unterhalb der Sektion: assets/css/section-spacing.css */

.check-columns-headline {
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    color: var(--color-dark);
    font-size: 22px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: var(--space-md);            /* 32px */
}

.check-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Figma misst 48px von Punkt-Oberkante zu Punkt-Oberkante. Bei 26px
   Zeilenhöhe bleiben davon 22px als Abstand. */
.check-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 22px;
}

.check-item:last-child {
    margin-bottom: 0;
}

/* Figma: 24×24 Box mit 4px Padding. background-clip sorgt dafür, dass das
   Grün nur den inneren 16×16-Bereich füllt – ohne zweites Element. */
.check-item-marker {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding: 4px;
    background-color: var(--color-green);
    background-clip: content-box;
}

.check-item-text {
    font-family: var(--font-body);
    font-weight: var(--fw-normal);
    font-size: var(--fs-copy-s);               /* 16px */
    line-height: 1.6;
    color: var(--color-text);                  /* #000000 */
}

/* ── Desktop (≥1200px) ───────────────────────────────────── */
@media (min-width: 1200px) {
    .check-columns-headline {
        font-size: 34px;
        line-height: normal;
    }
}