html * {max-height:1000000px;}
html{
	overflow-y: scroll;
}
body{
	font-optical-sizing: auto;
	
}
@media (min-width: 576px) {
	.container-sm, .container {
		max-width: 900px;
	}
}
@media (min-width: 992px) {
	.container-md, .container-sm, .container {
		max-width: 1340px;
	}
}
.icon-rotate-90 {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}
img {
	max-width: none;
}
.nieuwsdetailfoto {
	max-width: 100%;
}
.grid-container img{
	max-width: 100%;
}
.branding{
	position:absolute;
	right:20px;
	bottom:10px;	
	z-index:9999999;	
}
.branding img{
	width:130px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; overflow: hidden;
	clear:both; 
	margin-bottom:13px;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width:992px) {	
	.mob-extra-padding-bottom{
		padding-bottom:60px !important;
	}
}
.inleiding, .tekst{
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		margin-top: 20px;
	}
}
.button {
	margin-left:0;	
}
.bg-btn{
	margin-top:20px;
	display:table;
	padding:5px 20px;
	border-radius:15px;
}
.bg-overlay-content h5{
	color:#FFF;
	font-size:90%;
	text-align: center;
}
.bg-overlay-content small{
	color:#FFF;
}
td{
	vertical-align:top;	
}
td.middel{
	vertical-align:middle;	
}
.helebreedte{
	width:100%;	
}
.groengroot{
	color:#11CC02;
	font-size:30px;
	margin-right:10px;	
}
.grootrood{
	color:#E60000;
	font-size:30px;
	margin-right:10px;	
}
.pasfotodiv,.pasfoto{
	width:100%	
}
.pasfotodiv img{
	width:100%	
}
.instakop{
	width:100%;	
}
#instagram-photos{
	width:100%;	
	clear:both;
}
.cpheader{
	position:fixed;top:0;background-color:#000;width:100%;color:#FFF;font-size:12px;line-height:18px;z-index:9999999999999999;
}
.cpheader a, .cpheader a:hover{
	color:#FFF;
}

#hoogtepunten .h3, #hoogtepunten h3{
	margin-top:10px!important;	
	margin-bottom:15px!important;	
}
#content {
  background: none;
}
#bgmain{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	
}
:root{
	--cnvs-mfp-title-padding: 0.5rem 1rem;
	--padding-x-algemeen-desktop: 30px;
	--padding-x-algemeen-mobiel: 20px;
}
/* header */

#header {
	--cnvs-primary-menu-tt: normal;
	--cnvs-primary-menu-menu-padding-top: 10px;
	--cnvs-primary-menu-menu-padding-bottom: 8px;
	--cnvs-primary-menu-submenu-display-offset:0.5rem;
	--cnvs-primary-menu-submenu-tt: normal;
	--cnvs-primary-menu-submenu-top-border: 0;
	--cnvs-primary-menu-submenu-padding-y: 0;
	--cnvs-primary-menu-submenu-width: 280px;
	--cnvs-primary-menu-icon-size: 1.2rem;
}
.card {
	--bs-border-width:0;
	--bs-border-color-translucent:#FFF;
	--bs-border-radius:20px;
}
.portfolio, [class*=portfolio-] {
	--cnvs-portfolio-desc-padding-x: 1rem;
}
.card-body{
	text-align:center;	
}
.menu-link i {
	vertical-align: sub;

}
@media only screen and (max-width:992px) {	
	.menu-link i {
		display:none
	}
}
.sub-menu-container .menu-item > .menu-link {
	padding: 0 5px;
}
.primary-menu-open  .icon-line-chevron-down{
	display:none;
}
.header-afbeelding{
	width:100%;	
}
#posts, .posts, .entry, [class*=entry-] {
	--cnvs-post-content-margin: 20px;
}
.half{
	width:50%;	
	padding-top:20px;
	padding-bottom:20px;
	
}
.logoInIntro{
	position:absolute;
	top:40px;
	left:5rem !important;
	z-index: 5;	
}
.titel-inspring{
	margin-left:80px;	
}
/*popup image*/
.mfp-title {
	bottom: 0;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: rgba(39, 60, 68, 0.4);
}
.mfp-bottom-bar {
	margin-top: 0;
}
@media only screen and (min-width:992px) {	
	#logo {
		padding: var(--cnvs-header-padding-y) 0 var(--cnvs-header-padding-y) 0;
	}
	#related-portfolio{
		padding-left:20px;
		padding-right:20px;	
	}
}
.eerste, .eerstelabel{
	display:none;	
}
	
@media only screen and (max-width:992px) {	
	 #header-wrap #logo img {
		height: auto !important;
		width:100%;
		max-height:60px;
	}
	#header-wrap #logo {
		padding: 10px 0 10px 20px;
		max-width:70%;
	}
	.inhoudblok .container, .inhoudblok .container-fluid, .inhoudblok .container-xxl, .inhoudblok .container-xl, .inhoudblok .container-lg, .inhoudblok .container-md, .inhoudblok .container-sm {
		padding-left:0 !important;
		padding-right:0 !important;	
	}
	.portfolio-carousel{
		width: 100%;
	}
	.half{
		width:100%;	
	}
}
#header.sticky-header-shrink #logo{
	padding-top: var(--cnvs-header-padding-y-shrink);
	padding-bottom: var(--cnvs-header-padding-y-shrink);
}
/* header */
#header-wrap #logo img {
	height:calc(var(--cnvs-header-height) - var(--cnvs-header-padding-y) - var(--cnvs-header-padding-y));
}
.sticky-header  #header-wrap #logo img, .is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img {
	height:calc(var(--cnvs-header-height-shrink) - var(--cnvs-header-padding-y-shrink) - var(--cnvs-header-padding-y-shrink));
}
#header-wrap .header-row {
	/*height: calc(var(--cnvs-header-height) + 1px);*/
	transition: height 0.2s ease-in-out;
}
.sticky-header #header-wrap .header-row {
	/*height: calc(var(--cnvs-header-height-shrink) + 1px);*/
	transition: height 0.2s ease-in-out;
}
.sticky-header .menu-boven-container{
	/*
	display:none;
	transition: visibility 0s, opacity 0.2s linear;
	*/
}
ul.sub-menu-container, .is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container, .is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content{
	
}
.menu-link:not(.sub-menu-container .menu-link) div{
	margin-top: var(--cnvs-primary-menu-submenu-display-offset) !important;
	margin-bottom: var(--cnvs-primary-menu-submenu-display-offset) !important;
}
@media (max-width: 1340px) {

	#header-wrap #logo img {
		/*height:80px;*/
	}
	#header-wrap #logo {
		/*
		padding-top:10px;
		padding-bottom:10px;
		*/
	}
	.header-wrap-clone {
		/*height: 100px;*/
	}
	.menu-link {
		/*
		font-size:14px;	
		*/
	}
}
.primary-menu {
	padding-right:20px;	
}

