:root, [data-bs-theme=light],#header {
	
	/*basiskleuren*/	
/*header*/
--cnvs-header-height: 60px;
	--cnvs-header-padding-y: 0;
	--cnvs-header-height-shrink: 80px;
	--cnvs-header-padding-y-shrink: 0;
	
	
	/*standaard hoofdmenu desktop*/
--hoofdmenu-btn-radius:25px;
--hoofdmenu-btn-radius-hi:25px;
	--hoofdmenu-btn-gap:2px;
	
	/*standaard hoofdmenu mobiel*/
	--mob-hoofdmenu-btn-bg: none;
--mob-hoofdmenu-btn-radius:0;
	--mob-hoofdmenu-btn-bg-hi: none;
--mob-hoofdmenu-btn-radius-hi:0;
	
	/*afwijkend hoofdmenu desktop*/
/*afwijkend hoofdmenu mobiel*/
	--mob-hoofdmenu-btn-different-color-bg: none;
--mob-hoofdmenu-btn-different-color-bg-hi: none;
/*standaard submenu desktop*/
	--submenu-btn-color-bg:none;
--submenu-btn-color-bg-hi:none;
/*standaard submenu mobiel*/
	--mob-submenu-btn-color-bg:none;
--mob-submenu-btn-color-bg-hi:#FFF;
/*submenu rechts */	
--subnavrechts-radius: 25px;
/*font*/
	--cnvs-body-font: 'Noto Sans', serif;
	--cnvs-primary-font: 'Noto Sans', serif;
	--cnvs-secondary-font: var(--cnvs-primary-font);
	--cnvs-line-height-base:1;
	--cnvs-font-size-body:18px;
	
	--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: 32px;
	--cnvs-font-size-h3: 28px;
	--cnvs-font-size-h4: 24px;
	--cnvs-font-size-h5: 22px;
	--cnvs-font-size-h6: 20px;
--cnvs-headings-font-weight:400;

	/*knoppen*/
}
.cnvs-hamburger {
	--cnvs-hamburger-size:1.6rem;
	--cnvs-hamburger-width: 3px;
}
.logo-op-header{
	position:absolute;left:20px;top:40px;z-index:3;transform: rotate(-2.4deg);width:22%;max-width:350px;
}
@media (max-width: 992px) {
	.logo-op-header{
		position:absolute;left:20px;top:-50px;z-index:3;transform: rotate(-2.4deg);width:33%;max-width:200px;z-index:999999
	}
}
.logo-op-header img{
	z-index:4;width:100%;margin:0 auto;padding: 0;
}
.datumvak {
	background-color: #e4f2fe;
	border-radius: 3px;
	float: left;
	width: 23%;
	text-align: center;
	padding: 5% 2% 2% 2%;
	margin: 2px 3% 10px 0;
	color: #407ebe;
}
.naastdatum {
	float: left;
	position: relative;
	margin-bottom: 10px;
	width: 64%;
	min-width: 100px;
	padding-top: 3px;
}
.nafsheader{
	padding-top:30px		
}
#slider{
	height:20vh;
	max-height:20vh;
	overflow:hidden;
}
.carousel{
	margin:0 !important;	
}
.carousel-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.album-titel {
	padding:6px 22px;
	display: table;
	margin: 0 auto;
}
#header-div, #bs-carousel, .carousel-inner, .carousel-item{
	max-height:40vh;
	overflow:hidden ;
}
/* Center slide content vertically */
.custom-slider .swiper-slide {
	display: flex;
	justify-content: center;  /* horizontally centered */
	align-items: center;      /* vertically centered */
	height: 100%;
}

/* If you want the images to scale nicely without stretching */
.custom-slider .swiper-slide img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;  /* keeps proportions */
}

