:root, [data-bs-theme=light] {
	
	/*basiskleuren*/
	--cnvs-themecolor:#909E24;
	--cnvs-link-color:#31B3CC;
	
	/*header*/
	--cnvs-header-bg:#EBF6F6;
	--cnvs-header-height: 160px;
	--cnvs-header-padding-y: 30px;
	--cnvs-header-height-shrink: 60px;
	--cnvs-header-padding-y-shrink: 10px;
	
	/*standaard hoofdmenu desktop*/
	--hoofdmenu-btn-bg: none;
	--hoofdmenu-btn-color:#909E24;
	--hoofdmenu-btn-radius:25px;
	--hoofdmenu-btn-bg-hi: #F5B335;
	--hoofdmenu-btn-color-hi:#FFF;
	--hoofdmenu-btn-radius-hi:25px;
	--hoofdmenu-btn-gap:12px;
	
	/*standaard hoofdmenu mobiel*/
	--mob-hoofdmenu-btn-bg: none;
	--mob-hoofdmenu-btn-color:#000;
	--mob-hoofdmenu-btn-radius:0;
	--mob-hoofdmenu-btn-bg-hi: none;
	--mob-hoofdmenu-btn-color-hi:#F5B335;
	--mob-hoofdmenu-btn-radius-hi:0;
	
	/*afwijkend hoofdmenu desktop*/
	--hoofdmenu-btn-different-color-bg: #924C8A;
	--hoofdmenu-btn-different-color: #FFF;
	--hoofdmenu-btn-different-color-bg-hi: #909E24;
	--hoofdmenu-btn-different-color-hi: #FFF;
	
	/*afwijkend hoofdmenu mobiel*/
	--mob-hoofdmenu-btn-different-color-bg: none;
	--mob-hoofdmenu-btn-different-color: #909E24;
	--mob-hoofdmenu-btn-different-color-bg-hi: none;
	--mob-hoofdmenu-btn-different-color-hi: #924C8A;
	
	
	/*standaard submenu desktop*/
	--submenu-btn-color-bg:none;
	--submenu-btn-color:#924C8A;	
	--submenu-btn-color-bg-hi:none;
	--submenu-btn-color-hi:#F5B335;
	--submenu-tussen-lijn:1px solid #924C8A;
	
	/*standaard submenu mobiel*/
	--mob-submenu-btn-color-bg:none;
	--mob-submenu-btn-color:#000;	
	--mob-submenu-btn-color-bg-hi:none;
	--mob-submenu-btn-color-hi:#F5B335;
	--mob-submenu-tussen-lijn:1px solid #924C8A;
	
	/*submenu rechts */	
	--subnavrechts-color-bg:#909E24;
	--subnavrechts-color: #fff;
	--subnavrechts-radius: 25px;
	--subnavrechts-color-bg-hi: #F5B335;
	--subnavrechts-color-hi:#FFF;
	
	/*font*/
	--cnvs-body-font: 'aller', sans-serif;
	--cnvs-primary-font: 'aller', sans-serif;
	--cnvs-secondary-font: var(--cnvs-primary-font);
	--cnvs-line-height-base:1;
	--cnvs-font-size-body:20px;
	--bs-body-font-weight:300;/*400 reg, 700 bold*/
	--bs-body-font-style:normal;
	--bs-body-line-height:1.1;
	
	/*input*/
	--bs-border-width: 1.5px;
	--bs-border-color: #94A0AD;
	
	/*inhoud blokken*/
	--cnvs-content-padding: 2rem;
	--cnvs-section-margin: 1rem;
	
	/*koppen*/
	--cnvs-font-size-h1: 2.25rem;
	--cnvs-font-size-h2: 1.875rem;
	--cnvs-font-size-h3: 1.625rem;
	--cnvs-font-size-h4: 1.375rem;
	--cnvs-font-size-h5: 1.125rem;
	--cnvs-font-size-h6: 0.875rem;
	
	--cnvs-heading-color:#909E24;
	--cnvs-headings-font-weight:400;
	
	/*knoppen*/
	--knop-kleur:#fff;
	--knop-bgkleur: #924C8A;
	
	--rijKleur1:#F5F9E3	;
	--rijKleur2:#F1F5D3;
	--rijDonkereKleur: :#DBE693;

}
.portfolio, [class*=portfolio-] {
	--cnvs-portfolio-desc-title-size: 1.7rem;/*portfolio koppen */
}
#header{
	--cnvs-primary-menu-font:'Aller', sans-serif;
	--cnvs-primary-menu-submenu-font: var(--cnvs-primary-menu-font);
	--cnvs-primary-menu-font-weight: 400;
	--cnvs-primary-menu-hover-font-weight: 400;
	--cnvs-primary-menu-submenu-font-weight: 400;
	--cnvs-primary-menu-submenu-hover-font-weight: 400;
	--cnvs-primary-menu-font-size: 17px;
	--cnvs-primary-menu-submenu-font-size: 16px;
	--cnvs-primary-menu-tt:none;
	--cnvs-primary-menu-ls:1;/*letter spacing, moet met px als je wilt gebruiken*/
	--cnvs-primary-menu-color:#909E24;/*menu pijltjes*/
}

