:root{



/* ### Achtergrond ### */

  --cnvs-body-bg: #FFF;

/* ### Topmenu / Achtergrond ### */

  --menu-boven-container: #efefef;

/* ### Topmenu / Standaard knop ### */

  --menu-boven-btn-bg: #fff;
  --menu-boven-btn-color: #000;
  --menu-boven-btn-bg-hi: #ccc;
  --menu-boven-btn-color-hi: #fff;

/* ### Topmenu / Contact knop ### */

  --menu-boven-contact-btn-bg: #924C8A;
  --menu-boven-contact-btn-color: #FFFFFF;
  --menu-boven-contact-btn-bg-hi: #B169A9;
  --menu-boven-contact-btn-color-hi: #FFFFFF;

/* ### Header ### */

  --cnvs-header-bg: #fff;
  --cnvs-themecolor: #09b176;

/* ### Hoofdmenu / Standaard desktop ### */

  --hoofdmenu-btn-bg: #efefef;
  --hoofdmenu-btn-color: #000;
  --hoofdmenu-btn-bg-hi: #79d9b4;
  --hoofdmenu-btn-color-hi: #FFF;

/* ### Hoofdmenu / Afwijkend desktop ### */

  --hoofdmenu-btn-different-color-bg: #FFFFFF;
  --hoofdmenu-btn-different-color: #1C6D6C;
  --hoofdmenu-btn-different-color-bg-hi: #FFC03E;
  --hoofdmenu-btn-different-color-hi: #1C6D6C;

/* ### Hoofdmenu / Standaard mobiel ### */

  --mob-hoofdmenu-btn-color: #fff;
  --mob-hoofdmenu-btn-color-hi: #8BE7A3;
  --mob-hoofdmenu-hamburger-color: #000;
  --cnvs-primary-menu-color: #FFF;

/* ### Hoofdmenu / Afwijkend mobiel ### */

  --mob-hoofdmenu-btn-different-color: #FFFFFF;
  --mob-hoofdmenu-btn-different-color-hi: #FFC03E;

/* ### Submenu / Desktop ### */

  --submenu-btn-color: #924C8A;
  --submenu-btn-color-hi: #31B3CC;
  --submenu-tussen-lijn-color: #ccc;

/* ### Submenu / Mobiel ### */

  --mob-submenu-btn-color: #fff;
  --mob-submenu-btn-color-hi: #FFC03E;
  --mob-submenu-tussen-lijn-color: #efefef;

/* ### Subnavigatie rechts ### */

  --subnavrechts-color-bg: #339FC4;
  --subnavrechts-color: #fff;
  --subnavrechts-color-bg-hi: #85CAEB;
  --subnavrechts-color-hi: #fff;

/* ### Titels ### */

  --cnvs-heading-color: #158056;

/* ### Links ### */

  --cnvs-link-color: #09b176;
  --cnvs-link-color-hi: #31B3CC;

/* ### Standaard knoppen ### */

  --knop-bgkleur: #2b8f6c;
  --knop-kleur: #FFF;
  --knop-bgkleurhi: #35B085;
  --knop-kleurhi: #FFF;

/* ### Footer ### */

  --footer-bg-kleur: #5baed9;
  --footer-kleur: #FFF;
}