:root, [data-bs-theme=light] {
  --bs-blue										: #177f8b;
  --bs-indigo									: #393b41;
  --bs-purple									: #6f42c1;
  --bs-pink										: #d63384;
  --bs-orange									: #fd7e14;
  --bs-yellow									: #faa61a;
	--bs-teal										: #fff;
  --bs-cyan										: #71e6f3;
	--bs-cyan-hover							: #68cad5;
	--bs-magenta								: #d4aaf2;
	--bs-magenta-hover					: #a987c2;
	--bs-lime										: #aff2aa;
	--bs-lime-hover							: #8ecc89;
  --bs-white									: #fff;
  --bs-gray										: #6c757d;
  --bs-gray-dark							: #393b41;
	--bs-brown 									: #711f1f;

	--bs-red										: #6a0c0c;
	--bs-red-hover							: #801b14;
	--bs-red-rgb								: 231, 48, 42;
	
  --bs-green									: #faa61a;
	--bs-green-hover						: #e69918;	
	--bs-green-rgb							: 250, 166, 26;

  --bs-gray-100								: #f8f9fa;
  --bs-gray-200								: #e9ecef;
  --bs-gray-300								: #dee2e6;
  --bs-gray-400								: #ced4da;
  --bs-gray-500								: #adb5bd;
  --bs-gray-600								: #6c757d;
  --bs-gray-700								: #495057;
  --bs-gray-800								: #343a40;
  --bs-gray-900								: #212529;
	
	--bs-primary-color 					: #212121;
  --bs-primary								: #faa61a;
	--bs-primary-hover-color 		: #212121;
	--bs-primary-hover 					: #e69918;
	
	--bs-secondary-color				: #212121;
	--bs-secondary							: #ced4da;
	--bs-secondary-hover-color	: #212121;
	--bs-secondary-hover				: #b6bdc4;
	--bs-secondary-border 			: #212121;
	--bs-secondary-border-hover : #212121;
	
	--bs-info-color							: #212121;
	--bs-info 									: #177f8b;
	--bs-info-hover-color 			: #fff;
	--bs-info-hover 						: #105a63;
	--bs-info-border 						: #177f8b;
	--bs-info-border-hover 			: #177f8b;
	
	--bs-warning-color 					: #fff;
	--bs-warning 								: #393b41;
 	--bs-warning-hover-color 		: #fff;
	--bs-warning-hover 					: #292b30;
	
	--bs-danger-color 					: #fff;
	--bs-danger 								: #9f2219;
 	--bs-danger-hover-color 		: #fff;
	--bs-danger-hover 					: #801d16;
	
	--bs-success-color 					: #fff;
	--bs-success 								: #008744;
 	--bs-success-hover-color 		: #fff;
	--bs-success-hover 					: #016c36;

  --bs-light 									: #f8f9fa;
  --bs-dark 									: #212529;
	
  --bs-primary-rgb 						: 13, 110, 253;
  --bs-secondary-rgb 					: 108, 117, 125;
  --bs-success-rgb 						: 25, 135, 84;
  --bs-info-rgb 							: 13, 202, 240;
  --bs-warning-rgb 						: 255, 193, 7;
  --bs-danger-rgb 						: 220, 53, 69;
	
  --bs-light-rgb 							: 248, 249, 250;
  --bs-dark-rgb 							: 33, 37, 41;
  --bs-white-rgb 							: 255, 255, 255;
  --bs-black-rgb 							: 0, 0, 0;
  --bs-body-color-rgb 				: 33, 37, 41;
  --bs-body-bg-rgb 						: 255, 255, 255;
	
	--bs-link-color 						: #212121;
	--bs-link-color-hover 			: #106735;
	
  --bs-font-sans-serif 				: 'Inter', 'Helvetica Neue', Helvetica, arial, sans-serif;
  --bs-font-monospace 				: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient 							: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-font-header 						: 'Baloo Da 2', 'Helvetica Neue', Helvetica, arial, sans-serif;
	--bs-body-font-size 				: 1rem;
  --bs-body-font-weight 			: 400;
  --bs-body-line-height 			: 1.5;
	
	--light 									: #fff;
	--dark 										: #212121;

	--bs-a 										: #190302;
	--bs-a-hover 							: #177f8b;

  --bs-body-color 					: #212121;
  --bs-body-bg 							: #fff;
	--bs-bg-hexagon 					: url(/gfx/bee-wit.png);
	--bs-body-bg-image 				: url(/gfx/bg-site4.jpg);
	--logo 										: url(/gfx/logo.svg);
	
} 

html,body {height: 100%;}
body {
	font-size: 13.3pt;
	letter-spacing: -0.005em;
	line-height: 20pt;
	font-family: var(--bs-font-sans-serif );
	font-weight: 400;
	padding: 0;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	background-image: var(--bs-body-bg-image);
	background-position: top left;
	background-repeat: repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

.embed-responsive-4by3::before {
	padding-top: 70vh !important;
}

.wrap {
	min-height: 5em;
	margin: auto;
}
.bg-main{
	background-color: rgba(255,255,255,.95);
	background-image: var(--bs-bg-hexagon);
	background-position: center center;
	background-repeat: repeat;
	background-attachment: fixed;
}
.overlay {
  position: fixed;
  z-index: -1;
  border: none;
  bottom: 0;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  right: 0;
  top: 0;
	background-image: var(--bs-bg-hexagon);
	background-position: center center;
	background-repeat: repeat;
	background-attachment: fixed;
	opacity: 0.05;
}
.offcanvas-search-hidden, .offcanvas.offcanvas-end.offcanvas-search-hidden {
	background: none;
	border-left: none;
	pointer-events: none ;
}
.offcanvas-header {
	pointer-events: auto !important;
}

.headerWrapper{
	z-index: 1030;
	position: relative;
	width: 100%;
}

a:not(.btn), a:visited:not(.btn) {
	color:var(--bs-a);
	text-decoration: none;
}
a:hover:not(.btn), a:active:not(.btn), a:focus:not(.btn){
	color: var(--bs-a-hover);
	text-decoration: none;
	outline: none;
}

h1, h2, h3, h4 {
	font-family: var(--bs-font-header);
  word-spacing: -0.015em;
	line-height: 1.1em;
	margin: 0.35rem 0;
	}

 h5, h6 {
	font-family: var(--bs-font-header);
	margin: 0.035em 0;
	}

h1 {font-size: 28pt;letter-spacing: -0.025em;font-weight: 700;}	
h2 {font-size: 24pt;letter-spacing: -0.025em;font-weight: 600;}
h3 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 500;}
h4 {font-size: 18pt;letter-spacing: -0.025em;font-weight: 500;}
h5 {font-size: 16pt;letter-spacing: -0.020em;font-weight: 500;}
h6 {font-size: 14pt;letter-spacing: -0.025em;font-weight: 500;}
	
/* sitelogo height: 102px;width: 228px; */
.logo {height: 50px;width: auto;margin: 15px 0;}
.scan-logo {position: relative;top: 0;left: -5px;height: 50px;width: auto;margin: 15px 0;}


.guide-box {
	position: relative;
	background-image: url(/gfx/facets.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	color: var(--bs-black);
	text-wrap: pretty;
	margin: 0 0 2rem 0;
}

/* .guide-box:hover {
	background-image: url(/gfx/bee-wit-50.png);
	background-position: top left;
	background-size: 25%;
	background-repeat: repeat;
} */

.bg-geel.guide-box:hover {
	background-color: #f67414;
}

.bg-groen.guide-box:hover {
	background-color: var(--bs-cyan-hover);
}

.bg-lime.guide-box:hover {
	background-color: var(--bs-lime-hover);
}

.bg-magenta.guide-box:hover {
	background-color: var(--bs-magenta-hover);
}

.bg-grijs.guide-box:hover {
	background-color: var(--bs-gray-500);
}

.guide-box:hover > .btn{
	--bs-btn-bg: rgba(255,255,255,1) !important;
}

.guide-box a:not(.btn), .guide-box a:visited {
	color: var(--bs-black);
}

/* .bulb {
	position: relative;
	background-image: url(/gfx/bulb-white.svg);
	background-position: top center;
	background-size: 90%;
	background-repeat: repeat;
	background-attachment: fixed;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;


		-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.6s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.refs{
	position: relative;
	background-image: url(/gfx/references-white.svg);
	background-position: top right;
	background-size: 20%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
} */


.caroussel-responsive {
	margin: auto;
}
.current  {
	padding-left: 18px;
	color: #000;
}

/* navbar */
.navWrapper {
	margin: 1rem 0 0 0;
	width: 100%;
	z-index: 1030;
}

.navWrapper.stuck{
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0;
	right:0;
	margin: 0;
	background:var(--bs-body-bg);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.navWrapper.stuck .logo-small{
	position: absolute;
	right: 10px;
	top: 16px;
	width: 100px;
	height: auto;
	}

.navWrapper.stuck .nav-right{
	position: absolute;
	right: 155px;
}

.navbar-categories, .navbar-scan {
	font-family: var(--bs-font-header);
  border-radius: 0;
	/* text-transform: uppercase; */
	margin: 0 ;
	min-height: auto;
	padding:0;
}

.btn-link.navbar-toggler  {
  color: var(--bs-primary);
	font-size: 18pt;
	line-height: 18pt;
	letter-spacing: 0.04em;
	padding: 10px 20px !important;
	border: none;
	outline: 0px !important;
	box-shadow:  none !important;
}


button:focus:not(:focus-visible), .btn-link:focus {
	outline: none !important;
	-webkit-appearance: none;
   	 -moz-appearance: none;
   				appearance: none;
  box-shadow: none!important;
}

.btn-link.navbar-toggler:focus, .btn-link.navbar-toggler:hover, .btn-link.navbar-toggler:active {
	color: var(--bs-green-hover);
	text-decoration: none;
	background-color: transparent;
	border: none;
	outline: 0px !important;
	box-shadow:  none !important;
}


/*color mode*/
:root[data-bs-theme="light"] .light--hidden {
	display: none;
}

:root[data-bs-theme="dark"] .dark--hidden {
	display: none;
}

.navWrapper .mode-switch {
	display:none;
}

.color-mode__btn {
	padding: 0 0 0 5px;
	margin: 0 !important;
	color: var(--bs-warning-color);
	border: none;
	font-weight: 400 !important;
	display: inline-block;
	vertical-align:  baseline;
}

.color-mode__btn:focus, .color-mode__btn:hover, .color-mode__btn:active {
	text-decoration: none;
	border: none;
	color: var(--bs-primary);
}

.color-mode__btn:focus .svg-inline--fa, .color-mode__btn:hover .svg-inline--fa, .color-mode__btn:active .svg-inline--fa {
	border: none;
}

.navWrapper .color-mode__btn {
	padding: 5px 25px 5px 0 !important;
	margin: 0 !important;
}

.color-mode .svg-inline--fa {
	color: var(--bs-primary);
}

.navbar-scan .navbar-brand {
	padding: 0;
	margin: 3px 0 3px 1rem;
}

a.top-link {
	padding: 0 15px 0 25px;
}

#top-link.fa-chevron-right{
	font-size: 22px;
	position: relative;
	top: 4px;
	left: 0;
	color: var(--bs-green);
}

#top-link.fa-chevron-up{
	font-size: 22px;
	position: relative;
	top: 2px;
	left: 0;
	color: var(--bs-green);
}

.nav-scan > li.nav-result, .nav-categories > li > a, .nav-scan > li > a  {
	font-weight: 600;
	font-size: 18pt;
	line-height: 18pt;
	letter-spacing: -0.005em;
	padding: 15px 15px !important;
	color: var(--bs-a);
	margin: 0 8px 0 0; 
	border-radius: 5px 5px 0 0;
}


.nav-right.nav-categories > li > a  {
	font-weight: 400;
	color: var(--bs-light);
}

.navWrapper.stuck .nav-right.nav-categories > li > a  {
	font-weight: 400;
	color: var(--bs-a);
}

.navWrapper.stuck .nav-scan > li.nav-result, .navWrapper.stuck .nav-categories > li > a, .navWrapper.stuck .nav-scan > li > a  {
	background: none;
}

