/* ============================================================================
   rd-standard.css — seitenspezifisch: sion-standard.php
   Generiert aus dem Handoff-<style> von "SION Standard.dc.html". Laedt NACH
   rd-base.css und gewinnt damit bei gleichem Selektor+Property.
   @media-Bloecke stehen am Ende.
   ============================================================================ */

/* html{scroll-behavior:smooth} inkl. prefers-reduced-motion-Abschaltung steht
   bereits im Critical CSS von includes/header.php — hier bewusst NICHT
   wiederholt (identische Deklaration, sonst zwei Quellen fuer eine Regel). */

/* --- Saeulen-Nummer + Anker-Index -----------------------------------------
   D9: Der Handoff-Kurzstack ('nimbus-sans-extended','…-fallback',sans-serif)
   ist auf var(--sd-font-display) angeglichen — dieselbe Schrift, nur mit der
   vollen Helvetica-/Arial-Kette dahinter. Berechnete Optik identisch. */
.pnum{font-family:var(--sd-font-display);font-size:clamp(2.6rem, 4vw, 4rem);font-weight:400;letter-spacing:-.03em;line-height:1;color:rgba(14,14,12,.16)}
.pidx{display:inline-flex;align-items:baseline;gap:.55rem;font-size:.82rem;color:var(--sd-ink-muted);text-decoration:none;padding:.35rem 0;transition:color .25s ease}
.pidx:hover{color:var(--sd-ink)}
.pidx span:first-child{font-family:var(--sd-font-display);font-size:.72rem;color:#6E6E67}

/* Anker-Index: optisch die zwei Spalten des Handoffs (01–04 | 05–08), aber
   spaltenweise gefuellt. Dadurch steht im DOM 01→08 statt 01,05,02,06,… —
   Tab- und Screenreader-Reihenfolge entsprechen der sichtbaren Nummerierung. */
.pillar-index{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-auto-columns:1fr;gap:0 2rem}

/* Anker-Ziele: die Sektion darf nicht unter der fixierten Nav landen.
   Nav-Hoehe Desktop = 2×1.4rem + 46px ≈ 91px. */
.pillar{scroll-margin-top:100px}

/* --- CTA-Buttons (im Handoff style-hover="…", hier echtes CSS) ------------ */
.std-cta-btn:hover{background:var(--sd-accent-deep);transform:translateY(-2px)}
.cta-tel:hover{border-color:var(--sd-white)}

/* --- Media-Queries (zusammengefasst) --- */
@media (max-width:900px){
  .g-pillar{grid-template-columns:1fr!important;gap:1.2rem!important}
  .g-points,.g-intro{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  /* Nav-Hoehe mobil = 2×1rem + 42px ≈ 74px */
  .pillar{scroll-margin-top:84px}
}
@media (max-width:520px){
  /* Zweispaltiger Anker-Index wird unter ~520px zu eng ("Systemarchitektur"
     bricht um) — eine Spalte, Reihenfolge bleibt 01→08. */
  .pillar-index{grid-auto-flow:row;grid-template-rows:none;grid-auto-columns:auto}
}
@media (prefers-reduced-motion:reduce){
  .std-cta-btn:hover{transform:none}
}