html,
body {
	font: var(--font-regular);
}

body {
	background-color: #fff;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*h1, h2, h3, h4, h5, h6 {*/
/*	font: var(--font-bold);*/
/*	padding: 0;*/
/*	margin: 0;*/
/*}*/

/*h1 {*/
/*	font-size: 2rem;*/
/*}*/
/**/
/*h2 {*/
/*	font-size: 1.8rem;*/
/*}*/
/**/
/*h3 {*/
/*	font-size: 1.6rem;*/
/*}*/
/**/
/*h4 {*/
/*	font-size: 1.4rem;*/
/*}*/
/**/
/*h5 {*/
/*	font-size: 1.2rem;*/
/*}*/
/**/
/*h6 {*/
/*	font-size: 1rem;*/
/*}*/

.hyphenate {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: 10 4 4;
}

.clear:after {
	clear: both;
	content: '';
	display: block;
}

.textAlignLeft {
	text-align: left;
}

.textAlignCenter {
	text-align: center;
}

.textAlignRight {
	text-align: right;
}

p.introText {
	font-size: 1.2rem;
}

ul, ol {
	margin: 0 0 10px 20px;
}

ul li, ol li {
	padding: 0;
}

ul {
	list-style: disc;
}

a {
	cursor: pointer;
}

.center {
	text-align: center
}

.iz-checkbox {
	float: left;
	display: block;
	vertical-align: unset;
	margin: 10px 10px 0 0;
}

.iz-checkbox + span {
	float: left;
	display: block;
	margin: 5px 0 0 0;
}

.iz-icon.mapMarker {
	cursor: pointer;
	left: -15px;
	position: absolute;
	top: -15px;
}

.iz-icon.mapMarker::before {
	background-color: #7f214e;
}

.iz-icon.mapMarker:hover::before {
	background-color: #ea7025;
}

.blockitem a {
	color: #256eaf;
	text-decoration: none;
}

.blockitem .title h2 a,
.blockitem .pagination a,
.articleSearch a {
	text-decoration: none;
}

.pagination .infinite {
	height: 0;
	opacity: 0;
}

a.loadMore {
	color: #fff;
}

img {
	height: auto;
	max-width: 100%;
}

.blockitem img {
	aspect-ratio: auto;
	max-width: 100%;
	width: 100%;
}

.gm-style img {
	max-width: none;
}

.swiper-container.background-slider {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

.swiper-container.background-slider .swiper-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.mobileMenuToggle {
	cursor: pointer;
}

.blockContainer > div {
	padding: 20px 0;
}

.blockContainer .blockTitle {
	margin: 0 auto 15px auto;
}

.contentCenter {
	margin: 0 auto;
}

.blockContainer > div,
.contentCenter .pageTitle {
	margin: 0 auto;
	max-width: 1200px;
}

.blockContainer .contentCenter {
	display: grid;
}

.blockitems {
	grid-template-columns: 100%;
}

.blockContainer .blockitems,
.blockitem .formblockitems {
	display: grid;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	margin-left: auto;
	margin-right: auto;
}

.blockContainer.fullWidth,
.blockContainer.fullWidth > div > .blockitems {
	max-width: 100%;
	width: 100% !important;
}

.blockContainer.fullWidth > div {
	max-width: 100%;
	padding: 0;
	/*text-align: center;*/
}

.blockContainer.blockItems-2 {
	grid-template-columns: repeat(2, 1fr);
}

.blockContainer.blockItems-3 {
	grid-template-columns: repeat(3, 1fr);
}

.blockContainer.blockItems-4 {
	grid-template-columns: repeat(4, 1fr);
}

.blockContainer.blockItems-5 {
	grid-template-columns: repeat(5, 1fr);
}

.blockContainer.blockWidth-101 > div {
	max-width: unset;
}

.blockContainer .blockitem {
	box-sizing: border-box;
}

.blockContainer:after {
	display: block;
	clear: both;
	content: '';
}

.blockContainer .blockitem.blockItemType-photo {
	overflow: hidden;
}

.blockContainer .blockitem.blockItemType-photo img {
	width: 100%;
	height: auto;
	line-height: 0;
}

.blockContainer .blockitem.blockItemType-media_googlemap * {
	background-color: initial;
	color: initial;
}

.blockContainer .blockitem.blockItemType-media_googlemap .gm-style-iw,
.blockContainer .blockitem.blockItemType-media_googlemap .gm-style-iw-c {
	background-color: var(--color-white);
}

.blockContainer .blockitem.blockItemType-media_googlemap ul.gmapMarkerPopup  {
	list-style: none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper.w4xh3 {
	padding-bottom: 75%; /* 4:3 */
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mediaLibrary {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-row-gap: 7px;
	grid-column-gap: 10px;
}

.mediaLibrary img {
	height: auto;
	line-height: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.mediaLibrary a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.googleMapsWrapper {
	display: grid;
}

.googleMapsWrapper.withRoute {
	grid-gap: 30px;
	grid-template-columns: auto 420px;
}

.blockitems[data-count="2"] .googleMapsWrapper.withRoute {
	grid-template-columns: unset;
}

.blockitems[data-count="2"] .googleMapsWrapper.withRoute .iz-map {
	order: 1;
}

.googleMapsWrapper.withRoute .start {
	margin-bottom: 15px;
}

.googleMapsWrapper .label {
	font: var(--font-bold);
}

.googleMapsWrapper .directionsForm {
	margin-bottom: 20px;
}

.googleMapsWrapper .directionsPanel {
	border: 1px solid #c0c0c0;
	max-height: 400px;
	overflow: scroll;
}

.googleMapsWrapper .directionsPanel .adp-list {
	border: none;
	border-bottom: 4px solid #000;
	padding: 0;
}

.googleMapsWrapper .directionsPanel .adp-list td {
	border-bottom: 1px solid grey;
}

.googleMapsWrapper .directionsPanel table {
	margin-bottom: 0;
}

.googleMapsWrapper .directionsPanel table,
.googleMapsWrapper .directionsPanel table td {
	border: none;
	padding: 8px;
}

.googleMapsWrapper .directionsPanel table .adp-listheader {
	background-color: var(--directions-header-bg-color);
	color: var(--directions-header-text-color);
}

.travelModes {
	margin-bottom: 20px;
}

.travelModes .iz-icon {
	cursor: pointer;
	font-size: 24px;
	margin-right: 20px;
}

.travelModes .iz-icon[data-active="true"] {
	color: var(--color-active-travelmode);
}

.travelModes .iz-icon.fa6-solid-car {
	font-size: 32px;
}

.travelModes .iz-icon.fa6-solid-train {
	font-size: 26px;
}

.travelModes .iz-icon.fa6-solid-person-biking {
	font-size: 37px;
}

.travelModes .iz-icon.fa6-solid-person-walking {
	font-size: 18px;
}

.gMapsStart {
	font-size: 1rem;
	padding: 9px;
	width: 100%;
}

section:after {
	clear: both;
	content: '';
	display: block;
}

.topBar {
	margin: 0 auto;
	max-width: 1200px;
	padding: 25px;
}

.topBar nav ul {
	float: left;
	padding: 0;
	margin: 0 0 0 15px;
}

nav button {
	/*display: block;*/
	background-color: transparent;
	border: none;
}

.topBar nav ul ul {
	display: none;
}

.topBar nav ul[aria-hidden="false"] {
	display: block;
}

.topBar nav ul li:hover > ul {
	background-color: #fff;
	display: block;
	padding: 15px;
	position: absolute;
	width: 300px;
	z-index: 100;
}

.topBar nav ul li ul li {
	float: none;
}

.topBar nav ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 25px 0 0;
	position: relative;
}

.topBar nav ul li a {
	text-decoration: none;
}

.topBar nav ul li.has-submenu a {
	display: inline-block;
	width: 100%;
}

.topBar nav ul li a:hover,
.topBar nav ul li.active a {
	text-decoration: underline;
}

/* Toon submenu bij focus of open staat */
/*nav ul li:focus-within > .submenu,*/
nav ul li.open > .submenu {
	display: block;
}

/* Visuele indicatie voor open submenu */
.nav-item.open > a {
	background-color: #007bff;
	color: white;
}

#content {
	padding: 25px 0;
}

.loadMoreWrapper {
	margin-top: 45px;
	text-align: center;
}

.pagination .item {
	color: var(--load-more-background-color);
	background-color: var(--load-more-color);
}

.pagination .iz-icon {
	vertical-align: sub;
}

.loadMore,
.blockitem a.loadMore,
.pagination .item {
	background-color: var(--load-more-background-color);
	border: 1px solid #fff;
	color: var(--load-more-color);
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.loadMore:hover,
.blockitem a.loadMore:hover,
.pagination .active:hover {
	background-color: var(--load-more-background-color-hover);
	color: var(--load-more-color-hover);
	text-decoration: none;
}

.numbers .item,
.numbers .current {
	float: left;
	margin-right: 10px;
}

.numbers .pagination a.item {
	cursor: pointer;
	float: left;
	height: 28px;
	margin-bottom: 7px;
	margin-right: 7px;
	padding: 4px 7px;
	line-height: 0;
}

.numbers .pagination a.item.number {
	padding-top: 12px;
}

.formBlock {
	margin-bottom: 20px;
}

.formBlock label {
	font-weight: bold;
}

.formBlock label.extraLabel {
	font-weight: normal;
	width: 100%;
}

.formBlock > div {
	width: 100%;
}

/* Video embed */
.laravel-embed__responsive-wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.laravel-embed__fallback {
	background: rgba(0, 0, 0, 0.15);
	color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
}

.laravel-embed__fallback,
.laravel-embed__responsive-wrapper iframe,
.laravel-embed__responsive-wrapper object,
.laravel-embed__responsive-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.article span.highlight {
	background-color: #c0c0c0;
}

.filter .search input {
	border: 1px solid #000;
	padding: 7px;
}

.search-product-grid {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: 200px auto;
}

.search-pagination {
	margin: 20px 0;
}

.search-pagination .item {
	background-color: var(--search-pagination-background-color);
	border: 1px solid var(--search-pagination-border-color);
	color: var(--search-pagination-text-color);
}

.search-pagination .item:hover,
.search-pagination .item.active {
	background-color: var(--search-pagination-background-color-hover);
	border: 1px solid var(--search-pagination-border-color-hover);
	color: var(--search-pagination-text-color-hover);
}

.search-results {
	display: grid;
	grid-gap: var(--search-results-grid-gap);
	clear: both;
}

.search-result {
	border-bottom: var(--search-result-border-bottom);
	padding-bottom: 20px;
}

.search-result .title {
	font-size: var(--search-result-title-font-size);
	line-height: var(--search-result-title-line-height);
}

.search-result .title a:hover {
	text-decoration: underline;
}

.search-wrapper .results-for-tab {
	display: none;
}

.search-wrapper .tabs {
	border-bottom: 1px solid var(--search-results-tab-border-bottom-color);
	float: left;
	margin: 20px 0;
	width: 100%;
}

.search-wrapper .tabs:after {
	clear: both;
	content: '';
	display: block;
}

.search-wrapper .tabs .tab {
	background-color: var(--search-results-tab-background-color);
	color: var(--search-results-tab-text-color);
	cursor: pointer;
	float: left;
	font: var(--font-bold);
	margin-right: 10px;
	padding: 10px 40px;
}

.search-wrapper .tabs .tab {

}

.search-wrapper .results-for-tab.active {
	display: block;
}

.search-wrapper .tab:hover {
	background-color: var(--search-results-tab-background-color-hover);
}

.tabs .tab.active,
.tabs .tab:hover {
	background-color: var(--search-results-tab-background-color-hover);
	color: var(--search-results-tab-text-color-hover);
}

span.tag,
span.category {
	cursor: pointer;
	margin-right: 10px;
}

span.category.active {
	font-weight: bold;
}

/* Forms */
.blockContainer .formBlock input[type="text"],
.blockContainer .formBlock input[type="password"],
.blockContainer .formBlock input[type="email"],
.blockContainer .formBlock select,
.blockContainer .formBlock select option,
.blockContainer .formBlock textarea {
	appearance: none;
	border: 1px solid #333;
	box-sizing: border-box;
	font: var(--font-regular);
	font-size: 1rem;
	padding: 7px;
	width: 100%;
	color: #000;
}

.blockContainer .formBlock label {
	display: block;
	margin: 0 0 5px;
}

.blockContainer .formBlock input[type="text"]:focus-visible,
.blockContainer .formBlock textarea:focus-visible {
	border: 1px solid #333;
	outline: none;
}

.blockContainer .formBlock input[type="checkbox"] {
	vertical-align: baseline;
}

.blockContainer .blockItemType-form form button {
	background-color: #c0c0c0;
	border: 1px solid #888787;
	cursor: pointer;
	font-size: 1rem;
	padding: 10px;
}

.blockContainer .blockItemType-form form button:hover {
	background-color: #888787;
}

.blockContainer .validation .errors {
	color: red;
}

/* Menu */
.nav-container > .nav-wrapper > .nav-content {
	padding: 65px 4.1666666666667%;
}

.mobileTopBar {
	background-color: #fff;
	border-bottom: 1px solid #c0c0c0;
	display: none;
	height: 65px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.mobileTopBar nav {
	display: none;
}

/* Header slider */
.swiper-container.header-slider {
	height: 0;
	overflow: hidden;
	padding-bottom: 20%;
	position: relative;
	width: 100%;
}

.swiper-container.header-slider.high {
	padding-bottom: 40%;
}

.swiper-container.header-slider .swiper-wrapper,
.swiper-container.header-slider .swiper-slide {
	height: 0;
	padding-bottom: 20%;
}

.swiper-container.header-slider.high .swiper-wrapper,
.swiper-container.header-slider.high .swiper-slide {
	height: 0;
	padding-bottom: 40%;
}

.swiper-container .swiper-slide {
	background-position: center center;
	background-size: cover;
}

.swiper-button-prev {
	left: 25px;
}

.swiper-button-next {
	right: 25px;
}

.swiper-container[data-count="1"] .swiper-button-prev,
.swiper-container[data-count="1"] .swiper-button-next {
	display: none;
}

.ui-dialog {
	max-width: 100%;
}

.blockitem.contentAlignment-middle {
	align-items: center;
	display: flex;
}

.blockitem.contentAlignment-bottom {
	display: flex;
	flex-direction: column;
}

.blockitem.contentAlignment-bottom > div {
	margin-top: auto;
}

.gmap-marker {
	border: none;
	font-size: 36px;
}

.superBlockContainer > div > .blockContainer {
	background-color: transparent;
}

.iz-popup,
.iz-popup-button {
	display: none;
}

.skip-link {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

.skip-link:focus {
	background: #fff;
	border: 1px solid #000;
	left: 10px;
	padding: 10px;
	top: 10px;
	z-index: 1000;
}

.iz-alert-message {
	padding: 10px 10px 20px;
}

.iz-alert-message.error {
	background-color: var(--color-white);
	border: 2px solid var(--color-red);
	color: var(--color-red);
}

.iz-alert-message ul {
	margin: 0;
	padding: 0;
}

.iz-alert-message li {
	margin: 0 0 0 16px;
	list-style-type: disc;
}

.iz-alert-message.error li {
	color: var(--color-red);
}

.iz-alert-message div.info {
	margin-bottom: 10px;
	font: var(--font-bold);
}