#header-wrap, .is-expanded-menu .full-header .primary-menu .menu-container {
	border:0;	
}
.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
	background-color: var(--mob-hoofdmenu-btn-color);
}
.wittestreep {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 120px solid #FFF;
}

.label {
	margin-bottom: var(--cnvs-input-label-mb);
	font-weight: var(--cnvs-form-label-font-weight);
}
.checkbox-style-1-label:before, .radio-style-1-label:before, .checkbox-style-2-label:before, .radio-style-2-label:before, .checkbox-style-3-label:before, .radio-style-3-label:before {
	border: 2px solid var(--cnvs-themecolor);
}
.radio-style:checked + .radio-style-2-label:before {
	background: var(--cnvs-themecolor);
}

.alert {
	margin-right: calc(var(--cnvs-custom-gutter)* 0.5);
	margin-left: calc(var(--cnvs-custom-gutter)* 0.5);
}
.foutww{
	color:red;
}
/* inhoud */

#content{
	margin-top:-1px;	
}
.container-fs{
	margin: 0 auto;
}
.container-wide{
	max-width:1340px;
	margin: 0 auto;
}
.inhoudblok {
	position:relative;	
}
.tekst{
	padding-top:30px;
}
.nafsheader{
	margin-top:0;	
}
/*cookies*/
.toonCookieGoedkeuring{	
	position: fixed;
	z-index: 9999999; 
	left: 0;
	bottom: 0;
	padding-top: 0; 
	padding-bottom: 20px; 
	width: 100%;
	background-color: #10152C;
	color:#FFF;
}
.divtoonCookieGoedkeuring{
	position: fixed;
	display:none;
	z-index: 9999999; 
	left: 0;
	bottom: 0;
	padding-top: 0; 
	color:#FFF;	
	font-size: 14px;
	line-height:1.5;
}
.cookietabel{
	display:flex;	
	max-width:1400px;
	margin:0 auto;
}
.cookiesluit{
	width:	50px;
}
.cookietekst{
	width:	100%;
	padding-left: 20px;
	padding-top:20px;
	font-size: 18px;
}
.cookieuitleg{
	margin-bottom:10px;	
	display: inline-table;

}
.cookietekst h2{
	color:#FFF !important;
	font-size:26px !important;
	padding-top:10px;
	margin-bottom:3px;
}
.switch-text h3{
	color:#FFF;
	font-size:21px !important;
	margin-bottom:4px;
}
.cookiekleineknop{
	padding:0px 10px 3px 10px;
	background-color: rgba(0,0,0,0.7); 
	border-top-right-radius:10px;
}
.cookiekleineknop:hover{
	background-color: #888; 
}
.cookietekst a{
	color:#FFF!important;
	text-decoration:underline;
}

a.toonCookieGoedkeuringknop{
	color:#FFF;
	font-size:13px;
	text-decoration:none;
}
a.toonCookieGoedkeuringknop:hover{
	color:#FFF!important;
	text-decoration:none !important;
}
.cookiesluitknop{
	font-size:20px;
	margin-top:20px;
	font-weight:bold;
	background-color:#FFF;
	color:#000!important;
	border-radius:100%;
	text-align:center;
	width:30px;
	height:30px;
	line-height: 1;
	box-sizing: border-box;
	display:table;
	vertical-align:center;
	padding-top:3px;
}
.cookiesluitknop:hover{
	background-color: rgba(255,255,255,0.7); 
	text-decoration:none;
}
.switch-toggle-round:disabled + label {
	cursor: not-allowed;
}
.switch-toggle-round + label::before {
	background-color: #B5B5B5;
}
.switch{
	--cnvs-switch-active-bg: #06BF0B;
	--cnvs-switch-width: 50px;
	width:40px;
	position:absolute;	
}
.switch-text{
	width:calc(100% - 60px);
	margin-left:60px;
}
.verborgen{
	display:none;	
}
.tonen{
	display:block;	
}
.kaartplaceholder{
	height: 650px; width:100%;margin-bottom: 20px;background-color:#efefef;padding:30px 5%;	
}
.helekaart{
	height: 650px; width:100%;margin-bottom: 20px;background-color:#efefef;	
}
/*mw*/
.ruimte-onder{
	padding-bottom:35px;
}

.medewerker .btn-email{
	position:absolute;
	bottom:20px;	
}