#content {
	background-image: url('../images/bg.png') ;
	background-size: cover;        /* vult het scherm */
	background-position: center;   /* mooi gecentreerd */
	background-repeat: no-repeat;  /* geen herhaling */
	background-attachment: fixed;  /* *parallax* effect / vast op de pagina */
}
.streep-onder-intro {
	background:none;
}
.subnavrechts a{
	font-size:16px;	
}
b,strong{
	font-weight:700;
}
.portfolio, [class*=portfolio-] {
	--cnvs-portfolio-desc-title-size: 1.7rem;/*portfolio koppen */
}
#header{
	--cnvs-primary-menu-font:'Noto Sans', sans-serif;
	--cnvs-primary-menu-submenu-font: var(--cnvs-primary-menu-font);
	--cnvs-primary-menu-font-weight: 700;
	--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: 15px;
	--cnvs-primary-menu-submenu-font-size: 15px;
	--cnvs-primary-menu-tt:normal;
	--cnvs-primary-menu-ls:1;/*letter spacing, moet met px als je wilt gebruiken*/
	--cnvs-primary-menu-color:#000673;/*menu pijltjes*/
	
	
}
#header-wrap .header-row {
	/*height: calc(var(--cnvs-header-height-shrink) + 1px + 2*var(--cnvs-header-padding-y-shrink));*/
}
#header-wrap #logo img{
	
}
#header:not(.sticky-header), .header-wrap-clone:not(.sticky-header .header-wrap-clone), #header-wrap{
	height:60px!important;	
}
#header-wrap {
	position: relative;
}
.sticky-header #header-wrap {
	position: fixed;
}

.header-row {
	
	
}

.primary-menu {
	justify-self: end;
}

#header-wrap #logo img {
	
}
.container-wide2{
	margin-top:-25px;	
}
.download-btn{

}
.downloads{
	margin-bottom:30px;	
}
.downloadkop{
	padding-right: var(--padding-x-algemeen-desktop) !important;
	padding-left: var(--padding-x-algemeen-desktop) !important;
}
@media (min-width: 992px) {
	.downloads{
		padding-right: var(--padding-x-algemeen-desktop) !important;
		padding-left: var(--padding-x-algemeen-desktop) !important;
	}
}
.downloads .row div div{
	background-color: #FFF !important;
	border-radius:20px;
	padding:2px 20px;
	margin:10px;
}
.downloads .bg-btn{
	margin-right:0px;
}
.btn-nr-1, .btn-nr-8, .btn-nr-15, .btn-nr-22 {
	background-color: #de5847 !important;
}
.btn-nr-2, .btn-nr-9, .btn-nr-16, .btn-nr-23 {
	background-color: #e98e47 !important;
}
.btn-nr-3, .btn-nr-10, .btn-nr-17, .btn-nr-24{
	background-color: #f6cf9a !important;
}
.btn-nr-4, .btn-nr-11, .btn-nr-18, .btn-nr-25 {
	background-color: #eccae1 !important;
}
.btn-nr-5, .btn-nr-12, .btn-nr-19, .btn-nr-26 {
	background-color: #aa87a3 !important;
}
.btn-nr-6, .btn-nr-13, .btn-nr-20, .btn-nr-27 {
	background-color: #f2bb90 !important;
}
.btn-nr-7, .btn-nr-14, .btn-nr-21, .btn-nr-28{
	background-color: #c8b64a !important;
}
.bglichtblauw {
	margin-left:  var(--padding-x-algemeen-desktop) !important;
	margin-right:  var(--padding-x-algemeen-desktop) !important;
	padding-left:0;
	padding-right:0;
}
.bglichtblauw .container{	
	 padding-left:0;
	 padding-right:0;
	 
}
.nafsheader .blokfoto{
	max-height:300px;
	width:auto;
	max-width:100%;	
}
@media (min-width: 992px) {
	.container-md, .container-sm, .container, .container-wide {
		max-width: 1340px;
		
	}
	.inhoudblok .container, .intro, .tekst, .intro-heel h1, .intro-heel .inleiding {
		padding-right: var(--padding-x-algemeen-desktop) !important;
	}
	
	--cnvs-primary-menu-submenu-padding-x: 0 !important;
	--cnvs-primary-menu-submenu-hover-padding-offset: 15px !important;
}
@media (max-width: 992px) {
	.bglichtblauw {
		margin-left:  var(--padding-x-algemeen-mobiel) !important;
		margin-right:  var(--padding-x-algemeen-mobiel) !important;
	}
	.tekstruimterondom{
		padding:0 !important;
	}
}



