@font-face{font-family:VW Head;font-weight:700;src:url(/assets/vwhead-bold-Br88c7EE.woff2) format("woff2")}@font-face{font-family:VW Text;font-weight:400;src:url(/assets/vwtext-regular-yl5HFfGY.woff2) format("woff2")}@font-face{font-family:VW Text;font-weight:700;src:url(/assets/vwtext-bold-CjACyUeL.woff2) format("woff2")}:root{--theme: "volkswagen";--color-primary-500: #001e50;--color-primary-400: #334b73;--color-primary-300: #4d6285;--color-primary-200: #97a3b7;--color-primary-100: #dfe4e8;--color-secondary-500: #005270;--color-secondary-400: #00b0f0;--color-secondary-300: #4cc7f4;--color-secondary-200: #7ed6f6;--color-secondary-100: #bcecfe;--color-neutral-white: #fff;--color-neutral-100: #f2f2f2;--color-neutral-200: #e5e5e5;--color-neutral-300: #cecece;--color-neutral-400: #a6a6a6;--color-neutral-500: #666;--color-neutral-600: #4d4d4d;--color-neutral-black: #000;--color-success-500: #04581f;--color-success-400: #00872b;--color-success-300: #61ba7e;--color-success-200: #cbefd6;--color-success-100: #e2f5e8;--color-error-500: #810c23;--color-error-400: #e4002c;--color-error-300: #d46b80;--color-error-200: #f1ced5;--color-warning-500: #6e3603;--color-error-100: #f6ebed;--color-warning-400: #ffd100;--color-warning-300: #f2d657;--color-warning-200: #faeaa2;--color-warning-100: #fff6cd;--color-info-500: #052f6f;--color-info-400: #3a71c4;--color-info-300: #6999e0;--color-info-200: #d1e0f6;--color-info-100: #e0e9f7;--body-background-color: var(--color-neutral-100);--outline-color: var(--color-secondary-400);--outline-color-dark: var(--color-secondary-300);--type-heading-font-family: "VW Head", sans-serif;--type-heading-font-weight: 700;--type-heading-case: none;--type-base-font-family: "VW Text", sans-serif;--type-link-color: var(--color-primary-400);--type-link-hover-color: var(--color-primary-500);--type-heading-color: var(--color-primary-500);--type-heading-coverage-color: var(--color-primary-500);--type-body-color: var(--color-neutral-black);--type-body-color-dark: var(--color-neutral-white);--type-label-color: var(--color-neutral-500);--border-radius-small: 0;--border-radius-base: 0;--border-radius-large: 0;--border-line-color: var(--color-neutral-200);--icon-fill-color: var(--color-primary-400);--icon-badge-background-color: var(--color-primary-500);--icon-badge-color: var(--color-neutral-white);--button-border-width: 2px;--button-border-radius: 24px;--button-padding-horizontal: 20px;--button-padding-horizontal-small: 16px;--button-primary-background-color: var(--color-primary-500);--button-primary-background-hover-color: var(--color-primary-400);--button-primary-border-color: var(--color-primary-500);--button-primary-border-hover-color: var(--color-primary-400);--button-primary-color: var(--color-neutral-white);--button-primary-color-hover: var(--color-neutral-white);--button-secondary-background-color: transparent;--button-secondary-background-hover-color: transparent;--button-secondary-color: var(--color-primary-400);--button-secondary-color-hover: var(--color-primary-400);--button-secondary-border-color: var(--color-primary-400);--button-secondary-border-hover-color: var(--color-primary-500);--button-disabled-background-color: var(--color-neutral-200);--button-disabled-border-color: var(--color-neutral-200);--button-disabled-color: var(--color-neutral-600);--button-dark-secondary-color: var(--color-neutral-200);--button-dark-secondary-hover-color: var(--color-neutral-white);--button-dark-secondary-border-color: var(--color-neutral-white);--button-link-color: var(--color-primary-400);--button-link-hover-color: var(--color-primary-500);--input-checked-background-color: var(--color-neutral-white);--input-checked-border-color: var(--color-primary-500);--input-checked-icon-color: var(--color-primary-500);--input-checked-inset: var(--color-primary-100);--input-checkbox-background-color: var(--color-neutral-white);--input-checkbox-border-color: var(--color-neutral-300);--input-checkbox-border-width: 1px;--input-switch-background-color: var(--color-neutral-300);--input-switch-checked-background-color: var(--color-secondary-400);--stepper-active-color: var(--color-primary-400);--stepper-checked-background-color: var(--color-success-500);--stepper-checked-color: var(--color-success-200);--stepper-active-dark-color: var(--color-neutral-white);--stepper-active-dark-background-color: var(--color-success-100);--stepper-checked-dark-background-color: var(--color-success-300);--stepper-checked-dark-color: var(--color-neutral-white);--tabs-item-active-background-color: var(--color-primary-500);--tabs-item-active-label-color: var(--color-neutral-white);--tabs-item-label-color: var(--color-neutral-600);--tabs-background-color: transparent;--tabs-border-color: var(--color-primary-500);--tabs-border-width: 2px;--tabs-border-radius: 24px;--tabs-item-border-radius: 24px;--progress-bar-color: var(--color-secondary-400);--alert-success-color: var(--color-success-500);--alert-success-border-color: var(--color-success-100);--alert-success-background-color: var(--color-success-100);--alert-info-color: var(--color-info-500);--alert-info-border-color: var(--color-info-100);--alert-info-background-color: var(--color-info-100);--alert-warning-color: var(--color-warning-500);--alert-warning-border-color: var(--color-warning-100);--alert-warning-background-color: var(--color-warning-100);--alert-error-color: var(--color-error-500);--alert-error-border-color: var(--color-error-100);--alert-error-background-color: var(--color-error-100);--alert-neutral-color: var(--color-neutral-600);--alert-neutral-border-color: var(--color-neutral-100);--alert-neutral-background-color: var(--color-neutral-100);--tooltip-background-color: var(--color-primary-500);--tooltip-color: var(--color-neutral-white);--card-elevation: var(--elevation-small);--icon-card-border: 0;--landing-background-color: var(--color-neutral-white);--landing-icon-color: var(--color-primary-500);--landing-color: var(--type-body-color);--landing-heading-color: var(--type-heading-color);--landing-link-color: var(--type-link-color);--landing-link-hover-color: var(--type-link-hover-color);--product-card-recommended-background-color: var(--color-secondary-500);--product-card-recommended-text-color: var(--color-neutral-white);--product-card-sticky-border: 0;--product-banner-background-color: var(--color-primary-500);--product-banner-text-color: var(--color-neutral-white);--skip-link-background-color: var(--color-primary-500);--skip-link-text-color: var(--color-neutral-white)}
