/* ============================================================
   P&J Investicon — Abstände, Radien, Layout
   ============================================================ */
:root{
  /* Abstandsskala */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px; --space-16:64px; --space-20:80px; --space-28:112px;
  --space-32:132px;

  /* Sektionspolster (fluid, wie in der Vorlage) */
  --sect-y:clamp(80px,9vw,132px);  /* @kind spacing */

  /* Eckradien */
  --radius-s:8px;
  --radius-m:14px;
  --radius-l:22px;
  --radius-xl:32px;
  --radius-pill:100px;

  /* Layout */
  --container:1240px;   /* max. Inhaltsbreite */
  --container-narrow:760px;
  --gutter:20px;        /* seitlicher Rand */
  --nav-h:76px;

  /* Kompatibilität mit der Website-Vorlage */
  --r-s:var(--radius-s); --r-m:var(--radius-m); --r-l:var(--radius-l); --r-xl:var(--radius-xl);
  --breit:var(--container);
}