/* koppen */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin: 0 0 16px 0;
	font-family: 'Baloo 2', serif;
	font-weight: 700;
}
.intro h1, .intro h2, .intro h3, .intro h4, .intro h5,.intro h6 {
	margin-top:5px;
	margin-bottom: 20px !important;
}
/*header*/

#slider-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}
.car-type-2 .carousel-caption {	
	right: auto;
	bottom:auto;
	left: 2rem;
	color: #fff;
	text-align: left;
	width:calc(100% - 2rem);
}
#bs-carousel h3{
	font-size:3rem;	
}
#hoogtepunten .owl-item{
	border-bottom-right-radius: 40px;
	overflow: hidden;
}
#hoogtepunten .h3, #hoogtepunten h3 {
	margin-top: 0 !important;
}
.hoogtepunteninleiding{
	padding-left:1rem;	
}
.portfolio, [class*=portfolio-] {
	--cnvs-portfolio-meta-font-size: 18px;
}

.page-section .col-lg-9{
		padding-right:50px;
}
@media only screen and (max-width:996px) {	
	.car-type-2 .carousel-caption {	
		left: 0;
		position:relative;
		padding-bottom:30px;
	}
	.full-overlay {
		position: relative;
		background: #ff6600;
	}
	#slider-overlay {
		background-color: rgba(43,177,203, 0.19);
	}
	#bs-carousel h3 {
		font-size: 2rem;
	}
}

/*inhoud*/
.losseblokken{
	padding-bottom:50px;	
}
.blokrechts {
	font-size:19px;	
}
.portfolio-desc {
	
	font-size: 16px;
	padding: 30px 30px 20px 30px;
	line-height:1.6;
}
#nieuwsSlider .owl-item, #webshopSlider .owl-item{
	background-color:#fff;
}
.linksagendarechtstekst2 .bloklinks{
	padding-top:50px;
	padding-bottom:50px;
	color:#000673;
}
.linksagendarechtstekst2 .bloklinks h1, .linksagendarechtstekst2 .bloklinks h2, .linksagendarechtstekst2 .bloklinks h3{
	color:#000673;
}
.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;
}
.bgfsheader, .bgfsheaderZonderFoto{
	background:#b4e6fa ;
	color:#000!important;
}
.pt-subnav {
    padding-top: 40px !important;
    margin-top: -40px;
}

.nafsheader{
	margin-top: 0px;
}
.tekst{
	/*padding-top:0;*/
}
.inhoudblok {
	
}
.intro-left {
	padding-left:0 !important;	
}
.intro-left-met-afbeelding{
	padding-bottom:80px!important;
	
}
.primary-menu {
    padding-right: 0;
}

.bgfsheader {
	/*box-shadow: inset 0 -60px 0 #FFF;*/
}
.border-btm-intro .intro-left{	
	margin:0 auto 0 auto !important;
}
@media only screen and (max-width:992px) {	
	.intro-left, .border-btm-intro .intro-left {
		margin-top:0!important;
	}
}
.toelichting{
	color:#999;	
}
.intro-right-big{
	/*
	border-radius:100%;
	overflow:hidden;
	*/
	mask-image: url("../images/foto-mask.png");
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	
	/* WebKit support */
	-webkit-mask-image: url("../images/foto-mask.png");
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	transform: scale(1); /* Increase for thicker outline */
}
.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:#000 !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:#000673;	
	font-weight:700;
	margin-bottom:24px;
}
.tekst{
	
}
.kalender .datum{
	font-weight:bold;	
}
.gutter-0 {
	--cnvs-custom-gutter: 0;
}
/*footer*/

