:root {
  --font-family: "PorzaLibre", sans-serif;

  --content-margin: auto;
  --content-width: min(1136px, 90vw);
  --wide-width: 90vw;
  @media (min-width: 1800px) {
    --wide-width: 1713px;
  }

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --spacing-2: 16px;
  --spacing-3: 52px;
  --spacing-4: 74px;
  --spacing-5: 88px;
  --spacing-6: 112px;

  /* Der erste Wert gibt das Minimum an, der zweite den "dynamischen" Wert und der dritte das Maximum.
    Die base font-size wird in global.css definiert.
  */
  --font-size-small: min(max(12px, 0.875rem), 14px);
  --font-size-normal: min(max(13px, 1rem), 16px);
  --font-size-regular: min(max(14px, 1.2rem), 18px);
  --font-size-medium: min(max(16px, 1.25rem), 20px);
  --font-size-subtitle: min(max(17px, 1.5rem), 24px);
  --font-size-h4: min(max(20px, 2rem), 32px);
  --font-size-h3-medium: clamp(24px, 2.5rem, 40px);
  --font-size-h3: min(max(24px, 3rem), 48px);
  --font-size-h2: min(max(32px, 4rem), 64px);
  --font-size-h1: min(max(36px, 4.5rem), 72px);
  --font-size-xl: clamp(30px, 5rem, 80px);
  --font-size-xxl: clamp(30px, 7rem, 100px);

  --color-text-primary: #292929;
  --color-text-highlight: #00618D;
  --color-yellow: #FBBA00;
  --color-silver: #707070;
}