.nav-categories > li > a:hover, .nav-categories > li > a:active,
.nav-scan > li > a:hover, .nav-scan > li > a:active,
.navbar-collapse.show .nav-categories > li > a:hover, .navbar-collapse.show .nav-categories > li > a:active, .nav-link.active {
  color: var(--bs-a);
	background-color: rgba(var(--bs-green-rgb),.4);
	background-image: url(/gfx/facets-yellow.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	background-attachment: fixed;
}

.navWrapper.stuck .nav-categories > li > a:hover, .navWrapper.stuck .nav-categories > li > a:active, .navWrapper.stuck .nav-categories > li > a:focus {
  /* background: var(--bs-gray-200); */
  color: var(--bs-a);
	/* background: rgba(var(--bs-green-rgb),0.1); */
}

.navbar-dark a.nav-link, .navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover {
	color: #d1d1d1;
}
.panel-profile{
	text-align: left;
}

/* navbar scan */

.navScanWrapper {
	margin: 0;
	width: 100%;
	left: -9999;
	opacity: 0;
	position: absolute;
	z-index: 0;
}

.navScanWrapper.stuck{
	position: fixed;
	z-index: 30;
	opacity: 1;
	top: 0;
	left: 0;
	right:0;
	background: var(--bs-gray-100);	
	}

.modal-header {
	padding: .2rem 1rem .3rem 1rem;
	border: 1px solid rgba(var(--bs-gray-900),.2);
}

.page-intro {
	position: relative;
	font-size: 1.2rem;
	line-height: 1.6em;
	text-wrap: pretty;
	font-weight: 600;
}

.page-intro-desc {
	margin: 1rem 0;
	text-wrap: pretty;
}

.page-intro-text {
	font-size: 1.2rem;
	line-height: 1.6em;
	text-wrap: pretty;
}

.page-intro-text p {
	margin: 0 0 .6rem 0;
	text-wrap: pretty;
}

.layerCategory h1 {
	margin-bottom: 1rem;
}

.keyTypes {text-align: left;}


/* nav-tabs*/
.tab-content{
	padding: 20px 20px 10px 20px;
	background: #393154;
	margin: 0 0 30px 0;
	-webkit-border-radius: 0 4px 4px 4px;
		 -moz-border-radius: 0 4px 4px 4px;
				  border-radius: 0 4px 4px 4px;
	}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: #393154;
  color: #fff;
	border: 1px solid #393154;
	padding: 10px 30px 10px 15px;
}

.nav-tabs > li > a > i {color: #3b61ac;font-size: 21px;}
.nav-tabs > li.active > a > i {color: #3b61ac;}

.nav-carousel .panel-default {border: none;}

/* collapse*/
[data-bs-toggle="collapse"] span {  
	font-size: 8px;
	padding: 0 0 0 1px;
	color: var(--bs-green);
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 12px;
	text-align: center;
	margin: 0 5px 0 0;
	background: #fff;
	border: 1px solid var(--bs-green);
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
}
[data-bs-toggle="collapse"] span:before {  
  content: "\25B6";
}

[aria-expanded="true"] span:before {  
  content: "\25BC";
	color: #c41230;
}

[data-bs-toggle="collapse"].collapsed span:before {
  content: "\25B6";
}

.counter-up {
	display: inline-block;
	min-width: 118px;
}

.counter-countries {
	display: inline-block;
	min-width: 43.7px;
}

/* breadcrumb */
.crumb {
	position: relative;
	padding: 1rem 0;
}

.crumb-geel {
	position: relative;
	margin: 0 ;
	color: var(--bs-black);
	background-color: rgba(var(--bs-green-rgb),.4);
	background-image: url(/gfx/facets-yellow.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	background-attachment: fixed;
}
	
.breadcrumb {
	font-family: var(--bs-font-header);
	clear: both;
	margin: 0;
	padding: 0 ;
	font-size: 15pt;
	letter-spacing: -0.025em;
	}
	
.breadcrumb li, .breadcrumb a, .breadcrumb a:visited {color: var(--bs-dark);white-space: nowrap; display: inline;}
.breadcrumb li.active, .breadcrumb li.active a, .breadcrumb li.active a:visited {color: var(--bs-dark);}
.breadcrumb a:hover, .breadcrumb li.active a:hover {color: var(--bs-a-hover);text-decoration: none;}

.breadcrumb {background: none;}

.breadcrumb > li + li:before {
  color: var(--bs-blue);
	content: "\276f"; 
	opacity: 1;
	font-size: 14px;
	line-height: 14px;
	padding: 0 10px;
}

.crumb-geel .breadcrumb > li + li:before, .bg-geel .breadcrumb > li + li:before {
	color: var(--bs-black);
}

.image-box {
  display: flex;
	flex-wrap: wrap;
	margin: 1px 0 0 0;
}

.extra-image{
	width: calc(50% - 5px );
	margin: 0 5px 5px 0;
	border: 1px solid var(--bs-gray-400);
}

.extra-images {
	position: relative;
}

.ClToEnlarge {
	top: 10px;
	left: 10px;
	z-index: 10;
	position: absolute;
	padding: 10px;
}

.enlarge-picture{cursor: pointer;}

.extra-image-overlay{
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	padding: 5px 10px;
	font-size: 10pt;
	line-height: 12pt;
}

.sNav ul {
	margin: 0;
	padding: 0;
	}

.sNav ul li {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	list-style-type: none;
	}
	

.sNav ul li a, .sNav ul li a:visited {
	position: relative;
	margin: 0 0 0 0;
	padding: 2px 5px 2px 18px;
	text-decoration: none;
	display: block;
	margin: 0;
	white-space: normal;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}
	
.sNav li i {
	position: absolute;
	left: 0;
	top: 4px;
	color:#ddd;
	font-size: 14px;
}

/* ========= lijstweergave */
.small-list {
	position: relative;
	padding: 0.2rem 0;
	margin: 0.2rem 0;
	clear: both;
	
}
	
/* bootstrap form */
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;

}

.form-control::placeholder {
	color: var(--bs-gray-500);
	opacity: 1;
}

.form-check {
  display: block;
  min-height: 2rem;
  padding-left: 1.5em;
  margin: 0.5rem 0;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-light);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--bs-green);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
	transition: all 0.15s ease-out 0s;
	box-shadow:
	  0.1px 0.1px 2.1px rgba(0, 0, 0, 0.0251),
	  0.3px 0.3px 5.1px rgba(0, 0, 0, 0.043),
	  0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09),
	  1.1px 1.1px 17px rgba(0, 0, 0, 0.067),
	  2.1px 2.1px 31.8px rgba(0, 0, 0, 0.099),
	  2px 2px 76px rgba(0, 0, 0, 0.18);
}

.form-check-label{
	display: inline-block;
	padding: 0.5em  0.75em; 
	line-height: 1.2rem;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus, .form-check-input:hover {
	border-color: var(--bs-green);
	outline: 0;
	box-shadow:
	  0.1px 0.1px 2.1px rgba(0, 0, 0, 0.051),
	  0.3px 0.3px 5.1px rgba(0, 0, 0, 0.073),
	  0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09),
	  1.1px 1.1px 17px rgba(0, 0, 0, 0.187),
	  2.1px 2.1px 31.8px rgba(0, 0, 0, 0.189),
	  5px 5px 76px rgba(0, 0, 0, 0.18);
}

.form-check-input:checked {
  background-color: var(--bs-green);
  border-color: var(--bs-green);
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked:hover {
  background-color: var(--bs-green);
	border-color: var(--bs-green-l);
}

.form-check-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: var(--bs-gray-600);
  content: '';
  display: block;
}

.form-check-input[type=radio]:after {
  border-radius: 50%;
}

@keyframes click-wave {
  0% {
    height: 1.5em;
    width: 1.5em;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 3em;
    width: 3em;
    margin-left: -0.9em;
    margin-top: -0.9em;
    opacity: 0;
  }
}


.form-control.input-valid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-invalid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-search {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.55em + .375rem) calc(.55em + .375rem);
}



.dropdown-menu li a {line-height: 20pt;}


.btn {
	font-family: var(--bs-font-header);
	font-weight: 500;
	text-decoration: none;
	position: relative;
}
.btn:focus {outline: none;}
.btn-large{	font-size: 1.2em;}
.btn-larger{	font-size: 1.6em;}
.btn-upper{text-transform: uppercase;}
.btn-block {display: block;	width: 100%;}

.btn, .form-control, .input-group-addon, .card {
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.btn.btn-raised:not(.btn-link), .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised .btn:not(.btn-link), 
	.btn-group-raised .input-group-btn .btn:not(.btn-link), .raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn.btn-lg .svg-inline--fa{
	font-size: 18px;
}

.btn-xs, .btn-group-xs > .btn {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
}


.btn-chevron:before {
	padding: 0 10px 0 5px;
	font-size: 90%;
	content: "\276f"; 
	opacity: .6;
}

.btn-chevron-after:after {
	padding: 0 5px 0 10px;
	font-size: 90%;
	content: "\276f"; 
	opacity: .6;
}	

.raised-medium{
	box-shadow:
  0 0.4px 2.1px rgba(0, 0, 0, 0.014),
  0 1.1px 5.8px rgba(0, 0, 0, 0.02),
  0 2.7px 13.9px rgba(0, 0, 0, 0.026),
  0 9px 46px rgba(0, 0, 0, 0.04);
}

.raised-large, .extra-image:hover, .award-logo:hover{
	box-shadow:
  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
  0 0.8px 10px rgba(0, 0, 0, 0.035),
  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
  0 6px 80px rgba(0, 0, 0, 0.07);
}


.btn-round{
	border-radius: 10px;
}

.btn-flat{
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			    border-radius: 0;
}

.btn-left {text-align: left;}

.btn-primary {
	--bs-btn-color: var(--bs-primary-color);
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: var(--bs-primary-hover-color);
	--bs-btn-active-bg: var(--bs-primary-hover);
	--bs-btn-active-border-color: var(--bs-primary-hover);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-primary-hover-color);
	--bs-btn-disabled-bg: var(--bs-primary-hover);
	--bs-btn-disabled-border-color: var(--bs-primary-hover);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-hover-color);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--bs-primary-hover-color);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

.btn-secondary {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: var(--bs-secondary-hover);
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
	--bs-chevron: var(--bs-secondary-hover);
}

.btn-outline-secondary {
	--bs-btn-bg: rgba(255,255,255,.5);
	--bs-secondary-border: rgba(0,0,0,.2);
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-border-color: var(--bs-secondary-border);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-border-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
  --bs-gradient: none;
}

.btn-info {
  --bs-btn-color: var(--bs-info-color);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: var(--bs-info-hover);
  --bs-btn-disabled-border-color: var(--bs-info-hover);
	--bs-chevron: var(--bs-info-hover);
}

.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-border-color: var(--bs-info-border);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-border-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-info-hover);
  --bs-gradient: none;
}

.btn-warning {
  --bs-btn-color: var(--bs-warning-color);
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: var(--bs-warning-hover);
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
	--bs-chevron: var(--bs-warning-hover);
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
  --bs-gradient: none;
}

.btn-danger {
  --bs-btn-color: var(--bs-danger-color);
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: var(--bs-danger-hover);
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
	--bs-chevron: var(--bs-danger-hover);
}

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
  --bs-gradient: none;
}

.btn-success {
  --bs-btn-color: var(--bs-success-color);
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: var(--bs-success-hover);
  --bs-btn-disabled-border-color: var(--bs-success-hover);
	--bs-chevron: var(--bs-success-hover);
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-success-hover);
  --bs-gradient: none;
}

.btn-link {
  --bs-link-color: var(--bs-blue);
}

.btn-link:hover {
  --bs-btn-hover-color: var(--bs-blue-hover);
}

.noShadow, .noShadow a, .noShadow li a {text-shadow:none;}

.nowrap {white-space: nowrap;}
.well {
	position: relative;
	background-color: #fff;
}

.short {overflow: hidden;}

/* downloads*/
.download-deck  {
	padding:0 0 0 0;
}
.download-deck > .card.download-card {
	width: calc(50% - 1%);
	max-width:calc(50% - 1%);
	margin: 0 1% 1% 0;
	min-height: 148px;
	padding:0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
		-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			    border-radius: 0;
}


.download-card{
	border: 1px solid rgba(59,79,81,0.125);
}

.download-left {
	margin: 0 0;
	flex-basis: 40%;
	max-width: 40%;
	padding: 0;
	flex-shrink: 1 !important;
}

.download-right {
	margin: 0 0;
	padding: 5px 10px 0 10px;
	flex-basis: 60%;
	max-width: 60%;
}

.download-heading {
	font-size: 12pt;
	line-height: 14pt;
	text-transform: none;
	font-weight: bold;
}
.download-cover {
	width: 100%;
	height: auto;
}

