:root {
  /* Farben */
  --c-ink: #282828;
  --c-ink-weak: #333;
  --c-ink-muted: #666;
  --c-white: #fff;
  --c-black: #0a0d13;

  /* Radius & Spacing */
  --radius: 12px;
  --radius-pill: 53px;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 12px;
  --space-5: 14px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;

  /* Typo */
  --font-serif: Baskerville, serif;
  --font-sans: "Akkurat Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
  --font-black: "Akkurat Black", var(--font-sans);
  --ff-base: "Akkurat Pro", system-ui, -apple-system, Segoe UI, Roboto,
    "Helvetica Neue", Arial, sans-serif;

  /* Schriftgrößen */
  --fs-hero: 50px;
  --fs-hero-sub: 28px;
  --fs-h1: 50px;
  --fs-h3: 22px;
  --fs-body: 16px;
  --fs-small: 10px;

  /* Grid & Tiles */
  --grid-max: 1320px;
  --grid-pad: 15px;
  --tile-padding: 10px;
  --big-padding: 20px;

  /* Mobile Menü Breiten  */
  --w-main: calc(2 * 40px + 1 * 7px + 8px);
  --w-contact: calc(4 * 40px + 3 * 7px + 8px);
  --w-social: calc(4 * 40px + 3 * 7px + 8px);

  --z-index-overlay: 1000 !important;
}