:root {
  --config-is-dark-theme: 0;
  --config-use-images: 0;
  --color-primary-50: #f0f0f0;
  --color-primary-100: #c5c5c6;
  --color-primary-200: #9f9fa0;
  --color-primary-300: #787979;
  --color-primary-400: #5b5c5d;
  --color-primary-500: var(--color-primary);
  --color-primary-600: #38393a;
  --color-primary-700: #38393a;
  --color-primary-800: #28292a;
  --color-primary-900: #1b1b1c;
  --color-primary-A100: #7474f2;
  --color-primary-A200: #4545ee;
  --color-primary-A400: #0101ff;
  --color-primary-A700: #0000e6;
  --color-primary: #3e3f40;
  --color-primary-lighter: #9f9fa0;
  --color-primary-darker: #38393a;
  --color-primary-darker-2: #353536;
  --color-primary-contrast: #ffffff;
  --color-primary-lighter-contrast: rgba(0, 0, 0, 0.86);
  --color-primary-darker-contrast: #ffffff;
  --color-primary-darker-2-contrast: #ffffff;
  --color-primary-50-contrast: rgba(0, 0, 0, 0.86);
  --color-primary-100-contrast: rgba(0, 0, 0, 0.86);
  --color-primary-200-contrast: rgba(0, 0, 0, 0.86);
  --color-primary-300-contrast: rgba(0, 0, 0, 0.86);
  --color-primary-400-contrast: #ffffff;
  --color-primary-500-contrast: var(--color-primary-contrast);
  --color-primary-600-contrast: #ffffff;
  --color-primary-700-contrast: #ffffff;
  --color-primary-800-contrast: #ffffff;
  --color-primary-900-contrast: #ffffff;
  --color-primary-A100-contrast: rgba(0, 0, 0, 0.86);
  --color-primary-A200-contrast: #ffffff;
  --color-primary-A400-contrast: #ffffff;
  --color-primary-A700-contrast: #ffffff;
  --color-accent-50: #fefceb;
  --color-accent-100: #faf5b3;
  --color-accent-200: #f7ef80;
  --color-accent-300: #f4e94d;
  --color-accent-400: #f1e426;
  --color-accent-500: var(--color-accent);
  --color-accent-600: #eddb00;
  --color-accent-700: #d7c900;
  --color-accent-800: #e8d200;
  --color-accent-900: #e4ca00;
  --color-accent-A100: #ffffff;
  --color-accent-A200: #fffad8;
  --color-accent-A400: #fff3a5;
  --color-accent-A700: #fff08b;
  --color-accent: #efdf00;
  --color-accent-lighter: #f7ef80;
  --color-accent-darker: #d7c900;
  --color-accent-darker-2: #cabd00;
  --color-accent-contrast: rgba(0, 0, 0, 0.86);
  --color-accent-lighter-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-darker-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-darker-2-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-50-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-100-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-200-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-300-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-400-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-500-contrast: var(--color-accent-contrast);
  --color-accent-600-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-700-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-800-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-900-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-A100-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-A200-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-A400-contrast: rgba(0, 0, 0, 0.84);
  --color-accent-A700-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-50: #fdebeb;
  --color-warn-100: #f6b3b3;
  --color-warn-200: #f08080;
  --color-warn-300: #e94d4d;
  --color-warn-400: #e52626;
  --color-warn-500: var(--color-warn);
  --color-warn-600: #dc0000;
  --color-warn-700: #ca0000;
  --color-warn-800: #d30000;
  --color-warn-900: #cb0000;
  --color-warn-A100: #fdeded;
  --color-warn-A200: #ffc0c0;
  --color-warn-A400: #ff8d8d;
  --color-warn-A700: #ff7474;
  --color-warn-light: #fceded;
  --color-warn: #d20000;
  --color-warn-lighter: #fdeded;
  --color-warn-darker: #ca0000;
  --color-warn-contrast: #ffffff;
  --color-warn-lighter-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-light-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-darker-contrast: #ffffff;
  --color-warn-50-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-100-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-200-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-300-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-400-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-500-contrast: var(--color-warn-contrast);
  --color-warn-600-contrast: #fff;
  --color-warn-700-contrast: #fff;
  --color-warn-800-contrast: #fff;
  --color-warn-900-contrast: #fff;
  --color-warn-A100-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-A200-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-A400-contrast: rgba(0, 0, 0, 0.84);
  --color-warn-A700-contrast: rgba(0, 0, 0, 0.84);
  --color-foreground-base: #000;
  --color-foreground-divider: #dbdbdb;
  --color-foreground-dividers: var(--color-foreground-divider);
  --color-foreground-disabled: rgba(0, 0, 0, 0.38);
  --color-foreground-disabled-button: var(--color-foreground-disabled);
  --color-foreground-disabled-text: var(--color-foreground-disabled);
  --color-foreground-elevation: rgba(0, 0, 0, 0.2);
  --color-foreground-hint-text: var(--color-foreground-secondary-text);
  --color-foreground-secondary-text: rgba(0, 0, 0, 0.62);
  --color-foreground-icon: rgba(0, 0, 0, 0.54);
  --color-foreground-icons: rgba(0, 0, 0, 0.54);
  --color-foreground-text: rgba(0, 0, 0, 0.86);
  --color-foreground-slider-min: rgba(0, 0, 0, 0.87);
  --color-foreground-slider-off: rgba(0, 0, 0, 0.26);
  --color-foreground-slider-off-active: rgba(0, 0, 0, 0.38);
  --color-foreground-note-text: var(--color-grey-600);
  --color-background-status-bar: #e0e0e0;
  --color-background-app-bar: #f5f5f5;
  --color-background-background: #fff;
  --color-background-hover: rgba(0, 0, 0, 0.04);
  --color-background-card: #fff;
  --color-background-dialog: #fff;
  --color-background-disabled-button: rgba(0, 0, 0, 0.14);
  --color-background-raised-button: #fff;
  --color-background-focused-button: rgba(0, 0, 0, 0.12);
  --color-background-selected-button: #e0e0e0;
  --color-background-selected-disabled-button: #bdbdbd;
  --color-background-disabled-button-toggle: #eee;
  --color-background-unselected-chip: #e0e0e0;
  --color-background-disabled-list-option: #eee;
  --color-extend-azure-blue: #68b9f6;
  --color-extend-process-blue: #005da8;
  --color-extend-sand: #c3a58c;
  --color-extend-sand-light: #e1d2c8;
  --color-extend-petrol: #325f87;
  --color-extend-petrol-light: #9bafc3;
  --color-extend-raspberry: #b42864;
  --color-extend-raspberry-light: #d796af;
  --color-extend-mint: #73af9b;
  --color-extend-mint-light: #b4d7c3;
  --color-extend-olive: #9b8c55;
  --color-extend-olive-light: #cdc39b;
  --color-extend-violet: #a078b4;
  --color-extend-violet-light: #c8b4d7;
  --color-extend-negative: var(--color-warn);
  --color-extend-positive: #0c7336;
  --color-extend-white: #fff;
  --color-extend-black: #000;
  --color-extend-azure-blue-contrast: #ffffff;
  --color-extend-process-blue-contrast: #ffffff;
  --color-extend-sand-contrast: #fff;
  --color-extend-sand-light-contrast: #fff;
  --color-extend-petrol-contrast: #ffffff;
  --color-extend-petrol-light-contrast: #fff;
  --color-extend-raspberry-contrast: #fff;
  --color-extend-raspberry-light-contrast: #fff;
  --color-extend-mint-contrast: #fff;
  --color-extend-mint-light-contrast: #fff;
  --color-extend-olive-contrast: #fff;
  --color-extend-olive-light-contrast: #fff;
  --color-extend-violet-contrast: #ffffff;
  --color-extend-violet-light-contrast: #fff;
  --color-extend-negative-contrast: #282828;
  --color-extend-positive-contrast: #fff;
  --color-extend-white-contrast: #000;
  --color-extend-black-contrast: #fff;
  --color-illustration-classic-blue-1: #3e3f40;
  --color-illustration-classic-blue-2: #c5c5c6;
  --color-illustration-classic-blue-3: #ececec;
  --color-illustration-classic-orange: #f7ef80;
  --color-illustration-classic-white: var(--color-background-background);
  --color-illustration-blue-1: #18191a;
  --color-illustration-blue-2: #1b1b1c;
  --color-illustration-blue-3: #28292a;
  --color-illustration-blue-4: #303132;
  --color-illustration-blue-5: #38393a;
  --color-illustration-blue-6: #3e3f40;
  --color-illustration-blue-7: #5b5c5d;
  --color-illustration-blue-8: #9f9fa0;
  --color-illustration-blue-9: #c5c5c6;
  --color-illustration-blue-10: #e8e8e8;
  --color-illustration-orange-1: #f4e94d;
  --color-illustration-orange-2: #f7ef80;
  --color-illustration-orange-3: #faf5b3;
  --color-illustration-orange-4: #fdfbe0;
  --color-illustration-grey-1: #d8d8d8;
  --color-illustration-grey-2: #e5e4e4;
  --color-illustration-grey-3: #dae2e8;
  --color-illustration-brown-1: #a57e53;
  --color-illustration-brown-2: #d7c8be;
  --color-illustration-yellow-1: #e2cac0;
  --color-illustration-yellow-2: #fcf5e3;
  --color-illustration-green-1: #9ac5b1;
  --color-illustration-green-2: #c4ddc5;
  --color-illustration-pink-1: #e5bdcd;
  --color-illustration-pink-2: #f4dce6;
  --color-illustration-classic-blue-1-contrast: #ffffff;
  --color-illustration-classic-blue-2-contrast: rgba(0, 0, 0, 0.86);
  --color-illustration-classic-blue-3-contrast: rgba(0, 0, 0, 0.86);
  --color-illustration-classic-orange-contrast: rgba(0, 0, 0, 0.84);
  --color-illustration-classic-white-contrast: #fff;
  --color-illustration-blue-1-contrast: #ffffff;
  --color-illustration-blue-2-contrast: #ffffff;
  --color-illustration-blue-3-contrast: #ffffff;
  --color-illustration-blue-4-contrast: #ffffff;
  --color-illustration-blue-5-contrast: #ffffff;
  --color-illustration-blue-6-contrast: #ffffff;
  --color-illustration-blue-7-contrast: #ffffff;
  --color-illustration-blue-8-contrast: rgba(0, 0, 0, 0.86);
  --color-illustration-blue-9-contrast: rgba(0, 0, 0, 0.86);
  --color-illustration-blue-10-contrast: rgba(0, 0, 0, 0.86);
  --color-illustration-orange-1-contrast: rgba(0, 0, 0, 0.84);
  --color-illustration-orange-2-contrast: rgba(0, 0, 0, 0.84);
  --color-illustration-orange-3-contrast: rgba(0, 0, 0, 0.84);
  --color-illustration-orange-4-contrast: rgba(0, 0, 0, 0.84);
  --color-illustration-grey-1-contrast: #000;
  --color-illustration-grey-2-contrast: #000;
  --color-illustration-grey-3-contrast: #000;
  --color-grey-50: #fafafa;
  --color-grey-100: #f7f7f7;
  --color-grey-200: #e5e5e5;
  --color-grey-300: #dbdbdb;
  --color-grey-400: #cccccc;
  --color-grey-500: var(--color-foreground-disabled);
  --color-grey-600: var(--color-foreground-secondary-text);
  --color-grey-700: rgba(0, 0, 0, 0.65);
  --color-grey-800: var(--color-foreground-text);
  --color-grey-50-contrast: var(--color-foreground-text);
  --color-grey-100-contrast: var(--color-foreground-text);
  --color-grey-200-contrast: var(--color-foreground-text);
  --color-grey-300-contrast: var(--color-foreground-text);
  --color-grey-400-contrast: var(--color-foreground-text);
  --color-grey-500-contrast: rgba(255, 255, 255, 0.38);
  --color-grey-600-contrast: rgba(255, 255, 255, 0.62);
  --color-grey-700-contrast: rgba(255, 255, 255, 0.65);
  --color-grey-800-contrast: rgba(255, 255, 255, 0.86);
  --color-grey-fixed-50: var(--color-grey-50);
  --color-grey-fixed-100: var(--color-grey-100);
  --color-grey-fixed-200: var(--color-grey-200);
  --color-grey-fixed-300: var(--color-grey-300);
  --color-grey-fixed-400: var(--color-grey-400);
  --color-grey-fixed-500: var(--color-grey-500);
  --color-grey-fixed-600: var(--color-grey-600);
  --color-grey-fixed-700: #5a5a5a; /* GREY 2 DEPRECATED */
  --color-grey-fixed-800: var(--color-grey-800);
  --color-grey-fixed-50-contrast: var(--color-grey-800);
  --color-grey-fixed-100-contrast: #5a5a5a; /* GREY 2 DEPRECATED */
  --color-grey-fixed-200-contrast: var(--color-grey-600);
  --color-grey-fixed-300-contrast: var(--color-grey-500);
  --color-grey-fixed-400-contrast: var(--color-grey-400);
  --color-grey-fixed-500-contrast: var(--color-grey-300);
  --color-grey-fixed-600-contrast: var(--color-grey-200);
  --color-grey-fixed-700-contrast: var(--color-grey-100);
  --color-grey-fixed-800-contrast: var(--color-grey-50);
  --color-grey-blue-50: #f6f6f6;
  --color-grey-blue-100: #dddddd;
  --color-grey-blue-200: #aaaaaa;
  --color-grey-blue-contrast-50: #282828;
  --color-grey-blue-contrast-100: #282828;
  --color-grey-blue-contrast-200: #282828;
  --typography-display-4-font-family: "PT Sans";
  --typography-display-3-font-family: "PT Sans";
  --typography-display-2-font-family: "PT Sans";
  --typography-display-1-font-family: "PT Sans";
  --typography-headline-font-size: 2.375rem; /* 38px */
  --typography-headline-line-height: 2.75rem; /* 44px */
  --typography-headline-font-weight: 700;
  --typography-headline-font-family: "NouvelR";
  --typography-title-font-size: 1.375rem; /* 22px */
  --typography-title-line-height: 2rem; /* 32px */
  --typography-title-font-weight: 700;
  --typography-title-font-family: var(--typography-font-family);
  --typography-subheading-2-font-size: 1.375rem; /* 22px */
  --typography-subheading-2-line-height: 2rem; /* 32px */
  --typography-subheading-2-font-weight: 400;
  --typography-subheading-2-font-family: var(--typography-font-family);
  --typography-subheading-1-font-size: 1.1875rem; /* 19px */
  --typography-subheading-1-line-height: 1.5rem; /* 24px */
  --typography-subheading-1-font-weight: 400;
  --typography-subheading-1-font-family: var(--typography-font-family);
  --typography-body-2-font-size: 1rem; /* 16px */
  --typography-body-2-line-height: 1.5rem; /* 24px */
  --typography-body-2-font-weight: 700;
  --typography-body-2-font-family: "PT Sans";
  --typography-body-1-font-size: 1rem; /* 16px */
  --typography-body-1-line-height: 1.5rem; /* 24px */
  --typography-body-1-font-weight: 400;
  --typography-body-1-font-family: "PT Sans";
  --typography-caption-font-size: 0.8125rem; /* 13px */
  --typography-caption-line-height: 1.125rem; /* 18px */
  --typography-caption-font-weight: 400;
  --typography-caption-font-family: "PT Sans";
  --typography-button-font-size: 0.8125rem; /* 13px */
  --typography-button-line-height: 1rem; /* 16px */
  --typography-button-font-weight: 400;
  --typography-button-font-family: "PT Sans";
  --typography-input-font-size: 1rem; /* 16px */
  --typography-input-line-height: 1.25;
  --typography-input-font-weight: 400;
  --typography-input-font-family: var(--typography-font-family);
  --typography-font-family: "PT Sans";
  --typography-mobile-display-4-font-size: 1rem; /* 16px */
  --typography-mobile-display-4-line-height: 1.25rem; /* 20px */
  --typography-mobile-display-4-font-weight: 400;
  --typography-mobile-display-4-font-family: var(--typography-font-family);
  --typography-mobile-display-3-font-size: 1rem; /* 16px */
  --typography-mobile-display-3-line-height: 1.25rem; /* 20px */
  --typography-mobile-display-3-font-weight: 400;
  --typography-mobile-display-3-font-family: var(--typography-font-family);
  --typography-mobile-display-2-font-size: 1rem; /* 16px */
  --typography-mobile-display-2-line-height: 1.25rem; /* 20px */
  --typography-mobile-display-2-font-weight: 400;
  --typography-mobile-display-2-font-family: var(--typography-font-family);
  --typography-mobile-display-1-font-size: 1rem; /* 16px */
  --typography-mobile-display-1-line-height: 1.25rem; /* 20px */
  --typography-mobile-display-1-font-weight: 400;
  --typography-mobile-display-1-font-family: var(--typography-font-family);
  --typography-mobile-headline-font-size: 1.75rem; /* 28px */
  --typography-mobile-headline-line-height: 2rem; /* 32px */
  --typography-mobile-headline-font-weight: 700;
  --typography-mobile-headline-font-family: "NouvelR";
  --typography-mobile-title-font-size: 1.375rem; /* 22px */
  --typography-mobile-title-line-height: 1.5rem; /* 24px */
  --typography-mobile-title-font-weight: 700;
  --typography-mobile-title-font-family: var(--typography-font-family);
  --typography-mobile-subheading-2-font-size: 1rem; /* 16px */
  --typography-mobile-subheading-2-line-height: 1.5rem; /* 24px */
  --typography-mobile-subheading-2-font-weight: 400;
  --typography-mobile-subheading-2-font-family: var(--typography-font-family);
  --typography-mobile-subheading-1-font-size: 1rem; /* 16px */
  --typography-mobile-subheading-1-line-height: 1.5rem; /* 24px */
  --typography-mobile-subheading-1-font-weight: 400;
  --typography-mobile-subheading-1-font-family: var(--typography-font-family);
  --typography-mobile-body-2-font-size: 1rem; /* 16px */
  --typography-mobile-body-2-line-height: 1.5rem; /* 24px */
  --typography-mobile-body-2-font-weight: 700;
  --typography-mobile-body-2-font-family: var(--typography-font-family);
  --typography-mobile-body-1-font-size: 1rem; /* 16px */
  --typography-mobile-body-1-line-height: 1.5rem; /* 24px */
  --typography-mobile-body-1-font-weight: 400;
  --typography-mobile-body-1-font-family: var(--typography-font-family);
  --typography-mobile-caption-font-size: 0.8125rem; /* 13px */
  --typography-mobile-caption-line-height: 1.125rem; /* 18px */
  --typography-mobile-caption-font-weight: 400;
  --typography-mobile-caption-font-family: var(--typography-font-family);
  --typography-mobile-button-font-size: 0.8125rem; /* 13px */
  --typography-mobile-button-line-height: 1;
  --typography-mobile-button-font-weight: 700;
  --typography-mobile-button-font-family: var(--typography-font-family);
  --typography-mobile-input-font-size: 1rem; /* 16px */
  --typography-mobile-input-line-height: 1.25rem;
  --typography-mobile-input-font-weight: 400;
  --typography-mobile-input-font-family: var(--typography-font-family);
  --typography-mobile-font-family: var(--typography-font-family);
  --typography-hints-font-size: 1.375rem; /* 22px */
  --typography-hints-line-height: 1.375rem; /* 22px */
  --typography-hints-font-weight: bold;
  --typography-hints-font-family: Caveat;
  --typography-overline-font-size: 1rem; /* 16px */
  --typography-overline-line-height: 1.25rem; /* 20px */
  --typography-overline-font-weight: bold;
  --typography-overline-font-family: var(--typography-font-family);
  --typography-overline-letter-spacing: 0;
  --typography-message-font-size: 1rem; /* 16px */
  --typography-message-line-height: 1.5rem; /* 24px */
  --typography-message-font-weight: 400;
  --typography-message-font-family: var(--typography-font-family);
  --typography-message-letter-spacing: 0;
  --typography-mobile-overline-font-size: 0.8125rem; /* 13px */
  --typography-mobile-overline-line-height: 1rem; /* 16px */
  --options-headline-color: #000000;
  --options-button-radius: 0;
  --options-button-width: 11.25rem; /* 180px */
  --options-button-max-width: 18.75rem; /* 300px */
  --options-button-width-xs: 100%;
  --options-button-max-width-xs: 100%;
  --options-button-width-sm: 100%;
  --options-button-max-width-sm: 100%;
  --options-button-width-round: 9.5rem; /* 152px */
  --options-button-height: 2.75rem; /* 44px */
  --options-button-padding: 0 1rem;
  --options-big-button-radius: 0px; /* deprecated with redesign/mdc */
  --options-big-button-height: 56px; /* deprecated with redesign/mdc */
  --options-tile-color: var(--color-primary-contrast);
  --options-tile-background: var(--color-primary);
  --color-primary-text: var(--color-primary);
  --color-accent-text: var(--color-accent);
  --color-warn-text: var(--color-warn);
  --color-illustration-brown-1-contrast: #000000;
  --color-illustration-brown-2-contrast: #000000;
  --color-illustration-yellow-1-contrast: #000000;
  --color-illustration-yellow-2-contrast: #000000;
  --color-illustration-green-1-contrast: #000000;
  --color-illustration-green-2-contrast: #000000;
  --color-illustration-pink-1-contrast: #000000;
  --color-illustration-pink-2-contrast: #000000;
  --color-grey-blue-50-contrast: rgba(0, 0, 0, 0.86);
  --color-grey-blue-100-contrast: rgba(0, 0, 0, 0.86);
  --color-grey-blue-200-contrast: rgba(0, 0, 0, 0.86);
  --typography-display-4-font-size: 1rem; /* 16px */
  --typography-display-4-line-height: 1.25rem; /* 20px */
  --typography-display-4-font-weight: 400;
  --typography-display-4-letter-spacing: normal;
  --typography-display-3-font-size: 1rem; /* 16px */
  --typography-display-3-line-height: 1.25rem; /* 20px */
  --typography-display-3-font-weight: 400;
  --typography-display-3-letter-spacing: normal;
  --typography-display-2-font-size: 1rem; /* 16px */
  --typography-display-2-line-height: 1.25rem; /* 20px */
  --typography-display-2-font-weight: 400;
  --typography-display-2-letter-spacing: normal;
  --typography-display-1-font-size: 1rem; /* 16px */
  --typography-display-1-line-height: 1.25rem; /* 20px */
  --typography-display-1-font-weight: 400;
  --typography-display-1-letter-spacing: normal;
  --typography-headline-letter-spacing: normal;
  --typography-title-letter-spacing: normal;
  --typography-subheading-2-letter-spacing: normal;
  --typography-subheading-1-letter-spacing: normal;
  --typography-body-2-letter-spacing: normal;
  --typography-body-1-letter-spacing: normal;
  --typography-caption-letter-spacing: normal;
  --typography-button-letter-spacing: 0.038rem;
  --typography-input-letter-spacing: normal;
  --typography-mobile-display-4-letter-spacing: normal;
  --typography-mobile-display-3-letter-spacing: normal;
  --typography-mobile-display-2-letter-spacing: normal;
  --typography-mobile-display-1-letter-spacing: normal;
  --typography-mobile-headline-letter-spacing: normal;
  --typography-mobile-title-letter-spacing: normal;
  --typography-mobile-subheading-2-letter-spacing: normal;
  --typography-mobile-subheading-1-letter-spacing: normal;
  --typography-mobile-body-2-letter-spacing: normal;
  --typography-mobile-body-1-letter-spacing: normal;
  --typography-mobile-caption-letter-spacing: normal;
  --typography-mobile-button-letter-spacing: normal;
  --typography-mobile-input-letter-spacing: normal;
  --typography-hints-letter-spacing: normal;
  --typography-mobile-overline-letter-spacing: normal;
  --options-overwrite-primary-text: var(--color-primary);
  --color-extend-blue: #0079a8;
  --color-extend-blue-light: #b9d2f0;
  --color-extend-blue-contrast: #ffffff;
  --color-extend-blue-light-contrast: #ffffff;
  --options-opacity-disabled: 0.4;
  --options-opacity-secondary-text: 0.84;
  --options-opacity-note-text: 0.49;
  --options-opacity-text: 1.0;
  --options-focus-box-shadow-color: var(--color-primary-300);
  --options-focus-box-shadow-color-contrast: var(--color-background-background);
  --options-focus-box-shadow: 0 0 0 0.125rem var(--options-focus-box-shadow-color-contrast), 0 0 0 0.25rem var(--options-focus-box-shadow-color);
  --options-focus-box-shadow-contrast: 0 0 0 0.125rem var(--color-background-stage), 0 0 0 0.25rem var(--color-on-background-stage-text-disabled);
  --options-icon-button-focus-box-shadow: 0 0 0 0.125rem var(--options-focus-box-shadow-color);
  --options-icon-button-focus-box-shadow-contrast: 0 0 0 0.125rem var(--color-on-background-stage-text-disabled);
  --options-link-focus-box-shadow: 0 0 0 0.125rem var(--options-focus-box-shadow-color);
  --options-link-focus-box-shadow-contrast: 0 0 0 0.125rem var(--color-on-background-stage-text-disabled);
  --options-input-focus-underline-color: var(--color-primary);
  --options-input-focus-underline-color-contrast: var(--color-primary-contrast);
  --options-button-focus-box-shadow: var(--options-focus-box-shadow);
  --options-button-focus-box-shadow-contrast: var(--options-focus-box-shadow-contrast);
  --options-button-focus-border: none;
  --options-button-focus-opacity: 0;
  --options-input-underline-color: var(--color-grey-600);
  --options-input-underline-opacity: 0.84;
  --options-app-function-1: #efdf00;
  --options-app-function-2: #bbbcbc;
  --options-app-function-3: #888b8d;
  --options-app-function-4: #ffffff;
  --options-app-function-1-contrast: #000000;
  --options-app-function-2-contrast: #000000;
  --options-app-function-3-contrast: #000000;
  --options-app-function-4-contrast: #000000;
  --color-extend-status-positive: var(--color-extend-positive);
  --color-extend-status-negative: var(--color-extend-negative);
  --color-extend-status-neutral-blue: var(--color-extend-blue);
  --color-extend-status-neutral-grey: var(--color-grey-600);
  --color-extend-status-positive-contrast: var(--color-extend-positive-contrast);
  --color-extend-status-negative-contrast: var(--color-extend-negative-contrast);
  --color-extend-status-neutral-blue-contrast: var(--color-extend-blue-contrast);
  --color-extend-status-neutral-grey-contrast: var(--color-grey-600-contrast);
  --color-extend-amber: #ffb700;
  --color-extend-amber-contrast: #000000;
  --options-priority-high: #ca4d00;
  --options-priority-medium: #ffab00;
  --color-extend-deep-saffron: #fa9632;
  --color-extend-deep-saffron-contrast: #000000;
  --options-progress-action-bar-focus-box-shadow-left: 0 0 0 0.125rem var(--options-progress-action-bar-background-contrast);
  --options-progress-action-bar-focus-box-shadow-right: 0 0 0 0.125rem var(--options-progress-action-bar-background), 0 0 0 0.25rem var(--options-progress-action-bar-background-contrast);
  --options-mat-option-focus-background-color: transparent;
  --color-background-stage: var(--color-primary);
  --color-background-stage-contrast: var(--color-primary-contrast);
  --color-primary-variant: var(--color-primary);
  --color-primary-variant-contrast: var(--color-primary-contrast);
  --color-background-stage-100: var(--color-grey-blue-50);
  --color-background-stage-100-contrast: var(--color-grey-blue-50-contrast);
  --color-background-stage-200: var(--color-grey-100);
  --color-background-stage-200-contrast: var(--color-grey-100-contrast);
  --color-background-snackbar: var(--color-grey-fixed-700);
  --color-background-snackbar-contrast: var(--color-extend-white);
  --color-background-logo: transparent;
  --options-tile-circle-background: transparent;
  --header-metanavigation-background: #000000;
  --header-metanavigation-text-color: #d9d9d6;
  --header-metanavigation-text-color-active: #ffffff;
  --header-metanavigation-active-emphasis-color: var(--color-accent);
  --header-metanavigation-background-hover: transparent;
  --header-metanavigation-focus-box-shadow: 0 0 0 0.125rem var(--header-metanavigation-text-color-active);
  --header-bank-order-logo: 2;
  --header-bank-order-name: 0;
  --header-bank-order-spacer: 1;
  --header-bank-order-logout: 3;
  --header-bank-logo-show-responsive-small-display: none;
  --header-bank-background: var(--header-metanavigation-background);
  --header-bank-name-color: #ffffff;
  --header-bank-name-font-family: 'NouvelR';
  --header-bank-text-color: var(--header-metanavigation-text-color);
  --header-bank-border-color: var(--color-grey-fixed-200);
  --header-bank-subnavigation-text-color: var(--header-metanavigation-text-color);
  --header-bank-subnavigation-text-color-active: var(--header-metanavigation-text-color-active);
  --header-bank-subnavigation-active-emphasis-color: var(--color-accent);
  --header-bank-subnavigation-background-hover: var(--header-metanavigation-background-hover);
  --header-bank-subnavigation-pagebutton-icon-color: var(--color-accent);
  --header-bank-subnavigation-pagebutton-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.12);
  --header-bank-subnavigation-pagebutton-background: var(--header-bank-background);
  --header-bank-subnavigation-secondlevel-background:  var(--header-metanavigation-background);
  --header-bank-subnavigation-secondlevel-text-color: var(--header-metanavigation-text-color);
  --header-bank-subnavigation-secondlevel-text-color-active: var(--header-metanavigation-text-color-active);
  --header-bank-subnavigation-secondlevel-active-emphasis-color: var(--header-metanavigation-active-emphasis-color);
  --header-burger-menu-icon-color: var(--color-accent);
  --header-burger-menu-user-text-color: var(--header-burger-menu-navigation-text-color-active);
  --header-burger-menu-entry-background: var(--header-metanavigation-background);
  --header-burger-menu-navigation-text-color-active: var(--header-metanavigation-text-color-active);
  --header-burger-menu-navigation-border-color: #202020;
  --header-burger-menu-separator-background: #202020;
  --header-usermenu-background: #ffffff;
  --header-usermenu-background-hover: #FAFAFA;
  --header-usermenu-text-color: rgba(0, 0, 0, 0.86);
  --header-usermenu-text-color-active: rgba(0, 0, 0, 0.86);
  --header-usermenu-active-emphasis-color: var(--header-metanavigation-active-emphasis-color);
  --footer-top-background: var(--header-metanavigation-background);
  --footer-top-text-color: var(--header-metanavigation-text-color-active);
  --footer-top-text-color-secondary: rgba(255, 255, 255, 0.86);
  --footer-top-text-color-disabled: rgba(255, 255, 255, 0.5);
  --footer-top-border-top: none;
  --footer-top-focus-box-shadow: var(--header-metanavigation-focus-box-shadow);
  --footer-bottom-background: var(--color-background-background);
  --footer-bottom-text-color: var(--color-foreground-secondary-text);
  --contact-tab-background: #efdf00;
  --contact-tab-text-color: #000000;
  --contact-tab-text-color-secondary: rgba(0, 0, 0, 0.7);
  --contact-tab-divider-color:  #efdf00;
  --contact-tab-focus-box-shadow: 0 0 0 0.125rem var(--contact-tab-text-color);
  --color-link-text: var(--color-primary);
  --options-button-hover-opacity: 0.05;
  --color-background-background-100: var(--color-grey-50);
  --color-background-background-100-contrast: var(--color-foreground-text);
  --color-background-glasspane: rgba(0, 0, 0, 0.2);
  --color-background-stage-warn: var(--color-background-stage-contrast);
  --color-background-stage-warn-background: rgba(252, 97, 116, 0.2);
  --state-default-hover: rgba(62, 63, 64, 0.05);
  --state-default-pressed: rgba(62, 63, 64, 0.1);
  --state-default-selected: rgba(62, 63, 64, 0.1);
  --state-default-ripple: rgba(62, 63, 64, 0.1);
  --state-on-primary-hover: rgba(0, 0, 0, 0.1);
  --state-on-primary-pressed: rgba(0, 0, 0, 0.15);
  --state-on-primary-selected: rgba(0, 0, 0, 0.15);
  --state-on-primary-ripple: rgba(255, 255, 255, 0.1);
  --state-on-background-stage-hover: rgba(255, 255, 255, 0.1);
  --state-on-background-stage-pressed: rgba(255, 255, 255, 0.15);
  --state-on-background-stage-selected: rgba(255, 255, 255, 0.15);
  --state-on-background-stage-ripple: rgba(255, 255, 255, 0.15);
  --options-effect-box: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1);
  --options-effect-box-hover: 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.3);
  --options-effect-box-on-box: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4);
  --options-effect-box-on-box-hover: 0 0 0.375rem 0 rgba(0, 0, 0, 0.4);
  --options-effect-overlay: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.25);
  --options-effect-sticky: 0 0 1.875rem 0 rgba(0, 0, 0, 0.12);
  --options-effect-on-background-stage-focus: 0 0 0 0.125rem var(--color-background-stage), 0 0 0 0.25rem var(--color-on-background-stage-text-disabled);
  --options-effect-on-background-stage-box: 0 0 0 0.0625rem var(--color-on-background-stage-text-disabled);
  --options-effect-on-background-stage-box-hover: 0 0 0 0.0625rem var(--color-on-background-stage-text-secondary);
  --options-effect-on-background-stage-box-on-box: var(--options-effect-box-on-box);
  --options-effect-on-background-stage-box-on-box-hover: var(--options-effect-box-on-box-hover);
  --color-extend-status-positive-background: #eef5f1;
  --color-extend-status-negative-background: var(--color-warn-light);
  --color-extend-status-neutral-blue-background: #edf6f9;
  --color-extend-status-neutral-grey-background: #f7f7f7;
  --options-widget-border-radius: 0;
  --options-widget-opacity-disabled: 0.4;
  --options-priority-high-background: #fbf3ed;
  --options-priority-medium-background: #fff5e0;
  --options-progress-action-bar-background: var(--color-accent);
  --options-progress-action-bar-background-contrast: var(--color-accent-contrast);
  --color-on-background-stage-text-secondary: rgba(255, 255, 255, 0.84);
  --color-on-background-stage-text-disabled: rgba(255, 255, 255, 0.5);
  --mdc-typography-headline1-font-size: var(--typography-display-4-font-size);
  --mdc-typography-headline1-line-height: var(--typography-display-4-line-height);
  --mdc-typography-headline1-font-weight: var(--typography-display-4-font-weight);
  --mdc-typography-headline1-font-family: var(--typography-display-4-font-family);
  --mdc-typography-headline1-letter-spacing: var(--typography-display-4-letter-spacing);
  --mdc-typography-headline2-font-size: var(--typography-display-3-font-size);
  --mdc-typography-headline2-line-height: var(--typography-display-3-line-height);
  --mdc-typography-headline2-font-weight: var(--typography-display-3-font-weight);
  --mdc-typography-headline2-font-family: var(--typography-display-3-font-family);
  --mdc-typography-headline2-letter-spacing: var(--typography-display-3-letter-spacing);
  --mdc-typography-headline3-font-size: var(--typography-display-2-font-size);
  --mdc-typography-headline3-line-height: var(--typography-display-2-line-height);
  --mdc-typography-headline3-font-weight: var(--typography-display-2-font-weight);
  --mdc-typography-headline3-font-family: var(--typography-display-2-font-family);
  --mdc-typography-headline3-letter-spacing: var(--typography-display-2-letter-spacing);
  --mdc-typography-headline4-font-size: var(--typography-display-1-font-size);
  --mdc-typography-headline4-line-height: var(--typography-display-1-line-height);
  --mdc-typography-headline4-font-weight: var(--typography-display-1-font-weight);
  --mdc-typography-headline4-font-family: var(--typography-display-1-font-family);
  --mdc-typography-headline4-letter-spacing: var(--typography-display-1-letter-spacing);
  --mdc-typography-headline5-font-size: var(--typography-headline-font-size);
  --mdc-typography-headline5-line-height: var(--typography-headline-line-height);
  --mdc-typography-headline5-font-weight: var(--typography-headline-font-weight);
  --mdc-typography-headline5-font-family: var(--typography-headline-font-family);
  --mdc-typography-headline5-letter-spacing: var(--typography-headline-letter-spacing);
  --mdc-typography-headline6-font-size: var(--typography-title-font-size);
  --mdc-typography-headline6-line-height: var(--typography-title-line-height);
  --mdc-typography-headline6-font-weight: var(--typography-title-font-weight);
  --mdc-typography-headline6-font-family: var(--typography-title-font-family);
  --mdc-typography-headline6-letter-spacing: var(--typography-title-letter-spacing);
  --mdc-typography-subtitle1-font-size: var(--typography-subheading-2-font-size);
  --mdc-typography-subtitle1-line-height: var(--typography-subheading-2-line-height);
  --mdc-typography-subtitle1-font-weight: var(--typography-subheading-2-font-weight);
  --mdc-typography-subtitle1-font-family: var(--typography-subheading-2-font-family);
  --mdc-typography-subtitle1-letter-spacing: var(--typography-subheading-2-letter-spacing);
  --mdc-typography-subtitle2-font-size: var(--typography-subheading-1-font-size);
  --mdc-typography-subtitle2-line-height: var(--typography-subheading-1-line-height);
  --mdc-typography-subtitle2-font-weight: var(--typography-subheading-1-font-weight);
  --mdc-typography-subtitle2-font-family: var(--typography-subheading-1-font-family);
  --mdc-typography-subtitle2-letter-spacing: var(--typography-subheading-1-letter-spacing);
  --mdc-typography-body1-font-size: var(--typography-body-2-font-size);
  --mdc-typography-body1-line-height: var(--typography-body-2-line-height);
  --mdc-typography-body1-font-weight: var(--typography-body-2-font-weight);
  --mdc-typography-body1-font-family: var(--typography-body-2-font-family);
  --mdc-typography-body1-letter-spacing: var(--typography-body-2-letter-spacing);
  --mdc-typography-body2-font-size: var(--typography-body-1-font-size);
  --mdc-typography-body2-line-height: var(--typography-body-1-line-height);
  --mdc-typography-body2-font-weight: var(--typography-body-1-font-weight);
  --mdc-typography-body2-font-family: var(--typography-body-1-font-family);
  --mdc-typography-body2-letter-spacing: var(--typography-body-1-letter-spacing);
  --mdc-typography-caption-font-size: var(--typography-caption-font-size);
  --mdc-typography-caption-line-height: var(--typography-caption-line-height);
  --mdc-typography-caption-font-weight: var(--typography-caption-font-weight);
  --mdc-typography-caption-font-family: var(--typography-caption-font-family);
  --mdc-typography-caption-letter-spacing: var(--typography-caption-letter-spacing);
  --mdc-typography-button-font-size: var(--typography-button-font-size);
  --mdc-typography-button-line-height: var(--typography-button-line-height);
  --mdc-typography-button-font-weight: var(--typography-button-font-weight);
  --mdc-typography-button-font-family: var(--typography-button-font-family);
  --mdc-typography-button-letter-spacing: var(--typography-button-letter-spacing);
  --mdc-typography-font-family: var(--typography-font-family);
  --options-container-border-radius: 0;
  --button-primary-background: var(--color-accent);
  --button-primary-text: var(--color-accent-contrast);
  --button-secondary-color: var(--color-primary);
  --button-tertiary-color: var(--color-primary);
  --button-compact-primary-text: var(--color-foreground-text);
  --button-compact-secondary-text: var(--color-foreground-text);
  --typography-input-value-regular-font-size: 1rem; /* 16px */
  --typography-input-value-regular-line-height: 1.25rem; /* 20px */
  --typography-input-value-regular-font-weight: 400;
  --typography-input-value-regular-font-family: var(--typography-font-family);
  --typography-input-value-bold-font-size: 1rem; /* 16px */
  --typography-input-value-bold-line-height: 1.25rem; /* 20px */
  --typography-input-value-bold-font-weight: 700;
  --typography-input-value-bold-font-family: var(--typography-font-family);
  --typography-input-label-filled-regular-font-size: 0.8125rem; /* 13px */
  --typography-input-label-filled-regular-line-height: 1rem; /* 16px */
  --typography-input-label-filled-regular-font-weight: 400;
  --typography-input-label-filled-regular-font-family: var(--typography-font-family);
  --typography-input-label-filled-bold-font-size: 0.8125rem; /* 13px */
  --typography-input-label-filled-bold-line-height: 1rem; /* 16px */
  --typography-input-label-filled-bold-font-weight: 700;
  --typography-input-label-filled-bold-font-family: var(--typography-font-family);
  --color-chart-primary: var(--color-primary);
  --color-chart-primary-variant: #656566;
  --color-chart-accent: var(--color-accent);
  --color-chart-positive: var(--color-extend-positive);
  --color-chart-negative: var(--color-extend-negative);
  --color-chart-1: #a000bc;
  --color-chart-2: #006e73;
  --color-chart-3: #787800;
  --color-chart-4: #8096b3;
  --color-chart-5: #a20032;
  --color-chart-6: #009fdc;
  --color-chart-7: #327dc8;
  --options-effect-on-primary-focus: 0 0 0 0.125rem var(--color-primary), 0 0 0 0.25rem var(--color-primary-contrast);
  --color-background-tile: var(--color-background-background);
  --color-illustration-ultra-primary: var(--color-primary);
  --color-illustration-ultra-accent: var(--color-accent);
  --color-illustration-ultra-primary-variant: #19191a;
  --color-illustration-ultra-primary-1: #656566;
  --color-illustration-ultra-primary-2: #8b8c8c;
  --color-illustration-ultra-primary-3: #b2b2b3;
  --color-illustration-ultra-primary-4: #e2e2e2;
  --color-illustration-ultra-primary-5: #ffffff;
  --color-illustration-ultra-skin-light: #ffcdc3;
  --color-illustration-ultra-skin-medium: #f0afa5;
  --color-illustration-ultra-skin-dark: #906a5d;
  --color-illustration-ultra-contours: var(--color-illustration-ultra-primary-variant);
  --color-illustration-ultra-stage-primary: #1f2020;
  --color-illustration-ultra-stage-accent: var(--color-illustration-ultra-accent);
  --color-illustration-ultra-stage-primary-variant: #060606;
  --color-illustration-ultra-stage-primary-1: #2b2c2d;
  --color-illustration-ultra-stage-primary-2: #787979;
  --color-illustration-ultra-stage-primary-3: var(--color-illustration-ultra-primary-3);
  --color-illustration-ultra-stage-primary-4: var(--color-illustration-ultra-primary-4);
  --color-illustration-ultra-stage-primary-5: var(--color-illustration-ultra-primary-5);
  --color-illustration-ultra-stage-skin-light: var(--color-illustration-ultra-skin-light);
  --color-illustration-ultra-stage-skin-medium: var(--color-illustration-ultra-skin-medium);
  --color-illustration-ultra-stage-skin-dark: var(--color-illustration-ultra-skin-dark);
  --color-illustration-ultra-stage-contours: var(--color-illustration-ultra-stage-primary-variant);
  --color-background-content: var(--color-background-background);
  --chart-text-shadow: -0.0625rem 0 0 rgba(0, 0, 0, 0.86), 0 -0.0625rem 0 rgba(0, 0, 0, 0.86), 0 0.0625rem 0 rgba(0, 0, 0, 0.86), 0.0625rem 0 0 rgba(0, 0, 0, 0.86), 0.0625rem -0.0625rem 0 rgba(0, 0, 0, 0.86), -0.0625rem 0.0625rem 0px rgba(0, 0, 0, 0.86), -0.0625rem -0.0625rem 0 rgba(0, 0, 0, 0.86), 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.86);
  --chart-text-color: #ffffff;
  --font-config-font-family: var(--typography-font-family);
  --font-config-headline-font-family: var(--typography-headline-font-family);
  --font-config-mobile-headline-font-family: var(--typography-mobile-headline-font-family);
  --font-config-headline-1-font-family: var(--font-config-headline-font-family);
  --font-config-headline-1-font-size: 2.375rem;
  --font-config-headline-1-font-weight: 700;
  --font-config-headline-1-line-height: 2.75rem;
  --font-config-mobile-headline-1-font-family: var(--font-config-mobile-headline-font-family);
  --font-config-mobile-headline-1-font-size: 1.75rem;
  --font-config-mobile-headline-1-font-weight: 700;
  --font-config-mobile-headline-1-line-height: 2rem;
  --font-config-headline-2-font-family: var(--font-config-font-family);
  --font-config-headline-2-font-size: 1.375rem;
  --font-config-headline-2-font-weight: 700;
  --font-config-headline-2-line-height: 2rem;
  --font-config-headline-3-font-family: var(--font-config-font-family);
  --font-config-headline-3-font-size: 1rem;
  --font-config-headline-3-font-weight: 700;
  --font-config-headline-3-line-height: 1.5rem;
  --font-config-headline-4-font-family: var(--font-config-font-family);
  --font-config-headline-4-font-size: 0.8125rem;
  --font-config-headline-4-font-weight: 700;
  --font-config-headline-4-line-height: 1.125rem;
  --font-config-headline-5-font-family: var(--font-config-font-family);
  --font-config-headline-5-font-size: 0.8125rem;
  --font-config-headline-5-font-weight: 700;
  --font-config-headline-5-line-height: 1.125rem;
  --font-config-headline-6-font-family: var(--font-config-font-family);
  --font-config-headline-6-font-size: 0.8125rem;
  --font-config-headline-6-font-weight: 700;
  --font-config-headline-6-line-height: 1.125rem;
  --font-config-body-title-font-family: var(--font-config-headline-2-font-family);
  --font-config-body-title-font-size: var(--font-config-headline-2-font-size);
  --font-config-body-title-font-weight: var(--font-config-headline-2-font-weight);
  --font-config-body-title-line-height: var(--font-config-headline-2-line-height);
  --font-config-body-1-font-family: var(--font-config-font-family);
  --font-config-body-1-font-size: 1rem;
  --font-config-body-1-font-weight: 400;
  --font-config-body-1-line-height: 1.5rem;
  --font-config-body-1-bold-font-family: var(--font-config-font-family);
  --font-config-body-1-bold-font-size: 1rem;
  --font-config-body-1-bold-font-weight: 700;
  --font-config-body-1-bold-line-height: 1.5rem;
  --font-config-body-2-font-family: var(--font-config-font-family);
  --font-config-body-2-font-size: 0.8125rem;
  --font-config-body-2-font-weight: 400;
  --font-config-body-2-line-height: 1.125rem;
  --font-config-body-2-bold-font-family: var(--font-config-font-family);
  --font-config-body-2-bold-font-size: 0.8125rem;
  --font-config-body-2-bold-font-weight: 700;
  --font-config-body-2-bold-line-height: 1.125rem;
  --font-config-display-1-font-family: var(--font-config-headline-font-family);
  --font-config-display-1-font-size: 3rem;
  --font-config-display-1-font-weight: 700;
  --font-config-display-1-line-height: 3.5rem;
  --font-config-display-2-font-family: var(--font-config-headline-font-family);
  --font-config-display-2-font-size: 2.375rem;
  --font-config-display-2-font-weight: 700;
  --font-config-display-2-line-height: 2.75rem;
  --font-config-display-3-font-family: var(--font-config-headline-font-family);
  --font-config-display-3-font-size: 1.75rem;
  --font-config-display-3-font-weight: 700;
  --font-config-display-3-line-height: 2rem;
}