/* inhoud  blokken bg */
.losseblokken {
	margin-top:40px;
}
.eersteblok {
	margin-top: 0;
}
.kleine-afstand-tussen-blokken .bloklinks{
	padding-right:2rem !important;	
}
.kleine-afstand-tussen-blokken .blokrechts{
	padding-left:2rem !important;	
}
.inleiding{
	
}
.intro-met-platte-afbeelding{
	margin-bottom:0;
}
.intro-met-afbeelding{
	margin-bottom:0;
}
.intro-left{
	padding-top:40px!important;
	padding-bottom:30px!important;
	
}
.intro-left-met-text{
	padding-top:40px!important;
	padding-bottom:30px!important;
}
.bgfsheaderZonderFoto .intro-left-content{
	padding-bottom:0;	
}
.intro-left-beeld{
	min-height: 160px;
}
.intro-streep {
	box-shadow: inset 0 -60px 0 #FFF;
	
}
.streep-onder-intro{
	position:absolute;height:60px;background-color:#FFF;width:100%;bottom:0;left:0;
	
}
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.bloklinks,.blokrechts  {
	padding-top:40px;
}
.intro-right{
	z-index: 10;
	/*margin-bottom:-160px;*/
	align-self: flex-start;
}
.intro-right-small {
	 margin-bottom: -0;
	
}

.intro-right-big {
	margin-bottom: 0;
}
.events-calendar-header h3{
	padding-right:0;
}
@media only screen and (max-width:992px) {	
	.intro-left, .border-btm-intro .intro-left {
		max-width: 992px;
	}
	.intro-right{
		margin-bottom:-10px;
	}
	.intro-left-met-text{
		padding-top:30px!important;
		padding-bottom:30px!important;
	}
}

.device-down-lg .intro-right{
	
}
.intro h1, .intro h2, .intro h3, .intro h4{
	color:#fff;
}
.device-up-lg .mt-neg{
	margin-top:-120px;
}
.device-down-lg .mt-neg{
	margin-top:20px;
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	--bs-gutter-x: 0;
}
.gutter-0 {
	--cnvs-custom-gutter: 0;
}
.gutter-3 {
	--cnvs-custom-gutter: 15px;
}
.gutter-x-3 {
	--bs-gutter-x: 15px!important;
	--cnvs-custom-gutter: 15px!important;
}

.full-overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.full-overlay h1, .full-overlay h2, .full-overlay h3 {
	color: #FFF;
}

.carousel {
	margin-left: var(--padding-x-algemeen-desktop) !important;
	margin-right:var(--padding-x-algemeen-desktop) !important;
}
.intro-right-content .carousel {
	margin-left: 0 !important;
	margin-right:0 !important;
}

@media only screen and (max-width:992px) {	
	.carousel {
		margin-left: var(--padding-x-algemeen-mobiel) !important;
		margin-right: var(--padding-x-algemeen-mobiel) !important;
	}
}


.carrousel-nav-bottom .owl-prev,.carrousel-nav-bottom .owl-next{
	top:auto!important;
	bottom:-13px;
	display:block;
	opacity:1 !important; 
}	


.carrousel-nav-bottom  .owl-nav {
	display: block !important; 
	opacity:1 !important; 
}
.uitbeeld{
	position:absolute !important;
	left:-4000px !important;
}


.carrousel-nav-middle .owl-prev,.carrousel-nav-middle .owl-next{
	top:auto!important;
	bottom:-13px;
	display:block;
	opacity:1 !important; 
}	
.carrousel-nav-middle .owl-next{
	right:calc(var(--cnvs-owl-nav-sizes) - 15px ) !important; 
}	
@media only screen and (max-width:996px) {	
	.carrousel-nav-middle .owl-next{
		right:calc(var(--cnvs-owl-nav-sizes) + 20px) !important; 
	}	
}

.carrousel-nav-middle .owl-prev{
	left:15px !important; 
}	
.carrousel-nav-middle  .owl-nav {
	position:absolute !important; 
	top:50% !important; 
	display: block !important; 
	opacity:1 !important; 
	width: 100%;
}

.owl-carousel .owl-stage{
	display: flex!important;
}
.owl-carousel .owl-item {
	background:#FFF;/*alles gelijke hoogte*/
}
.hoogtepunt-btn-div{
	position:absolute;bottom:10px;left:20px;z-index:9;
}
/*voor header 2*/

.carousseltitel{
	position:absolute;
	top:40%;
	left:10%;
	z-index:10;
}
.carousel-caption, .carousel-control-prev, .carousel-control-next, .carousel-indicator{
	z-index:10;
}
.car-type-2 .carousel-control-prev, .car-type-2 .carousel-control-next {
	width:6%;	
}
@media only screen and (max-width:996px) {	
	.car-type-2 .carousel-control-prev, .car-type-2 .carousel-control-next {
		align-items:baseline;
		margin-top:20%;
	}
}
@media only screen and (min-width:996px) {	
	.kalender{
		min-height:400px;
	}
}

/* footer  */
#footer {
	border-top: 0;
	padding-left:20px;
}
/* footer images */
.logo-btm{
	margin-top:-10px;
}
.ico-fb{
	height:45px;	
}
.ico-footer{
	height:45px;
	margin-right:15px;
}
/*formulieren*/
.form-group > label.error {
	display: block !important;
	text-transform: none;
}

.form-group input.valid ~ label.error,
.form-group input[type="text"] ~ label.error,
.form-group input[type="email"] ~ label.error,
.form-group input[type="number"] ~ label.error,
.form-group select ~ label.error,
.form-group textarea ~ label.error { display: none !important; }

.bootstrap-select.form-control {
	font-size: var(--cnvs-input-btn-font-size);
	font-family: var(--cnvs-input-font-family);
	font-weight: var(--cnvs-input-btn-font-weight);
	line-height: var(--cnvs-input-btn-line-height);
	color: var(--cnvs-input-btn-input-color);
	background-color: var(--cnvs-input-btn-input-bg);
	border: var(--cnvs-input-btn-border-width) solid var(--cnvs-input-btn-border-color);
	border-radius: var(--cnvs-form-control-radius);
}
.checkbox-style, .radio-style, .checkbox-style-1-label, .radio-style-1-label, .checkbox-style-2-label, .radio-style-2-label, .checkbox-style-3-label, .radio-style-3-label {
	font-weight: normal;
}
.bi-eye::before {
	content: "\f341";
}
.passowd-shown .bi-eye::before {
	content: "\f340";
}
.form-select-small{
	width:70px;
}
/* .button-reveal */

