/* LMx2 – gemeinsame Marke für Homepage und internen Bereich.
   Idee: Siegel & Tinte. Kühles Papierweiß, tiefe Tintenfarbe, Siegellack-Rot als einziger Akzent. */
@font-face{font-family:"Bricolage Grotesque";font-weight:500;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --paper:#f3f5f6; --sheet:#ffffff; --ink:#18232f; --ink-2:#4d5b69; --rule:#d5dbe0;
  --seal:#8c2a3a; --seal-soft:#f5e6e8; --on-seal:#ffffff;
  --ok:#1d7349; --ok-soft:#e1f1e8; --warn:#9a5a10; --warn-soft:#faeedb; --err:#b3261e; --err-soft:#fbe4e2;
  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",-apple-system,"Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#0f141a; --sheet:#171e26; --ink:#e6ebf0; --ink-2:#97a4b1; --rule:#2a3541;
  --seal:#e8889a; --seal-soft:#3a1d24; --on-seal:#1a0d10;
  --ok:#62d29d; --ok-soft:#13301f; --warn:#f0a95c; --warn-soft:#3a2711; --err:#ff8a80; --err-soft:#3d1714;
  color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55}
h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:-.015em;text-wrap:balance;margin:0}
a{color:var(--seal)}
:focus-visible{outline:2px solid var(--seal);outline-offset:2px}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}