@charset "UTF-8";
/* Breakpoints */
:root {
  --colors-brand-primary: rgba(0, 170, 210, 1);
  --colors-brand-secondary: rgba(246, 243, 242, 1);
  --colors-brand-light: rgba(255, 255, 255, 1);
  --colors-brand-dark: rgba(0, 0, 0, 1);
  --colors-grey-1: rgba(234, 234, 235, 1);
  --colors-text-headline: rgba(0, 0, 0, 1);
  --colors-interaction-focus: rgba(0, 0, 0, 1);
  --colors-background-default: rgba(255, 255, 255, 1);
  --colors-grey-2: rgba(206, 206, 208, 1);
  --colors-grey-3: rgba(105, 105, 110, 1);
  --colors-grey-4: rgba(83, 83, 86, 1);
  --colors-grey-5: rgba(37, 37, 39, 1);
  --colors-grey-6: rgba(18, 20, 22, 1);
  --colors-text-copy: rgba(0, 0, 0, 1);
  --colors-text-disclaimer: rgba(18, 20, 22, 1);
  --colors-interaction-interactive: rgba(0, 121, 148, 1);
  --colors-interaction-interactive-fg: rgba(255, 255, 255, 1);
  --colors-interaction-hover: rgba(0, 144, 178, 1);
  --colors-interaction-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-primary: rgba(0, 121, 148, 1);
  --colors-interaction-primary-fg: rgba(255, 255, 255, 1);
  --colors-interaction-primary-hover: rgba(0, 144, 178, 1);
  --colors-interaction-primary-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-selected: rgba(0, 121, 148, 1);
  --colors-interaction-selected-fg: rgba(255, 255, 255, 1);
  --colors-interaction-selected-hover: rgba(0, 144, 178, 1);
  --colors-interaction-selected-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-disabled: rgba(234, 234, 235, 1);
  --colors-interaction-disabled-fg: rgba(0, 0, 0, 0.3);
  --colors-text-primary-highlight: rgba(0, 144, 178, 1);
  --colors-text-secondary-highlight: rgba(0, 0, 0, 1);
  --colors-interaction-secondary: rgba(255, 255, 255, 0);
  --colors-interaction-secondary-fg: rgba(0, 121, 148, 1);
  --colors-interaction-secondary-hover: rgba(0, 144, 178, 1);
  --colors-interaction-secondary-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-secondary-pressed: rgba(0, 144, 178, 1);
  --colors-interaction-secondary-pressed-fg: rgba(255, 255, 255, 1);
  --colors-background-dark: rgba(0, 0, 0, 1);
  --colors-text-disclaimer-dark: rgba(255, 255, 255, 1);
  --colors-background-alternative: rgba(246, 243, 242, 1);
  --colors-border-outline-divider: rgba(219, 217, 216, 1);
  /* S → Mobile */
  /* M → Tablet */
  /* L → Desktop */
  /* XL → Widescreen */
}
@media (min-width: 320px) {
  :root {
    --typo-h1-size: 32px;
    --typo-h2-size: 28px;
    --typo-h3-size: 26px;
    --typo-h4-size: 22px;
    --typo-h5-size: 20px;
    --typo-h6-size: 16px;
    --typo-copy-xl-size: 24px;
    --typo-copy-l-size: 16px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 12px;
    --typo-copy-xxs-size: 10px;
    --typo-interactive-l-size: 16px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 20px;
    --typo-navigation-size: 16px;
    --modul-spacing: 56px;
  }
}
@media (min-width: 768px) {
  :root {
    --typo-h1-size: 48px;
    --typo-h2-size: 40px;
    --typo-h3-size: 32px;
    --typo-h4-size: 24px;
    --typo-h5-size: 20px;
    --typo-h6-size: 18px;
    --typo-copy-xl-size: 24px;
    --typo-copy-l-size: 16px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 12px;
    --typo-copy-xxs-size: 10px;
    --typo-interactive-l-size: 16px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 20px;
    --typo-navigation-size: 16px;
    --modul-spacing: 72px;
  }
}
@media (min-width: 1024px) {
  :root {
    --typo-h1-size: 88px;
    --typo-h2-size: 64px;
    --typo-h3-size: 40px;
    --typo-h4-size: 32px;
    --typo-h5-size: 28px;
    --typo-h6-size: 18px;
    --typo-copy-xl-size: 40px;
    --typo-copy-l-size: 20px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 14px;
    --typo-copy-xxs-size: 12px;
    --typo-interactive-l-size: 20px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 28px;
    --typo-navigation-size: 16px;
    --modul-spacing: 112px;
  }
}
@media (min-width: 1440px) {
  :root {
    --typo-h1-size: 112px;
    --typo-h2-size: 72px;
    --typo-h3-size: 48px;
    --typo-h4-size: 40px;
    --typo-h5-size: 28px;
    --typo-h6-size: 22px;
    --typo-copy-xl-size: 48px;
    --typo-copy-l-size: 24px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 14px;
    --typo-copy-xxs-size: 12px;
    --typo-interactive-l-size: 24px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 28px;
    --typo-navigation-size: 16px;
    --modul-spacing: 120px;
  }
}