.button.button-reveal i {
	opacity: 0;
	left: auto !important;
	right: 20px !important;
	background-color: transparent;
	transition: all .3s ease !important;
}

.button.text-end.button-reveal i {
	left: 20px !important;
	right: auto !important;
}

.button:not(.text-end).button-reveal i {
	left: auto !important;
	right: 20px !important;
}

.button:hover.button-reveal i {
	opacity: 1;
	right: 0 !important;
	transform: translateX(-10px);
}

.button.button-reveal:not(.text-end):hover span { left: -9% !important; }

.button.button-reveal.text-end:hover span { left: 9% !important; }

.bi-chat-dots::before {
	padding-left: 12px;
}

/*navigatie*/

nav{
	display:flex;	
	flex: 0 0 auto;
}

.sub-menu-container{
	margin-top:10px;	
}

.menu-link {
	padding-top:0;
	padding-bottom:0;	
}
.menu-link div{
	padding-top: var(--cnvs-primary-menu-menu-padding-top);
	padding-bottom: var(--cnvs-primary-menu-menu-padding-bottom);
}

/*hoofmenu desktop*/
.menu-item-hover .menu-link:not(.sub-menu-container .menu-link){
	/*color:var(--cnvs-primary-menu-hover-color) !important;*/
}
 .menu-link:not(.sub-menu-container .menu-link):not(.sub-sub-menu-container .menu-link):not(.primary-menu-open .menu-link):not(.menu-item.current > .menu-link){
 	transition:none;
	/*
	padding-top:8px;	
	padding-bottom:8px;	
	*/
	color: var(--hoofdmenu-btn-color);
	background-color: var(--hoofdmenu-btn-bg);
	border-radius: var(--hoofdmenu-btn-radius);
}
/*hoofmenu desktop hi en hover*/
.menu-link.active:not(.sub-menu-container .menu-link.active):not(.sub-sub-menu-container .menu-link.active):not(.primary-menu-open .menu-link.active),
.menu-link:not(.sub-menu-container .menu-link:hover):not(.sub-sub-menu-container .menu-link:hover):hover:not(.primary-menu-open .menu-link:hover):hover,
.menu-item.current > .menu-link {
	color: var(--hoofdmenu-btn-color-hi);
	background-color: var(--hoofdmenu-btn-bg-hi);
	border-radius: var(--hoofdmenu-btn-radius-hi);
}
/*hoofmenu mobiel*/
.primary-menu-open .menu-link:not(.sub-menu-container .menu-link):not(.sub-sub-menu-container .menu-link){
 	transition:none;
	color: var(--mob-hoofdmenu-btn-color);
	background-color: var(--mob-hoofdmenu-btn-bg);
	border-radius: var(--mob-hoofdmenu-btn-radius);
}
/*hoofmenu mobiel hi en hover*/
.primary-menu-open .menu-link.active,.primary-menu-open .menu-link:hover{
	color: var(--mob-hoofdmenu-btn-color-hi)!important;
	background-color: var(--mob-hoofdmenu-btn-bg-hi)!important;
	border-radius: var(--mob-hoofdmenu-btn-radius-hi)!important;
}
/*hoofmenu desktop afwijkend */
 .menu-link.hoofdmenu-diff:not(.sub-menu-container .menu-link.hoofdmenu-diff):not(.sub-sub-menu-container .menu-link.hoofdmenu-diff):not(.primary-menu-open .menu-link.hoofdmenu-diff){
	color: var(--hoofdmenu-btn-different-color);
	background-color: var(--hoofdmenu-btn-different-color-bg);
}
/*hoofmenu afwijkend hi en hover*/
.menu-link.hoofdmenu-diff.active:not(.sub-menu-container .menu-link.hoofdmenu-diff.active):not(.sub-sub-menu-container .menu-link.hoofdmenu-diff.active),
.menu-link.hoofdmenu-diff:not(.sub-menu-container .menu-link.hoofdmenu-diff:hover):not(.sub-sub-menu-container .menu-link.hoofdmenu-diff:hover):hover{
	color: var(--hoofdmenu-btn-different-color-hi)!important ;
	background-color: var(--hoofdmenu-btn-different-color-bg-hi) !important;
}
/*hoofmenu mobiel afwijkend */
.primary-menu-open .menu-link.hoofdmenu-diff{
	color: var(--mob-hoofdmenu-btn-different-color)!important;
	background-color: var(--mob-hoofdmenu-btn-different-color-bg)!important;
}
/*hoofmenu mobiel afwijkend hi en hover */
.primary-menu-open .menu-link.hoofdmenu-diff:not(.sub-menu-container .menu-link.hoofdmenu-diff:hover):not(.sub-sub-menu-container .menu-link.hoofdmenu-diff:hover):hover{
	color: var(--mob-hoofdmenu-btn-different-color-hi)!important;
	background-color: var(--mob-hoofdmenu-btn-different-color-bg-hi)!important;
}
.menu-link.hoofdmenu-diff:
/*sub menu desktop */
.sub-menu-container .menu-item > .menu-link{
	background-color: var(--submenu-btn-color-bg);
	color: var(--submenu-btn-color);	
}
/*sub menu mobiel */
.primary-menu-open .sub-menu-container .menu-item > .menu-link{
	background-color: var(--mob-submenu-btn-color-bg);
	color: var(--mob-submenu-btn-color);	
}