@media (max-width: 1300px) {
	.menu-link , .sub-menu-container .menu-item > .menu-link {
		font-size:14px;	
	}
}

.tabel tr:nth-child(even) {background: var(--rijKleur1)}
.tabel tr:nth-child(odd) {background: var(--rijKleur2)}

td.tabelbgwit, tr.tabelbgwit{
	background: #fff !important;
}
td.tabelbgdonker, tr.tabelbgdonker{
	background: var(--rijDonkereKleur) !important;
}
.tabel td{
	padding:8px 14px;
	border:1px solid var(--rijDonkereKleur);
}
/* koppen */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin: 0 0 16px 0;
	font-family: "museo-sans-rounded", sans-serif;
	font-weight: 800;
}
.intro h1, .intro h2, .intro h3, .intro h4, .intro h5,.intro h6 {
	margin-bottom:5px;
	margin-top:5px;
}
.intro h1 .editabletitel{
	-webkit-text-fill-color: #FFF;
}
/*inhoud*/
.losseblokken{
	padding-bottom:50px;	
}
.blokrechts {
	font-size:17px;	
}
.intro{
	background:#909E24 url("../images/introbg.svg") ;
	background-size: 1600px;
	color:#fff!important;
}
.border-btm-intro{
	box-shadow: inset 0 -80px 0 #FFF;
}
.border-btm-intro .intro-left{	
	margin: -80px auto 0 auto !important;
}
@media only screen and (max-width:992px) {	
	.intro-left, .border-btm-intro .intro-left {
		margin-top:0!important;
	}
}
.intro-right-big{
	border-bottom-left-radius:40%;
	overflow:hidden;
}
.intro-right-small{
	border-bottom-left-radius:120px;
	overflow:hidden;
}
.device-down-lg .intro-right{
	background:#FFF
}
.intro h1, .intro h2, .intro h3, .intro h4, .intro a{
	color:#fff!important;
}
 .intro a{
	text-decoration:underline !important;
}
.device-up-lg .mt-neg{
	margin-top:-120px;
}
.device-down-lg .mt-neg{
	margin-top:20px;
}

.inleidingkleur{
	color:#909E24;	
	font-weight:700;
	margin-bottom:24px;
}
.tekst{
	margin-bottom:36px;
	padding-top: 36px;
}
.gutter-0 {
	--cnvs-custom-gutter: 0;
}
/*footer*/

#footer {
	border-top: 0;
	background:#909E24 url("../images/introbg.svg");
	background-size: 1600px;
	color:#FFF;
	
}
.footertop{
	background:#F5B335 url("../images/introbg.svg");
	background-size: 1600px;
	height:40px;
	    margin-left: -20px;
}

#footer a{
	color:#FFF;	
}
.logo-btm{
	width:80%	
}
.device-down-lg .logo-btm{
	width:200px;
}

/*knoppen*/
 a.oranjeknop {
	display:table;
 	margin-top:16px;
	color:#fff;
	background-color:#F5B335;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
}
a.paarseknop{
	display:table;
 	margin-top:16px;
	color:#fff;
	background-color:#924C8A;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
	
}
a.bg-btn {
	margin-top:25px;
	background-color:var(--knop-bgkleur);
	color:var(--knop-kleur)!important;
}
.bg-btn-contact-footer{
	background-color:#FFF;
	color:#909E24!important;	
	margin-top:0;
}
.bg-btn-contact-footer:hover{
	background-color:#924C8A;
	color:#fff!important;	
}
.bglichtblauw{
	background-color:#D7F1F4;
	padding-top:40px;
	padding-bottom:30px;
}
.bglichtblauw h1,.bglichtblauw h2,.bglichtblauw h3, .bglichtblauw h4{
	color:#31B3CC;
}