/* Custom styles */

/* ------------------- START - new RCI header ------------------- */

/** meta navigation - color on hover */
.header-wrapper .header-first-row .meta-menu .menu-entry:hover {
  color: var(--header-metanavigation-text-color-active);
}

 /** second navigation - color on hover */
.content-wrapper portal-ui-menu-entry:hover {
  color: var(--header-bank-subnavigation-text-color-active);
}

/** first header row - all buttons color on hover - burgermenu */
.header-wrapper .header-first-row .mat-button-wrapper:hover,
/** first header row - all buttons color on hover - personal menu / postfach */
.header-wrapper .header-first-row button:hover,
/** first header row - all buttons color on hover - help button */
.header-wrapper .header-first-row kf-question-mark:hover,
/** second header row - all buttons color on hover - logout */
.header-wrapper .header-second-row .mat-button-wrapper:hover
{
  color: var(--header-metanavigation-text-color-active);
}


/** second header row - all buttons icons color on hover */
.header-wrapper .header-second-row .mat-button-wrapper:hover {
  color: var(--header-bank-subnavigation-text-color-active);
}

/** second navigation - keyboard focused - remove background color */
.kf-theme-scope  .content-wrapper .pt-header-tab-nav-m-wrap .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused {
  background-color: var(--header-bank-subnavigation-background-hover);
}