/*sub menu desktop hi en hover */
.sub-menu-container .menu-item > .menu-link:hover,.sub-menu-container .menu-item > .menu-link.active{
	background-color: var(--submenu-btn-color-bg-hi);
	color: var(--submenu-btn-color-hi);
}
/*sub menu mobiel  hi en hover */
.primary-menu-open .sub-menu-container .menu-item > .menu-link:hover,.primary-menu-open .sub-menu-container .menu-item > .menu-link.active{
	background-color: var(--mob-submenu-btn-color-bg-hi);
	color: var(--mob-submenu-btn-color-hi);
}
/*sub menu mobiel afwijkend*/
.primary-menu-open .sub-menu-container .menu-item > .menu-link{
	/*
	background-color: var(--mob-submenu-btn-different-color-bg);
	color: var(--mob-submenu-btn-different-color);	
	*/
}

/*sub menu afwijkend mobiel  hi en hover */
.primary-menu-open .sub-menu-container .menu-item > .menu-link:hover,.primary-menu-open .sub-menu-container .menu-item > .menu-link.active{
	/*
	background-color: var(--mob-submenu-btn-color-different-bg-hi);
	color: var(--mob-submenu-btn-different-color-hi);
	*/
}


.is-expanded-menu .sub-menu-container .menu-item > .menu-link div{
	border-bottom:	var(--submenu-tussen-lijn);
	padding-top:8px;	
	padding-bottom:8px;	
}

.is-expanded-menu .menu-link{
	transition: none;

}
.is-expanded-menu .sub-menu-container .menu-link{
	margin-top: 0;
	margin-bottom: 0;
}
.is-expanded-menu .sub-menu-container .menu-item > .menu-link{
	padding-top:0;
	padding-bottom:0;
}
.menu-item:not(:first-child) {
	border-top: var(--mob-submenu-tussen-lijn);
}
.sub-menu-container, .sub-menu-container .menu-item:not(:first-child) {
	border-top: var(--mob-submenu-tussen-lijn);
}
/* subnavrechts */
.subnav{
	margin-bottom: 20px;
	padding-top:30px;
	padding-bottom: 30px;
}

.subnavrechts a{
	background-color: var(--subnavrechts-color-bg);
	color: var(--subnavrechts-color);
	border-radius: var(--subnavrechts-radius);
	margin-bottom:7px;
	padding:4px 16px;
	display:table;
	width:100%;
}
.subnavrechts a:hover,.subnavrechts.active a:not(.subsubnavrechts a), .subsubnavrechts.active a{
	background-color: var(--subnavrechts-color-bg-hi);
	color: var(--subnavrechts-color-hi);
	text-decoration:none;
}
.subsubnavrechts a{
	background-color: var(--subnavrechts-color-bg);
	color: var(--subnavrechts-color);
	border-radius: var(--subnavrechts-radius);
	margin-bottom:7px;
	padding:4px 16px;
	display:table;
	width:calc(100% - 32px);
}

.subnavrechts, .subsubnavrechts{
	list-style: none;
}
.subsubnavrechts a {
	margin-left: 12px;
	width: calc(100% - 12px);
	font-size:85%;
}
.img-hover-card > a::after {
	background-color: rgba(0, 0, 0, 0);
}
.downloadkop{
	margin-top:24px;	
}
.tabel{
		border:0;
}
.tabel td{
	padding:4px 10px 4px 10px;
	border:1px solid #B4DAE9;
}

.tabel tr:nth-child(even) {background: #E8F3F7}
.tabel tr:nth-child(odd) {background: #f5f9fa}
/*.tabel tr:first-child{background: #c9e5ef}*/



td.tabelbgdonker, tr.tabelbgdonker{
	background: #c9e5ef !important;
}
@media only screen and (min-width:996px) {	
	 .menu-container:not(.mobile-primary-menu):not(.primary-menu-open .menu-container) {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--hoofdmenu-btn-gap);
	}
	.primary-menu-trigger, #page-menu-trigger, .sub-menu-container{
		display:none;	
	}
	.primary-menu{
		flex-basis: auto;
		flex-grow: 0;
	}
	.menu-item:not(:first-child) {
		border-top: 0;
	}
	 .menu-link {
		--cnvs-primary-menu-padding-y: calc(calc(var(--cnvs-sticky-header-height) - 22px) * 0.5);
		--cnvs-primary-menu-padding-x: 15px;
	}
	.with-arrows .menu-container > .menu-item > .menu-link div > i.sub-menu-indicator {
		display: inline-block;
	}
	 .menu-link div > i.sub-menu-indicator {
		top: 0px;
		font-size: 0.75rem;
		margin: 0 0 0 0.1875rem;
		opacity: 0.9;
	}
	 .menu-container > .menu-item:not(:first-child) {
		margin-left: 2px;
	}
	.header-titel{
		display:block;
	}
	.mob-header-titel{
		display:none;
	}
}
.mob-header-titel h3{
	max-width: 50%;
	font-size: 5vw;
}

/*input placeholder*/

