:root {
  --color-primary: #264b76;
  --color-secondary: #3b7a40;
  --color-text: #333333;
  --color-text-on-primary: #ffffff;
  --color-bg-odd: #f9f9f9;
  --color-bg-even: #ffffff;
  --color-bg-odd-d-20: #c6c6c6;
  --color-bg-even-d-10: #e6e6e6;
  --color-primary-l-5: #2c5789;
  --color-primary-l-10: #32649d;
  --color-secondary-l-40: #abd6ae;
  --color-primary-rgb: 38, 75, 118;
  --color-secondary-rgb: 59, 122, 64;
  --color-text-rgb: 51, 51, 51;
  --color-text-on-primary-rgb: 255, 255, 255;
  --color-bg-odd-rgb: 249, 249, 249;
  --color-bg-even-rgb: 255, 255, 255;
  --color-bg-odd-d-20-rgb: 198, 198, 198;
  --color-bg-even-d-10-rgb: 230, 230, 230;
  --color-primary-l-5-rgb: 44, 87, 137;
  --color-primary-l-10-rgb: 50, 100, 157;
  --color-secondary-l-40-rgb: 171, 214, 174;
  --color-stage-headline: #ffffff;
  --color-quickcontact-primary: #0069b4;
  --color-quickcontact-text-on-primary: #ffffff;
  --color-quickcontact-background: #dce0de;
}
footer {    background-color: var(--color-primary); }