/* fangmeier.net · Modul-Landkarte und Produktstatus (/module/, /module/status/)
   Schriften und Farben wie die Startseite (selbst gehostet, keine externen Quellen). */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 700;font-display:swap;src:url('/fonts/BricolageGrotesque-600-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 700;font-display:swap;src:url('/fonts/BricolageGrotesque-600-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/Inter-400-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/Inter-400-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url('/fonts/JetBrainsMono-500-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --navy:#081328; --navy-2:#0E1E42; --white:#FFFFFF; --gray-50:#EEF2FA; --line:#E6ECF5;
  --text:#16233B; --text-2:#5B6B82; --text-inv:#EAF1FB; --text-inv-2:#9DB1D2;
  --blue:#2F6BFF; --blue-bright:#5B96FF; --radius:18px;
  /* Modulbereiche */
  --c1:#2F6BFF; --c2:#2E8763; --c3:#B07A12; --c4:#C9502A; --c5:#7A4FA3; --c6:#2A7C92;
  --ok:#2E8763; --warn:#B07A12; --off:#8A93A3;
  --f-display:'Bricolage Grotesque', system-ui, sans-serif;
  --f-body:'Inter', system-ui, -apple-system, sans-serif;
  --f-mono:'JetBrains Mono', ui-monospace, Menlo, monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font:15px/1.55 var(--f-body);color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;text-wrap:balance}

/* Kopf wie fangmeier.net */
.site-header{background:var(--navy);color:var(--text-inv)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;font:700 18px var(--f-display);text-decoration:none;color:var(--white)}
.brand .logo{width:30px;height:30px;border-radius:8px;background:var(--blue);display:grid;place-items:center}
.brand .logo img{width:16px;height:auto}
.top-links{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px}
.top-links a{text-decoration:none;color:var(--text-inv-2)}
.top-links a:hover,.top-links a[aria-current]{color:var(--white)}

.hero-mini{background:var(--navy);color:var(--text-inv);padding:40px 0 56px}
.key{display:inline-block;font:600 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-bright);margin-bottom:14px}
.hero-mini h1{font-size:clamp(34px,5vw,60px);letter-spacing:-.02em;color:var(--white)}
.hero-mini h1 em{font-style:normal;color:var(--blue-bright)}
.hero-mini .lede{max-width:62ch;color:var(--text-inv-2);font-size:17px;margin-top:16px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:end}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--blue)}
.stats div{padding-top:12px;display:grid;gap:4px}
.stats b{font:700 clamp(30px,4vw,46px)/1 var(--f-display);color:var(--white);font-variant-numeric:tabular-nums}
.stats span{font:500 11.5px/1.3 var(--f-mono);color:var(--text-inv-2);text-transform:uppercase;letter-spacing:.06em}

main.wrap{display:grid;gap:40px;padding-top:36px;padding-bottom:64px}
.muted{color:var(--text-2)}

.site-footer{border-top:1px solid var(--line);padding:22px 0 40px;font-size:13px;color:var(--text-2)}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.site-footer a{color:var(--text-2)}

@media (max-width:860px){ .hero-grid{grid-template-columns:1fr} .top-links{display:none} }
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}