#footer {
	border-top: 0;
	font-size:16px;
}
.footertop{
	height:0;
}

#footer a{
	
}
#footer .order-lg-3 a{
	
	text-decoration:underline !important;
}
.logo-btm{
	width:80%	
}
.device-down-lg .logo-btm{
	width:200px;
}

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

 a.donkerblauweknop, a.agendaknop {
	display:table;
 	margin-top:16px;
	color:#fff !important;
	background-color:#006CC6;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
}
 a.donkerblauweknop:hover {
	color:#fff !important;
	background-color:#004884;
}
 a.lichtpaarseknop {
	display:table;
 	margin-top:16px;
	color:#fff !important;
	background-color:#a5829e;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
}
 a.donkerpaarseknop {
	display:table;
 	margin-top:16px;
	color:#fff !important;
	background-color:#566c93;
	padding: 12px 30px;
	border-radius: 50rem;
	text-decoration: none !important;
	cursor:pointer;
	font-weight:500;
}
.portfolio-desc span, .portfolio-desc span a {
	color: inherit;
}

.bg-btn{
	margin-top:20px;
	display:table;
	padding: 12px 30px;
	border-radius: 50rem;
}
.bglichtblauw {
	background-color: #D7F1F4;
	padding-top: 40px;
	padding-bottom: 30px;
}
.intro .bg-btn{
	background-color:#d4ecf4;
	margin-top:20px;
	color:#000!important;
}
.inleiding .inleidingkleur {
	max-width:900px;
}

@media only screen and (max-width:992px) {	
	.bg-btn{
		background-color:#2BB1CB;
	}
	.intro-right {
		
	}
}
.bg-btn-contact-footer{
	background-color:#EC6600;
	color:#fff!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;
}
.bglichtpaars{
	background-color:#69c1cd;
	padding-top:40px;
	padding-bottom:30px;
	color:#fff!important;	
}

.fotorechts{
	padding:0;
}
.fotorechts .blokrechts{
	padding:0 !important;
}
.fotorechts .row{
	align-items: center !important;
}
.losseblokken .bloklinks{
	padding-left:0 !important;
}
.losseblokken .blokrechts{
	padding-right:0 !important;	
}
@media only screen and (max-width:992px) {	
	.subnavrechts{
		padding:0 var(--padding-x-algemeen-mobiel) !important;
	}
	.intro {
		
	}
	.intro-left{
		
	}
	.losseblokken .bloklinks{
		padding-left:20px !important;
		margin-bottom:30px;
	}
	.losseblokken .blokrechts{
		padding-right:20px !important;	
	}
}
.bglichtblauw h1,.bglichtblauw h2,.bglichtblauw h3, .bglichtblauw h4{
	color:#31B3CC;
}
.bglichtpaars h1,.bglichtpaars h2,.bglichtpaars h3, .bglichtpaars h4{
	color:#fff!important;	
}
.linksagendarechtstekst2 .blokrechts{
	min-height:400px;	
	background-size: cover;
}
.fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span {
	background-color:#9dd0e4;
}
.fc-calendar .fc-head {
	background: #000673;
}
@media (max-width: 1340px) {
	#header-wrap #logo {
		
	}

}
@media (max-width: 992px) {
	.menu-link .icon-angle-down{
		display:none;	
	}
	.primary-menu-open  #header-wrap #logo img {
		
	}
	#header-wrap #logo {
		padding-top: 17px;
		padding-bottom: 17px;
		max-width: calc(100% - 70px);
	}
	.page-section .col-lg-9 {
		padding-right: 0;
	}
	.pt-subnav-no-image, .pt-subnav{
		padding-left:0	!important
	}
	.intro, .device-down-lg .intro-right {
		background: transparent;	
	}
}
.kalender .datum ,.kalender .agendaitem{
	padding-top:11px;	
}
.quotediv {
	color: #69c1cd;
}