.download-mime {
	width: 50%;
	height: auto;
	margin: 10%;
}

.download-text {
	font-size: 12pt;
	line-height: 14pt;
}

.label-download {
	font-size: 9pt;
	line-height: 10pt;
	text-transform: uppercase;
	margin: 0;
	color: #666;
	padding: 0;
}

.download-footer{
	position: absolute;
	bottom: 0;
	left: 40%;
	right: 0;
}

.noLine{background: none;}


/* cart (card) en bestelbox*/
.card-bestelbox {
	padding: 1rem 2rem 2rem 2rem;
	margin: 2rem 0;
	width: 75%;
}

.card-bestelbox .price {
	font-family: var(--bs-font-header);
	color: var(--bs-red);
	font-weight: 600;
	font-size: 32pt;
	line-height: 32pt;
	letter-spacing: -0.025em;
}

.card-bestelbox .superscript{
	position: relative;
	font-size: 24px;
	line-height: 24px;
	top: -12px;
} 

.card-bestelbox .actieprijs {
	font-size: 12pt;
	line-height: 14pt;
}

.aanvraag {
	color: var(--bs-red);
	font-size: 14pt;
	line-height: 20pt;
}

.card-bestelbox .btw {
	font-size: 12pt;
	line-height: 14pt;
	color: #999;
}

.infoImg {
	display: inline-block;
	margin: 5px 5px 0 0;
	width: 100px;
	height: 100px;
	border: 1px solid var(--bs-gray-400); 
}

.key-small {
	display: inline-block;
	margin: 5px 5px 0 0;
	width: 50px;
	height: 50px;
	border: 1px solid var(--bs-gray-400); 
}

.pop-over {
	position: absolute;
	right: 1rem;
	display: inline-block;
	padding: 0;
	border-bottom:none;
}


.caption {position: relative;min-height: 100px;}
.caption .btn {position: absolute;bottom: 10px;}
.extraPadding {padding: 20px 10px;}

.thumbSmall {margin: 15px 0 5px 15px;width: 25%;height: auto;}

.img-thumbnail {margin: 0 0 10px 0;}

.thumbPic {margin: 0 0 0 0;}
.catPic {width: 30%;height: auto;max-width: 250px;margin: 40px 5px 10px 15px;}
.img-mime-24 {width: auto;height: 24px;margin: auto;}
.img-mime-32 {width: auto;height: 32px;margin: auto;}
.google-play, .itunes { height: 40px; width: auto;margin-top: 10px;}

.category {margin: 0 0 30px 0;}

.firstArticle {
	position: relative;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	clear: both;
	border-bottom: 1px solid #d1d1d1;
}

.textArticle {
	position: relative;
	padding:1rem 0;
	margin:0 0 1rem 0;
	border-bottom: 1px solid #d1d1d1;
}

.whiteBg80 > div:last-child .textArticle {
	border-bottom: none;
}

.textArticle h2 {
	margin:8px 0 8px 0;
}

.list-group-chevron .list-group-item:before, .list-group-item-chevron:before {
	padding-right: 5px;
	color: var(--bs-primary);
	content: "\276f"; 
}



.list-group-chevron .list-group-item{
	display: flex;
}

.list-group-item {
	display: list-item;
	color: var(--dark);
	background-color: var(--white);
	border-color: var(--bs-gray-400);
}

a.list-group-item, a.list-group-item:visited {
	text-transform: none;
	text-align: left;
	border-color: var(--bs-gray-400);
}

a.list-group-item.active, a.list-group-item.active:visited, a.list-group-item.active:hover, a.list-group-item.active:focus, a.list-group-item.active:active {
	background: none;
	color: var(--bs-a-hover);
	border-color: var(--bs-gray-400);
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	background: none;
	text-decoration: none;
}


.list-group-navigation a.list-group-item i,
.list-group-navigation a.list-group-item .svg-inline--fa, 
.list-group-item .svg-inline--fa {
  color: var(--bs-red);
	margin-right: 5px;
}

/* navigatie gebied*/
.bg-allcats{
	padding: 2rem 0;
	background-color: var(--bs-primary);
}
.allcats-box{
	width: calc(100%/5);
	margin: 0 1rem 0 0;
	background: rgba(var(--bs-black-rgb),0.1);
	}

.allcats-box h4 {
	color: var(--bs-white);
	margin: 1rem;
}
.allcats-box h4 a, .allcats-box h4 a:visited {
  color: var(--bs-white);
}

.allcats-box h4 a:hover, .allcats-box h4 a:active, .allcats-box h4 a:focus {
  color: var(--bs-gray-400);
}

.allcats-box .list-group-item{
	overflow:hidden;
	font-family: var(--bs-font-header);
	font-size: 12pt;
}

.allcats-box a.list-group-item, .allcats-box a:visited.list-group-item {
	
	border: none;
	color: var(--bs-white);
	padding: 4px 10px;
}

.allcats-box a:hover.list-group-item, .allcats-box a:visited.list-group-item {
	background: rgba(var(--bs-black-rgb),0.2);
	border: none;
	color: var(--bs-white);
}

.allcats-box .list-group-item .svg-inline--fa {
  color: var(--bs-white);
}

.list-group-item.bg-gray-400 {
	background: var(--bs-gray-400);
}

.list-group-item {
	overflow:hidden;
	font-family: var(--bs-font-sans-serif );
}


.list-group-condensed-sm .list-group-item {
	font-size: 12.5pt;
	line-height: 17pt;
}

.list-group-condensed-sm .list-group-item {
  padding: 4px 10px;
}

.list-group-condensed .list-group-item {
  padding: 8px 15px;
}

.list-group-condensed-s .list-group-item {
	font-size: 11pt;
	line-height: 14pt;
}

.list-group-condensed-s .list-group-item {
  padding: 4px 10px;
}

.list-group-condensed-sm.list-group-chevron .list-group-item::before, .list-group-condensed-sm.list-group-item-chevron::before {
	padding-right: 15px;
	font-size: 12px;
	color: var(--bs-blue);
	content: "\276f";
}

.list-group-condensed-s.list-group-chevron .list-group-item::before, .list-group-condensed-s.list-group-item-chevron::before {
	padding-right: 5px;
	font-size: 12px;
	color: var(--bs-orange);
	content: "\276f";
}

.list-group-condensed-xs .list-group-item {
  padding: 6px 5px 6px 5px;
}

.list-group-condensed-xs .list-group-item-image{
	padding: 0;
}


.list-group-lg {
	font-size: 16pt;
	line-height: 20pt;
}

.no-flex {display: list-item;list-style-type: none;}
.list-group-lg a.list-group-item i {margin-right: 5px;}

.list-group-item-text{
	padding: 0 0 0 30px;
	font-size: 11pt;
	line-height: 12pt;
	color: var(--dark);
	margin: 0;
	font-weight: 400;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #999;
}

div.btn-group button.btn-lg i {font-size: 22px;}