/**  seconad naviagation - keyboard focused - box shadow */
.kf-theme-scope  .content-wrapper .pt-header-tab-nav-m-wrap .mat-tab-nav-bar:focus-within .mat-tab-link:not(.mat-tab-disabled).cdk-keyboard-focused::after {
  content: "";
  position: absolute;
  top: 0.3125rem;
  right: 0.0625rem;
  bottom: 0.3125rem;
  left: 0.0625rem;
  -webkit-box-shadow: var(--header-metanavigation-focus-box-shadow);
  box-shadow: var(--header-metanavigation-focus-box-shadow);
}

/** bank name */
.header-wrapper .header-second-row .bank-name {
  font-size: 2.313rem;
  line-height: 1.875rem;
  font-weight: 600;
}

/** bank logo */
.header-wrapper .header-second-row .header-logo {
  height: unset;
  padding-right: 1.5rem;
}

/** bank logo */
.header-wrapper .header-second-row .header-logo img {
  height: 3.75rem;
}

/** logout-btn */
.header-wrapper portal-ui-logout.pt-header-logout .portal-ui-logout-btn {
  margin-left: 0;
}

/** cas-header - set correct paddings/margin for height */
.header-wrapper.cas-header {
  padding-bottom: 2.75rem;
  margin-top: -0.1875rem;
}

