:root {
  --es-light-grey: #E9EBEC;
  --es-light-grey-2: #e6e6e6;
  --es-light-grey-3: #bbbbbb;
  --es-light-grey-4: #FAFAFA;
  --es-light-grey-5: #ccc;
  --es-light-grey-6: #eee;
  --es-mid-grey: #dbdbdb;
  --es-mid-grey-2: #A7A7A7;
  --es-mid-grey-3: #545554;
  --es-dark-grey: #6B6B6B;
  --es-dark-grey-2: #4A4A4A;
  --es-red: #d4121e;
  --es-dark-red: #941914;
  --es-dark-red-2: #A32317;
  --es-orange: rgb(251, 176, 59);
  --es-light-green: #afca26;
  --es-error: #BF2D39;
  --es-success: #299E1E;
  --es-warning: #F0D100;
  --es-hint: #538AC4;
  --es-placeholder-color: var(--es-mid-grey-3);
  --es-disabled-on-grey-background: #aaa;
  --es-font-color-standard: #333;
  --es-iconGrau: var(--es-mid-grey-3);
  --es-inactive: #979797;
  --es-box-border-color: var(--es-mid-grey);
  --es-input-border-color: var(--es-mid-grey-3);
  --es-box-background-color: var(--es-light-grey-4);
  --es-header-height: 46px;
  --es-footer-height: 44px;
  --es-header-plus-footer-height: calc(var(--es-header-height) + var(--es-footer-height));
  --es-header-img-height-mobile: 28px;
  --es-menu-width: 300px;
  --es-base-unit: 15px;
  --es-base-font: "Open Sans", Helvetica, Arial;
  --space-xs: clamp(0.8rem, 0.76rem + 0.125vw, 1rem);
  --space-s: clamp(1.2rem, 1.14rem + 0.1875vw, 1.5rem);
  --space-m: clamp(2.4rem, 2.28rem + 0.375vw, 3rem);
  --space-l: clamp(3.6rem, 3.42rem + 0.5625vw, 4.5rem);
}