Generated by SassMeister.com.

input.scss

$brand: 'BMWTypeNext', 'Helvetica Neue', '-apple-system', 'system-ui', 'BlinkMacSystemFont', serif;
$serif: 'SangBleuKingdom','Times', 'Times New Roman', serif;
$arial: 'Arial', 'Helvetica Neue', sans-serif;
$arialMT: 'Arial MT', 'Arial', 'Helvetica Neue', sans-serif;

$theme-core: (
  headline: (
    1: (
      default: ($brand, 50px, 68px, 1px, 400),
      md: ($brand, 80px, 90px, 1px),
      lg: ($brand, 130px, 140px, 1px),
      xl: ($brand, 180px, 190px, 1px)
    ),
    2: (
      default: ($brand, 40px, 47px, 1px, 400),
      md: ($brand, 56px, 68px, 1px),
      lg: ($brand, 76px, 88px, 1px),
      xl: ($brand, 100px, 112px, 1px)
    ),
    3: (
      default: ($brand, 32px, 38px, 0, 400),
      md: ($brand, 42px, 50px, 0),
      lg: ($brand, 56px, 68px, 0),
      xl: ($brand, 76px, 91px, 0)
    ),
    4: (
      default: ($brand, 24px, 30px, -0.1px, 400, antialiased),
      md: ($brand, 30px, 38px, -0.1px),
      lg: ($brand, 39px, 48px, -0.1px),
      xl: ($brand, 54px, 65px, -0.1px)
    ),
    5: (
      default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
      md: ($brand, 23px, 31px, -0.1px),
      lg: ($brand, 28px, 37px, -0.1px),
      xl: ($brand, 38px, 48px, -0.1px)
    ),
    6: (
      default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
      md: ($brand, 18px, 22px, -0.1px),
      lg: ($brand, 20px, 24px, -0.1px),
      xl: ($brand, 24px, 29px, -0.1px)
    )
  ),
  content: (
    1: (
      default: ($brand, 16px, 25px, 0.4px, 400),
      md: ($brand, 18px, 28px, 0.4px),
      lg: ($brand, 20px, 31px, 0.4px),
      xl: ($brand, 24px, 36px, 0.4px)
    ),
    2: (
      default: ($brand, 14px, 21px, 0.5px, 400),
      md: ($brand, 15px, 24px, 0.5px),
      lg: ($brand, 16px, 26px, 0.5px),
      xl: ($brand, 19px, 30px, 0.5px)
    ),
    3: (
      default: ($brand, 12px, 18px, 0.5px, 400),
      md: ($brand, 13px, 20px, 0.5px),
      xl: ($brand, 14px, 22px, 0.5px)
    )
  ),
  label: (
    1: (
      default: ($brand, 14px, 17px, 0.25px, 400),
      md: ($brand, 15px, 18px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    ),
    2: (
      default: ($brand, 12px, 16px, 0.25px, 400),
      md: ($brand, 13px, 16px, 0.25px),
      xl: ($brand, 14px, 17px, 0.25px)
    ),
    3: (
      default: ($brand, 11px, 13px, 0.25px, 400),
      xl: ($brand, 12px, 14px, 0.25px)
    )
  ),
  eyebrow: (
    1: (
      default: ($brand, 11px, 13px, 2.75px, 400),
      lg: ($brand, 12px, 15px, 2.75px),
      xl: ($brand, 13px, 15px, 2.75px)
    ),
    2: (
      default: ($brand, 10px, 13px, 2px, 400),
      xl: ($brand, 10px, 14px, 2px)
    ),
    3: (
      default: ($serif, 12px, 15px, 1.5px, 400, italic),
      md: ($serif, 13px, 16px, 1.5px),
      xl: ($serif, 14px, 18px, 1.5px)
    )
  ),
  quote: (
    1: (
      default: ($serif, 32px, 41px, 0.25px, 400),
      md: ($serif, 42px, 53px, 0.25px),
      lg: ($serif, 56px, 70px, 0.25px),
      xl: ($serif, 76px, 98px, 0.25px)
    ),
    2: (
      default: ($serif, 24px, 31px, 0.5px, 400),
      md: ($serif, 30px, 40px, 0.5px),
      lg: ($serif, 39px, 53px, 0.5px),
      xl: ($serif, 54px, 73px, 0.5px)
    ),
    3: (
      default: ($serif, 20px, 26px, 0.5px, 400),
      md: ($serif, 23px, 31px, 0.5px),
      lg: ($serif, 28px, 38px, 0.5px),
      xl: ($serif, 38px, 52px, 0.5px)
    )
  ),
  cta: (
    1: (
      default: ($brand, 15px, 20px, 0.5px, 700)
    ),
    2: (
      default: ($brand, 13px, 16px, 0.5px, 700)
    )
  ),
  inputfield: (
    1: (
      default: ($brand, 16px, 20px, 0.4px, 400),
      xl: ($brand, 19px, 24px, 0.4px)
    )
  )
);


$theme-nav: (
  breakpoints: ( default: 320px, md: 768px, md2: 960px, lg: 1280px, xl: 2000px ),
  header : (
    //Global Nav Header
    1: (
      default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
      md: ($brand, 23px, 31px, -0.1px),
      md2: ($brand, 13px, 16px, 0.25px),
      xl: ($brand, 14px, 17px, 0.25px)
    ),
    //Non primary header links
    2: (
      default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
      md: ($brand, 23px, 31px, -0.1px),
      md2: ($brand, 11px, 13px, 0.25px),
      xl: ($brand, 12px, 14px, 0.25px)
    )
  ),
  footer : (
    //Global Footer Label
    1: (
      default: ($brand, 16px, 26px, 0.35px, 700),
      md: ($brand, 23px, 31px, -0.1px),
      md2: ($brand, 15px, 18px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    ),
    //Global Footer Links
    2: (
      default: ($brand, 14px, 17px, 0.25px, 400),
      md: ($brand, 15px, 18px, 0.25px),
      md2: ($brand, 13px, 16px, 0.25px),
      xl: ($brand, 14px, 17px, 0.25px)
    )
  ),
  vehicleOverlay : (
    //Vehicle Overlay
    1: (
      default: ($brand, 40px, 47px, 0.15px, 700),
      md: ($brand, 23px, 31px, -0.1px),
      lg: ($brand, 28px, 37px, -0.1px),
      xl: ($brand, 38px, 48px, -0.1px)
    ),
    //Vehicle Overlay Header
    2: (
      default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
      md: ($brand, 30px, 38px, -0.1px),
      lg: ($brand, 39px, 48px, -0.1px),
      xl: ($brand, 54px, 65px, -0.1px)
    ),
    //Vehicle Overlay Filter
    3: (
      default: ($brand, 12px, 16px, 0.25px, 400),
      md:  ($brand, 13px, 16px, 0.25px),
      md2: ($brand, 11px, 13px, 0.25px),
      lg: ($brand, 13px, 16px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    ),
    //Vehicle Overlay Subhead
    4: (
      default: ($brand, 18px, 22px, -0.1px, antialiased),
      md: ($brand, 23px, 31px, -0.1px),
      lg: ($brand, 28px, 37px, -0.1px),
      xl: ($brand, 38px, 48px, -0.1px)
    ),
    //Vehicle Overlay Link
    5: (
      default: ($brand, 12px, 16px, 0.25px, 400),
      md: ($brand, 15px, 18px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    ),
    //Vehicle Overlay Nav
    6: (
      default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
      md: ($brand, 18px, 22px, -0.1px),
      md2: ($brand, 13px, 16px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    )
  ),
  dropDown : (
    //O&F Label
    1: (
      default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
      md: ($brand, 18px, 22px, -0.1px),
      md2: ($brand, 15px, 18px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    ),
    //O&F Links
    2: (
      default: ($brand, 12px, 20px, 0.4px, 400),
      md: ($brand, 16px, 20px, 0.4px),
      xl: ($brand, 14px, 17px, 0.25px)
    )
  ),
  input : (
    1: (
      //Dealer Locator Input
      default: ($brand, 12px, 20px, 0.4px, 400),
      md: ($brand, 16px, 20px, 0.4px),
      lg: ($brand, 11px, 13px, 0.25px, 400),
      xl: ($brand, 12px, 14px, 0.25px)
    ),
    2: (
      //Search Input Label
      default: ($brand, 12px, 20px, 0.4px, 400),
      md: ($brand, 16px, 20px, 0.4px),
      xl: ($brand, 19px, 24px, 0.4px)
    ),
    3: (
      //O&F Input Field
      default: ($brand, 12px, 20px, 0.4px, 400),
      md: ($brand, 16px, 20px, 0.4px),
      lg: ($brand, 13px, 16px, 0.35px),
      xl: ($brand, 14px, 17px, 0.35px)
    )
  ),
  dealerLabel : (
    //Dealer Locator Lables
    1: (
      default: ($brand, 16px, 20px, 0.35px, 400),
      md2: ($brand, 11px, 13px, 0.35px),
      xl: ($brand, 12px, 14px, 0.35px)
    )
  ),
  search : (
    //Search eyebrow
    1: (
      default: ($serif, 12px, 15px, 1.5px, 400, italic),
      md: ($serif, 13px, 16px, 1.5px),
      xl: ($serif, 14px, 18px, 1.5px)
    ),
    // Search suggestions
    2: (
      default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
      md: ($brand, 23px, 31px, -0.1px),
      md2: ($brand, 15px, 18px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    )
  ),
  myBMWLinks : (
    //MyBWM Links
    1: (
      default: ($brand, 14px, 17px, 0.25px, 400),
      md: ($brand, 15px, 18px, 0.25px),
      md2: ($brand, 11px, 13px, 0.25px),
      xl: ($brand, 12px, 14px, 0.25px)
    )
  )
);


$theme-gkl: (
  headline: (
    1: (
      default: ($brand, 50px, 68px, 1px, 400),
      md: ($brand, 80px, 90px, 1px),
      lg: ($brand, 130px, 140px, 1px),
      xl: ($brand, 180px, 190px, 1px)
    ),
    2: (
      default: ($brand, 40px, 47px, 1px, 400),
      md: ($brand, 56px, 68px, 1px),
      lg: ($brand, 76px, 88px, 1px),
      xl: ($brand, 100px, 112px, 1px)
    ),
    3: (
      default: ($brand, 32px, 38px, 0, 400),
      md: ($brand, 42px, 50px, 0),
      lg: ($brand, 56px, 68px, 0),
      xl: ($brand, 76px, 91px, 0)
    ),
    4: (
      default: ($brand, 24px, 30px, -0.1px, 400, antialiased),
      md: ($brand, 30px, 38px, -0.1px),
      lg: ($brand, 39px, 48px, -0.1px),
      xl: ($brand, 54px, 65px, -0.1px)
    ),
    5: (
      default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
      md: ($brand, 23px, 31px, -0.1px),
      lg: ($brand, 28px, 37px, -0.1px),
      xl: ($brand, 38px, 48px, -0.1px)
    ),
    6: (
      default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
      md: ($brand, 18px, 22px, -0.1px),
      lg: ($brand, 20px, 24px, -0.1px),
      xl: ($brand, 24px, 29px, -0.1px)
    )
  ),
  content: (
    1: (
      default: ($brand, 16px, 25px, 0.4px, 400),
      md: ($brand, 18px, 28px, 0.4px),
      lg: ($brand, 20px, 31px, 0.4px),
      xl: ($brand, 24px, 36px, 0.4px)
    ),
    2: (
      default: ($brand, 14px, 21px, 0.5px, 400),
      md: ($brand, 15px, 24px, 0.5px),
      lg: ($brand, 16px, 26px, 0.5px),
      xl: ($brand, 19px, 30px, 0.5px)
    ),
    3: (
      default: ($brand, 12px, 18px, 0.5px, 400),
      md: ($brand, 13px, 20px, 0.5px),
      xl: ($brand, 14px, 22px, 0.5px)
    )
  ),
  label: (
    1: (
      default: ($brand, 14px, 17px, 0.25px, 400),
      md: ($brand, 15px, 18px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    ),
    2: (
      default: ($brand, 12px, 16px, 0.25px, 400),
      md: ($brand, 13px, 16px, 0.25px),
      xl: ($brand, 14px, 17px, 0.25px)
    ),
    3: (
      default: ($brand, 11px, 13px, 0.25px, 400),
      xl: ($brand, 12px, 14px, 0.25px)
    )
  ),
  eyebrow: (
    1: (
      default: ($brand, 11px, 13px, 2.75px, 400),
      lg: ($brand, 12px, 15px, 2.75px),
      xl: ($brand, 13px, 15px, 2.75px)
    ),
    2: (
      default: ($brand, 10px, 13px, 2px, 400),
      xl: ($brand, 10px, 14px, 2px)
    ),
    3: (
      default: ($serif, 12px, 15px, 1.5px, 400, italic),
      md: ($serif, 13px, 16px, 1.5px),
      xl: ($serif, 14px, 18px, 1.5px)
    )
  ),
  quote: (
    1: (
      default: ($serif, 32px, 41px, 0.25px, 400),
      md: ($serif, 42px, 53px, 0.25px),
      lg: ($serif, 56px, 70px, 0.25px),
      xl: ($serif, 76px, 98px, 0.25px)
    ),
    2: (
      default: ($serif, 24px, 31px, 0.5px, 400),
      md: ($serif, 30px, 40px, 0.5px),
      lg: ($serif, 39px, 53px, 0.5px),
      xl: ($serif, 54px, 73px, 0.5px)
    ),
    3: (
      default: ($serif, 20px, 26px, 0.5px, 400),
      md: ($serif, 23px, 31px, 0.5px),
      lg: ($serif, 28px, 38px, 0.5px),
      xl: ($serif, 38px, 52px, 0.5px)
    )
  ),
  cta: (
    1: (
      default: ($brand, 15px, 20px, 0.5px, 700)
    ),
    2: (
      default: ($brand, 13px, 16px, 0.5px, 700)
    )
  ),
  inputfield: (
    1: (
      default: ($brand, 16px, 20px, 0.4px, 400),
      xl: ($brand, 19px, 24px, 0.4px)
    )
  )
);

$theme-byo: (
  headline: (
    1: (
      default: ($brand, 50px, 68px, 1px, 400),
      md: ($brand, 80px, 90px, 1px),
      lg: ($brand, 130px, 140px, 1px),
      xl: ($brand, 180px, 190px, 1px)
    ),
    2: (
      default: ($brand, 40px, 47px, 1px, 400),
      md: ($brand, 56px, 68px, 1px),
      lg: ($brand, 76px, 88px, 1px),
      xl: ($brand, 100px, 112px, 1px)
    ),
    3: (
      default: ($brand, 32px, 38px, 0, 400),
      md: ($brand, 42px, 50px, 0),
      lg: ($brand, 56px, 68px, 0),
      xl: ($brand, 76px, 91px, 0)
    ),
    4: (
      default: ($brand, 24px, 30px, -0.1px, 400, antialiased),
      md: ($brand, 30px, 38px, -0.1px),
      lg: ($brand, 39px, 48px, -0.1px),
      xl: ($brand, 54px, 65px, -0.1px)
    ),
    5: (
      default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
      md: ($brand, 23px, 31px, -0.1px),
      lg: ($brand, 28px, 37px, -0.1px),
      xl: ($brand, 38px, 48px, -0.1px)
    ),
    6: (
      default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
      md: ($brand, 18px, 22px, -0.1px),
      lg: ($brand, 20px, 24px, -0.1px),
      xl: ($brand, 24px, 29px, -0.1px)
    )
  ),
  content: (
    1: (
      default: ($brand, 16px, 25px, 0.4px, 400),
      md: ($brand, 18px, 28px, 0.4px),
      lg: ($brand, 20px, 31px, 0.4px),
      xl: ($brand, 24px, 36px, 0.4px)
    ),
    2: (
      default: ($brand, 14px, 21px, 0.5px, 400),
      md: ($brand, 15px, 24px, 0.5px),
      lg: ($brand, 16px, 26px, 0.5px),
      xl: ($brand, 19px, 30px, 0.5px)
    ),
    3: (
      default: ($brand, 12px, 18px, 0.5px, 400),
      md: ($brand, 13px, 20px, 0.5px),
      xl: ($brand, 14px, 22px, 0.5px)
    )
  ),
  label: (
    1: (
      default: ($brand, 14px, 17px, 0.25px, 400),
      md: ($brand, 15px, 18px, 0.25px),
      lg: ($brand, 16px, 20px, 0.25px),
      xl: ($brand, 19px, 24px, 0.25px)
    ),
    2: (
      default: ($brand, 12px, 16px, 0.25px, 400),
      md: ($brand, 13px, 16px, 0.25px),
      xl: ($brand, 14px, 17px, 0.25px)
    ),
    3: (
      default: ($brand, 11px, 13px, 0.25px, 400),
      xl: ($brand, 12px, 14px, 0.25px)
    )
  ),
  eyebrow: (
    1: (
      default: ($brand, 11px, 13px, 2.75px, 400),
      lg: ($brand, 12px, 15px, 2.75px),
      xl: ($brand, 13px, 15px, 2.75px)
    ),
    2: (
      default: ($brand, 10px, 13px, 2px, 400),
      xl: ($brand, 10px, 14px, 2px)
    ),
    3: (
      default: ($serif, 12px, 15px, 1.5px, 400, italic),
      md: ($serif, 13px, 16px, 1.5px),
      xl: ($serif, 14px, 18px, 1.5px)
    )
  ),
  quote: (
    1: (
      default: ($serif, 32px, 41px, 0.25px, 400),
      md: ($serif, 42px, 53px, 0.25px),
      lg: ($serif, 56px, 70px, 0.25px),
      xl: ($serif, 76px, 98px, 0.25px)
    ),
    2: (
      default: ($serif, 24px, 31px, 0.5px, 400),
      md: ($serif, 30px, 40px, 0.5px),
      lg: ($serif, 39px, 53px, 0.5px),
      xl: ($serif, 54px, 73px, 0.5px)
    ),
    3: (
      default: ($serif, 20px, 26px, 0.5px, 400),
      md: ($serif, 23px, 31px, 0.5px),
      lg: ($serif, 28px, 38px, 0.5px),
      xl: ($serif, 38px, 52px, 0.5px)
    )
  ),
  cta: (
    1: (
      default: ($brand, 15px, 20px, 0.5px, 700)
    ),
    2: (
      default: ($brand, 13px, 16px, 0.5px, 700)
    )
  ),
  inputfield: (
    1: (
      default: ($brand, 16px, 20px, 0.4px, 400),
      xl: ($brand, 19px, 24px, 0.4px)
    )
  )
);

@function map-fetch($map, $keys) {
  @each $key in $keys {
    $map: map-get($map, $key);
  }
  @return $map;
}



$coreConfig: (
  breakpoints: ( default: 320px, md: 768px, lg: 1280px, xl: 2000px ),
  core: $theme-core,
  gkl: $theme-gkl,
  nav: $theme-nav,
  byo: $theme-byo,
);

@mixin coretype($type: content, $level: 1, $variant: core, $weight: false, $style: false, $smoothing: false) {
  @if not(map-fetch($coreConfig, $variant)) {
    @warn "The variation: `#{$variant}` does not currently exist, all type settings will default to the core theme";
    $variant: core;
  }

  $theme-breakpoints: if(
    map-has-key(map-fetch($coreConfig, $variant), breakpoints),
    map-fetch($coreConfig, $variant breakpoints),
    map-get($coreConfig, breakpoints)
  );

  @each $breakpoint in map-keys($theme-breakpoints) {
    @if $breakpoint == default {
      font: {
        family: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 1);
        size: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 2);
        weight: if($weight, $weight, nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 5));
      }
      
      @if ($style) {
          font-style:  $style;
        }

      //if the font-smoothing has been set in the theme settings, we will use it
      @if length(map-fetch($coreConfig, $variant $type $level $breakpoint)) == 6 {
        -webkit-font-smoothing: if($smoothing, $smoothing, nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 6));
        @if ($smoothing == false) {
          $smoothing:  nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 6);
        }
        @if ($smoothing == 'antialiased') {
          -moz-osx-font-smoothing: grayscale;
        }
        @else {
          -moz-osx-font-smoothing: if($smoothing, $smoothing, auto);
        }
      }

      line-height: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 3);
      letter-spacing: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 4);
    }
    @else if (map-fetch($coreConfig, $variant $type $level $breakpoint)) {
      @media screen and (min-width: map-fetch($theme-breakpoints, $breakpoint)) {
        font-size: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 2);
        line-height: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 3);
        letter-spacing: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 4);
       
      }
    }
  }
}