/** cas-header - remove margin for title */
.header-wrapper.cas-header .header-second-row .bank-name.ml-2  {
  margin-left: 0rem !important;
}

/** cas-header - bank logo */
.header-wrapper.cas-header .header-second-row .header-logo {
  padding-right: 0rem;
}

/** logout container should be displayed in its own row at the end  */
@media screen and (min-width: 1200px) {
  .header-wrapper .header-second-row { 
    flex-wrap: wrap;
    padding-bottom: 0rem !important;
  }

  .header-wrapper portal-ui-logout.pt-header-logout {
    flex-basis: 100%;
    display: flex;
    flex-direction: row-reverse;
    padding-top: 0.3125rem;
    padding-right: 0.25rem;
  }
}

/** smaller 1200px -> show yellow line before bank name - smaller font  */
@media screen and (max-width: 1199px) {
  .header-wrapper .header-second-row .bank-name {
    position: relative;
    font-size: 1.438rem;
    line-height: 1.438rem;
    padding-left: 2.375rem;   /* 8px padding, 6 width of line, 24px between line and bankname */
    display: flex;
    align-items: center;
    padding-top: unset;
  }

  /** yellow line before bank name */
  .header-wrapper .header-second-row .bank-name::before {
    content: "";
    position: absolute;
    top: -25%;
    bottom: -25%;
    width: 0.625rem;
    left: 0.6875rem;
    background-color: var(--color-accent);
  }

  /** position yellow line - should start with grid content */
  .header-wrapper.cas-header .header-second-row .bank-name::before {
    left: 0rem;
  }

  /** position bank name */
  .header-wrapper.cas-header .header-second-row .bank-name {
    padding-left: 1.75rem !important;
    left: 0rem !important;
  }

  /** cas-header - set correct paddings/margins for height */
  .header-wrapper.cas-header {
    margin-top: 0.1875rem;
  }  
}

