/**** colors etc. *******/
:root {
  --font-family:"SparkasseWeb", Helvetica, Arial, sans-serif;
  --content_width: var(--content_width_wide, 1220px);
  --content_width_narrow: var(--content_width_narrow, 1220px);
  --wide_content_width: var(--content_width_wide, 1440px);
  --gradient: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
  --gradient_inverse: linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);
  --grid-gap: calc(2 * 1.25rem);
  --ee_button_radius:0;

  --font-size-big-00: 2.25rem;
  --line-height-big-00: 2.5rem;
  --font-size-big-01: 2rem;
  --line-height-big-01: 2.375rem;
  --font-size-big-02: 1.75rem;
  --line-height-big-02: 2.125rem;
  --font-size-headline-02: 1.5rem;
  --line-height-headline-02: 2rem;
  --font-size-headline-03: 1.25rem;
  --line-height-headline-03: 1.5rem;
  --font-size-headline-05: 1rem;
  --line-height-headline-05: 1.25rem;
  --font-size-multiline-01-big-light: 1.125rem;
  --line-height-multiline-01-big-light: 1.625rem;
  --font-size-small-01: .75rem;
  --line-height-small-01: 1rem

  --C1: #e00;
  --C1-light: #e99;
  --C2: #fff;
  --C2-transparent: #ffffffbf;
  --C3: #f0f0f0;
  --C4: #e3e3e3;
  --C5: #565656;
  --C6: #000;
  --C7: #408000;
  --C8: #fef2ce;
  --C9: #949494;
  --Grau_3: #292929;
  --Grau_4: #444;
  --Grau_C: #bebebe;
  --Grau_F6: #f5f5f5;
  --Hellblau: #2499ff;
  --Dunkelblau: #0071d4;
  --Violett: #b62abf;
  --Dunkelgruen: #356b00;
  --Hellgruen: #77a449;
  --Orange: #dc5a2c;
  --Gelb: #fbbe0a

  color-scheme: light dark;
  --brand-01: #e00;
  --primary-01: #e00;
  --primary-01-contrast: #fff;
  --primary-01-active: #a00;
  --primary-01-hover: #d40000;
  --primary-01-focus: #d40000;
  --primary-02: #e00;
  --primary-03: #ffdbdb;
  --secondary-01: #565656;
  --secondary-01-active: #292929;
  --secondary-01-hover: #444;
  --secondary-01-focus: #444;
  --readable-01: #292929;
  --readable-02: #565656;
  --readable-03: #fff;
  --readable-04: #fff;
  --ui-01: #e3e3e3;
  --ui-01-contrast: #e3e3e3;
  --ui-02: #6e6e6e;
  --ui-03: #f5f5f5;
  --ui-04: #f5f5f5;
  --transparent-01: transparent;
  --transparent-02: #000000b3;
  --transparent-02-contrast: #000000b3;
  --ui-background-01: #fff;
  --ui-background-02: #fff;
  --ui-background-03: #fcfcfc;
  --currency-negative-01: #292929;
  --currency-positive-01: #356b00;
  --currency-positive-01-contrast: #408000;
  --currency-positive-02: #e4eddb;
  --disabled-01: #bebebe;
  --disabled-02: #e3e3e3;
  --disabled-03: #e3e3e3;
  --focus-01: #0071d4;
  --focus-02: #dbeeff;
  --focus-03: #0071d4;
  --delete-01: #d40000;
  --delete-01-hover: #b10000;
  --delete-01-active: #8d0000;
  --success-01: #2b5500;
  --success-01-contrast: #408000;
  --success-01-hover: #204000;
  --success-02: #e4eddb;
  --success-02-hover: #c8dbb6;
  --error-01: #8d0000;
  --error-01-contrast: #b10000;
  --error-01-contrast-hover: #6a0000;
  --error-01-hover: #4c3636;
  --error-02: #f9dbdb;
  --error-02-hover: #f3b6b6;
  --warning-01: #821001;
  --warning-01-contrast: #cd3b0e;
  --warning-01-hover: #821001;
  --warning-02: #fff3ed;
  --warning-02-hover: #fde2d3;
  --information-01: #444;
  --information-01-hover: #292929;
  --information-01-contrast: #292929;
  --information-02: #f5f5f5;
  --information-02-hover: #e3e3e3;
  --attention-01: #004480;
  --attention-01-hover: #293e52;
  --attention-01-contrast: #005baa;
  --attention-02: #dbeeff;
  --attention-02-hover: #92ccff;
  --attention-03: #f5f9fd;
  --attention-03-important: #fef5f5;
  --pb-ui-01: #292929;
  --settings-personal-data-01: #2c57d2;
  --settings-financial-products-01: #903f8a;
  --settings-security-01: #008a00;
  --settings-services-01: #757575;
  --settings-settings-01: #ad6200;
  --settings-digital-assistant-01: #8b00cc;
  --settings-personal-data-02: #d5ddf6;
  --settings-financial-products-02: #e9d9e8;
  --settings-security-02: #cce4dc;
  --settings-services-02: #e3e3e3;
  --settings-settings-02: #ffe9cc;
  --settings-digital-assistant-02: #e8ccf5;
  --header-background-01: #e00;
  --header-ui-01: #d40000;
  --header-ui-02: #a00;
  --header-readable-01: #fff;
  --header-readable-02: #565656;
  --header-readable-03: #e00;
  --header-focus-01: #dbeeff;
  --category-food-01: #e6005c;
  --category-food-02: #fde6ef;
  --category-clothing-01: #b62abf;
  --category-clothing-02: #f8eaf9;
  --category-purchases-01: #6d4b9a;
  --category-purchases-02: #f1edf5;
  --category-sport-01: #571c50;
  --category-sport-02: #efe9ee;
  --category-mobility-01: #0166c7;
  --category-mobility-02: #e6f0fa;
  --category-education-01: #637697;
  --category-education-02: #f0f2f4;
  --category-taxes-01: #223573;
  --category-taxes-02: #e9ebf1;
  --category-telecommunication-01: #019fc2;
  --category-telecommunication-02: #e9fbff;
  --category-travel-01: #00768f;
  --category-travel-02: #e6f2f4;
  --category-income-01: #005700;
  --category-income-02: #e6efe6;
  --category-garden-01: #008a00;
  --category-garden-02: #e2fae2;
  --category-cash-01: #dcac00;
  --category-cash-02: #fcf7e6;
  --category-saving-01: #ad6200;
  --category-saving-02: #f7f0e6;
  --category-protection-01: #d78c00;
  --category-protection-02: #fbf4e6;
  --category-entertainment-01: #d64000;
  --category-entertainment-02: #fbece6;
  --category-health-01: #a80000;
  --category-health-02: #f7e6e6;
  --category-notrelevant-01: #750000;
  --category-notrelevant-02: #f2e6e6;
  --category-miscellaneous-01: #303030;
  --category-miscellaneous-02: #ebebeb;
  --category-uncategorized-01: #686868;
  --category-uncategorized-02: #f0f0f0;
  --category-allissues-01: #000;
  --category-allissues-02: #e6e6e6;
  --shadow-default: 0 2px 3px 0 rgba(86,86,86,0.10);
  --shadow-hover: 0 0 10px 0 rgba(86,86,86,0.40);
  --shadow-draganddrop: 0 16px 8px 0 rgba(86,86,86,0.24);
  --toggletiparrow: 0 1px rgba(140,140,140,0.3);
  --shadow-sticky-bottom: 0 15px 10px -15px rgba(86,86,86,0.60);
  --shadow-sticky-top: 0 -15px 10px -15px rgba(86,86,86,0.60);
  --shadow-focus: 0 0 0 2px #0071d4;
  --shadow-header: 0 2px 3px 0 rgba(86,86,86,0.10)
}