:root {

  /* colors - text */
  --color_text_black: #232323;
  --color_text_dark: #262b30;
  --color_text_light: #4d4d4d;
  --color_text_placeholder: #747474;
  --color_text_subline: rgba(35, 35, 35, 0.5);

  /* colors - background */
  --color_bg_dark: #262b30;
  --color_bg_light: #d1d1d1;
  --color_bg_very_light: #eee;
  --color_ultra_light: #f8f8f8;
  --color_highlight_form: #eaf5ec;
  --color_bg_teaser: #dff0fa;

  /* colors - cta */
  --color_cta_primary: #45c55f;
  --color_cta_primary_light: #49dd67;
  --color_cta_secondary: #294f96;
  --color_cta_secondary_light: #225ac2;
  --color_cta_secondary_ultra_light: #60b2e7;

  /* colors - special */
  --color_highlight_host: #db3f4c;
  --color_formerror: #db3f4c;
  --color_highlight_vacation: #e9c234;
  --color_highlight_blogpost: #e9c234;

  /* colors - default */
  --color_white: #fff;
  --color_black: #000;

  /* fonts */
  --font-std: 'Rotis';
  --font-deco: 'TypoRound';

  /* vertical spacing */
  --gridVerticalMD1: 100px;
  --gridVerticalMD2: 100px;
  --gridVerticalMD3: 20px;

  --gridVerticalSM1: 60px;
  --gridVerticalSM2: 40px;
  --gridVerticalSM3: 20px;

  --verticalSpacingTY: 40px;
  --verticalSpacingSM: 64px;
  --verticalSpacingMD: 96px;
  --verticalSpacingLG: 144px;

  --verticalFrameSpacingTY: var(--verticalSpacingTY) auto;
  --verticalFrameSpacingSM: var(--verticalSpacingSM) auto;
  --verticalFrameSpacingMD: var(--verticalSpacingMD) auto;
  --verticalFrameSpacingLG: var(--verticalSpacingLG) auto;
}