:root, [data-bs-theme=light] {
	
	/*basiskleuren*/	
	--cnvs-themecolor:#072566;
	--cnvs-link-color:#31B3CC;
	
	/*header*/
	--cnvs-header-bg:#FFF;
	--cnvs-header-height: 80px;
	--cnvs-header-padding-y: 10px;
	--cnvs-header-height-shrink: 60px;
	--cnvs-header-padding-y-shrink: 10px;
	
	/*standaard hoofdmenu desktop*/
	--hoofdmenu-btn-bg: none;
	--hoofdmenu-btn-color:#3584bb;
	--hoofdmenu-btn-radius:25px;
	--hoofdmenu-btn-bg-hi: #50AFD3;
	--hoofdmenu-btn-color-hi:#fff;
	--hoofdmenu-btn-radius-hi:25px;
	--hoofdmenu-btn-gap:2px;
	
	/*standaard hoofdmenu mobiel*/
	--mob-hoofdmenu-btn-bg: none;
	--mob-hoofdmenu-btn-color:#072566;
	--mob-hoofdmenu-btn-radius:0;
	--mob-hoofdmenu-btn-bg-hi: none;
	--mob-hoofdmenu-btn-color-hi:#3584bb;
	--mob-hoofdmenu-btn-radius-hi:0;
	
	/*afwijkend hoofdmenu desktop*/
	--hoofdmenu-btn-different-color-bg: #3584bb;
	--hoofdmenu-btn-different-color: #FFF;
	--hoofdmenu-btn-different-color-bg-hi: #000;
	--hoofdmenu-btn-different-color-hi: #FFF;
	
	/*afwijkend hoofdmenu mobiel*/
	--mob-hoofdmenu-btn-different-color-bg: none;
	--mob-hoofdmenu-btn-different-color: #3584bb;
	--mob-hoofdmenu-btn-different-color-bg-hi: none;
	--mob-hoofdmenu-btn-different-color-hi: #3584bb;
	
	
	/*standaard submenu desktop*/
	--submenu-btn-color-bg:none;
	--submenu-btn-color:#072566;	
	--submenu-btn-color-bg-hi:none;
	--submenu-btn-color-hi:#3584bb;
	--submenu-tussen-lijn:1px solid #efefef;
	
	/*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:#3584bb;
	--mob-submenu-tussen-lijn:1px solid #efefef;
	
	/*submenu rechts */	
	--subnavrechts-color-bg:#3584bb;
	--subnavrechts-color: #fff;
	--subnavrechts-radius: 25px;
	--subnavrechts-color-bg-hi: #50AFD3;
	--subnavrechts-color-hi:#FFF;
	
	/*font*/
	--cnvs-body-font: 'Roboto', serif;
	--cnvs-primary-font: 'Roboto', serif;
	--cnvs-secondary-font: var(--cnvs-primary-font);
	--cnvs-line-height-base:1;
	--cnvs-font-size-body:20px;
	--bs-body-font-weight:400;
	--bs-body-font-style:normal;
	--bs-body-line-height:1.3;
	
	/*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: 36px;
	--cnvs-font-size-h2: 28px;
	--cnvs-font-size-h3: 22px;
	--cnvs-font-size-h4: 19px;
	--cnvs-font-size-h5: 18px;
	--cnvs-font-size-h6: 15px;
	
	--cnvs-heading-color:#3584bb;
	--cnvs-headings-font-weight:700;

	/*knoppen*/
	--knop-kleur:#1C6D6C;
	--knop-bgkleur: #FFC03E;

}
.menu-link{
	font-weight:700;	
	font-size:16px;	
}
.intro-left-met-text {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.portfolio, [class*=portfolio-] {
	--cnvs-portfolio-desc-title-size: 2rem;/*portfolio koppen */
}
#header{
	--cnvs-primary-menu-font:'Roboto', 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: 14px;
	--cnvs-primary-menu-submenu-font-size: 14px;
	--cnvs-primary-menu-tt:normal;
	--cnvs-primary-menu-ls:1;/*letter spacing, moet met px als je wilt gebruiken*/
	--cnvs-primary-menu-color:#072566;/*menu pijltjes*/
}

/* koppen */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin: 0 0 16px 0;
	font-family: 'Inter', cursive;
	font-weight: 700;
	font-style: normal;
}
.intro h1, .intro h2, .intro h3, .intro h4, .intro h5,.intro h6 {
	margin-bottom:5px;
	margin-top:5px;
}
@media (max-width: 767.98px) {
  h1, .h1 {
    font-size: 2.3rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.7rem;
  }
  h4, .h4 {
    font-size: 1.3rem;
  }
}
/*header*/
.mob-header-titel h3{
	max-width: 50%;
	font-size: 6vw;
	padding-bottom: 30px;
}
#slider-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: transparent;
}
.header-img #slider-overlay {
	background-color: rgba(0, 102, 179, 0);
}

