:root {

  /* colors: hold rgb values, als needed for rgba() - fade() not working */
  /* DeepAzure */
  --color_bg_dark: #0F3049;
  --color_bg_dark_R: 15;
  --color_bg_dark_G: 48;
  --color_bg_dark_B: 73;

  /* HarbourMist */
  --color_bg_light: #E5EEF2;
  --color_bg_light_R: 229;
  --color_bg_light_G: 238;
  --color_bg_light_B: 242;

  /* PearlWhite */
  --color_bg_white: #FDFEFF;
  --color_bg_white_R: 253;
  --color_bg_white_G: 254;
  --color_bg_white_B: 255;

  /* DeepAzure */
  --color_txt_dark: #0F3049;
  --color_txt_dark_R: 15;
  --color_txt_dark_G: 48;
  --color_txt_dark_B: 73;

  /* SkyOfOcean */
  --color_txt_light: #628A9B;
  --color_txt_light_R: 98;
  --color_txt_light_G: 138;
  --color_txt_light_B: 155;

  /* PearlWhite */
  --color_txt_white: #FDFEFF;
  --color_txt_white_R: 253;
  --color_txt_white_G: 254;
  --color_txt_white_B: 255;

  /* CallToAction */
  --color_cta: #EDAE17;
  --color_cta_R: 237;
  --color_cta_G: 174;
  --color_cta_B: 23;

  /* deutscheNordsee */
  --color_bg_light_deutscheNordsee: #355D77;
  --color_bg_light_deutscheNordsee_R: 53;
  --color_bg_light_deutscheNordsee_G: 93;
  --color_bg_light_deutscheNordsee_B: 119;

  --color_bg_dark_deutscheNordsee: #30546C;
  --color_bg_dark_deutscheNordsee_R: 48;
  --color_bg_dark_deutscheNordsee_G: 84;
  --color_bg_dark_deutscheNordsee_B: 108;

  /* fonts */
  --font-std: 'Averta';
  --font-deco: 'Gotcha';

  /* vertical spacing */
  --gridVerticalMD-module: 100px;
  --gridVerticalMD-inner: 35px;

  --gridVerticalSM-module: 60px;
  --gridVerticalSM-inner: 20px;
}