::-webkit-input-placeholder { color:  #ccc; text-overflow: ellipsis; font-size:12px;}
:-moz-placeholder { color: #ccc !important; text-overflow: ellipsis;font-size:12px; }
::-moz-placeholder { color: #ccc !important; text-overflow: ellipsis; font-size:12px;}
:-ms-input-placeholder {  color: #ccc !important; text-overflow: ellipsis; font-size:12px;}

.downloads{
	margin-bottom:30px;	
}
.fotorechts{
	padding:0;
}
.fotorechts .blokrechts{
	padding:0 !important;
}
.fotorechts .blokrechts img{
	width:100% !important;
}
.fotorechts .row{
	align-items: stretch !important;
}
.blokfoto{
	max-width:100%;	
}
.coverbg{
	background-size:cover;	
	background-position: center;
}
/*algemeen*/

p{
	margin:0;
	padding:0;	
}


.niettonen, #evengeduld{
	display:none;	
}
.mb-8{
	margin-bottom: 4rem	!important;
}
.pt-190px {
	padding-top: 190px !important;
}
.pt-40px{
	padding-top: 40px !important;
}
.pt-subnav{
	padding-top: 80px !important;
	margin-top:-40px;
}
.pt-subnav-no-image{
	padding-top: 40px !important;
	margin-top:0;
}
.px-7 {
	padding-right: 6rem !important;
	padding-left: 6rem !important;
}
.px-8 {
	padding-right: 7rem !important;
	padding-left: 7rem !important;
}
.pr-6 {
	padding-right: 5rem !important;
}
.pl-6 {
	padding-left: 5rem !important;
}
.bloklinks.px-6 {
	padding-right: 2rem !important;
}
.blokrechts.px-6 {
	padding-left: 2rem !important;
}
@media only screen and (max-width:992px) {	
	.px-6 {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	.pr-6 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.blokrechts {
		padding-top:30px;	
	}
	.schoollijstje-links {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}
.pr-1 {
	padding-right: 0.5rem !important;
}
.pr-2 {
	padding-right: 1rem !important;
}
.pr-3 {
	padding-right: 2rem !important;
}
@media only screen and (min-width:996px) {	
	.pr-lg-3 {
		padding-right: 2rem !important;
	}
}
.pr-4 {
	padding-right: 3rem !important;
}

.pr-8 {
	padding-right: 7rem !important;
}
.pr-9{
	padding-right: 8rem !important;
}
.pb-7{
	padding-bottom: 6rem !important;
}
.pb-30px{
	padding-bottom: 30px !important;
}
.px20px{
	padding-left:20px;
	padding-right:20px;	
}
.mb-klein{
	margin-bottom:0;	
}
.mb-groot{
	margin-bottom:120px;	
}

@media only screen and (max-width:996px) {	
	.px-mob-20px{
		padding-left:20px;
		padding-right:20px;	
	}
	.mob-max-800{
		max-width:996px;
		margin-left: auto;
		margin-right: auto;	
	}
	.mob-px-6{
		
	}
	.mob-px-3{
		margin-left:0;	
		margin-right:0;	
	}
	.mob-center {
		text-align: center !important;
	}
	.mb-groot{
		margin-bottom:10px;	
	}
}
.content-wrap{
	overflow:visible;	
	padding:0;
}

.row:not(.metgutter) {
	--bs-gutter-x: 0;
}
.flex{
	display:flex;
	flex-wrap:wrap;
}
[class*=gutter-] {
	margin-top:0;
}
.foto-vacature{
	width:100%;	
}
.owl-carousel .owl-nav [class*=owl-]{
	transition:none;	
}

.fc-calendar .fc-body {
	height: auto;
	min-height: 200px;
	padding:0;
}
.fc-calendar .fc-row > div{
	overflow:visible;
	vertical-align: top;
	min-height: 60px;
}
.fc-four-rows .fc-row {
	height:auto;
	min-height: 60px;
}
.fc-five-rows .fc-row {
	height:auto;
	min-height: 60px;
}
.fc-six-rows .fc-row {
	height:auto;
	min-height: 60px;
}

.fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span {
	text-overflow: clip;
	white-space: normal;
}
.fc-calendar .fc-row > div.fc-today {
	min-height:60px;	
}
.events-calendar-header{
	padding:0 20px;	
}
.events-calendar-header nav {
	top:5px;	
	left: 0;
	right:auto;
}
.fc-emptydate{
	display:none;	
}

.custom-content-reveal {
	background: #f6f6f6;
	background: rgba(246, 246, 246, 0.95);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0px;
	text-align: center;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	overflow-y: auto;
}

.custom-content-reveal span.custom-content-close {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #ef4f69;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	cursor: pointer;
	line-height: 13px;
	padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
	content: 'x';
	font-size: 18px;
	color: #fff;
}

.custom-content-reveal a,
.custom-content-reveal span {
	font-size: 22px;
	padding: 10px 30px;
	display: block;
}

.quotes{
	font-size:48px;
	font-style:italic;	
	font-weight:bold;
	line-height:1.1;
	--cnvs-quote-icon-size:40px;
	text-align:center;
	margin:70px auto 50px auto;
	max-width:80%;
	z-index:2;
}
.metsubnav .quotes{
	font-size:40px;
	max-width:100%;
}
.quotetekst{
	z-index:2;
}
.quotediv{
	position:absolute;	
	margin-top:-17px;
	margin-left: -20px;
	z-index:-1;
	display: inline-flex;
}
.bi-quote{
	width: var(--cnvs-quote-icon-size);
	height: var(--cnvs-quote-icon-size);
	line-height: var(--cnvs-quote-icon-size);
	font-size: calc(var(--cnvs-quote-icon-size) - 6px);
	font-style:italic;	
	display: inline-flex;
}
.omgekeerd{
	transform: rotate(180deg);
	margin-top: 25px;
	margin-left: -20px;
}
.instakop{
	width:100%;	
}
#instagram-photos{
	width:100%;	
	clear:both;
}
/*
tabellen
*/
.tabelvcenter td{
	vertical-align:middle;	
}

/*albums*/

.flex-control-nav {
	/*bij veel foto's niet goed
	display: none;
	*/
}
.grid-container{
	margin-left:0;
	margin-right:0;
}
@media only screen and (min-width:1360px) {	
	.grid-container{
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}
}
.bg-overlay .portfolio-desc {
	padding: 20px 0px 20px 0px;
}
.bg-overlay-content{
	padding:0;	
}
.overlay-trigger {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
}
.view-album{
	position:absolute;
	top:10px;
	right:10px;
}
.center .button.button-reveal.button-xlarge {
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
}
@media only screen and (max-width:996px) {	
	.button.button-xlarge {
		--cnvs-btn-padding-x: 1.5rem;
		--cnvs-btn-padding-y: 0.425rem;
		--cnvs-btn-fontsize: 1rem;
	}
	.button.button-reveal.button-xlarge {
		padding-right: 30px;
		padding-left: 30px;
	}
}
ul, ol{
	margin-top:0px!important;
	margin-bottom:10px!important;
	margin-left:0!important;
	padding-left:0!important;
	display:block;
}
ol{
	margin-top:8px!important;
	margin-left:20px!important;
}
ul.menu-container{
	margin-bottom:0!important;
}
ul:not(.list), ol:not(.list){
	padding-left:15px!important;
}

ul.sub-menu-container{
	padding-left:0!important;
}
.primary-menu-open ul.sub-menu-container{
	padding-left:15px!important;
}
ul.header-extras{
	margin-bottom:0!important;
}
/* hoogtepunten */

@media only screen and (min-width: 992px) {
	.desk-px-20 {
		/*
		padding-left: 20px;
		padding-right: 20px;
		*/
	}
}

#fotoSlider, #hoogtepunten{
	margin-bottom:40px;	
}

.helebreedte #fotoSlider, .helebreedte #hoogtepunten {
	margin-bottom: 0;
}
.helebreedte .container{
	padding-bottom:20px;
	padding-top:20px;	
	margin-bottom:40px;	
}
.helebreedte .container  #hoogtepunten,.helebreedte .container  #fotoSlider{
	padding-left:20px;
	padding-right:20px;	
}
.order-6 {
  order: 6 !important;
}
.order-7 {
  order: 7 !important;
}
.order-8 {
  order: 8 !important;
}
.nieuws-links{
	padding-right: 2rem !important;
	padding-left: 0 !important;
	margin-bottom:30px;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:30px;
}
.nieuws-links img{
	width:100%;	
}
/*info carrousels*/
.infocarrousels {
	margin-bottom: var(--blok-afstand-y);
	margin-left: var(--margin-x);
	margin-right: var(--margin-x);
	align-items: stretch;
}
.infocarrousels .portfolio-single-image {
	background: #242E5D;
	color: #FFF;
}
.infocarrousels h1, .infocarrousels h2, .infocarrousels h3, .infocarrousels h4 {
	color: #FFF;
}
[class*=col-mb-] > .col, [class*=col-mb-] > [class*=col-] {
	padding-bottom: var(--cnvs-col-mb);
}
#footer{
	[class*=col-mb-] > .col, [class*=col-mb-] > [class*=col-] {
		padding-bottom: 0 !important;
	}
	table{
		margin-bottom:0;	
	}
}
.infocarrousels div {
	margin-bottom: 0;
	padding-bottom: 0 !important;
}
.infocarrousels .fslider, .infocarrousels .fslider .flexslider, .infocarrousels .fslider .slider-wrap, .infocarrousels .fslider .slide, .infocarrousels .fslider .slide > a, .fslider .slide > img, .infocarrousels .fslider .slide > a > img {
	height: 100% !important;
}
.infocarrousels .slide div {
	padding: 30px 80px !important;
}
/*hiermee blijft menu open als je naar nieuwe pagina gaat en opzelfde plek in hoofdnav blijft*/
.is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.menu-item-hover) > .sub-menu-container > *{
	display:block !important;	
}
.vlagrechtsbovenpadding {
	padding-right: 40px !important;
}
.vlagrechtsboven{
	right:0;	
	top:0;
	display: flex;
	align-items: center;
	z-index:99999;
	height:100%;
}
@media only screen and (min-width: 992px) {
	.vlagrechtsboven{
		position:absolute;
		right:40px;
	}
}
@media only screen and (max-width: 992px) {
	.vlagrechtsboven{
		right:42px;	
	}
	.vlagrechtsbovenpadding{
		padding-right:0 !important;	
	}
}
@media only screen and (min-width:996px) {	
	#footer{
		opacity:0;	
	}
}
/*standaard ruimte links en rechts*/

