/* Selbst gehostete Outfit-Variable-Font (Latin-Subset) statt Google Fonts
   CDN: vermeidet die in Deutschland vielfach abgemahnte DSGVO-Problematik
   beim Nachladen von Schriften direkt von Google-Servern (IP-Übertragung
   ohne Einwilligung). Datei liegt lokal unter assets/fonts/. */
@font-face {
  font-family: 'Outfit';
  src: url('fonts/outfit-variable-latin.woff2') format('woff2-variations'),
       url('fonts/outfit-variable-latin.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  background: #08090b;
  color: #e6e6e8;
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a { color: inherit; }

/* Kleine, unauffällige Link-Zeile statt eines aufwendigen Menüs — auf
   jeder Seite identisch, keine eigene Navigationskomponente nötig. */
.site-footer-links {
  position: fixed;
  left: 0;
  right: 0;
  bottom: max(18px, env(safe-area-inset-bottom));
  display: flex;
  justify-content: center;
  gap: 18px;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.28);
  pointer-events: none;
}
.site-footer-links a {
  pointer-events: auto;
  text-decoration: none;
  color: inherit;
  transition: color 0.15s;
}
.site-footer-links a:hover,
.site-footer-links a:focus-visible {
  color: rgba(255, 255, 255, 0.7);
}

.static-page {
  max-width: 640px;
  margin: 0 auto;
  padding: 96px 24px 140px;
}
.static-page .home-link {
  display: inline-block;
  margin-bottom: 56px;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}
.static-page .home-link:hover { color: rgba(255, 255, 255, 0.75); }
.static-page h1 {
  font-size: clamp(26px, 4vw, 34px);
  font-weight: 500;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}
.static-page h2 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  margin: 40px 0 8px;
}
.static-page p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 14px;
  max-width: 52ch;
  overflow-wrap: break-word;
}
.static-page a.inline-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 255, 255, 0.3);
}
.static-page a.inline-link:hover { text-decoration-color: rgba(255, 255, 255, 0.7); }