/* Stiegler Audio – Schriften lokal eingebunden (SIL Open Font License 1.1, siehe /fonts) */
@font-face {
  font-family: 'Archivo';
  src: url('fonts/archivo-var.woff2') format('woff2');
  font-weight: 400 800;
  font-stretch: 100% 115%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #F4F2EE; color: #0B2E33; font-family: 'Archivo', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #0E5E66; }
a:hover { color: #0B2E33; }
a:focus-visible { outline: 3px solid #E2A93B; outline-offset: 3px; }
img, svg { max-width: 100%; }
@media (max-width: 600px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 30px !important; }
  .big-year { font-size: 80px !important; }
  .card-pad { padding: 28px !important; }
  .hero-art { display: none !important; }
}

/* Unterseiten (Impressum, Datenschutz) */
.legal { max-width: 760px; margin: 0 auto; padding: 64px 24px 96px; font-size: 17px; line-height: 1.65; }
.legal h1 { font-size: 40px; font-weight: 800; font-stretch: 110%; margin: 0 0 32px; }
.legal h2 { font-size: 22px; font-weight: 700; margin: 36px 0 8px; }
.legal p, .legal ul { margin: 0 0 12px; color: #2B3A3D; }
.mark { background: #FCEFC9; padding: 0 4px; border-radius: 3px; }