:root, #header{



/* ### Achtergrond ### */

  --cnvs-body-bg: #000;
  --bs-body-color:#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: #000;
  --cnvs-themecolor: #0087aa;

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

  --hoofdmenu-btn-bg: #FFF;
  --hoofdmenu-btn-color: #000;
  --hoofdmenu-btn-bg-hi: #FFF;
  --hoofdmenu-btn-color-hi: #FF6600;

/* ### 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: #53545e;
  --mob-hoofdmenu-btn-color-hi: #0087aa;
  --mob-hoofdmenu-hamburger-color: #000;
  --cnvs-primary-menu-color: #53545e;

/* ### 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: 1px solid #efefef;

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

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

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

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

/* ### Titels ### */

  --cnvs-heading-color: #0087aa;

/* ### Links ### */

  --cnvs-link-color: #0087aa;
  --cnvs-link-color-hi: #00B6E3;

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

	--knop-bgkleur: #0087aa;
	--knop-kleur: #FFF;
	--knop-bgkleurhi: #00B6E3;
	--knop-kleurhi: #FFF;
	--carrousel-knop-bgkleur:#0087aa;/*carrousel knoppen achtergrondkleur*/
	--carrousel-knop-kleur:#fff;/*carrousel knoppen tekstkleur*/
	--carrousel-knop-bgkleurhi:#00B6E3;/*carrousel knoppen hi achtergrondkleur*/
	--carrousel-knop-kleurhi:#fff;/*carrousel knoppen hi tekstkleur*/

/* ### Footer ### */

  --footer-bg-kleur: #000;
  --footer-kleur: #FFF;
}