/** smaller 600px -> cas header bankname position  */
@media screen and (max-width: 599px) {

  /** needed for center alignment */
  .header-wrapper.cas-header .header-second-row {
    padding: 1.25rem 0;
    height: 100%;
  }

  /** cas-header - set correct paddings/margins/maxHeight for height */
  .header-wrapper.cas-header {
    margin-top: 0px;
    max-height: 4.5rem;
  }  
}

/** smaller 600px -> homepage focus for burgermenu  */
@media screen and (max-width: 599px) {
  hra-burger-menu hra-burger-menu-opener .mobile-menu {
    --options-focus-box-shadow: var(--header-metanavigation-focus-box-shadow);
  }
}
/* ------------------- END - new RCI header ------------------- */


/** old RCI header styles */

.kf-side-logo-bg {
  background: transparent !important;
}

.pt-header-user-name {
  text-align: left;
}
.pt-header-logo-b .bank-name > *,
.pt-header-logo-b .pt-header-logo-img > * {
  display: none;
}

.pt-header-logo-b .bank-name {
  margin-left: 0 !important;
}
.pt-header-logo-b .bank-name::before {
  content: "Renault Bank direkt";
  font-family: "NouvelR";
  font-size: 23px;
  line-height: 23px;
  font-weight: 700;
  color: #ffffff;
  white-space: normal;
  padding: 0 0 0 15px;
  border-left: solid 10px var(--color-accent);
  height: 50px;
  display: flex;
  align-items: center;
}


