@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/BarlowCondensed-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/BarlowCondensed-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans3-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans3-Italic-Variable.ttf") format("truetype");
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
}

:root {
  --ldv-system-ink: #082653;
  --ldv-editorial-cream: #f5efe6;
  --ldv-text-slate: #24354f;
  --ldv-versorgung-sage: #aab293;
  --ldv-sage-mist: #e1e5d8;
  --ldv-route-coral: #eb5738;
  --ldv-action-coral: #b9432b;
  --ldv-data-blue: #567b8c;
  --ldv-evidence-gold: #d6a64a;
  --ldv-utility-white: #ffffff;

  --ldv-font-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --ldv-font-text: "Source Sans 3", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --ldv-space-1: 8px;
  --ldv-space-2: 16px;
  --ldv-space-3: 24px;
  --ldv-space-4: 32px;
  --ldv-space-6: 48px;
  --ldv-space-8: 64px;
  --ldv-space-10: 80px;
  --ldv-space-12: 96px;

  --ldv-radius-small: 4px;
  --ldv-content-max: 1280px;
}