/* ============================================================
   IMMOCODEX — Empfehlungsprogramm · Ausrichtung
   body[data-align="links"] (Standard) | "mittig"
   ============================================================ */

body[data-align="mittig"] .section-head { text-align: center; margin-left: auto; margin-right: auto; }
body[data-align="mittig"] .section-head .eyebrow { justify-content: center; }
body[data-align="mittig"] .section-head h2 { margin-left: auto; margin-right: auto; }
body[data-align="mittig"] .section-head p { margin-left: auto; margin-right: auto; max-width: 62ch; }
body[data-align="mittig"] .lede { margin-left: auto; margin-right: auto; text-align: center; }
body[data-align="mittig"] .lede p { max-width: 64ch; margin-left: auto; margin-right: auto; }
body[data-align="mittig"] .sec-actions { text-align: center; }
body[data-align="mittig"] .note { margin-left: auto; margin-right: auto; }
body[data-align="mittig"] .rw-micro, body[data-align="mittig"] .fineprint { text-align: center; margin-left: auto; margin-right: auto; }

/* Schritte */
body[data-align="mittig"] .step { text-align: center; padding-left: 24px; padding-right: 24px; }
body[data-align="mittig"] .step + .step { padding-left: 24px; }
body[data-align="mittig"] .step p { margin-left: auto; margin-right: auto; }

/* Belohnungskarten */
body[data-align="mittig"] .rw2 { text-align: center; align-items: center; }
body[data-align="mittig"] .rw2 .tag { align-self: center; }
body[data-align="mittig"] .rw2 li { justify-content: center; text-align: left; }
body[data-align="mittig"] .rw2 ul { max-width: 34ch; margin-left: auto; margin-right: auto; }

/* Statusstufen */
body[data-align="mittig"] .tier { text-align: center; }
body[data-align="mittig"] .tier .mtl { align-items: center; }
body[data-align="mittig"] .tier ul { max-width: 42ch; margin-left: auto; margin-right: auto; }
body[data-align="mittig"] .tier li { text-align: left; }
body[data-align="mittig"] .tier .think { border-left: none; border-top: 1px solid color-mix(in srgb, var(--accent) 42%, transparent); padding: 16px 0 0; max-width: 52ch; margin-left: auto; margin-right: auto; }

/* Langfristige Vorteile */
body[data-align="mittig"] .advitem .l { text-align: center; }
body[data-align="mittig"] .advitem .r { text-align: left; }
body[data-align="mittig"] .advitem .r p { max-width: 62ch; }

/* Beispielrechnungen */
body[data-align="mittig"] .sc { text-align: center; }
body[data-align="mittig"] .sc .desc, body[data-align="mittig"] .sc .after { margin-left: auto; margin-right: auto; max-width: 34ch; }
body[data-align="mittig"] .plus { text-align: center; }
body[data-align="mittig"] .plus p { margin-left: auto; margin-right: auto; max-width: 54ch; }

/* Team */
body[data-align="mittig"] .tl .bd { text-align: center; align-items: center; }
body[data-align="mittig"] .tl .contact { align-items: center; }

/* FAQ bleibt lesbar linksbündig, nur der Kopf zentriert */
body[data-align="mittig"] .faq-q { text-align: left; }

/* Skyline-Zeile */
body[data-align="mittig"] .skycap { justify-content: flex-start; text-align: left; }
.skycap { display: block; padding-bottom: 34px; }
.skycap .t { max-width: 40ch; }
.skycap .s { margin-top: 10px; }

/* Umschalter-Reihe */
.heropick .align { width: auto; padding: 0 10px; height: 26px; border-radius: 999px; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* ── Schrittzahlen als Display-Ziffern ──────────────────── */
.steps .step .no { font-size: clamp(52px,5.4vw,80px); font-weight: 900; letter-spacing: -0.05em; line-height: .88; font-variant-numeric: tabular-nums; padding-top: 0; margin-bottom: 4px; display: block; }
.steps .step:nth-of-type(1) .no { color: var(--accent); }
.steps .step:nth-of-type(2) .no { color: var(--accent-dark, #956025); }
.steps .step:nth-of-type(3) .no { color: var(--sand, #C4A882); }
.steps .step:nth-of-type(4) .no { color: var(--cool-silver, #B8BEC4); }
.steps .step:nth-of-type(5) .no { color: color-mix(in srgb, var(--warm-silver, #C4C0BB) 46%, var(--espresso, #2A1F14)); }
.steps .step h4 { margin-top: 10px; }
@media (max-width: 620px) { .steps .step .no { font-size: 56px; } }

/* Einflug der Zahlen (gestaffelt, beim Scrollen) */
.steps.reveal .step .no { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.steps.reveal.in .step .no { opacity: 1; transform: none; }
.steps.reveal.in .step:nth-of-type(1) .no { transition-delay: .05s; }
.steps.reveal.in .step:nth-of-type(2) .no { transition-delay: .17s; }
.steps.reveal.in .step:nth-of-type(3) .no { transition-delay: .29s; }
.steps.reveal.in .step:nth-of-type(4) .no { transition-delay: .41s; }
.steps.reveal.in .step:nth-of-type(5) .no { transition-delay: .53s; }
@media (prefers-reduced-motion: reduce) { .steps.reveal .step .no { opacity: 1; transform: none; transition: none; } }