@media screen and (max-width: 599px) {
  .pt-header-logo-b .bank-name {
    padding-left: 0 !important;
    max-width: 242px !important; /* word break isn't allowed for bank name */
  }
}

@media screen and (min-width: 1200px) {
  .pt-header-logo-b {
    padding: 4px 0 8px !important;
  }

  .pt-header-logo-b .bank-name {
    max-width: 350px !important; /* word break isn't allowed for bank name */
  }

  .pt-header-logo-b .bank-name:before {
    font-size: 37px;
    line-height: 41px;
    height: 70px;
    padding: 0;
    border-left: none;
  }

  .pt-header-logo-b lib-banklogo.pt-header-logo-img,
  .pt-header-logo-b bank-info.pt-header-logo-img {
    order: 1;
    width: 110px;
    height: 71px;
    margin-left: auto;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI3cHgiIGhlaWdodD0iMTAycHgiIHZpZXdCb3g9IjAgMCAxMjcgMTAyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjcgMTAyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJFYmVuZV8yIj4NCgk8Zz4NCgkJPGcgaWQ9IkVtYmxlbV8xXyI+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjIuMTM0LDUwLjk5OWwtMjYuNzU4LDUwLjAwMmgtNy42NEwxLDUwLjk5OWwyNi43MzgtNTBoNy42NGwtMjYuNzIzLDUwTDMxLjU2Miw5My44NmwyMi45MTUtNDIuODYxDQoJCQkJTDQxLjEwNCwyNi4wMDhsMy44MzEtNy4xNDRMNjIuMTM0LDUwLjk5OXogTTUwLjY2NywxLjAwMWgtNy42NEwxNi4yOTEsNTAuOTk5bDE3LjE5NSwzMi4xMzRsMy44MjUtNy4xNEwyMy45NDMsNTAuOTg3DQoJCQkJTDQ2Ljg1Nyw4LjEybDIyLjkxNiw0Mi44NjdsLTI2Ljc0NSw1MC4wMTRoNy42NGwyNi43MzgtNTAuMDAyTDUwLjY2NywxLjAwMXoiLz4NCgkJPC9nPg0KCQk8cmVjdCB4PSIxMTIuNSIgeT0iMS4wMDEiIGZpbGw9IiNFRkRGMDAiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwMCIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K)
      no-repeat 100% 50% / contain;
  }
}

