/* FH Wedel Abstände, Radien, Schatten, Bewegung */
:root{
/* Spacing-Skala (4px-Basis) */
--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;
/* Layout */
--content-max:75rem;      /* 1200px Inhaltsbreite */
--content-narrow:45rem;   /* 720px Lesetext */
--section-pad:var(--space-8);
--seite-max:90rem;         /* 1440px Seitenbreite: Header, Wellen, Sektionsflächen und Footer enden hier, Seite mittig, außen Weiß */
/* Radien — zurückhaltend-eckig, weich nur bei Interaktion */
--radius-s:4px;  /* Inputs, Tags */
--radius-m:8px;  /* Buttons, Karten */
--radius-l:16px; /* große Teaser, Bilder */
--radius-pill:999px;
/* Schatten — blaugetönt, flach */
--shadow-card:0 1px 3px rgba(28,39,100,.10),0 1px 2px rgba(28,39,100,.06);
--shadow-raised:0 6px 18px rgba(28,39,100,.14),0 2px 6px rgba(28,39,100,.08);
--shadow-overlay:0 16px 48px rgba(28,39,100,.22);
--shadow-seite:0 0 24px rgba(28,39,100,.10),0 0 2px rgba(28,39,100,.08); /* Seitenkanten auf breiten Bildschirmen, nach allen Seiten */
/* Bewegung — ruhig, wellenartig weich */
--ease-out:cubic-bezier(.25,.6,.3,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-med:220ms; /* @kind other */
--dur-slow:400ms; /* @kind other */
--focus-outline:2px solid var(--focus-ring);
--focus-offset:2px;
}