#logo{
	padding-left:var(--padding-x-algemeen-desktop);
}
.logo-footer{
	max-width:90% !important;	
}

.container-wide .inhoudblok, .bgfsheader .container-wide{
	padding-left:0;
	padding-right:0;	
}

.inhoudblok .container,  .intro, .tekst, .intro-heel h1, .intro-heel .inleiding {
	padding-left:var(--padding-x-algemeen-desktop) !important;
	padding-right:var(--padding-x-algemeen-desktop) !important;
}

.px-6 h1, .px-6 .inleiding {
	padding-left:0 !important;
}
.subNavRechtsGeenPadding {
	padding-right:0 !important;	
}
.subNavRechtsGeenPadding {
	padding-right:var(--padding-x-algemeen-desktop) !important;	
}
.container-wide2 {
	/*padding-right:var(--padding-x-algemeen-desktop) !important;	*/
}
.container-wide2 .subNavRechtsGeenPadding {
	/*padding-right:0 !important;	*/
}

.bgkleurstijl,.inhoudblok .container.bgkleurstijl{
	padding-left:var(--padding-x-algemeen-desktop) !important;
	padding-right:var(--padding-x-algemeen-desktop) !important;
	margin-left:var(--padding-x-algemeen-desktop) !important;
	width: calc(100% - calc(2 * var(--padding-x-algemeen-desktop)));
}
.bgfotorechts .container.bgkleurstijl{
	padding-right:0 !important;
	padding-left:0 !important;
}
.bgkleurstijl .pr-6{
	padding-right:0 !important;
	margin-right:0 !important;
}
.losseblokken .bloklinks{
	padding-right:calc(0.5 * var(--padding-x-algemeen-desktop)) !important;
}
.losseblokken .blokrechts{
	padding-left:calc(0.5 * var(--padding-x-algemeen-desktop)) !important;
}
iframe{
	width:auto;	
}
.video-wrapper iframe{
	width:auto;	
}
.video-wrapper, .vervang-vimeo, .vervang-youtube{
	width:100%;	
}
@media only screen and (max-width: 992px) {
	#logo{
		padding-left:var(--padding-x-algemeen-mobiel);
	}
	.logo-footer{
		max-width:200px !important;	
	}
	.inhoudblok .container, .intro ,.tekst, intro-heel h1{
		padding-left:var(--padding-x-algemeen-mobiel) !important;
		padding-right:var(--padding-x-algemeen-mobiel) !important;	
	}
	.bgkleurstijl{
		margin-left:var(--padding-x-algemeen-mobiel) !important;
		margin-right:var(--padding-x-algemeen-mobiel) !important;
		padding-left:var(--padding-x-algemeen-mobiel) !important;
		padding-right:var(--padding-x-algemeen-mobiel) !important;	
	}
	.intro-heel .inleiding,  .intro-left-content h1 {
		padding-left:0 !important;
	}
	.inhoudblok .container, .intro, .tekst, .intro-heel h1, .intro-heel .inleiding {
		padding-left: var(--padding-x-algemeen-mobiel) !important;
	}
	.inhoudblok .bloklinks, .inhoudblok .blokrechts {
		padding-left:0 !important;
		padding-right:0 !important;	
	}
	.subnav, .container-wide2 {
		padding-right:0 !important;	
	}
	.container-wide2 .subnav {
		padding-right:var(--padding-x-algemeen-mobiel) !important;	
	}
	.container-wide2 .subNavRechtsGeenPadding.subnav {
		padding-left:var(--padding-x-algemeen-mobiel) !important;	
	}
	.pl-6.subnav {
		padding-left:var(--padding-x-algemeen-mobiel) !important;
	}
	.losseblokken .bloklinks{
		padding-right:calc(0.5 * var(--padding-x-algemeen-mobiel)) !important;
	}
	.losseblokken .blokrechts{
		padding-left:calc(0.5 * var(--padding-x-algemeen-mobiel)) !important;
	}
}
 .owl-carousel .owl-nav .owl-next {
	right: calc(-1 * var(--cnvs-owl-nav-sizes) / 2)!important;;
}