////


$typeWeight: (thin: 200, normal: 400, bold: 700);
$typeFontStyle: (normal: normal, italic: italic);

@each $typeStyle, $typeStyleValue in $theme-core {
  @if $typeStyle != breakpoints {
    @each $typeLevel, $levelValue in $typeStyleValue {
      &.#{$typeStyle}-#{$typeLevel} {
        @include coretype($typeStyle, $typeLevel, gkl);
      }

      @each $typeFontWeight, $typeWeightValue in $typeWeight {
        &.#{$typeStyle}-#{$typeLevel}--#{$typeFontWeight} {
          @include coretype($typeStyle, $typeLevel, gkl, $typeWeightValue);
        }
      }

      @each $typeFStyle, $typeFontStyleValue in $typeFontStyle {
        &.#{$typeStyle}-#{$typeLevel}--#{$typeFStyle} {
          @include coretype($typeStyle, $typeLevel, gkl, 400, $typeFontStyleValue);
        }
      }

      @each $typeFontWeight, $typeWeightValue in $typeWeight {
        @each $typeFStyle, $typeFontStyleValue in $typeFontStyle {
          @if $typeFStyle == italic {
            &.#{$typeStyle}-#{$typeLevel}--#{$typeFontWeight}--#{$typeFStyle} {
              @include coretype($typeStyle, $typeLevel, gkl, $typeWeightValue, $typeFontStyleValue);
            }
          }
        }
      }
    }
  }
}