lib-portal-header .pt-header-logo-b .bank-name {
  display: inline-block !important;
}

lib-portal-header .pt-header-btn-state .kf-color-grey-600 {
  color: var(--header-metanavigation-text-color);
}

lib-portal-header .pt-header-btn-state .kf-color-grey-600:hover {
  color: var(--header-metanavigation-text-color-active);
}

lib-portal-header .pt-header-pf-btn.kf-color-grey-600.opened {
  color: var(--header-metanavigation-text-color-active);
}

/* Burger Menue */
kf-burger-menu-webcomp web-component-menu-entry .kf-color-grey-600 {
  color: var(--header-metanavigation-text-color);
}

kf-burger-menu-webcomp web-component-menu-entry .kf-color-grey-600:hover {
  color: var(--header-metanavigation-text-color-active);
}

body .portal-title {
  color: var(--options-headline-color);
}

body kf-ui-kit > footer i.kf-color-accent,
body kf-ui-kit > footer kf-icon.kf-color-accent,
#contact-box-right .kf-color-accent,
lib-contact-box svg {
  color: #333 !important;
  fill: #333 !important;
}

body kf-ui-kit > footer > .kf-bg-primary,
body #fiducia-footer-container > .kf-bg-primary {
  background: #333 !important;
}

body #fiducia-footer-container #footer-left a,
body #fiducia-footer-container #footer-left a:hover,
body kf-ui-kit > footer .kf-color-primary-contrast,
body kf-ui-kit > footer .kf-color-act-primary-contrast:hover {
  color: #fff !important;
}
/** ------------------- END - old RCI header styles ------------------- */

/* ------------------- START - Login Page - Content ------------------- */
/* login page - login box - remove colored top box */
app-login #login-box .tile-header {
  display: none;
}
/* ------------------- END - Login Page - Content ------------------- */