/*hoog contrast stand*/

#contrast{
	background-color:#FFF;
	border-radius:40px;
	height:32px;
	width:32px;
	position:absolute;
	top:140px;
	right:10px;
	padding:5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#contrast img{
	width:100%;	
	vertical-align: top;
}
.logo-dark,.logo-footer-dark{
	display:none;	
}
.logo-default,.logo-footer{
	display:block;	
}
.dark {
	--cnvs-contrast-bg: #fff;
	--cnvs-contrast-800:#000;
	--subnavrechts-color-bg-hi:#000;
	.intro a{
		color:#fff !important;
	}
	.logo-dark,.logo-footer-dark{
		display:block;	
	}
	.logo-default,.logo-footer{
		display:none;	
	}
	img{
		filter: grayscale(100%) !important;
	}
	.introbg, .coverbg{
		filter: grayscale(100%) !important;
	}

	#header-wrap,.intro, .introbreed, .bgblauwvlakboven, .bgmintgroenenblauwvlak, .bgblauwnaastfoto.fotorechts .bloklinks, .bgblauwnaastfoto.fotolinks .blokrechts , #footer, .infocarrousels .portfolio-single-image, .intranet a, .zoekschoolknopvak a{
		background:#000 !important;	
	}
	.bgblauw {
		background:#4A4A4A !important;	
	}
	.sub-menu-container .menu-item > .menu-link, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 ,.quotes, .bglichtblauw h1, .bglichtblauw h2, .nieuwsdatum, .agendadatum{
		color:#000;
	}
	.intro h1 { 
		color:#FFF !important;
		background:transparent !important;
		-webkit-background-clip: none !important;
		-webkit-text-fill-color: #FFF !important;
	}
	#footer,#footer a,#footer h1, #footer h2, #footer h3, #footer h4, .bgblauwnaastfoto h1, .bgblauwnaastfoto h2, .bgblauwnaastfoto h3, .bgblauwnaastfoto a, .intro h1, .bgfsheader, .bgfsheaderZonderFoto, .menu-link  { 
		color:#FFF !important;
		
	}
	.menu-boven-container, .blokje-item, .bgmintgroendeellinks, .bgoranjedeellinks, .bgmintgroendeelbreed, .bgmintgroendeelmidden, .bgmintgroendeelrechts, .inleidingkleur , .bgoranjedeelrechts, .bglichtblauw {
		background:#F4F4F4 !important;	
	}
	.bgmintgroenenblauwvlak .bloklinks, .bgmintgroenenblauwvlak .blokrechts  {
		background-color: #FFF !important;
	}
	.mintgroenkader .kader, iframe.kader {
		border: 20px solid #F4F4F4 !important;
	}
	.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after{
		background:#FFF !important;	
	}
	.bgmintgroendeelmidden .container .row, .bgmintgroendeelrechts .container .row, .bgoranjedeelrechts .container .row{
		background-color: #F4F4F4 !important;
	}
	.intro a.lichtblauweknop{
		background-color: #FFF !important;
		color:#000 !important;
	}
	a {
		text-decoration:underline;
		color:#000!important;
	}
	#footer a{
		text-decoration:underline;
	}
	.bg-btn, .subnavrechts.active a:not(.subsubnavrechts a), .subsubnavrechts.active a{
		background-color: #000 !important;
		color:#fff !important;
	}
	.intro .bg-btn{
		background-color: #fff !important;
		color:#000 !important;
	}
	.subnavrechts a:hover, .sub-menu-container .menu-link{
		color:#000 !important;
	}
	.subnavrechts a:hover, .cnvs-hamburger {
		color:#fff !important;
	}
	.primary-menu-open .primary-menu {
		background-color: #000 !important;
	}
}