/* dropdown */
.dropdown-menu {
  background-color: #f4f4f4 ;
  margin: 0 0 0 0;
  min-width: 225px;
  right: 20px;
  left: auto;
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.dropdown-item, a.dropdown-item, a.dropdown-item:visited {
  color: #333;
  font-weight: 300;
	text-transform: none;
  padding: 3px 1.5rem;
  width: 100%;
}


a.dropdown-item:hover, a.dropdown-item:active, a.dropdown-item:focus{
   background-color: #dbe1ec;
	 color: #212121;
}

a.dropdown-item  > i, a.dropdown-menu:visited > i  {
	color:var(--bs-green);
}

.dropdown-menu > a:hover i, .dropdown-menu > a:active i, .dropdown-menu > a:focus i {
	 color: var(--bs-blue);
}

.dropdown-item.active, .dropdown-item:active {
	background-color: rgba(var(--bs-black-rgb),0.2);
}

.divider {
  color: #3c3557;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

/* FAQ dropdown*/
.dropdown-card.bg-light  .card-header {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(var(--bs-black-rgb),0.4);
}

.dropdown-card .card-body{
  background: rgba(207, 212, 224,.4);
}

.btn-faq {
	display: flex;
	color: #383a41;
	font-size: 14pt;
	line-height: 16pt;
	padding: 5px 3px;
}

a.btn-faq:hover {
	color: #126737;
}

.btn-faq .svg-inline--fa {
	font-size: 12px;
	color:var(--bs-green);
	margin: 3px;
}

.popover{min-width: 30em;}
.popover-content {font-size: 9pt;}

/* cards*/
.card, .card-header:first-child {
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
	}

.card-block {padding: 0.5rem 0.75rem;}
.card-header{padding: 0.2rem 0.75rem;}

.panel > .list-group > a.current {
  color: #000;
}

.panel-condensed   {
 font-size: 10pt;
}
.panel-condensed .panel-heading  {
  padding: 10px 10px;
}

.panel-body-course{
	font-family: arial,sans-serif;
	font-size: 12pt;
	line-height: 18pt;
}
.card .list-group-item, .panel-condensed .panel-body  {
  padding: 5px 10px;
}


.introText {text-align: center;}
.introText i {font-size: 40pt;line-height: 36pt;color: #3b61ac;padding: 20px 0;}
.introText:hover i { color: #71be3c }

.fade-out:before {
  content:'';
  width:100%;
  height:50%;  
	max-height: 240px;  
  position: absolute;
  left: 0;
	bottom:80px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAEYCAYAAACZTkxTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM5NUNCOEE2NDc5MTFFQTkyNjlBRUJGRURDNjRDMEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM5NUNCOEI2NDc5MTFFQTkyNjlBRUJGRURDNjRDMEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Qzk1Q0I4ODY0NzkxMUVBOTI2OUFFQkZFREM2NEMwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Qzk1Q0I4OTY0NzkxMUVBOTI2OUFFQkZFREM2NEMwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkcrNpMAAAB9SURBVHja7JbhCoAwCIR30vu/bdG/a7ACCaKCpmYJ+/Ghd3ODMTFOM8oaUlQMdXXK+Je5aKzcIm/aDagBJxpx71oyu7kYJNC8sh3KxhWwK2MrboBvXEhuTTADY7dbv0yw8zgA9atHnkmIGhB7BLUq65g5AmrANc0Pj8AiwAAr5A7XRZ/26gAAAABJRU5ErkJggg==) bottom left repeat-x;
}


.desc{padding: 0 0 80px 0;}

.noLine{border-bottom: none;}

.related h3 {
	font-size: 18pt;
	color: #000;
}

.leesverder a, .leesverder a:visited {
	color: var(--bs-a);
}

.leesverder a:hover, .leesverder a:active, .leesverder a:focus {
	color: var(--bs-a-hover);
}

.leesverder a:before {
	color: var(--bs-red);
	padding: 0 10px 0 5px;
	font-size: 90%;
	content: "\276f"; 
	opacity: .6;
}

.toBottom {
	position: absolute;
	bottom: 10px;
	left: 0;
}

.article .kicker{margin:0 0 7px 0;}

.chapeau, .kicker {
	color: var(--bs-blue);
	font-weight: 400;
	font-size: 110%;
	margin: .5rem 0;
  text-overflow: ellipsis;
}

.chapeau a, .chapeau a:visited {
	color: var(--bs-a);
}

.chapeau a:hover, .chapeau a:active, .chapeau a:focus {
	color: var(--bs-a-hover);
}


.thumbnail .chapeau {
	margin:0;
	font-size: 10pt;
	line-height: 12pt;
}

.overflow {
	white-space: nowrap;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

/* artikel stijlen */


.articleTitle {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #333;
	font-size: 1.2em;
	line-height: 1.8em;
	font-family: var(--bs-font-header);
	}
	

.subTitle {
	font-size: 1.2em;
	line-height: 1.6em;
	text-transform: uppercase;
	font-style: normal;
	
	}
	
.big-pica{margin: auto;}	

	
.intro {
	margin:0 0 10px 0;
	font-size: 1.2em;
	line-height: 26pt;
}

.article a:not(.btn), .article a:not(.btn):visited  {
	color: var(--bs-green);
	font-weight: 500;
	text-decoration: none;
  border-bottom: 1px solid var(--bs-blue);
  box-shadow: 0 -1px 0 var(--bs-blue) inset;
  color: inherit;
	padding: 0 2px 1px 2px;
  transition: background 0.55s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
}

.article a:not(.btn):hover, .article a:not(.btn):active {
	text-decoration: none;
	background: rgba(var(--bs-black-rgb),0.2);
}

.txt p  {
	margin:3px 0 5px 0;
}

.txt table{
  table-layout: fixed;
	width: 100%;
}

.txt table td  {
	vertical-align: top;
	font-size: 12pt;
	line-height: 16pt !important;
}
.txt table p  {
	margin: 0;
}
.txt table.smaller td, .txt table.smaller th  {
	font-size: 11pt;
	line-height: 13pt !important;
}
	
.article {margin: 0 0 20px 0;line-height: 22pt;}
.article .kicker{margin:0 0 7px 0;}
.article h1 {font-size: 26pt;margin:8px 0 8px 0;}
.article .chapeau{font-size: 18pt;margin:10px 0 10px 0;}
.article p {
	margin: 10px 0;
	}
.article h3, .article h4, .article b, .article strong {
	font-family: var(--bs-font-header);
  font-size: 18pt;
  letter-spacing: 0;
}
.article ul{
  list-style-type: "\276f   ";
	padding: 0 1.4rem;
}

.article ul li{
	margin:  0;
	padding: 0 10px;
}

.article ul li::marker, .layerCategory ul li::marker {
	font-size: 18px;
	color: var(--bs-red);
}


.article ol {counter-reset: item;}
.article ol li {display: block;font-weight: 400;margin: 0 0 10px 0;}
.article ol li:before {
    content: counter(item) "";
    counter-increment: item;
    color: var(--bs-red);
		padding: 0 15px 0 5px;
		font-weight: 400;
		font-size: 18px;
		display: inline-block;
		margin: 0 0 0 -30px;
}


.article table {
	margin: 20px 0;
}

.article th { 
	font-family: var(--bs-font-header);
	background: var(--bs-green);
	font-size: 18pt;
	padding: 0.5rem 0.75rem;
	color: var(--bs-black);
} 

.article td {
  padding: 0.5rem 0.75rem;
}


.article caption {
	padding: .3em .5em ; 
	background:#2c5b76;
	font-weight: bold;
	color:#fff;
	}

/* courtesy Navigatie */
.btn-link.btn-profile {
	color: var(--bs-warning-color);
	margin:2px 0 0 3px ! important;
	line-height: 18px;
	font-weight: 400;
	float: right;
}

.btn-profile.btn-link:focus, .btn-profile.btn-link:hover, .btn-profile.btn-link:active {
  background-color: transparent;
  color: var(--bs-primary-hover);
  text-decoration: none;
}

.btn-profile.btn-link .svg-inline--fa {
  color: var(--bs-primary-hover);
}

.btn-profile.btn-link:focus .svg-inline--fa, .btn-profile.btn-link:hover .svg-inline--fa, .btn-profile.btn-link:active .svg-inline--fa {
  color: var(--bs-primary-hover);
}

.f_nav {
	float: right;
	position: relative;
	margin: 0 2.5rem 0 0;
	}

.f_nav ul {
	float: right;
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 20px;
	background: transparent;
	font-weight: 300;
	}

.f_nav ul li {
	display: inline; 
	}


.f_nav ul li a, .f_nav ul li a:visited {
	display: inline-block;
	text-align:right;
	margin:0 5px;
	font-weight: 400;
	color: var(--bs-warning-color);
	text-decoration: none;
	}  

.f_nav ul li a .svg-inline--fa, .f_nav ul li a:visited .svg-inline--fa {
	color: var(--bs-primary);
	}  
		
.f_nav ul li a:hover, .f_nav ul li a:focus, .f_nav ul li a:active {
	color: var(--bs-primary-hover);
	text-decoration: none;
	}  
	
.f_nav ul li a:hover .svg-inline--fa, .f_nav ul li a:focus .svg-inline--fa, .f_nav ul li a:active .svg-inline--fa {
	color: var(--bs-primary-hover);
	} 
	


/* navigatie dossier*/

.dossier {
	margin: 10px 0 30px 0;
	font-family: var(--bs-font-header);
}
.dossier ul  { 
	margin: 0;
	padding:0;
}
.dossier ul li { 
	list-style-type: none;
	font-weight: 400;
	float: left;
	margin: 5px 5px 0 0;
}


.dossier ul li a, .dossier ul li a:visited {
	color:#fff;
	position: relative;
	margin: 0 0 0 0;
	font-size: 14pt;
	line-height: 16pt;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	padding: 8px 14px;
	}

/*
.dossier ul li a:hover  {
	text-decoration: none;
	color: #f4f4f4;
}

*/
.dossier ul li .catDesc  {
	font-weight: 400;
	padding: 3px 0 3px 30px;
	color: #897186;
	width: 80%;
	font-size: 9pt;
	line-height: 12pt;
}


/* Navigatie horizontaal boven */
.searchAllKeys h4 {margin: 3px 0 5px 0;color:#D85A13}
.t {font-family: var(--bs-font-header)}
	
.t ul {
	padding: 0;
	margin: 0;
	}

.t ul li {
	list-style-type: none;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}

.t ul li li a,.t ul li li a:visited {
	position: relative;
	padding: 3px 0 3px 23px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	}
	
.t ul li a,.t ul li a:visited {
	position: relative;
	padding: 3px 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	}
	
.t ul li.hCat {
	position: relative;
	font-weight: bold;
	}
	
.catTitle {
	padding: 0 5px 0 0;
}

.t [class^="fa-"],.t [class*=" fa-"]{
	position: absolute;
	left: 10px;
	top: 7px;
	font-size: 14px;
	}

.t ul li a:link.current, .t ul li a:visited.current {
	color: #2c5b76;
}

.t ul li a:hover {
	text-decoration: none;
	color: #2c5b76;
}

.t li.last-item {border-bottom: none;}


/* Whatsapp button */
.app {
  position: fixed;
	z-index: 1050;
  bottom: 4%;
	right:4%;
  height: 60px;
	width: 60px;
	background : var(--bs-blue);
	text-align: center;
	font-size: 32px;
	line-height: 60px;
  margin-top: -25px;
		-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
}
.app i{color: #fff;}
.app a,.app a:visited{color: #fff;padding: 5px 10px;}


/* kleine lijst */
.listing {
	margin:0 0 5px 0;
	padding:0;
	cursor:pointer;
}

.navVertical {
	margin:0;
	padding:0;
}

.navVertical a, .navVertical a:visited {
	display: block;
	}
	
.navVertical ul li a:hover, .navVertical ul li:hover, .navVertical li a:focus{
	color: #444;
	text-decoration: none;
	background-position: -464px -123px;
}


#issuuFrame, .issuuImg {margin: 10px 0 0 0;}
.ytNoImage {padding:5em 0;text-align: center;}
.ytFrame {border: none;margin: 0 0 0 0;}
.player {position: relative;} 
.fullPlayer {margin: 0 ;padding:0 ;}
.fullPlayerTxt {padding: 20px 0 0 0;}

.imageBox {position: relative;clear:both;background-color: #fff;padding: 0; margin: 0 0 20px 0;}

.modal-lg {
  width: 90%;
}

.modal-lg .modal-body {
  padding: 0;
}

/* formulier*/
.form-group {margin-bottom: .5rem;}
.col-form-label {
	padding: .2rem .5rem;
	margin-bottom: 0;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: right;
}

.form-label-userdata{
	padding: .2rem 1rem;
	margin: 5px 0 1px 0;
	font-size: 12pt;
	line-height: 1.5;
	letter-spacing: 0;
	background-color: rgba(var(--bs-black-rgb),0.2);
	border-radius: 10px 10px 0 0;
}

.form-label-userdata .svg-inline--fa{
	font-size: 14px;
	color: var(--bs-green);
}

.verplicht {
	border: 1px solid #F99C9C !important;
}

.fr, .floatRight, .floatright, .pull-right {float: right;}
.fl, .floatLeft, .floatleft, .pull-left {float: left;}


.password-progress{
	margin: 8px 0 5px 0;
}
.password-progress.progress{
	height: 2rem;
	font-size: 1rem;
}

.password-feedback{
	font-size: 12pt;
	line-height: 11pt;
	margin: 0 0 10px 0;
}


/* zoeken*/
/* off-canvas*/
.offcanvas {
	--bs-offcanvas-bg: var(--bs-body-bg);
}

.offcanvas.offcanvas-end.offcanvas-search{
	--bs-offcanvas-width: 75vw;
}
.btn-search-top {
	position: absolute;
	z-index: 10;
	right: 40px;
}

.searchterm {
	width: 100%;
	height: 20px;
	overflow: hidden;
}

.searchRow {
	clear: both;
	cursor: pointer;
	padding: 05px 0;
	font-weight: normal;
	border-bottom: 1px solid var(--bs-gray-400);
	}
	

.showAll {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	margin: 0;
	width: auto;
	padding: 0;
}



.pt {
	font-size: 8pt;
	position:relative;
	top:20px;
	padding:0;
	color: #fff;
	clear:both;
	min-height:55px;
	margin:0;
}

.gendiv {
	font-size: 8pt;
	color: #999;
	clear:both;
	margin: 0;
}

/*
#2c5b76
#383a41
*/


.pagination {clear: both;margin: 1rem 0 2rem -10px; }
.pagerText {margin: 0 0 0 10px; font-size:12pt;}
.pagination a, .pagination a:visited, .pagination .pageNormal {
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	padding:0;
	text-align:center;
	letter-spacing : -1px;
	width:40px;
	height:40px;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: var(--light);
	background-color: var(--bs-gray-700);
	}
	
.pagination .current {
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	padding:0;
	text-align:center;
	letter-spacing : -1px;
	width:40px;
	height:40px;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: var(--light);
	background-color: var(--bs-orange);
	}
	
.pagination a:hover, .pagination a:active {
	background-color: var(--bs-orange);
	border: 1px solid #818883;
	color: var(--light);    
	}
	
.pagination .current:hover {
	background-color: #818883;
	border: 1px solid #f59f39;
	color: var(--light);    
	}

.pagination a.next {color: var(--light);}
.pagination a.previous {color: var(--light);}
.pagination a.next:hover {color: var(--light);}
.pagination a.previous:hover {color: var(--light);}

.pagination span { margin:0;border: none; }
.pagination .gap {margin: 5px 5px;float: left;width:20px;height:40px;text-align: center;}
	
.pagination .na {
	cursor: default;
	font-size: 7pt;
	font-weight: bold;
	line-height: 7pt;
	padding: 10px 0 0 0;
	text-align:center;
	width:3.5em;
	height:2.5em;;
	float : left;
	display:block;
	margin :0 3px 3px 0; 
	color: #999;
	}

.shadow {
	-webkit-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
     -moz-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
          box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
	}

/* footer */
.layerHome {
	padding: 3rem 0;
	color: var(--bs-black);
	background-color: rgba(var(--bs-green-rgb),1);
	position: relative;
	background-image: url(/gfx/facets-yellow.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	background-attachment: fixed;
} 

.layerCategory {
	position: relative;
	padding: 1.5rem 0;
	margin: 0 ;
	color: var(--bs-black);
	background-color: rgba(var(--bs-green-rgb),.4);
	background-image: url(/gfx/facets-yellow.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	background-attachment: fixed;
} 

.layerCategory .breadcrumb li, .layerCategory .breadcrumb a, .layerCategory .breadcrumb a:visited {color: var(--bs-black);font-weight: 400;}
.breadcrumb li.active, .breadcrumb li.active a, .breadcrumb li.active a:visited {color: var(--bs-black);font-weight: 600;}
.breadcrumb a:hover, .breadcrumb li.active a:hover {color: var(--bs-black);text-decoration: underline;}

.layerCategory .breadcrumb > li + li:before {
  color: var(--bs-black);
	content: "\276f"; 
	opacity: 1;
	font-size: 14px;
	line-height: 14px;
	padding: 0 8px;
}

.layerHome h4, .layerHome h3, .layerHome strong {
	margin: 0 0 1rem 0;
	display: inline-block;
}

.footerContainer {
	margin: 0;
	padding:0 0 2rem 0;
  position: relative;
	color: var(--bs-white);
	font-size: 10pt;
	line-height: 12pt;
} 

.footerContainer a, .footerContainer a:visited, .footer a:visited, .footer li a, .footer li a:visited {
	color: var(--bs-green);
}
.footerContainer a:hover, .footer li a:hover {
	color: var(--bs-green-hover);
}

.socialFooter{margin: 0;}
.socialFooter a, .socialFooter a:visited {font-size: 20px;margin:0;}

.btn-social {
	margin: 0 5px 0 0;
	padding: 6px 12px !important;
}

.calabi {
	cursor: pointer;
	width:auto;
	height:14px;

	margin: 2rem 0 1rem 0;
	opacity: .7;
}


/* social navigatie */
.social {
	margin: 1rem 0 ;
}

.social-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: .5rem 0 0 0;
}

.btn-share, .btn-print {
	flex: 0 1 auto;
	margin: 0 1px 1px 0;
	padding: 5px 0 5px 0;
	width: 23%;
	font-size: 18px;
	text-align: center;
}


.break, .overflow {
	overflow:hidden !important;
  text-overflow: ellipsis;
}

#result {
	min-height: 450px;
}

.loading {
	text-align:center;min-height: 100px;padding:20px 0;margin:0 auto;color: #10516e;
}


.groen, .groen a, .groen a:visited, a.groen, a:visited.groen{color: var(--bs-green)}
.groen a:hover, a:hover.groen, .groen a:focus, a:focus.groen {color:var(--bs-green-hover)}

.geel, .geel a, .geel a:visited, a.geel, a:visited.geel{color: var(--bs-yellow)}
.geel a:hover, a:hover.geel, .geel a:focus, a:focus.geel {color: var(--bs-green)}

.lichtgroen, .lichtgroen a, .lichtgroen a:visited, a.lichtgroen, a:visited.lichtgroen{color: var(--bs-green)}
.lichtgroen a:hover, a:hover.lichtgroen, .lichtgroen a:focus, a:focus.lichtgroen {color: #106735}

.blauw, .blauw a, .blauw a:visited, a.blauw, a:visited.blauw {color: var(--bs-blue)}
.blauw a:hover, a:hover.blauw, .blauw a:focus, a:focus.blauw {color: #1f6670}

.rood, .rood a, .rood a:visited, a.rood, a:visited.rood {color: var(--bs-red)}
.rood a:hover, a:hover.rood, .rood a:focus, a:focus.rood {color: var(--bs-primary-hover)}

.zwart, .zwart a, .zwart a:visited, a.zwart, a:visited.zwart {color: #343b3e}
.zwart a:hover, a:hover.zwart, .zwart a:focus, a:focus.zwart {color: #11110d}

.wit, .wit a, .wit a:visited, a.wit, a:visited.wit {color: #f6f6f6}
.wit a:hover, a:hover.wit, .wit a:focus, a:focus.wit {color: #c8cacf}

.grijs, .grijs a, .grijs a:visited, a.grijs, a:visited.grijs {color: var(--bs-gray-dark)}
.grijs a:hover, a:hover.grijs, .grijs a:focus, a:focus.grijs {color: var(--bs-black)}

.lichtgrijs, .lichtgrijs a, .lichtgrijs a:visited, a.lichtgrijs, a:visited.lichtgrijs {color: #ccc}
.lichtgrijs a:hover, a:hover.lichtgrijs, .lichtgrijs a:focus, a:focus.lichtgrijs {color: #ddd}



.box-article {
	position: relative;
	padding:0 0 50px 0;
	margin:0 0 30px 0;
	background: #fff;
}

.text-article {
	position: relative;
}


.img-container {
	position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  background-color: #212121;
}

.course-container {
  padding-bottom: 28.125%; /* 32:9 ratio */
}

.result-container {
  padding-bottom: 10%; /* 32:9 ratio */
}

.bar.groen, .carousel-bar.groen {border-top: 4px solid var(--bs-green);}
.bar.geel, .carousel-bar.geel {border-top: 4px solid var(--bs-green-l);}
.bar.blauw, .carousel-bar.blauw {border-top: 4px solid var(--bs-blue);}
.bar.rood, .carousel-bar.rood {border-top: 4px solid var(--bs-red);}
.bar.zwart, .carousel-bar.zwart {border-top: 4px solid #212121;}
.bar.grijs, .carousel-bar.grijs {border-top: 4px solid #b6c4e0;}

.bg-groen {background-color: var(--bs-cyan);}
.bg-blauw {background-color: var(--bs-blue);}
.bg-geel  {
		color: var(--bs-black);
		background-color: rgba(var(--bs-green-rgb),.4);
		background-image: url(/gfx/facets-yellow.png);
		background-position: center center;
		background-repeat: repeat;
		background-size: cover;
		background-attachment: fixed;
}
.bg-geel-80 {background: rgba(var(--bs-green-rgb),0.8);}
.bg-rood  {background-color: var(--bs-red);}
.bg-brown  {background-color: var(--bs-brown);color: var(--bs-light);}
.bg-magenta {background-color: var(--bs-magenta);}
.bg-lime {background-color: var(--bs-lime);}
.bg-zwart {background-color: #000;}
.bg-wit {background-color: #fff;}
.bg-grijs {background-color: rgba(221,221,221,.4)}

.bg-groen, .bg-groen a, .bg-groen a:visited, a.bg-groen, a:visited.bg-groen{color: var(--bs-black)}
.bg-groen a:hover, a:hover.bg-groen, .bg-groen a:focus, a:focus.bg-groen {color: var(--bs-black);}

.bg-blauw, .bg-blauw a, .bg-blauw a:visited, a.bg-blauw, a:visited.bg-blauw {color: #fff;}
.bg-blauw a:hover, a:hover.bg-blauw, .bg-blauw a:focus, a:focus.bg-blauw {background:#325294;color: #fff;}

.bg-geel, .bg-geel a, .bg-geel a:visited, a.bg-geel, a:visited.bg-geel {color: var(--bs-black);}
.bg-geel a:hover, a:hover.bg-geel, .bg-geel a:focus, a:focus.bg-geel {color: var(--bs-black)}

.bg-rood, .bg-rood a, .bg-rood a:visited, a.bg-rood, a:visited.bg-rood {color: var(--bs-primary-color)}
.bg-rood a:hover, a:hover.bg-rood, .bg-rood a:focus, a:focus.bg-rood {background:var(--bs-primary-hover);color: var(--bs-primary-hover-color)}

.bg-zwart, .bg-zwart a, .bg-zwart a:visited, a.bg-zwart, a:visited.bg-zwart {color: #fff;}
.bg-zwart a:hover, a:hover.bg-zwart, .bg-zwart a:focus, a:focus.bg-zwart {color: #fff;}

.bg-wit, .bg-wit a, .bg-wit a:visited, a.bg-wit, a:visited.bg-wit {color: #343b3e;}
.bg-wit a:hover, a:hover.bg-wit, .bg-wit a:focus, a:focus.bg-wit {color: #212121;}

.bg-light {
	background: rgba(207, 212, 224,.2) !important;
}
.card.bg-light {
	border: none;
}
.bg-light .card-header {
	background: rgba(var(--bs-black-rgb),.025);
}

.bg-light .card-footer {
	background: rgba(var(--bs-black-rgb),.025);
}
.bg-light .card-body {
	background: #fff;
}
.bg-5 {background-color: rgba(var(--bs-black-rgb),0.05);}
.bg-10 {background-color: rgba(var(--bs-black-rgb),0.1);}
.bg-15 {background-color: rgba(var(--bs-black-rgb),0.15);}
.bg-20 {background-color: rgba(var(--bs-black-rgb),0.2);}
.bg-25 {background-color: rgba(var(--bs-black-rgb),0.25);}
.bg-30 {background-color: rgba(var(--bs-black-rgb),0.3);}
.bg-40 {background-color: rgba(var(--bs-black-rgb),0.4);}
.bg-50 {background-color: rgba(var(--bs-black-rgb),0.5);}
.bg-60 {background-color: rgba(var(--bs-black-rgb),0.6);}
.bg-70 {background-color: rgba(var(--bs-black-rgb),0.7);}
.bg-80 {background-color: rgba(var(--bs-black-rgb),0.8);}
.bg-90 {background-color: rgba(var(--bs-black-rgb),0.9);}
.bg-100 {background-color: rgba(var(--bs-black-rgb),1);}

.bg-wit-10 {background-color: rgba(var(--bs-white-rgb),0.1);}
.bg-wit-15 {background-color: rgba(var(--bs-white-rgb),0.15);}
.bg-wit-20 {background-color: rgba(var(--bs-white-rgb),0.2);}
.bg-wit-25 {background-color: rgba(var(--bs-white-rgb),0.25);}
.bg-wit-30 {background-color: rgba(var(--bs-white-rgb),0.3);}
.bg-wit-40, .whiteBg40 {background-color: rgba(var(--bs-white-rgb),0.4);}
.bg-wit-50 {background-color: rgba(var(--bs-white-rgb),0.5);}
.bg-wit-60, .whiteBg60 {background-color: rgba(var(--bs-white-rgb),0.6);}
.bg-wit-70 {background-color: rgba(var(--bs-white-rgb),0.7);}
.bg-wit-80, .whiteBg80 {background-color: rgba(var(--bs-white-rgb),0.8);}
.bg-wit-90 {background-color: rgba(var(--bs-white-rgb),0.9);}
.bg-wit-100, bg-wit {background-color: rgba(var(--bs-white-rgb),1);}

.w-5 {width: 5% !important;}
.w-7-5 {width: 7.5% !important;}
.w-10 {width: 10% !important;}
.w-125 {width: calc(100% / 8) !important;}
.w-month {width: calc(100% / 13) !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-33 {width: calc(100% / 3) !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-66 {width: calc((100% / 3) * 2) !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}


.alert-sm {
	padding: .5rem;
}

.alert-info {
	background-color: var(--bs-green);
	border-color: var(--bs-green);
	color: #fff;
}

.alert-info a, .alert-info a:visited{color: #d5f4c8;border-bottom: 1px solid #d5f4c8;}
.alert-info a:active, .alert-info a:hover, .alert-info a:focus {color: #fff;}

.alert-danger {
	background-color: var(--bs-red);
	border-color: var(--bs-red);
	color: #fff;
}

.alert-danger a, .alert-danger a:visited{color: #f4d8d6;border-bottom: 1px solid #f4d8d6;}
.alert-danger a:active, .alert-danger a:hover, .alert-danger a:focus {color: #fff;}

.alert-secondary {
	background-color: #fff;
	border-color: rgba(220,220,220,0.9);
}


label, .badge, .label {
	font-weight: 500;
	font-family: var(--bs-font-header);
	margin-bottom: 0;
	letter-spacing: 0.025em;
}

.text-bg-primary, .badge-primary {
	background: var(--bs-primary) !important;
	color: var(--bs-primary-color) !important;
}
.text-bg-secondary, .badge-secondary {
	background: var(--bs-secondary) !important;
	color: var(--bs-secondary-color) !important;
}
.text-bg-info, .badge-info {
	background: var(--bs-info) !important;
	color: var(--bs-info-color) !important;
}
.text-bg-warning, .badge-warning {
	background: var(--bs-warning) !important;
	color: var(--bs-warning-color) !important;
}
.text-bg-danger, .badge-danger {
	background: var(--bs-danger) !important;
	color: var(--bs-danger-color) !important;
}

.text-xxs, .label-xxs, .badge-xxs {font-size: 10pt;}
.text-xs, .label-xs, .badge-xs {font-size: 11pt;}
.text-s, .label-s, .badge-s {font-size: 11pt;}
.text-m, .label-m, .badge-m {font-size: 12pt;}
.text-l, .label-l, .badge-l{font-size: 14pt;}
.text-lg, .label-lg, .badge-lg{font-size: 15pt;}
.text-xl, .label-xl, .badge-xl {font-size: 16pt;}
.text-xxl, .label-xxl, .badge-xxl {font-size: 18pt;}
.text-xxxl, .label-xxxl, .badge-xxxl {font-size: 20pt;}
.label-block, .badge-block{width: 100%;display: inline-block;}

.icon-xs{font-size: 10px;}
.icon-s{font-size: 12px;}
.icon-m{font-size: 13px;}
.icon-l{font-size: 16px;}
.icon-lg{font-size: 18px;}
.icon-xl{font-size: 20px;}

.line-height-xxs {line-height: 12pt;}
.line-height-xs {line-height: 13pt;}
.line-height-s {line-height: 14pt;}
.line-height-m {line-height: 16pt;}
.line-height-l{line-height: 20pt;}
.line-height-lg{line-height: 22pt;}
.line-height-xl {line-height: 24pt;}
.line-height-xxl {line-height: 26pt;}
.line-height-xxxl {line-height: 28pt;}

.text-xl i, .label-xl i, .badge-xl i {font-size: 13px;}
.text-xxl i, .label-xxl i, .badge-xxl i {font-size: 16px;}

.btn .badge-filter{top: 1px;left: 5px;}

.badge-counter, .badge-rubriek {
	float: right;
	min-width: 60px;
	letter-spacing: -0.035em;
}

a.elastic-remove-filter, a.elastic-remove-keyword{
	font-size: 12pt;
	line-height:14pt;
	text-decoration: none !important;
	background: rgba(var(--bs-black-rgb),.1) !important;
	margin-right: 5px;
	padding: 4px 3px 4px 10px;
	border-radius: var(--bs-border-radius-pill) !important;
}

a.elastic-remove-filter .svg-inline--fa, a.elastic-remove-keyword .svg-inline--fa{
	color: var(--bs-danger);
}

.survey-result {
  height: 24px;
	width: 100%;
  margin: 5px 0 10px 0;
	padding:0;
  overflow: hidden;
  opacity: 1;
	color:#fff;
  background-color: rgba(0,0,0,.125);
}
.survey-bar{
	letter-spacing: -1px;
	text-align: center;
	font-size: 15px;
	line-height: 24px;
	height: 24px;
	margin:0;
	min-width: 26px;
	float: left;
}

.survey-bar-void{min-width:1px;}
.survey-bar-success{background:var(--bs-green) !important;}
.survey-bar-warning{background:#faa61a !important;}
.survey-bar-danger{background:var(--bs-red) !important;}

#mapLarge {width: 100%;height: 500px;background:#fff;margin: 0;}
#mapContact{width: 100%;height: 650px;}
.infoMaps {width: 100%;}
.maps{position: relative;}
.maps h3 {
	position: absolute;
	font-size: 24pt;
	color: #fff;
	left: 100px;
	top: 20px;
	z-index: 10;
}



#mapNav {
	position: absolute;
	right: 180px;
	top: 25px;
	z-index: 10;
	width: 100px;
	height:100px;
	display:none;
}

.blueBg {
	background: #3b61ac;
	color: #fff;
	}
	
.greyBg {
	background: rgba(207, 212, 224,.2);
	} 
	
.whiteBg {
	background: #fff;
	} 
	
.blackBg {color:#fff;background: rgba(0,0,0, 0.75);}
	
.darkblueBg {
  background-color: #094861;
	color:#fff;
}

.lightgreyBg {background: #f0f3f9;}
.midgreyBg {background: rgba(207, 212, 224,.4);}	
.bg-ccc {background: #ccc;}	
.bg-eee {background: rgba(207, 212, 224,0.6);}	
.bg-ddd {background: rgba(207, 212, 224,1);}	
.bg-d1 {background: #d1d1d1;}
.bg-de {background: rgba(207, 212, 224,.5);}	
.bg-ed {background: rgba(207, 212, 224,.3);}	
.bg-lblue {background: #d9e8f9;}
.bg-f8 {background: #f8f8f8;}	
.bg-fff, .bg-wit {background: #fff;}	

.yellowBg {background: var(--bs-green-l);}

.card-block-sm{
	font-size: 12pt;
	line-height: 16pt;
	padding: 10px 15px;
}

.card-block-sm p{
	margin: 0 0 10px 0;
}

b, strong {font-weight: 600;}
.condensed {padding: 5px 10px;}
.caps {text-transform: uppercase;}
.firstcap, .capfirst {text-transform: capitalize;}
.small {font-size:8pt;line-height: 120%;letter-spacing:0;}
.large {font-size:10pt;line-height:1.8em;}
.larger {font-size:1.3em;line-height:1.3em;}
.xxl {font-size: 1.4em;line-height:1.4em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {font-weight: 600;}
.highlight {background:#ff0;}
.upper {text-transform: uppercase;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin, .normal {font-weight: 400;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
.large {font-size: 13pt;}
.smaller {font-size: 10pt;line-height: 14pt;}
.sans {font-family: var(--bs-font-header)}
.hiding { opacity: 0 }
.showing { opacity: 1 }
.dimmed {opacity: .80; filter:Alpha(Opacity=80);filter: grayscale(1);}
.ghost {opacity: .40; filter:Alpha(Opacity=40);}
.opacity-100 {opacity: 1; filter:Alpha(Opacity=1);}
.opacity-90 {opacity: .90; filter:Alpha(Opacity=90);}
.opacity-80 {opacity: .80; filter:Alpha(Opacity=80);}
.opacity-70 {opacity: .70; filter:Alpha(Opacity=70);}
.opacity-60 {opacity: .60; filter:Alpha(Opacity=60);}
.opacity-50 {opacity: .50; filter:Alpha(Opacity=50);}
.opacity-40 {opacity: .40; filter:Alpha(Opacity=40);}
.opacity-30 {opacity: .30; filter:Alpha(Opacity=30);}
.opacity-20 {opacity: .20; filter:Alpha(Opacity=20);}
.opacity-10 {opacity: .10; filter:Alpha(Opacity=10);}
.opacity-0 {opacity: 0; filter:Alpha(Opacity=0);}
.text-right {text-align: right}
.text-center {text-align: center}
.text-left {text-align: left}
.messageBox {display: none;	position: fixed;top: 0;width: 100%;z-index: 10000;}
.messageBox > .alert {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.pointer {cursor: pointer;}
.pointer:hover {text-decoration: none;}
.isRel, .relative {position: relative;}
.punch-viewer-body {background: #171328 !important;}
.tap-target {width: 100%;display: inline-block;}

.space {width: 100%;clear:both;position:relative;width: 100%;height:10px;}
.space5 {clear: both;height: 5px;font-size: 6px;margin:  0;width: 100%;}
.space20 {width: 100%;clear:both;position:relative;width: 100%;height:20px;}
.space40 {width: 100%;clear:both;position:relative;width: 100%;height:40px;}
.spaceline {clear: both;border-bottom: 1px solid #d1d1d1;height: 1px;margin:8px 1px;overflow: hidden;}
.hasLine {border-top: 1px solid #d1d1d1}

.categoryFooter{ padding: 30px 0;}

#errorRegister .messageBox {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10000;
	}	
	
.check {
	padding: 5px 0;
	text-align: center;
	font: bold 12pt Arial, sans-serif;
	letter-spacing: -1px;
	position: fixed;
	top: -1px;
	left:25%;
	z-index: 100;
	background: #fff;
}

.waitForLoad {
	display: none;
	padding: 0;
	text-align: center;
	font: 14pt Arial, sans-serif;
	position: fixed;
	width: 15%;
	height: 10%;
	top: 42.5%;
	left:42.5%;
	z-index: 9000;
	color: #f60;
	}

	/* facet-navigatie */
.facet-container {
	border-radius: 15px !important;
}
.autocomplete-results {
		display: flex;
		align-items: stretch;
		position: absolute;
    overflow: hidden; 
    width: 100%;
    z-index: 1050;
		margin: 2px 0 0 0;
		border-radius: 0 0 5px 5px !important;
		max-height: 40vh;
		background: var(--light);
}

.autocomplete-column-articles {
	flex-basis: 60%;
  flex-shrink: 0;
  overflow-y: auto;
}

.autocomplete-column-facets {
	flex-basis: 40%;
  flex-shrink: 0;
  overflow-y: auto;
}

.autocomplete-results .autocomplete-item {
    cursor: pointer;
}

.facet-collapsible .facet-toggle-checkbox {
    display: none;
}

/* Verberg standaard alle list-items VANAF de 11e positie */
/* (Toont dus de eerste 10 items) */
.facet-collapsible .elastic-list-group li:nth-child(n + 6) {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, toon dan ALLE list-items weer */
.facet-collapsible .facet-toggle-checkbox:checked ~ .elastic-list-group li {
    display: list-item; /* of 'block', afhankelijk van uw basis-styling */
}

/* ------------------------------------ */


/* Styling en logica voor de "Toon meer/minder" knoppen */
.facet-collapsible .facet-toggle-label {
	font-size: 12pt;
    display: block;
    text-align: left;
    margin-top: 0.5rem;
    cursor: pointer;
    color: var(--bs-a-hover);
}


.facet-collapsible .facet-toggle-label:hover {
    text-decoration: underline;
		color: var(--bs-a);
}

.facet-collapsible .facet-toggle-label .svg-inline--fa {
    color: var(--bs-orange);
}



/* Standaard is de "Toon minder" knop verborgen */
.facet-collapsible .label-less {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, verberg "Toon meer" en toon "Toon minder" */
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-more {
    display: none;
}
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-less {
    display: block;
}

/* noUiSlider */
.prijsfilter-inputs {
	margin-top: .5rem;
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

#price-slider-container {
	margin: 0 0 1rem 0;
}
.price-slider-box {
	min-height: 30px;
	margin: 1.4rem 1rem .8rem 1rem;
}


.noUi-connect {
	background: var(--bs-gray-200);
}

.noUi-base, .noUi-target {
	border: none;
	box-shadow: none;
}

.noUi-handle {
	border: 1px solid var(--bs-red);
	border-radius: 50%;
	line-height: 14px;
	height: 32px;
	font-size: 12px;
	width: 32px;
	background: var(--bs-red);
	cursor: grab;
	box-shadow: none;
}

.noUi-horizontal .noUi-handle {
	width: 35px;
	height: 35px;
	right: -17px;
	top: -8px;
}

.noUi-handle::after, .noUi-handle::before {
	content: "";
	display: block;
	position: absolute;
	height: 17px;
	width: 5px;
	background-color: none;
	background: url(/gfx/slider.png) no-repeat center center;
	left: 14px;
	top: 8px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance:textfield; /* Firefox */
	appearance:textfield;
}


/*Colorbox Core Style*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* project Style */
#cboxOverlay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYGBg+M8EJG4BBBgABugB3ECUq4UAAAAASUVORK5CYII=) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px;}
    #cboxTopRight{width:21px; height:21px;}
    #cboxBottomLeft{width:21px; height:21px;}
    #cboxBottomRight{width:21px; height:21px;}
    #cboxMiddleLeft{width:21px;}
    #cboxMiddleRight{width:21px;}
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px;}
    #cboxContent{background:#fff; overflow:hidden;}
    .cboxIframe{background:#fff;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{margin-bottom:0;}
    #cboxTitle{position:absolute; bottom:0; left:0; min-height: 50px;text-align:left;font-size:12pt;line-height: 14pt;padding: 20px 10px 10px 120px; width:100%;color:#fff;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpilJKS2sGABJgY0ABhAYAAAwBDcAEOEOZD9AAAAABJRU5ErkJggg==) left top repeat;}
    #cboxTitle b {font-size:14pt;}
    #cboxCurrent{position:absolute; bottom:10px; right:10px; color:#949494;}
    #cboxLoadingOverlay{background: #fff;}
     #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		/* navigatie */
    #cboxSlideshow{position:absolute; bottom:10px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:25px; left:10px; background: #f60 url(/gfx/controls.png) no-repeat -42px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxPrevious:hover{background-position: -42px -42px;}
    #cboxNext{position:absolute; bottom:25px; left:52px; background: url(/gfx/controls.png) no-repeat -84px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxNext:hover{background-position:-84px -42px;}
    #cboxClose{position:absolute; top:10px; right:10px; background: url(/gfx/controls.png) no-repeat 0 0; width:32px; height:32px; text-indent:-9999px;}
		#cboxClose:hover {background-position: 0 -42px;}




/*!
 * Bootstrap-select v1.14.0-beta2 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2021 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(var(--bs-white-rgb),.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected{padding-right:inherit}.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto}.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected{display:none}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(var(--bs-white-rgb),.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group{display:block}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group{display:block}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
 
.bootstrap-select .dropdown-menu {
	border: 1px solid #ddd;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);

}

 .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: #444;
	background: #fff;
	border: 1px solid #ced4da;
}

.btn-light {
	color: #444;
	background: #fff;
	border: 1px solid #ced4da;
}

.badge-select {
	font-size: 9pt;
	margin: 3px 0 0 0;
	width: 25px;
	float: right;
}

/*jQuery Bar Rating Plugin v1.2.1
 * http://github.com/antennaio/jquery-bar-rating*/
.rating-box{
	position: relative;
	margin: 1rem 0 2em  0;
	padding:  0;
}
.br-theme-fontawesome-stars .br-widget {
  position: relative;
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  font-size: 70px;
	line-height: 1;
  text-rendering: auto;
	font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin: 0;
	padding: 10px 5px 10px 0;
	text-shadow: 0.1px 0.1px 2.1px rgba(0, 0, 0, 0.051), 0.3px 0.3px 5.1px rgba(0, 0, 0, 0.073), 0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09), 1.1px 1.1px 17px rgba(0, 0, 0, 0.107), 2.1px 2.1px 31.8px rgba(0, 0, 0, 0.129), 5px 5px 76px rgba(0, 0, 0, 0.18);
}

.br-theme-fontawesome-stars .br-widget a:hover {
	text-shadow: none;
}

.br-theme-fontawesome-stars .br-widget a:after {
  content: '\2605';
  color: rgba(var(--bs-green-l-rgb),0.7);
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: var(--bs-green);
	font-weight: bold;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: var(--bs-green);
	font-weight: bold;
} 
.br-theme-fontawesome-stars .br-widget .br-current-rating {
	display: none;
	position: relative;
	width: 100%;
	margin: 1rem 0;
	white-space: normal;
	text-align: left;
	color: var(--bs-green);
	font-size: 14pt;
	min-height: 38px;
	line-height: 20pt;
	font-weight: normal;
	padding: 2px 5px 3px 25px;
}

.br-theme-fontawesome-stars .br-widget .br-current-rating:before {
	position: absolute;
	left: 10px;
	color: var(--bs-green);
	font-weight: 400;
	font-size: 14px;
	content: '\2605';
	padding: 0;
}

.br-theme-fontawesome-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: black;
  }
}


/* bootstrap carousel*/	
#bigImage {
	width: 100%;
	height: auto;}

.carousel-inner{
	max-width: 1920px;
	padding-left: 10vw;
	padding-right: 10vw;
	margin: auto;
}

.carousel-caption {
	position: absolute;
  left: 28vw;
  right: 28vw;
	bottom: auto;
	top: 5%;
	text-align: center;
	padding: 1rem 1rem;
	-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
					border-radius: 10px;
}

.carousel-caption h1 a,.carousel-caption h1 a:visited  {
	margin: 1rem 0 2rem 0;
	font-size: 26pt;
	line-height: 28pt;
	font-weight: 400;
	color: var(--bs-black);
}

.carousel-caption h1 a:hover,.carousel-caption h1 a:focus,.carousel-caption h1 a:active  {
	color: var(--bs-black);
}

.carousel-caption .chapeau {
	font-size: 20pt;
	line-height: 22pt;
	color: var(--bs-red);
}

.carousel-caption .chapeau a, .home-caption .chapeau a:visited {
	display: inline-block;
	font-size: 20pt;
	line-height: 22pt;
	padding: 0 0;
	margin: 0;
	color: var(--bs-red);
}

.carousel-intro {
	font-size: 18pt;
  line-height: 1.33;
	text-align: left;
}


.bg-searchbar{
	margin: 0;
	padding: 1.5rem 0;
	background-color: rgba(var(--bs-green-rgb),.4);
	position: relative;
	background-image: url(/gfx/facets-yellow.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	background-attachment: fixed;
}
.bg-searchbar .container{padding:0;}
.bg-searchbar .form-control {border-radius:0;}
.bg-searchbar .input-group-text {background-color: #fff;color:#666;border-radius:0}
.bg-searchbar .form-control::-webkit-input-placeholder {color:#999;}
.bg-searchbar .form-control::-moz-placeholder {color:#999;}
.bg-searchbar .form-control::-ms-input-placeholder {color:#999;}

.bg-searchresult{
	font-family: var(--bs-font-header);
	margin: .5rem 0 1rem 0;
	padding: 0;
	font-size: 15pt;
	letter-spacing: -0.025em;

}
.bg-searchresult .search-facet:after {
	padding: 0 10px;
	color: var(--bs-blue);
	content: "\276f"; 
	font-size: 14px;
	line-height: 14px;

}

.list-item-chevron:before {
	position: absolute;
	left: 0;
	width: 10px;
	z-index: 50;
	height: 10px;
	display: inline-block;
	color: var(--bs-yellow);
	font-size: 90%;
	content: "\276f"; 
}

.chevron-start:before, .left-chevron:before {
	display: inline-block;
	font-size: 90%;
	padding: 0 10px;
	content: "\276f"; 
}


.chevron-end:after, .right-chevron:after {
	display: inline-block;
	font-size: 90%;
	padding: 0 10px;
	content: "\276f"; 
}

.badge-search {
	font-size: 12pt;
	display: inline-block;
	margin: 0 5px;
}

.introText {position: relative;text-align: center;padding: 1rem 2rem;}
.introText h3 {margin-top: 20px;}
.introText .svg-inline--fa {font-size: 60px;line-height: 60px;color: var(--bs-green);}

/* validation engine*/
#registrationError {
	margin: 5px 0 0 0;
	font-size: 11pt;
	background: var(--bs-red);
	color:#fff;
	padding: 3px 10px;
	border-color: var(--bs-red-hover);
}

#registrationError a, #registrationError a:visited {
	font-weight: bold;
}

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	min-width: 20em;
	background: var(--bs-red);
	position:relative;
	z-index:5001;
	color: #fff;
	font-family: Arial;
	font-size: 12pt;
	border: 1px solid #ddd;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 4px 10px 4px 10px;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	
}

.rating-error{
	background: var(--bs-red);
	position: absolute;
	z-index:5001;
	color: #fff;
	font-family: Arial;
	font-size: 12pt;
	line-height: 14pt;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 4px 10px 4px 10px;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
}


.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: 0 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: var(--bs-red);
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
}

/* typeahead*/
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-highlight {
  color: #000;
	background: rgba(255, 146, 45, .55);
	padding: 0 3px;
}

.tt-menu{
	right: 0;
}

.tt-dataset {
	cursor: pointer;
	max-height: 300px;
	color: #333;
  overflow-y: auto;
  width: 100%;
  margin-top: 1px;
  padding: 0;
  background-color: var(--light);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.tt-suggestion {
	display: block;
	width: 100%;
	color: #333;
  padding: 5px 10px;
  font-size: 12pt;
  line-height: 16pt;
	border-bottom: 1px solid #ddd;
}

.tt-suggestion:hover {
	background-color: #f4f4f4;
}

.tt-suggestion.tt-cursor {
  color: #333;
  background-color: var(--light);
}

.tt-empty {
	font-size: 12pt;
  line-height: 16pt;
	padding: 20px;
	background: var(--bs-white);
}

.tt-results {
	position: relative;
	padding: 5px 10px;
	background: var(--bs-white);
}

.tt-company {
	font-weight: bold;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-address {
	clear: both;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-postcode {
	position: relative;
	float: right;
	width: 25%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: right;
	text-transform: uppercase;
}

.tt-city {
	position: relative;
	float: left;
	width: 70%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: left;
	text-transform: uppercase;
}



.no-gutters {
	--bs-gutter-y: 0;
	--bs-gutter-x: 0;
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
}

.card-deck > .card {
	background-color: rgba(var(--bs-white-rgb),0.1);
	-ms-flex: 1 0 0%;
	flex: 0 1 auto;
	width: calc(33.333333% - 2%);
	max-width:calc(33.333333% - 2%);
	margin: 0 2% 2% 0 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.card-deck.card-deck-6 .card {
	width: calc(16.6666666667% - 1%);
	max-width: calc(16.6666666667% - 1%);
	margin: 0 1% 2% 0 !important;
}
.card-deck.card-deck-5 .card {
	width: calc(20% - 1%);
	max-width: calc(20% - 1%);
	margin: 0 1% 2% 0 !important;
}

.card-deck.card-deck-4 .card {
	width: calc(25% - 1%);
	max-width:calc(25% - 1%);
	margin: 0 1% 2% 0 !important;
}

.card-deck.card-deck-3 .card {
	max-width: calc((100%/3) - 2%);
	width: calc((100%/3) - 2%);
}
.card-deck.card-deck-2 .card {
	max-width: calc(50% - 2%);
	width: calc(50% - 2%);
	margin: 0 2% 2% 0 !important;
}

.card-deck.card-deck-1 .card {
	width: 100%;
	max-width:100%;
	margin: 0 0 1% 0 !important;
}

.card.card-info, .card-info .card-footer {
	border: none;
	background-color: rgba(var(--bs-white-rgb),0.6);
}

.card-info .card-body, .card-info .card-footer {
	padding: .5rem 1rem;
}


.card-deck .card.card-double {
	border: none;
	background-color: rgba(var(--bs-white-rgb),0.8);
}

.card-search {
	margin-bottom: 1rem;
	border: none;
	background: none;

}

.card-double .card-body {
	text-align: left;
	padding:0 1rem;
}

.card-double .card-img img {
	position: relative;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
			 border-radius: 0;
}

.card-deck .card-round {
 	border: 0;
	background: none;
}

.card-header {
	margin-bottom: 0;
	background: none;
}

.card-footer {
	background:none;
}

.card-img-16-9 img{
	object-fit: cover;
	height: 207px;
}

.card-deck .card-list .card-body {
	padding:.5rem 1rem 1rem 1rem;
}

.card-icon .svg-inline--fa {
	color: var(--bs-green);
}

.card-deck > .card.card-list:hover .svg-inline--fa {
	box-shadow: none;
	color: var(--bs-primary-hover);
}

.card-plus .card-body {
	padding: .5rem;
}


.metainfo {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 93%;
	padding: 0 0 0 0;
	margin: 0;
}

.metainfoPage {
	position: relative;
	top: 0;
	left: 0;
	font-size: 93%;
	padding: 0 0 0 0;
	margin: 0 0 1rem 0;
}

.date {
	display: inline-block;
	background: var(--bs-gray-200);
	color: var(--bs-gray-800);
	margin: 0 0 3px 0;
	padding: 0 8px;
}

.auteur, .tag, .expert {
	margin: 0 0 3px 0;
}

.auteur a, .auteur a:visited {
	display: inline-block;
	background: var(--bs-info);
	color: var(--bs-info-color);
	padding: 0 8px;
	margin: 0 4px 0 0;
}
.auteur a:hover, .auteur a:focus,.auteur a:active {background: var(--bs-info-hover);color:var(--bs-info-hover-color)}


.tag a, .tag a:visited {
	display: inline-block;
	background: var(--bs-primary);
	color: var(--bs-primary-color);
	padding: 0 8px;
}
.tag a:hover, .tag a:focus, .tag a:active {background: var(--bs-primary-hover);color:var(--bs-primary-hover-color)}


.expert a, .expert a:visited {
	display: inline-block;
	background: var(--bs-warning);
	color: var(--bs-warning-color);
	padding: 0 8px;
}
.expert a:hover, .expert a:focus, .expert a:active {background: var(--bs-warning-hover);color:var(--bs-warning-hover-color)}

.experts {
	max-width: 1920px;
  margin: 0 auto 2rem auto;
	position: relative;
	padding: 1rem 6vw;
}

.expert-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.expert-item{
	text-align: center;
	position: relative;
	margin: 0 .5rem;
	padding: 0;

}
.expert-item img {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
	}
	
.expert-caption {
	position: relative;
  padding: 7px 8px;
	bottom: 0;
	left: 0;
	right: 0;	
	height: 50px;
	overflow: hidden;
}

.expert-item {	
	font-size: 12pt;
	line-height: 14pt;
}

/* .expert-item a, .expert-item a:visited {
	color: var(--bs-info-color);
}
.expert-item a:hover, .expert-item a:focus, .expert-item a:active {
	color: var(--bs-info-hover-color);
}	 */

/* slick */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 10;
    top: calc(50% - 25px);
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,.slick-next:before {
		z-index: 1000;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 60px;
    line-height: 1;
    opacity: 1;
    color: var(--bs-red);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    right: auto;
    left: -50px;
}
.slick-prev:before{
    content: "\276e";
}
.slick-next {
	right: -50px;
}
.slick-next:before {
    content: "\276f";
}

/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
}

.slick-dots{
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 14px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
   padding: 0 8px;
		-webkit-border-radius: 50%;
	   	-moz-border-radius: 50%;
			    border-radius: 50%;
    cursor: pointer;
    color: #000;
    border: 0;
    outline: none;
    background: rgba(255,255,255,.4);
    box-shadow:
		  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
		  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
		  0 0.8px 10px rgba(0, 0, 0, 0.035),
		  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
		  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
		  0 6px 80px rgba(0, 0, 0, 0.07);   
}
.slick-dots li button:hover, .slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}


.corner {
	border-radius: 10px 10px 10px 10px ;
}

.corner-start {
	border-radius: 20px 10px 10px 10px ;
}

.corner-end {
	border-radius: 10px 20px 10px 10px ;
}

.corner-bottom-start{
	border-radius: 10px 10px 10px 20px;
}

.corner-bottom-end{
	border-radius: 10px 10px 20px 10px;
}

.breakpoint{
	position: fixed;
	bottom: 65px;
	right: 15px;
	width: 100px;
	z-index: 1050;
}
	
.breakpoint::before{
	content: 'Large';
}

.nav-beheer{
	padding-left: 1rem;
}


/* phone > 480px */
@media (max-width: 480px) {
	
	.breakpoint::before{content: 'phone 480';}

	.container-fluid {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.navWrapper .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	
	.logo {
		height: 32px;
		width: auto;
		margin: 15px 0 15px 15px;
	}
	.navWrapper.stuck .logo-small {
		right: auto;
		left: 1rem;
		top: 12px;
		height: 22px;
	}

	.btn-search-top {
		right: 0;
	}
	
	.layerHome {
		padding: 1rem 0;
	}

	.offcanvas.offcanvas-end.offcanvas-search {
		--bs-offcanvas-width: 100vw;
	}

	.navbar-collapse {background: var(--bs-body-bg);}
	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}
	.nav-right.nav-categories > li > a {
		font-weight: 400;
		color: var(--bs-a);
	}

	.nav-categories > li > a:hover, .nav-categories > li > a:active, .nav-scan > li > a:hover, .nav-scan > li > a:active, .navbar-collapse.show .nav-categories > li > a:hover, .navbar-collapse.show .nav-categories > li > a:active, .nav-link.active {
		border-bottom: 1px solid var(--bs-indigo);
		color: var(--bs-a);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}


	.color-mode__btn {
		padding: 15px ;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: 100%;
		max-width:100%;
		margin: 0 0 1rem 0 !important;
	}
	
	.bg-logo {
		padding: 2rem 0;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: 50%;
		max-width:50%;
		margin: 0 0 1% 0 !important;
	}
	
	.card-deck > .card.card-logo:nth-child(n+7) {
		display: none;
	}
		
	.card-info .card-body {
		padding: 1rem;
	}

	.padding40 {
		padding: 20px 0;
	}

	.list-group-navigation {
		margin-bottom: 15px;
	}
	
	.text-right {text-align: left;}
	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}
	
	.social-row {
		margin: 1rem 0;
	}
	
	.group-box, .learningpath-finish-box {
		padding: 1em;
	}

	.navWrapper .mode-switch {
		display: block;
	}


	.hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.about-box, .allcats-box, .hidden-md-down, .hidden-sm-down, .f_nav {display: none !important;}


}

 

/* Landscape phone */
@media (min-width: 481px) and (max-width: 767.97px) {

	.breakpoint::before{content: 'phone l';}
	

	.navWrapper.stuck .logo-small {
		display: block ;
	}
	
	.home-caption {
		width: 80%;
	}
	.home-caption h1 {
		font-size: 24pt;
		line-height: 26pt;
	}

	.navbar-collapse {background: var(--bs-body-bg);}
	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.nav-right.nav-categories > li > a {
		font-weight: 400;
		color: var(--bs-a);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	.scan-box {
		padding: 0.5em 1em;
		font-size: 1em;
		line-height: 1.2em;
	}
	.scan-intro {
		padding: 10px 0 2em 0;
		font-size: 16pt;
		letter-spacing: -0.025em;
		line-height: 20pt;
	}
	.br-theme-fontawesome-stars .br-widget a {
		font-size: 50px;
	}
	.question-box {
		margin: 1rem 0 1rem 0;
		padding: 0;
		border-left: none;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: 100%;
		max-width:100%;
		margin: 0 0 1% 0;
	}
	
	.bg-logo {
		padding: 2rem 0;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: calc(100%/4);
		max-width: calc(100%/4);
		margin: 0 0 1% 0 !important;
	}
	
	.card-deck > .card.card-logo:nth-child(n+7) {
		display: none;
	}
	
	.card-logo {
		padding: 0 1.5rem 1.5rem 1.5rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}

	.list-group-navigation {
		margin-bottom: 15px;
	}
	

	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}
	
	.text-right {text-align: left;}
	
	.group-box, .learningpath-finish-box {
		padding: 1em;
	}

	.navWrapper .mode-switch {
		display: block;
	}


	.hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.about-box, .allcats-box, .hidden-md-down, .hidden-sm-down, .f_nav {display: none !important;}

}


  
/* Portrait tablet */
@media (min-width: 767.98px) and (max-width: 991.97px) {
	
	.breakpoint::before{content: 'Tablet P';}
	
	
	.headerWrapper {background-size: auto 90%;}
	
	.navWrapper.stuck .logo-small {
		display: block ;
	}

	.navbar-collapse {background: var(--bs-body-bg);}
	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.nav-right.nav-categories > li > a {
		font-weight: 400;
		color: var(--bs-a);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	
	.home-caption {
		width: 75%;
	}


	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card,
	.card-deck.card-deck-6 .card {
		width: calc(50% - 1rem);
		max-width: calc(50% - 1rem);
		margin: 0 1rem 1rem 0;
	}
	
	.bg-logo {
		padding: 2rem 0;
	}
	
	.card-course .card-body {
		padding: .5rem 0;
	}
	
	.introText {
		text-align: left;
		padding: 1rem .8rem;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: calc(100%/4);
		max-width: calc(100%/4);
		margin: 0 0 1% 0 !important;
	}
	
	.card-logo {
		padding: 0 1.5rem 1.5rem 1.5rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}

	.list-group-navigation {
		margin-bottom: 15px;
	}
	
	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}

	.hidden-tablet, .hidden-portrait, .text-article, 
	.about-box, .allcats-box, .f_nav {display: none !important;}



}
 

 
/* landscape tablet */
@media (min-width: 991.98px) and (max-width: 1199.98px) {
	
	.breakpoint::before{content: 'Tablet L';}

	.navWrapper.stuck .mode-switch {
		margin-right: 50px;
	}

	
	.home-caption {
		width: 75%;
	}

	.nav-scan > li.nav-result, .nav-categories > li > a, .nav-scan > li > a {
		font-size: 16pt;
		padding: 10px 15px !important;
		margin: 0 6px 0 0;
	}

	.hidden-tablet-up {display:none;}

}
 
/* desktop */
@media (min-width: 1200px) {
	
	body {
		overflow-y:scroll;
	}

	.columns {
		columns: 2; 
	}

	.container-fluid {
		max-width: 1920px;
		padding-left: 1vw;
		padding-right: 1vw;
	}

	.hidden-tablet-up {display:none;}
	

}

/* large desktop */
@media (min-width: 1800px) {
	
	body {
		overflow-y:scroll;
	}

	.bg-home {height: 75vh;}
		
	.columns {
			columns: 3; 
	}

	.nav-categories {
		margin-left: -15px;
	}
	.nav-right {
		margin-right: -25px;
	}

	.table-sticky {
		text-align: left;
		position: relative;
		border-collapse: collapse; 
	}

	.table-sticky th  {
		position: sticky;
		top: 56px; /* Don't forget this, required for the stickiness */
	}


	.container-fluid {
		max-width: 1920px;
		padding-left: 7vw;
		padding-right: 7vw;
	}

	.layerCategory {
		padding: 1.5rem 0;
		margin: 0 7vw 0 0;
		border-radius: 0 0 50px 0;
	} 

	.crumb-geel {
		padding: 1.5rem 0;
		margin: 0 7vw 2rem 0;
		border-radius: 0 0 50px 0;
	} 

	.bg-searchbar {
		padding: 1.5rem 0;
		margin: 0 7vw 0 0;
		border-radius: 0 0 50px 0;
	} 

	.layerCategory .container-fluid, .bg-searchbar .container-fluid {
		padding-left: 7vw;
		padding-right: 4vw;
	}

	.hidden-tablet-up {display:none;}

	
}



:root[data-bs-theme="dark"] {

	 --bs-blue									: #1d9fae;
  --bs-indigo									: #fd7e14;
  --bs-purple									: #6f42c1;
  --bs-pink										: #d63384;
  --bs-orange									: #fd7e14;
  --bs-yellow									: #faa61a;
	--bs-white									: #181818;
	
	--bs-red										: #e64135;
	--bs-red-hover							: #212121;
	--bs-red-rgb								: rgb(128, 29, 22);
	
  --bs-green									: #faa61a;
	--bs-green-hover						: #e69918;	
	--bs-green-rgb							: 250, 166, 26;
	
  --bs-teal										: #20c997;
  --bs-cyan										: #0dcaf0;
  --bs-gray										: #6c757d;
  --bs-gray-dark							: #787c80;
	
  --bs-gray-100								: #343139;
  --bs-gray-200								: #393636;
  --bs-gray-300								: #787c80;
  --bs-gray-400								: #6c757d;
  --bs-gray-500								: #6c757d;
  --bs-gray-600								: #6c757d;
  --bs-gray-700								: #495057;
  --bs-gray-800								: #343a40;
  --bs-gray-900								: #212529;
	
  --bs-primary-color 					: #212121;
  --bs-primary								: #faa61a;
	--bs-primary-hover-color 		: #212121;
	--bs-primary-hover 					: #e69918;
	
	--bs-secondary-color				: #212121;
	--bs-secondary							: #ced4da;
	--bs-secondary-hover-color	: #fff;
	--bs-secondary-hover				: #687077;
	
	--bs-info-color							: #fff;
	--bs-info 									: #1A6EFA;
	--bs-info-hover-color 			: #fff;
	--bs-info-hover 						: #195ed4;
	
	--bs-warning-color 					: #fff;
	--bs-warning 								: #393b41;
 	--bs-warning-hover-color 		: #fff;
	--bs-warning-hover 					: #292b30;
	
	--bs-danger-color 					: #fff;
	--bs-danger 								: #9f2219;
 	--bs-danger-hover-color 		: #fff;
	--bs-danger-hover 					: #801d16;
	
	--bs-success-color 					: #fff;
	--bs-success 								: #008744;
 	--bs-success-hover-color 		: #fff;
	--bs-success-hover 					: #016c36;
	
  --bs-light-rgb							: 248, 249, 250;
  --bs-dark-rgb								: 33, 37, 41;
  --bs-white-rgb							: 39, 36, 42;
  --bs-black-rgb							: 0, 0, 0;
  --bs-body-color-rgb					: 33, 37, 41;
  --bs-body-bg-rgb						: 45, 42, 48;
	
	--bs-link-color							: #99df49;
	--bs-link-color-hover				: #86c440;
	
  --bs-font-sans-serif				: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace					: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient								: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family				: var(--bs-font-sans-serif);
  --bs-body-font-size					: 1rem;
  --bs-body-font-weight				: 400;
  --bs-body-line-height				: 1.5;
	
	--light 									: #1f1f1f;
	--dark 										: #cecece;

	--bs-a 										: #fff;
	--bs-a-hover 							: #cecece;
  --bs-body-color 					: #cecece;
	--bs-header-bg 						: #27242a;
  --bs-body-bg 							: #1f1f1f;
	--bs-bg-hexagon 					: url(/gfx/bee-zwart.png);
	--bs-body-bg-image 				: url(/gfx/bg-site-diap2.jpg);
	--logo 										: url(/gfx/logo.diap.svg);
	
	}
	
	:root[data-bs-theme="dark"] .navbar-nav .nav-link.active, :root[data-bs-theme="dark"] .navbar-nav .show > .nav-link {
		--bs-navbar-active-color: white;
	}

	:root[data-bs-theme="dark"]  .img-fluid {
		filter: brightness(.75) ;
  }
	
	:root[data-bs-theme="dark"] .card-logo img {
		filter: invert(80%);
		mix-blend-mode: luminosity;
	}

	:root[data-bs-theme="dark"] .whiteBg, :root[data-bs-theme="dark"] .bg-fff, :root[data-bs-theme="dark"] .bg-wit {
		background: var(--bs-header-bg);
		color: var(--bs-body-color);
	}
	
	:root[data-bs-theme="dark"]  .card {
		--bs-card-bg: #1f1f1f;
  }
	
	:root[data-bs-theme="dark"]  .bg-main {
		background-color: rgba(0,0,0,.65);
  }

	:root[data-bs-theme="dark"] .overlay {
		opacity: 0.25;
	}

	:root[data-bs-theme="dark"] .form-control {
		color: var(--bs-header-bg);
		background-color: var(--bs-secondary);
		border: 1px solid var(--bs-gray-300);
	}

	:root[data-bs-theme="dark"] .footerContainer {
		color: var(--bs-body-color);
	}