@import './fonts.css';
@import './colors.css';
@import './typography.css';

.theme-axa-base {
  /**
	 * GLOBALS
	 */
  --active-brand: 'axa';

  --body-color: var(--color-grey-800);
  --body-background-color: var(--color-white);

  --primary-color: var(--color-axa-blue);
  --primary-color-hover: var(--color-axa-blue-600);
  --hero-color: var(--color-sienna-400);
  --hero-color-hover: var(--color-sienna-500);
  --inverted-color: var(--color-white);
  --inverted-color-hover: var(--color-grey-200);

  --focus-primary-color: var(--primary-color);
  --focus-secondary-color: var(--color-white);

  --hover-primary-color: var(--primary-color);

  --section-color: var(--color-white);
  --section-width-narrow: 760px;
  --section-width-wide: 1140px;
  --section-inverted-color: var(--body-color);
  --section-bg-color-1: var(--color-ocean-200);
  --section-bg-color-2: var(--color-teal-200);
  --section-bg-color-3: var(--color-tosca-200);
  --section-bg-color-4: var(--color-viridian-200);
  --section-bg-color-5: var(--color-apache-200);
  --section-bg-color-6: var(--color-ocean-300);
  --section-bg-color-light: var(--color-grey-200);
  --section-bg-color-dark: var(--color-grey-800);

  --headline-color: var(--body-color);

  --elevated-shadow-box: 0px 5px 11px 5px rgba(0, 0, 0, 0.1);
  --elevated-shadow-box-s: 0 0 4px rgba(0, 0, 0, 0.2);
  --elevated-shadow-box-m: 0 4px 8px rgba(0, 0, 0, 0.2);
  --elevated-shadow-box-l: 0 4px 12px rgba(0, 0, 0, 0.2);
  --elevated-shadow-box-xl: 0 12px 16px rgba(0, 0, 0, 0.2);
  --elevated-shadow-box-xxl: 0 16px 24px rgba(0, 0, 0, 0.2);

  --scroll-margin-top: 0;

  --option-list-max-height: 50vh;

  --color-warning: var(--color-orange);
  --color-error: var(--color-red);
  --color-info: var(--color-green);

  --border-color: var(--color-grey-400);

  --component-active-color: var(--color-grey-700);
  --component-active-background-color: transparent;
  --component-active-border-color: var(--color-grey-700);

  --track-color: var(--color-grey-500);
  --track-active-color: var(--primary-color);

  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-30: 30px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-60: 60px;

  --module-spacing-1: var(--spacing-20);
  --module-spacing-1-sm: var(--spacing-20);
  --module-spacing-1-md: var(--spacing-20);
  --module-spacing-1-lg: var(--spacing-30);
  --module-spacing-1-xl: var(--spacing-30);
  --module-spacing-2: var(--spacing-40);
  --module-spacing-2-sm: var(--spacing-40);
  --module-spacing-2-md: var(--spacing-40);
  --module-spacing-2-lg: var(--spacing-60);
  --module-spacing-2-xl: var(--spacing-60);

  --module-background-1: var(--color-grey-200);

  --accordion-headline-color: var(--link-color);
  --accordion-subline-color: var(--color-grey-700);
  --accordion-subline-margin: 0;
  --accordion-icon-color: var(--link-color);
  --accordion-border-bottom: 1px solid var(--color-grey-600);
  --accordion-header-background: inherit;
  --accordion-header-margin: 0;
  --accordion-header-padding: 20px 0px;
  --accordion-content-padding: 0px 0px 40px;
  --accordion-content-background: inherit;

  --anchors-background-color: var(--body-background-color);
  --anchors-headline-color: var(--link-color);
  --anchors-link-color: var(--link-color);
  --anchors-link-color-hover-inverted: var(--inverted-color-hover);
  --anchors-background-light: var(--color-grey-200);
  --anchors-background-color-1: var(--color-ocean-200);
  --anchors-color-inverted: var(--inverted-color);
  --anchors-border-color: transparent;

  --box-spacing-1: var(--spacing-4);
  --box-spacing-2: var(--spacing-8);
  --box-spacing-3: var(--spacing-10);
  --box-spacing-4: var(--spacing-12);
  --box-spacing-5: var(--spacing-16);
  --box-spacing-6: var(--spacing-20);
  --box-spacing-7: var(--spacing-30);
  --box-spacing-8: var(--spacing-40);
  --box-spacing-9: var(--spacing-48);
  --box-spacing-10: var(--spacing-56);
  --box-spacing-16: var(--spacing-16);
  --box-spacing-20: var(--spacing-20);
  --box-spacing-24: var(--spacing-24);

  --box-border-1: 1px;
  --box-border-2: 2px;
  --box-border-3: 4px;
  --box-border-4: 8px;

  --box-border-color-brand: var(--primary-color);
  --box-border-color-white: var(--color-white);
  --box-border-color-light: var(--color-grey-200);
  --box-border-color-medium: var(--color-grey-400);
  --box-border-color-dark: var(--color-grey-700);
  --box-border-color-warning: var(--color-warning);
  --box-border-color-error: var(--color-error);
  --box-border-color-info: var(--color-info);

  --button-border-width: 2px;
  --button-border-radius: 0;
  --button-disabled-opacity: 0.5;
  --button-small-padding-horizontal: 1.0000rem;
  --button-small-padding-vertical: 0.6000rem;
  --button-small-typography-text-decoration: none;
  --button-small-typography-text-transform: none;
  --button-large-padding-horizontal: 1.0000rem;
  --button-large-padding-vertical: 0.6000rem;
  --button-large-typography-text-decoration: none;
  --button-large-typography-text-transform: none;
  --button-icon-small-spacing: 0.6000rem;
  --button-icon-large-spacing: 0.8000rem;
  --button-min-width: 200px;
  --button-max-width: 300px;

  --button-primary-color: var(--primary-color);
  --button-secondary-color: var(--color-white);
  --button-tertiary-color: var(--color-white);
  --button-hero-color: var(--color-sienna-400);
  --button-hero-color-hover: var(--color-sienna-500);
  --button-inverted-background-color-hover: var(--color-grey-200);
  --button-animation-background-color-hover: var(--color-axa-blue-600);
  --button-first-focus-color: var(--button-primary-color);
  --button-second-focus-color: var(--button-secondary-color);

  --button-hero-background-color: var(--button-hero-color);
  --button-hero-border-color: var(--button-hero-color);
  --button-hero-text-color: var(--button-secondary-color);
  --button-hero-focus-background-color: var(--button-hero-color);
  --button-hero-focus-border-color: var(--button-primary-color);
  --button-hero-focus-text-color: var(--button-secondary-color);
  --button-hero-hover-background-color: var(--button-hero-color-hover);
  --button-hero-hover-border-color: var(--button-hero-color-hover);
  --button-hero-hover-text-color: var(--button-secondary-color);
  --button-hero-loader-color: var(--button-secondary-color);
  --button-hero-loader-background-color: var(--button-hero-color);

  --button-primary-background-color: var(--button-primary-color);
  --button-primary-border-color: var(--button-primary-color);
  --button-primary-text-color: var(--button-secondary-color);
  --button-primary-focus-background-color: var(--button-primary-color);
  --button-primary-focus-border-color: var(--button-primary-color);
  --button-primary-focus-text-color: var(--button-secondary-color);
  --button-primary-hover-background-color: var(--button-animation-background-color-hover);
  --button-primary-hover-border-color: var(--button-animation-background-color-hover);
  --button-primary-hover-text-color: var(--button-secondary-color);
  --button-primary-loader-color: var(--button-secondary-color);
  --button-primary-loader-background-color: var(--button-primary-color);
  --button-primary-inverted-background-color: var(--button-secondary-color);
  --button-primary-inverted-border-color: var(--button-secondary-color);
  --button-primary-inverted-text-color: var(--button-primary-color);
  --button-primary-inverted-focus-background-color: var(--button-secondary-color);
  --button-primary-inverted-focus-border-color: var(--button-primary-color);
  --button-primary-inverted-focus-text-color: var(--button-primary-color);
  --button-primary-inverted-hover-background-color: var(--button-secondary-color);
  --button-primary-inverted-hover-border-color: var(--button-secondary-color);
  --button-primary-inverted-hover-text-color: var(--button-primary-color);
  --button-primary-inverted-loader-color: var(--button-primary-color);
  --button-primary-inverted-loader-background-color: var(--button-secondary-color);

  --button-secondary-background-color: transparent;
  --button-secondary-border-color: var(--button-primary-color);
  --button-secondary-text-color: var(--button-primary-color);
  --button-secondary-focus-background-color: transparent;
  --button-secondary-focus-border-color: var(--button-primary-color);
  --button-secondary-focus-text-color: var(--button-primary-color);
  --button-secondary-hover-background-color: var(--button-primary-color);
  --button-secondary-hover-border-color: var(--button-primary-color);
  --button-secondary-hover-text-color: var(--button-secondary-color);
  --button-secondary-loader-color: var(--button-primary-color);
  --button-secondary-loader-background-color: var(--button-secondary-color);
  --button-secondary-loader-border-color: var(--button-primary-color);
  --button-secondary-inverted-background-color: transparent;
  --button-secondary-inverted-border-color: var(--button-secondary-color);
  --button-secondary-inverted-text-color: var(--button-secondary-color);
  --button-secondary-inverted-focus-background-color: transparent;
  --button-secondary-inverted-focus-border-color: var(--button-primary-color);
  --button-secondary-inverted-focus-text-color: var(--button-secondary-color);
  --button-secondary-inverted-hover-background-color: var(--button-secondary-color);
  --button-secondary-inverted-hover-border-color: var(--button-secondary-color);
  --button-secondary-inverted-hover-text-color: var(--button-primary-color);
  --button-secondary-inverted-loader-color: var(--button-secondary-color);
  --button-secondary-inverted-loader-background-color: transparent;
  --button-secondary-inverted-loader-border-color: var(--button-secondary-color);

  --button-ghost-background-color: transparent;
  --button-ghost-border-color: transparent;
  --button-ghost-text-color: var(--button-primary-color);
  --button-ghost-focus-background-color: transparent;
  --button-ghost-focus-border-color: var(--button-primary-color);
  --button-ghost-focus-text-color: var(--button-primary-color);
  --button-ghost-hover-background-color: var(--button-inverted-background-color-hover);
  --button-ghost-hover-border-color: var(--button-inverted-background-color-hover);
  --button-ghost-hover-text-color: var(--button-primary-color);
  --button-ghost-loader-color: var(--button-primary-color);
  --button-ghost-loader-background-color: transparent;
  --button-ghost-inverted-background-color: transparent;
  --button-ghost-inverted-border-color: transparent;
  --button-ghost-inverted-text-color: var(--button-secondary-color);
  --button-ghost-inverted-focus-background-color: transparent;
  --button-ghost-inverted-focus-border-color: var(--button-primary-color);
  --button-ghost-inverted-focus-text-color: var(--button-primary-color);
  --button-ghost-inverted-hover-background-color: var(--button-secondary-color);
  --button-ghost-inverted-hover-border-color: var(--button-secondary-color);
  --button-ghost-inverted-hover-text-color: var(--button-primary-color);
  --button-ghost-inverted-loader-color: var(--button-secondary-color);
  --button-ghost-inverted-loader-background-color: transparent;

  --chat-toolbar-color: var(--color-white);
  --chat-toolbar-background: var(--color-teal-300);
  --chat-toolbar-border-bottom: 0 none;
  --chat-toolbar-color-inverted: var(--body-color);
  --chat-toolbar-background-inverted: var(--color-white);
  --chat-toolbar-border-bottom-inverted: 0 none;

  --consent-text-color: var(--color-white);
  --consent-link-color: var(--color-white);
  --consent-link-hover-color: var(--color-grey-200);

  --contact-stage-background: var(--color-ocean-400);

  --contactoptions-background: var(--color-grey-200);

  --description-list-item-term-font-weight: var(--typography-text-small-body2-font-weight);
  --description-list-item-term-font-size: var(--typography-text-small-body2-font-size);
  --description-list-item-term-line-height: var(--typography-text-small-body2-line-height);
  --description-list-item-term-font-family: var(--typography-text-small-body2-font-family);
  --description-list-item-term-letter-spacing: var(--typography-text-small-body2-letter-spacing);
  --description-list-item-description-font-weight: var(--typography-text-small-body1-font-weight);
  --description-list-item-description-font-size: var(--typography-text-small-body1-font-size);
  --description-list-item-description-line-height: var(--typography-text-small-body1-line-height);
  --description-list-item-description-font-family: var(--typography-text-small-body1-font-family);
  --description-list-item-description-letter-spacing: var(--typography-text-small-body1-letter-spacing);

  --disturber-color-set-1-color: var(--color-white);
  --disturber-color-set-2-color: var(--color-grey-800);
  --disturber-color-set-1-background-color: var(--color-ocean-200);
  --disturber-color-set-2-background-color: var(--color-aqua);

  --divider-color: var(--border-color);
  --divider-thickness: 1px;
  --divider-spacing: 0;

  --dropdown-font-size: 16px;
  --dropdown-color: var(--input-color);
  --dropdown-background-color: var(--input-background-color);
  --dropdown-link-color: var(--input-color);
  --dropdown-link-hover-color: var(--input-color);
  --dropdown-link-hover-background-color: var(--color-grey-200);
  --dropdown-link-active-color: var(--dropdown-link-hover-color);
  --dropdown-link-active-background-color: var(--color-grey-300);
  --dropdown-trigger-max-width: initial;
  --dropdown-inline-font-weight: var(--typography-headline-small-heading4-font-weight);
  --dropdown-inline-font-size: var(--typography-headline-small-heading4-font-size);
  --dropdown-inline-line-height: var(--typography-headline-small-heading4-line-height);
  --dropdown-inline-font-family: var(--typography-headline-small-heading4-font-family);
  --dropdown-inline-letter-spacing: var(--typography-headline-small-heading4-letter-spacing);

  --editorial-introtext-background-color-light: var(--color-grey-200);
  --editorial-introtext-background-color-dark: var(--color-ocean-200);

  --editorial-paragraph-background-color: var(--color-grey-200);

  --emphasizer-margin: 0 0 16px 0;

  --expandable-gap: 4px;
  --expandable-header-padding: 0;
  --expandable-content-padding: 0 4px;

  --filestatustile-color-default: var(--color-grey-800);
  --filestatustile-color-success: var(--color-green-400);
  --filestatustile-color-error: var(--color-red-400);
  --filestatustile-color-upload: var(--color-axa-blue);

  --floating-button-color: var(--color-white);

  /*** FORM FIELDS*/
  --form-fields-input-color: var(--body-color);
  --form-fields-input-border-color: var(--color-grey-700);
  --form-fields-input-background-color: var(--color-white);
  --form-fields-input-hover-border-color: var(--color-axa-blue-400);
  --form-fields-input-active-border-color: var(--color-axa-blue-400);
  --form-fields-input-active-background-color: var(--color-axa-blue-400);
  --form-fields-input-active-hover-border-color: var(--color-axa-blue-600);
  --form-fields-input-active-hover-background-color: var(--color-axa-blue-600);
  --form-fields-input-error-border-color: var(--color-error);
  --form-fields-input-disabled-color: var(--color-grey-500);
  --form-fields-input-disabled-border-color: var(--color-grey-400);
  --form-fields-input-disabled-background-color: var(--color-white);
  --form-fields-label-color: var(--color-grey-700);
  --form-fields-label-color-inline: var(--body-color);
  --form-fields-label-disabled-color: var(--color-grey-400);
  --form-fields-placeholder-font-style: italic;
  --form-fields-placeholder-color: var(--color-grey-600);
  --form-fields-placeholder-disabled-color: var(--color-grey-400);
  --form-fields-legend-font: var(--typography-headline-small-heading4);
  --form-fields-legend-letter-spacing: var(--typography-headline-small-heading4-letter-spacing);

  --footer-color: var(--color-white);
  --footer-background-color: var(--color-ocean-200);
  --footer-accordion-content-background-color: var(--color-ocean-300);
  --footer-social-color: var(--color-white);

  --grid-gutter-x-mobile: 10px;
  --grid-gutter-x-tablet-and-up: 30px;
  --grid-gutter-y-mobile: 0;
  --grid-gutter-y-tablet-and-up: 0;

  --header-border-top-color: var(--primary-color);
  --header-border-bottom-color: var(--color-grey-300);

  --header-slim-logo-width-mobile: 36px;
  --header-slim-logo-height-mobile: 36px;
  --header-slim-logo-width: 48px;
  --header-slim-logo-height: 48px;
  --header-slim-logo-clear-space: 9px;

  --hero-stage-mobile-content-background-color: 240, 240, 240;
  --hero-stage-mobile-dark-content-background-color: 52, 60, 61;
  --hero-stage-content-background-color: 255, 255, 255;
  --hero-stage-dark-content-background-color: 52, 60, 61;

  --hotline-tile-link-font-size: 1.8000rem;

  --keyfigures-background-color-light: var(--color-grey-200);
  --keyfigures-background-color-dark: var(--color-ocean-200);
  --keyfigures-text-color-light: var(--body-color);
  --keyfigures-text-color-dark: var(--color-white);
  --keyfigures-headline-color-light: var(--color-ocean-300);
  --keyfigures-headline-color-dark: var(--color-white);
  --keyfigures-numbers-font-size-large: 6.4000rem;
  --keyfigures-numbers-font-size-small: 4.2000rem;
  --keyfigures-numbers-line-height: normal;

  --icon-size-xs: 1.6000rem;
  --icon-size-sm: 2.0000rem;
  --icon-size-md: 2.4000rem;
  --icon-size-lg: 4.0000rem;
  --icon-size-xl: 9.6000rem;

  --info-toggle-font-size: var(--text-body-3-font-size);
  --info-toggle-line-height: var(--text-body-3-line-height);
  --info-toggle-letter-spacing: var(--text-body-3-letter-spacing);
  --info-toggle-headline-font-weight: var(--headline-main-title-font-weight);
  --info-toggle-trigger-color: var(--link-color);
  --info-toggle-trigger-hover-color: var(--link-color-hover);
  --info-toggle-trigger-hover-background-color: var(--inverted-color-hover);
  --info-toggle-label-color: var(--link-color);
  --info-toggle-label-hover-color: var(--link-color-hover);
  --info-toggle-content-color: var(--color-white);
  --info-toggle-content-background-color: var(--color-ocean-200);

  --input-font-family: var(--text-body-1-font-family);
  --input-font-size: var(--text-body-1-font-size);
  --input-font-weight: var(--text-body-1-font-weight);
  --input-line-height: var(--text-body-1-line-height);
  --input-letter-spacing: var(--text-body-1-letter-spacing);
  --input-color: var(--body-color);
  --input-background-color: transparent;
  --input-border-color: var(--color-grey-600);
  --input-placeholder-color: var(--color-grey-600);
  --input-placeholder-font-style: italic;
  --input-label-color: var(--color-grey-700);
  --input-focus-color: var(--primary-color);
  --input-disabled-color: var(--color-grey-400);
  --input-label-font-size: var(--text-body-3-font-size);
  --input-focus-outline-color: rgba(0, 0, 143, 0.3);
  --input-focus-outline-color-error: rgba(201, 20, 50, 0.3);
  --input-focus-outline-width: 3px;

  --interstitial-twotopics-color: var(--color-white);
  --interstitial-twotopics-bg-color-1: var(--color-ocean-200);
  --interstitial-twotopics-bg-color-2: var(--color-ocean-300);

  --link-color: var(--primary-color);
  --link-color-hover: var(--primary-color-hover);
  --link-color-inverted: var(--color-white);
  --link-color-inverted-hover: var(--color-white);
  --link-inline-color: var(--link-color);
  --link-inline-hover-color: var(--link-color-hover);
  --link-inline-hover-text-decoration: underline;
  --link-disabled-opacity: 0.5;

  --list-item-background-color: var(--dropdown-background-color);
  --list-item-background-color-hover: var(--dropdown-link-hover-background-color);
  --list-item-background-color-active: var(--dropdown-link-active-background-color);
  --list-item-clickable-color: var(--link-color);
  --list-item-padding: 5px 0;

  --loader-icon-color: var(--primary-color);
  --loader-icon-color-inverted: var(--inverted-color);

  --logo-width: 80px;
  --logo-height: 80px;

  --main-navigation-font-size: 16px;
  --main-navigation-link-color: var(--link-color);
  --main-navigation-link-hover-border-color: var(--color-grey-400);
  --main-navigation-link-active-border-color: var(--color-sienna-400);

  --main-navigation-flyout-backlink-color: var(--link-color);
  --main-navigation-flyout-backlink-font-size: 16px;
  --main-navigation-flyout-link-color: var(--link-color);
  --main-navigation-flyout-link-active-color: var(--color-white);
  --main-navigation-flyout-link-active-background: var(--color-ocean-200);
  --main-navigation-flyout-link-hover-background: var(--color-grey-200);
  --main-navigation-flyout-third-level-link-color: var(--color-white);
  --main-navigation-flyout-third-level-background: var(--color-ocean-200);

  --map-background-color: var(--color-grey-200);
  --map-container-padding-mobile: 40px 0;
  --map-container-padding: 40px 80px 40px 0;

  --meta-navigation-font-size: 14px;
  --meta-navigation-link-color: var(--color-sienna-400);
  --meta-navigation-link-active-color: var(--color-white);
  --meta-navigation-link-active-background-color: var(--color-sienna-400);
  --meta-navigation-link-hover-background-color: var(--color-grey-200);

  --modal-max-width: 850px;
  --modal-content-wrapper-padding: 48px 30px 56px;
  --modal-content-wrapper-padding-mobile: 48px 20px 56px;
  --modal-background-color: var(--color-white);

  --multiple-entries-articles-border-color: var(--color-grey-400);
  --multiple-entries-articles-main-color: var(--color-white);
  --multiple-entries-articles-main-background-color: var(--color-ocean-200);
  --multiple-entries-articles-image-cover-color: var(--color-white);

  --multiple-entries-columns-highlight-background-color: var(--color-grey-200);

  --navigation-item-hover-color: var(--color-sienna-400);

  --navigation-tile-padding: var(--spacing-20);
  --navigation-tile-background-color: var(--color-white);
  --navigation-tile-border-color: var(--input-border-color);
  --navigation-tile-focus-outline-color: var(--color-axa-blue-400);
  --navigation-tile-focus-outline-width: 2px;
  --navigation-tile-primary-color: var(--link-color);
  --navigation-tile-icon-color: var(--navigation-tile-primary-color);
  --navigation-tile-text-color: var(--color-grey-700);

  --notification-border-width: 1px;
  --notification-padding: 12px;
  --notification-icon-margin: 0 12px 0 0;
  --notification-background-color-neutral: var(--color-grey-200);
  --notification-color-neutral: var(--color-grey-800);
  --notification-border-color-neutral: var(--color-grey-800);
  --notification-background-color-error: var(--color-red-50);
  --notification-color-error: var(--color-error);
  --notification-border-color-error: var(--color-error);
  --notification-background-color-warning: var(--color-orange-50);
  --notification-color-warning: var(--color-warning);
  --notification-border-color-warning: var(--color-warning);
  --notification-background-color-success: var(--color-green-50);
  --notification-color-success: var(--color-info);
  --notification-border-color-success: var(--color-info);

  --opening-hours-margin: 0 0 8px 0;

  --page-indicator-font: var(--typography-text-small-body1);
  --page-indicator-font-weight: 600;
  --page-indicator-letter-spacing: var(--typography-text-small-body1-letter-spacing);

  --product-highlights-figure-text-font: var(--font-family-headline);
  --product-highlights-figure-text-font-weight: 700;
  --product-highlights-figure-text-font-size: 50px;
  --product-highlights-figure-text-mobile-font-size: 37px;
  --product-highlights-figure-number-font-size: 170px;
  --product-highlights-figure-number-mobile-font-size: 124px;
  --product-highlights-figure-text-color: var(--color-teal-300);
  --product-highlights-figure-background-color: var(--color-teal-100);

  --product-tile-highlight-color: var(--color-black);
  --product-tile-highlight-background-color: var(--color-pacific);
  --product-tile-highlight-border-color: var(--color-pacific);
  --product-tile-base-color: var(--color-teal-300);
  --product-tile-content-color: var(--color-teal-300);
  --product-tile-border-color: var(--color-grey-400);
  --product-tile-header-color: var(--color-white);

  --progress-background-color: var(--color-grey-300);
  --progress-active-color: var(--color-ocean-200);
  --progress-height-fat: 8px;
  --progress-border-radius-fat: 4px;
  --progress-height-thin: 4px;
  --progress-border-radius-thin: 0px;

  --progress-indicator-color: var(--color-grey-400);
  --progress-indicator-background-color: var(--color-grey-400);
  --progress-indicator-current-color: var(--primary-color);
  --progress-indicator-active-color: var(--color-white);
  --progress-indicator-active-hover-color: var(--color-axa-blue-500);
  --progress-indicator-complete-color: var(--primary-color);
  --progress-indicator-complete-icon-color: var(--color-white);
  --progress-indicator-bar-color: var(--color-grey-400);
  --progress-indicator-font: var(--typography-text-small-body2);
  --progress-indicator-font-weight: 600;
  --progress-indicator-font-weight-inactive: 400;
  --progress-indicator-inactive-number-color: var(--color-grey-700);
  --progress-indicator-inactive-background-color: var(--color-white);
  --progress-indicator-number-font-weight: 600;
  --progress-indicator-number-line-height: 24px;

  --promo-teaser-background: var(--color-ocean-300);

  --range-font-size: var(--input-font-size);
  --range-color: var(--input-color);
  --range-track-color: var(--color-grey-700);
  --range-track-active-color: var(--input-focus-color);
  --range-dot-color: var(--border-color);
  --range-dot-active-color: var(--input-focus-color);

  --select-card-primary-color: var(--primary-color);
  --select-card-default-border-color: var(--color-grey-700);
  --select-card-disabled-color: var(--color-grey-500);
  --select-card-disabled-background-color: var(--color-grey-400);

  --side-sheet-background: var(--color-white);
  --side-sheet-box-shadow: var(--elevated-shadow-box-l);

  --slider-dot-color: var(--primary-color);

  --social-media-color: var(--link-color);
  --social-media-color-inverted: var(--color-white);
  --social-media-link-padding: 8px;

  --stage-color: var(--color-white);

  --star-rating-background-color: #b8baba;
  --star-rating-color: #ffbf00;
  --star-rating-size: 16px;

  --status-timeline-line-color: var(--color-grey-600);
  --status-timeline-icon-color-waiting: var(--color-grey-600);
  --status-timeline-icon-color-done: var(--color-info);
  --status-timeline-icon-color-waiting-numbered: var(--color-grey-400);
  --status-timeline-icon-color-done-numbered: var(--color-ocean-200);

  --table-color: var(--body-color);
  --table-border-color: var(--border-color);
  --table-list-gap: 24px;
  --table-cell-padding: 6px;

  --tabs-tab-color: var(--color-grey-700);
  --tabs-tab-color-active: var(--primary-color);

  --testimonial-highlight-background-color: var(--color-viridian-200);
  --testimonial-highlight-text-color: var(--color-white);

  --text-default-color: inherit;
  --text-weak-color: var(--color-grey-700);
  --text-signal-positive-color: var(--color-info);
  --text-signal-negative-color: var(--color-error);
  --text-signal-attention-color: var(--color-warning);

  --text-image-padding-large: 60px;
  --text-image-padding-small: 40px;
  --text-image-gap-large: 30px;
  --text-image-gap-small: 40px;
  --text-image-background-light: var(--color-grey-200);
  --text-image-box-background-text: var(--color-grey-100);

  --toggle-color: var(--input-color);
  --toggle-background-color: var(--color-white);
  --toggle-border-color: var(--color-grey-700);
  --toggle-color-disabled: var(--color-grey-400);
  --toggle-focus-color: var(--input-focus-color);

  --top-header-background-color-information: var(--color-ocean-300);
  --top-header-background-color-commercial: var(--color-teal-200);
  --top-header-background-color-warning: var(--color-red-400);
  --top-header-background-color-loss: var(--color-grey-800);

  --top-navigation-font-size: 14px;
  --top-navigation-link-color: var(--primary-color);
  --top-navigation-link-active-color: var(--color-white);
  --top-navigation-link-active-background-color: var(--primary-color);
  --top-navigation-link-hover-color: var(--primary-color);
  --top-navigation-link-hover-background-color: var(--color-grey-200);

  --transition-default-speed: 0.5s;
  --transition-default-ease: ease-in-out;

  --upload-color: var(--color-grey-700);
  --upload-background-color: var(--color-grey-100);
  --upload-border-color: var(--color-grey-700);
  --upload-background-dragover-color: var(--color-igloo);
  --upload-background-dragover-border-color: var(--link-color);
  --upload-background-disabled: var(--color-grey-400);
  --upload-color-disabled: var(--color-grey-500);
  --upload-description-color: var(--color-grey-700);

  --vertical-menu-color: var(--link-color);
  --vertical-menu-hover-background-color: var(--color-grey-200);
  --vertical-menu-active-color: var(--primary-color);
  --vertical-menu-active-background-color: var(--color-igloo);
  --vertical-menu-badge-color: var(--color-white);
  --vertical-menu-badge-background-color: var(--hero-color);
  --vertical-menu-disabled-color: var(--color-grey-500);

  --z-index-anchors: 9990;
  --z-index-contact-widget: 10002;
  --z-index-navigation: 10000;
  --z-index-modal: 10010;
  --z-index-dropdown: 10020;
  --z-index-tooltip: 10030;
  --z-index-loader: 10040;

@media (min-width: 576px) {
  --description-list-item-term-font-weight: var(--typography-text-small-body1-font-weight);
  --description-list-item-term-font-size: var(--typography-text-small-body1-font-size);
  --description-list-item-term-line-height: var(--typography-text-small-body1-line-height);
  --description-list-item-term-font-family: var(--typography-text-small-body1-font-family);
  --description-list-item-term-letter-spacing: var(--typography-text-small-body1-letter-spacing);
}

@media (min-width: 992px) {
  --progress-indicator-font-size: var(--text-body-2-font-size);
  --progress-indicator-font-weight: 600;
  --progress-indicator-line-height: 22px;
}
}