output.css

.headline-1 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1 {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1 {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1 {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--thin {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--thin {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--thin {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--normal {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--normal {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--normal {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--bold {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--bold {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--bold {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 400;
  font-style: normal;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--normal {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--normal {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--normal {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 400;
  font-style: italic;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--italic {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--italic {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--italic {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 200;
  font-style: italic;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--thin--italic {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--thin--italic {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--thin--italic {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 400;
  font-style: italic;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--normal--italic {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--normal--italic {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--normal--italic {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-1--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 50px;
  font-weight: 700;
  font-style: italic;
  line-height: 68px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-1--bold--italic {
      font-size: 80px;
      line-height: 90px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-1--bold--italic {
      font-size: 130px;
      line-height: 140px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-1--bold--italic {
      font-size: 180px;
      line-height: 190px;
      letter-spacing: 1px; } }

.headline-2 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2 {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2 {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2 {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--thin {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--thin {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--thin {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--normal {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--normal {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--normal {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--bold {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--bold {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--bold {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--normal {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--normal {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--normal {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 400;
  font-style: italic;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--italic {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--italic {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 200;
  font-style: italic;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--thin--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--thin--italic {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--thin--italic {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 400;
  font-style: italic;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--normal--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--normal--italic {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--normal--italic {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-2--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 40px;
  font-weight: 700;
  font-style: italic;
  line-height: 47px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .headline-2--bold--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 1280px) {
    .headline-2--bold--italic {
      font-size: 76px;
      line-height: 88px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 2000px) {
    .headline-2--bold--italic {
      font-size: 100px;
      line-height: 112px;
      letter-spacing: 1px; } }

.headline-3 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3 {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3 {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3 {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 200;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--thin {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--thin {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--thin {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--normal {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--normal {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--normal {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--bold {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--bold {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--bold {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--normal {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--normal {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--normal {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--italic {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--italic {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 200;
  font-style: italic;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--thin--italic {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--thin--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--thin--italic {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--normal--italic {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--normal--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--normal--italic {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-3--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 32px;
  font-weight: 700;
  font-style: italic;
  line-height: 38px;
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .headline-3--bold--italic {
      font-size: 42px;
      line-height: 50px;
      letter-spacing: 0; } }
  @media screen and (min-width: 1280px) {
    .headline-3--bold--italic {
      font-size: 56px;
      line-height: 68px;
      letter-spacing: 0; } }
  @media screen and (min-width: 2000px) {
    .headline-3--bold--italic {
      font-size: 76px;
      line-height: 91px;
      letter-spacing: 0; } }

.headline-4 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4 {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4 {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4 {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--thin {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--thin {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--thin {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--normal {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--normal {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--normal {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--bold {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--bold {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--bold {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--normal {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--normal {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--normal {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--italic {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--italic {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--italic {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 200;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--thin--italic {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--thin--italic {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--thin--italic {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--normal--italic {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--normal--italic {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--normal--italic {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-4--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-4--bold--italic {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-4--bold--italic {
      font-size: 39px;
      line-height: 48px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-4--bold--italic {
      font-size: 54px;
      line-height: 65px;
      letter-spacing: -0.1px; } }

.headline-5 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5 {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5 {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5 {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--thin {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--thin {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--thin {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--normal {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--normal {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--normal {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--bold {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--bold {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--bold {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--normal {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--normal {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--normal {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--italic {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--italic {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 200;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--thin--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--thin--italic {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--thin--italic {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--normal--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--normal--italic {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--normal--italic {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-5--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-5--bold--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-5--bold--italic {
      font-size: 28px;
      line-height: 37px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-5--bold--italic {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.1px; } }

.headline-6 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6 {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6 {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6 {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--thin {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--thin {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--thin {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--normal {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--normal {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--normal {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--bold {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--bold {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--bold {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--normal {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--normal {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--normal {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--italic {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--italic {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--italic {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 200;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--thin--italic {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--thin--italic {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--thin--italic {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--normal--italic {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--normal--italic {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--normal--italic {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.headline-6--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  letter-spacing: -0.1px; }
  @media screen and (min-width: 768px) {
    .headline-6--bold--italic {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 1280px) {
    .headline-6--bold--italic {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.1px; } }
  @media screen and (min-width: 2000px) {
    .headline-6--bold--italic {
      font-size: 24px;
      line-height: 29px;
      letter-spacing: -0.1px; } }

.content-1 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1 {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1 {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1 {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--thin {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--thin {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--thin {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--normal {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--normal {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--normal {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--bold {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--bold {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--bold {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--normal {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--normal {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--normal {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--italic {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--italic {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--italic {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 200;
  font-style: italic;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--thin--italic {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--thin--italic {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--thin--italic {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--normal--italic {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--normal--italic {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--normal--italic {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-1--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  line-height: 25px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 768px) {
    .content-1--bold--italic {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 1280px) {
    .content-1--bold--italic {
      font-size: 20px;
      line-height: 31px;
      letter-spacing: 0.4px; } }
  @media screen and (min-width: 2000px) {
    .content-1--bold--italic {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.4px; } }

.content-2 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2 {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2 {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2 {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--thin {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--thin {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--thin {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--normal {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--normal {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--normal {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--bold {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--bold {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--bold {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--normal {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--normal {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--normal {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--italic {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--italic {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--italic {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--thin--italic {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--thin--italic {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--thin--italic {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--normal--italic {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--normal--italic {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--normal--italic {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-2--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  line-height: 21px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-2--bold--italic {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .content-2--bold--italic {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-2--bold--italic {
      font-size: 19px;
      line-height: 30px;
      letter-spacing: 0.5px; } }

.content-3 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3 {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3 {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--thin {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--thin {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--normal {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--normal {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--bold {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--bold {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--normal {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--normal {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--italic {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--italic {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 200;
  font-style: italic;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--thin--italic {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--thin--italic {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--normal--italic {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--normal--italic {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.content-3--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  line-height: 18px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .content-3--bold--italic {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .content-3--bold--italic {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px; } }

.label-1 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1 {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1 {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1 {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--thin {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--thin {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--thin {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--normal {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--normal {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--normal {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--bold {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--bold {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--bold {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--normal {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--normal {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--normal {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--italic {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--italic {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--thin--italic {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--thin--italic {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--thin--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--normal--italic {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--normal--italic {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--normal--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-1--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  line-height: 17px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-1--bold--italic {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .label-1--bold--italic {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-1--bold--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.25px; } }

.label-2 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2 {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2 {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--thin {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--thin {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--normal {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--normal {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--bold {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--bold {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--normal {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--normal {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--italic {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 200;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--thin--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--thin--italic {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--normal--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--normal--italic {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-2--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .label-2--bold--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .label-2--bold--italic {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.25px; } }

.label-3 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3 {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 200;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--thin {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--normal {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--bold {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--normal {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--italic {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 200;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--thin--italic {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--normal--italic {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.label-3--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 2000px) {
    .label-3--bold--italic {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.25px; } }

.eyebrow-1 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1 {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1 {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 200;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--thin {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--thin {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--normal {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--normal {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--bold {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--bold {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--normal {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--normal {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--italic {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--italic {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 200;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--thin--italic {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--thin--italic {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--normal--italic {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--normal--italic {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-1--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2.75px; }
  @media screen and (min-width: 1280px) {
    .eyebrow-1--bold--italic {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 2.75px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-1--bold--italic {
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 2.75px; } }

.eyebrow-2 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2 {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 200;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--thin {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--normal {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--bold {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 400;
  font-style: normal;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--normal {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 400;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--italic {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 200;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--thin--italic {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 400;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--normal--italic {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-2--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  line-height: 13px;
  letter-spacing: 2px; }
  @media screen and (min-width: 2000px) {
    .eyebrow-2--bold--italic {
      font-size: 10px;
      line-height: 14px;
      letter-spacing: 2px; } }

.eyebrow-3 {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 400;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3 {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3 {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--thin {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 200;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--thin {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--thin {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 400;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--normal {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--normal {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--bold {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--bold {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--bold {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--normal {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--normal {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--italic {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--thin--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 200;
  font-style: italic;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--thin--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--thin--italic {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--normal--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--normal--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--normal--italic {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.eyebrow-3--bold--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  -webkit-font-smoothing: italic;
  -moz-osx-font-smoothing: italic;
  line-height: 15px;
  letter-spacing: 1.5px; }
  @media screen and (min-width: 768px) {
    .eyebrow-3--bold--italic {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.5px; } }
  @media screen and (min-width: 2000px) {
    .eyebrow-3--bold--italic {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 1.5px; } }

.quote-1 {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1 {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1 {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1 {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--thin {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 200;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--thin {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--thin {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--thin {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--normal {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--normal {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--normal {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--bold {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--bold {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--bold {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--bold {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--normal {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--normal {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--normal {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--italic {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--italic {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--italic {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--thin--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 200;
  font-style: italic;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--thin--italic {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--thin--italic {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--thin--italic {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--normal--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--normal--italic {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--normal--italic {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--normal--italic {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-1--bold--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 700;
  font-style: italic;
  line-height: 41px;
  letter-spacing: 0.25px; }
  @media screen and (min-width: 768px) {
    .quote-1--bold--italic {
      font-size: 42px;
      line-height: 53px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 1280px) {
    .quote-1--bold--italic {
      font-size: 56px;
      line-height: 70px;
      letter-spacing: 0.25px; } }
  @media screen and (min-width: 2000px) {
    .quote-1--bold--italic {
      font-size: 76px;
      line-height: 98px;
      letter-spacing: 0.25px; } }

.quote-2 {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2 {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2 {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2 {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--thin {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--thin {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--thin {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--thin {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--normal {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--normal {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--normal {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--bold {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--bold {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--bold {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--bold {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--normal {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--normal {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--normal {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: italic;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--italic {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--italic {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--italic {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--thin--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 200;
  font-style: italic;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--thin--italic {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--thin--italic {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--thin--italic {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--normal--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: italic;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--normal--italic {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--normal--italic {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--normal--italic {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-2--bold--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  line-height: 31px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-2--bold--italic {
      font-size: 30px;
      line-height: 40px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-2--bold--italic {
      font-size: 39px;
      line-height: 53px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-2--bold--italic {
      font-size: 54px;
      line-height: 73px;
      letter-spacing: 0.5px; } }

.quote-3 {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3 {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3 {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3 {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--thin {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--thin {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--thin {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--thin {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--normal {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--normal {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--normal {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--bold {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--bold {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--bold {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--bold {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--normal {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--normal {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--normal {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--normal {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--italic {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--italic {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--thin--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 200;
  font-style: italic;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--thin--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--thin--italic {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--thin--italic {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--normal--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--normal--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--normal--italic {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--normal--italic {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.quote-3--bold--italic {
  font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 768px) {
    .quote-3--bold--italic {
      font-size: 23px;
      line-height: 31px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 1280px) {
    .quote-3--bold--italic {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 0.5px; } }
  @media screen and (min-width: 2000px) {
    .quote-3--bold--italic {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.5px; } }

.cta-1 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 200;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-1--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 15px;
  font-weight: 700;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.5px; }

.cta-2 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 200;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 200;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.5px; }

.cta-2--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  line-height: 16px;
  letter-spacing: 0.5px; }

.inputfield-1 {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1 {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--thin {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--thin {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--normal {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--bold {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--bold {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--normal {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--normal {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--thin--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 200;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--thin--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--normal--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--normal--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.inputfield-1--bold--italic {
  font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  line-height: 20px;
  letter-spacing: 0.4px; }
  @media screen and (min-width: 2000px) {
    .inputfield-1--bold--italic {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

settings.json

{
  "sass": {
    "compiler": "libsass/3.5.5",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}