.car-type-2 .carousel-caption {	
	right: auto;
	bottom:auto;
	left: 2rem;
	color: #fff;
	text-align: left;
	width:calc(100% - 2rem);
}
.header-img .carousel-caption{
	width:65%;	
	padding-bottom:100px;
	left:0;
}
.nieuws-links{
	padding-right:0!important;	
	padding-left:0!important;	
	margin-bottom:30px;
}
.nieuws-rechts{
	margin-bottom:30px;
	padding-left:3rem!important;	
}
@media only screen and (max-width:996px) {	
	.header-img .carousel-caption{
		width:85%;	
		padding-bottom:100px;
	}
	.nieuws-rechts{
		padding-left:0!important;	
	}
}
#bs-carousel h3{
	font-size:3rem;	
}
.losseblokken3070 .bloklinks{
	padding-left:0 !important;	
	padding-right:0 !important;	
	margin-bottom:30px;
}
.instawrapper{
	margin-bottom:30px;
}
.full-overlay h1, .full-overlay h2, .full-overlay h3 {
	color: #FFF;
}
.carousel .full-overlay h1,.carousel .full-overlay h2, .carousel .full-overlay h3,.header-img .full-overlay h1,.header-img .full-overlay h2, .header-img .full-overlay h3, .mob-header-titel  h1,.mob-header-titel  h2, .mob-header-titel  h3{
	color: #FFF;
}
@media only screen and (max-width:996px) {	
	.car-type-2 .carousel-caption {	
		left: 0;
		position:relative;
		padding-bottom:30px;
	}
	
	.full-overlay {
		position: relative;
		background: #3584bb;
	}
	.carousel .full-overlay h1,.carousel .full-overlay h2, .carousel .full-overlay h3 {
		color: #FFF;
	}
	.carousel-caption{
		position:relative;	
	}
	#bs-carousel h3 {
		font-size: 2rem;
	}
	.header-titel{
		display:none;
	}
	.mob-header-titel{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		align-self: center;
	}
}

/*inhoud*/
.losseblokken{
	padding-bottom:50px;	
}
.blokrechts {
	font-size:19px;	
}
.portfolio-desc {
	background-color:#FFF;

	padding: 50px 30px 40px 30px;
}

.bloklinks{
	color:#000;
	padding-bottom:30px;
}
.home .bloklinks{
	color:#FFF;
	font-weight:bold;
	font-size:24px;
	background-color:#3584bb;
	padding-top:30px;
	border-radius:12px;
	padding-left:5rem !important;
}
.home .blokrechts{
	padding-left:5rem !important;
	
}
.nafsheader {
    margin-top: 40px!important;;
}
.carousel {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
.linksagendarechtstekst2 .bloklinks{
	padding-top:50px;
	padding-bottom:50px;
	color:#072566;
}
.linksagendarechtstekst2 .bloklinks h1, .linksagendarechtstekst2 .bloklinks h2, .linksagendarechtstekst2 .bloklinks h3{
	color:#32814C;
}
.linksagendarechtstekst2 .blokrechts{
	border-bottom-left-radius:80px;
	background:#EC6600;
	padding-top:50px;
	padding-bottom:50px;
	color:#FFF;
}
.linksagendarechtstekst2 .blokrechts h1, .linksagendarechtstekst2 .blokrechts h2, .linksagendarechtstekst2 .blokrechts h3, .linksagendarechtstekst2 .blokrechts a{
	color:#FFF;
}
.linksagendarechtstekst2 .blokrechts a{
	text-decoration:underline;
}
.intro{
	background:#3584bb ;
	background-size: 1600px;
	color:#fff!important;
	margin-bottom:30px;
}

@media only screen and (max-width:992px) {	
	.intro-left, .border-btm-intro .intro-left {
		margin-top:0!important;
	}
	#bs-carousel h3 {
		font-size: 22px;
	}
	.home .bloklinks{
		padding-left:20px !important;
		font-size: 20px;
	}
	.home .blokrechts{
		padding-left:0 !important;
		
	}
	.full-overlay .px-6{
		padding:30px 0 20px 0 	!important;
	}
	.full-overlay .bg-btn{
		margin-top:0;	
		margin-left:auto;
		margin-right:auto;
	}
	.nafsheader {
		margin-top: 0px !important;
	}
	.home .nafsheader {
		margin-top: 30px !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:#3584bb;	
	font-weight:700;
	margin-bottom:24px;
}
.tekst{
	margin-bottom:36px;
}
.kalender {
	font-weight: 300 !important;
}
.kalender .datum{
	font-weight:bold;	
}
.gutter-0 {
	--cnvs-custom-gutter: 0;
}
/*footer*/

#footer {
	border-top: 0;
	background:#3584bb ;
	background-size: 1600px;
	color:#fFF;
}
.footertop{
	height:0;
}

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

/*knoppen*/
 a.geleknop {
	display:table;
 	margin-top:16px;
	color:#fff;
	background-color:#3584bb;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
}
 a.oranjeknop {
	display:table;
 	margin-top:16px;
	color:#fff;
	background-color:#EC6600;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
}
 a.blauweknop, a.agendaknop {
	display:table;
 	margin-top:16px;
	color:#fff;
	background-color:#02B3C0;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
}
 

.bg-btn{
	background-color:#3584bb;
	margin-top:20px;
	color:#fff!important;
}
a.bg-btn span{
	color:#fff!important;
}
@media only screen and (max-width:996px) {	
	.bg-btn{
		background-color:#2BB1CB;
	}
}
.bg-btn-contact-footer{
	background-color:#50AFD3;
	color:#fff!important;	
	margin-top:0;
}
.bg-btn-contact-footer:hover{
	background-color:#6CBCDB;
	color:#fff!important;	
}
.bglichtblauw{
	background-color:rgba(116,214,221,0.14);
	padding-top:40px;
	padding-bottom:30px;
}
.bglichtblauw h1,.bglichtblauw h2,.bglichtblauw h3, .bglichtblauw h4{
	color:#32814C;
}

.fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span {
	background-color:#EC6600;
}
.fc-calendar .fc-head {
	background: #072566;
}