:root {
  /* colors - text */
  --color_text_dark: #1d1d1d;

  /* colors - cd */
  --color_primary_dark: #338422;
  --color_secondary_dark: #718b11;
  --color_cd_yellow: #ffdd00;
  --color_cd_orange: #f18700;
  --color_cd_green: #40a52b;
  --color_cd_red: #d4004b;
  --color_cd_blue: #009ddf;

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

  /* colors - special */
  --color_formerror: #ab0000;
  --color_status_open: #379e12;
  --color_status_closed: var(--color_formerror);

  /* colors -  text hero */
  --color_highlight_holstein_yellow: var(--color_cd_yellow);
  --color_highlight_holstein_orange: var(--color_cd_orange);
  --color_highlight_holstein_green: var(--color_cd_green);
  --color_highlight_holstein_magenta: var(--color_cd_red);
  --color_highlight_holstein_blue: var(--color_cd_blue);
  --color_highlight_ochsenweg_brown: #5e0a09;
  --color_highlight_ochsenweg_green: #96a825;
  --color_highlight_ochsenweg_blue: #c9e8fb;

  /* colors - tour */
  --color_marker_default: var(--color_primary_dark);
  --color_marker_highlighted: var(--color_cd_blue);
  --color_tour_default: var(--color_primary_dark);
  --color_tour_active: var(--color_cd_blue);

  /* colors - background */
  --color_bg-footer_cd: var(--color_primary_dark);
  --color_bg-footer_dark: #479038;
  --color_bg-footer_medium: #338422;
  --color_bg-footer_bright: #66a359;
  --color_bg_default: #e8e8e8;
  --color_bg_primary_light: #f2f5f7;
  --color_bg_primary_dark: #5e0a09;

  --color_white_rgb: 255, 255, 255;
  --color_cd_red_rgb: 212, 0, 75;
  --color_text_dark_rgb: 29, 29, 29;

  /* fonts */
  --font-std: "AvenirNext";
  --font-deco: "AvenirNext";

  /* vertical spacing */
  --spacingXXS: 8px;
  --spacingXS: 16px;
  --spacingS: 24px;
  --spacingM: 32px;
  --verticalSpacingL: 56px;
  --verticalSpacingXL: 80px;
  --verticalSpacingXXL: 160px;
}