/* Qarpa
 Copyright 2021 All rights reserved
 Qarpa Solutions BV
 ** Design is not just what it looks like and feels like. Design is how it works. **
 info@qarpa.eu
 http://qarpa.eu
 April 2021
   */

/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
	}

/* #######################  GENERAL SETTINGS ############################ */

/*
geel ? HEX #FFC107
blauw ? HEX #3F51B5 

font-family: 'Roboto', sans-serif;
font-family: 'Gloria Hallelujah', cursive;
*/

html {
	height: 100%;
	scroll-behavior: smooth;
	}

body {
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + 0.3vw);
	font-weight: 300;
	margin-top: 0;
	padding-top: 0;
	height: 100%;
	text-align: justify;
	}
@media screen and (min-width: 1400px) {
  body{
     font-size: 16px;
  }
}

.hidden {
	height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
	}

img.responsive {
    max-width: 90%;
    height: auto;
	}

.onhoverimg {
	opacity: 0;
	}
	.onhoverimg:hover,
	.onhoverimg:active,
	.onhoverimg:focus {
		opacity: 1;
		}

/* verwijderd oude template voor kunena template
a[id]:before {
    content:"";
    display:block;
    height:150px;
    margin:-130px 0 0;

.mainwrapper h2 {
			margin-left: -6vw;
			margin-right: -6vw;
			}
}*/

/*  Global Formatting */
h1, h2, h3, h4, h5, h6 { color: #404040;}
h1 {font-family: 'Quicksand', sans-serif;
	font-size: calc(24px + 1vw);
    padding: 30px 0;
	text-align: center;}
h2 {
	font-family: 'Quicksand', sans-serif;
	font-size: calc(24px + 1vw);
    padding: 30px 0;
	text-align: center;
	}
h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: calc(20px + 0.6vw);
    padding: 30px 0;
	text-align: center;
	}
h4 {font-size: calc(14px + 0.3vw);font-weight: 400;padding: 0 0 10px;}
h5 {font-size: calc(14px + 0.3vw);font-weight: 400;padding: 30px 0;}
h6 {
	font-family: 'Quicksand', sans-serif;
	font-size: calc(18px + 1vw);
    padding: 20px 0;
	text-align: center;
	}
td{}
th{}
a {color: #404040;; font-weight: 400; text-decoration:none}
a:hover {color: #808080;}
a:visited {color: #404040;}
a img, a img:hover  {border:0;}

strong {
	font-weight: 400;
	}

li
{
/* line-height: 14px; */
padding-left: 0px;
padding-top: 0px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

ul { list-style: disc; padding: 5px 0 5px 20px;}

ul.twocolumn {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	}

ol { padding-left: 23px;}

/*body .item-page .item-image {
	display: none !important;
	}
body .showimg .item-image {
	display: block !important;
	}*/

b {
	font-weight: 400 !important;
	}

input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}


/* #######################  END GENERAL SETTINGS ############################ */

.topsubmenu .separator {
	color: #404040;
    font-weight: 400;
    text-decoration: none;
	}

.leesmeer1 {
	position: absolute;
	right: 20px;
	bottom: 10px;
	}

.editorclass .divblok { /* editorclass set in global conf of jce to override standard css */
	opacity: 1 !important;
	}
 

/* alert message */

.alert {
    padding: 8px 35px 8px 14px;
    background: #0e467c /* sub-color-1 (blauw) */;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	}

.alert, .alert h4 {
    color: #fff;
	}

.alert-success {
    background-color: #468847;
	}

.alert .close {
	display: none;
	position: relative;
    top: -2px;
    right: -21px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.alert .close:hover, .alert .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
	}

/* end alert message */

.topmenu ul {
	margin-top: -8px;
	}
.topmenu ul li {
	list-style: none;
    display: inline-block;
	padding: 5px 10px;
	}
.topmenu .item-369, 
.topmenu .item-117, 
.topmenu .item-135 {
	display: inline;
	}
	.topmenu .item-369.active:after, 
	.topmenu .item-117.active:after, 
	.topmenu .item-135.active:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f078";
		position: absolute;
		bottom: -20px;
		left: 0;
		right: 0;
		text-align: center;
		}


.afbeelding1wrapper {
    width: 100%;
    height: 300px;
}

.cat-children {
	display: none;
	}

.bfSubmitButton,
.bfQuickMode .bfNextButton,
.bfQuickMode .bfPrevButton {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + 0.5vw);
	background: #FFC107;
	color: #3F51B5;
	text-decoration: none;
	margin-top: 10px;
	padding: 5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	border: 0;
	display: inline-block;
    text-align: center;
	}
.normalbutton, .normalbutton:visited {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + 0.5vw);
	background: #3F51B5;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
	padding: 5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	display: inline-block;
    text-align: center;
	}
.bfSubmitButton:hover,
.bfQuickMode .bfNextButton:hover,
.bfQuickMode .bfPrevButton:hover {
	cursor: pointer;
	}

.footerdiv {
	background: url(../../../images/pionnenplus2.png) no-repeat right -20px;
    width: 100%;
    height: 210px;
    margin-top: -40px;
    padding-top: 68px;
    padding-bottom: 0px;
    margin-bottom: -100px;
	text-align: left;
	}
	.footerdiv ul {
		font-size: calc(12px + 0.3vw);
		width: 15vw;
		}

.leesmeer-box {
	position: relative;
	}

.leesmeer-box .btn {
	color: #3F51B5;
	right: 0;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	}

.leesmeer-box .show, .leesmeer-box .hide {
	position: absolute;
	bottom: 0;
	z-index: 100;
	}

.leesmeer-box .hide {display: none;}
.leesmeer-box .show:target {display: none;}
.leesmeer-box .show:target ~ .hide {display: block;}
.leesmeer-box .show:target ~ .panel {
	max-height: 9999px !important; 
	}

.leesmeer-box .show:target ~ .fade {
	margin-top: 0;
	height: 40px;
	}

.leesmeer-box .panel {
	position: relative;
	overflow: hidden;
	transition: max-height .5s ease;
	}

.leesmeer-box .fade {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
	height: 100px;
	margin-top: -100px;
	position: relative;
	}

.alert.alert-message {
	margin: 30px -6vw 10px;
    background: #3F51B5;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 400;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.alert-message h4,
.alert-message .close {
	display: none;
	}
.contact {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.contactdiv-l {
	width: 50%;
	}
	.contactdiv-l  h5 {
		padding-bottom: 0;
		margin-bottom: -20px;
		}
.contactdiv-r {
	width: 46%;
	}
	.contactdiv-r  h5 {
		padding-bottom: 8px;
		}

.contactMap .route {
	text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	.contactMap .routeh3 {
		font-family: 'Quicksand', sans-serif;
		font-size: calc(24px + 1vw);
		}
	.contactMap .contactroute {
		margin-left: 20px;
		}
	.contactMap a {
		line-height: 46px;
		padding: 5px 10px;
		background: #3F51B5;
		color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		.contactMap a i {
			margin-right: 5px;
			}


/* formulieren */

.bfElemWrap {
	text-align: left;
	}

.bfElemWrap .radio.inline {
	margin-right: 5px;
	}

.bfQuickMode fieldset.bfInline {
	width: 100%;
	}
.bfQuickMode legend {
	display: none;
	}
.bfQuickMode fieldset.bfInline {
	border: 0;
	width: 100%;
	}
.bfQuickMode .bfRolloverBg {
    background: rgba(0,0,0,0) !important;
	}
.bfQuickMode input[type='text'], 
.bfQuickMode textarea, 
.bfQuickMode select {
	font-size: calc(12px + 0.3vw);
	padding: 5px;
	font-weight: 300;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	}
.bfQuickMode input[type='text']::placeholder,
.bfQuickMode textarea::placeholder {
  color: #3F51B5;
  opacity: 0.5;
  }
.bfQuickMode #boven section.bfElemWrap {
    padding: 5px 0 !important;
	margin: 18px 0px 0px 0px !important;
	}
.bfQuickMode #onder section.bfElemWrap {
    padding: 5px 0 !important;
	margin: 18px 0px 0px 0px !important;
	}

.bfElemWrap {
	margin: 5px 0;
	}

.bfQuickMode input[type=text], 
.bfQuickMode textarea, 
.bfQuickMode .uneditable-input, 
.bfQuickMode input[type=text]:hover, 
.bfQuickMode textarea:hover, 
.bfQuickMode .uneditable-input:hover, 
.bfQuickMode input[type=text]:focus, 
.bfQuickMode textarea:focus, 
.bfQuickMode .uneditable-input:focus {
    max-width: 100%;
	}

.bfQuickMode fieldset {
    border: none;
	width: 50%;
    float: left;
	}
.bfQuickMode fieldset .bfElemWrap,
.bfQuickMode section#onder {
		margin-bottom: 25px;
		}


/* Formulieren register */

.com-login-h2 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
	font-weight: 500;
	}

#com-form-login {
    border: 1px solid #ebebeb;
    padding: 20px;
    margin-top: 20px;
	}

select, textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"],
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
    display: block;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
select:focus, textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.inputbox:focus {
    border-color: #ff6600;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	}

#com-form-login .width30 {
    width: auto;
	}

#com-form-login #com-form-login-username, 
#com-form-login #com-form-login-password {
    margin-bottom: 10px;
}

input[type="submit"], 
button.default, 
button.vm-button-correct, 
button.vm-button, 
.buttonBar-right button {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
    padding: 6px 12px;
    font-size: 13px;
    /* line-height: 1.42857143; */
    border-radius: 0;
    background-image: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    height: 40px;
    text-transform: uppercase;
	}
.buttonBar-right {
	text-align: center;
    float: unset;
	}

#com-form-login #com-form-login-remember input.default {
    margin-right: 10px;
	}
#ui-tabs .dyn-tabs {
    overflow-y: hidden;
	}
table.user-details tr td.key {
    padding: 0 10px 0 0;
	}
table.user-details tr td {
	padding: 5px;
	}
table.user-details tr td input {
    background: none !important;
    border-radius: 0;
    border: 1px solid #ebebeb;
    padding: 10px 5px;
    width: 210px;
	}
.form-validate .chzn-container-single .chzn-single {
    width: 199px;
    padding: 7px 10px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    background-color: #fff;
    background: none;
    background-clip: padding-box;
    box-shadow: none;
    color: #444;
	}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
	margin: 10px 0 20px;
	}

	/* Formulieren register wachtwoord/email vergeten */

	#user-registration {
		border: 1px solid #ebebeb;
		padding: 40px;
		margin-top: 50px;
		}
		#user-registration .control-label {
			margin: 10px 0;
			}
		#user-registration button {
			color: #ffffff;
			background-color: #ff6600;
			border-color: #ff6600;
			padding: 6px 12px;
			font-size: 13px;
			line-height: 1.42857143;
			border-radius: 0;
			background-image: none;
			border-style: solid;
			border-width: 1px;
			border-radius: 2px;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0;
			height: 40px;
			text-transform: uppercase;
			margin-top: 15px;
			}
		#user-registration input[type="text"] {
			max-width: 210px;
			width: 100%;
			}
		.popover {
			border: 1px solid #ccc;
			background-color: #fff;
			width: 200px;
			position: absolute;
			top: 0;
			left: 0;
			padding: 15px;
			text-align: left;
			}
			.popover h3 {
				padding: 0;
				margin: 10px 0;
				}
	
	.qarparecaptcha {
		display: none;
		}
		.qarparecaptcha.last {
			display: block;
			}


	/* einde Formulieren register wachtwoord/email vergeten */

/* einde Formulieren register */

a.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}


/* Footer & bottom area */

.footercontainer { 
	width: 100%;
	background: #656767;
	overflow: hidden;
    position: relative;
    z-index: 1001;
	}
.imgfootercontainer { 
	width: 100%;
	background: #656767;
	overflow: hidden;
    position: relative;
    z-index: 1001;
	}
	.footerwrapper {  
		max-width: 1600px;
		margin: 0px auto;
		padding-top: 40px;
		overflow: auto;
		}
	.imgfooterwrapper {  
		max-width: 1600px;
		margin: 0px auto;
		padding-top: 10px;
		display: flex;
		}
		.footer,
		.imgfooter { 
			color: #fff;
			padding: 10px 20px 50px 0;
			font-size: 14px;
			box-sizing: border-box;
			float: left;
			padding: 0 15px;
			min-height: 100px;
			width: 25%;
			}
			.footer a {
				color: #fff;
				font-weight: 400;
				text-decoration: none;
				}
			.footer a:hover {
				text-decoration: underline;
				}
			.footer h3 {
				font-size: calc(12px + 1vw);
				padding: 15px 0;
				color: #fff;
				text-align: left;
				}
			.footer ul {
				padding-left: 20px;
				}
			.footer1,
			.imgfooter1 {
				padding-left: 15px;
				}
				.footer1 .item-369 {
					display: none; /* bordspellen en onderdelen in footer verbergen */
					}
				.springestscore {
					margin-top: -30px;
					}
			.footer2 {
				
				}
				.footer2 .bm_slide_login .form-2 {
					padding: 0;
					background: none;
					box-shadow: none;
					width: 95%;
					}
				.footer2 .bm_login_from label {
					font-size: inherit;
					text-transform: unset;
					font-weight: 300;
					text-shadow: none;
					}
				.footer2 .bm_slide_login .form-2 input[type=text], 
				.footer2 .bm_slide_login .form-2 input[type=password] {
					border: 1px solid #ebe6e2;
					}
				.footer2 .bm_slide_login .form-2 input[type=submit] {
					background: #ff6600;
					color: #fff;
					border: none;
					text-shadow: none;
					width: auto;
					line-height: unset;
					margin: 0;
					height: unset;
					text-transform: none;
					font-weight: 300;
					font: inherit;
					font-size: inherit;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
				.footer2 .bm_slide_login .form-2 .bm-register,
				.footer2 .bm_slide_login .bm_logout_label {
					float: right;
					background: #0f3089;
					color: #fff;
					border: none;
					text-shadow: none;
					width: auto;
					line-height: unset;
					margin: 0;
					text-transform: none;
					font-weight: 300;
					font: inherit;
					height: unset;
					font-size: inherit;
					padding: 6px 12px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
					.footer2 .bm_slide_login .bm_logout_label {
						float: left;
						cursor: pointer;
						}
						.footer2 .bm_slide_login .bm_logout_label:hover {
							box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
							}
			.footer3 {
				
				}
				.footer3 .show_cart a.details {
					float: left !important;
					background: #0f3089;
					color: #fff;
					border: none;
					text-shadow: none;
					width: auto;
					line-height: unset;
					margin: 10px 0 0;
					text-transform: none;
					font-weight: 300;
					font: inherit;
					height: unset;
					font-size: inherit;
					padding: 6px 12px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
					.footer3 .show_cart a.details:hover {
						text-decoration: none;
						box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
						}
			.footer4-5 {
				
				}
				.footer4 {
					min-height: 40px;
					}
				.footer5 {
					min-height: 50px;
					}

.footer a.aanmelden-nieuwtjes {
	background: #fff;
    padding: 5px 10px 8px;
    color: #656767;
	font-family: 'Open Sans', sans-serif !important /* main-font */;
    font-size: 13px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
    text-align: center;
    width: fit-content;
	}
	.footer a.aanmelden-nieuwtjes:hover {
		text-decoration: none;
		box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
		}
.footer li {
	text-align: left;
	line-height: 20px;
	}
	.footer li::first-letter {
		text-transform: uppercase;
		}

/* social */

.social {
	text-align: left;
	}

.social .fab {
    font-size: 40px;
    width: 40px;
    text-decoration: none;	
}

.social .fab:hover {
    opacity: 0.85;
}

/* end social */

@media only screen 
  and (max-width: 930px) {
	
	.footer,
	.imgfooter {
		width: 33%;
		}
		.footer3 {
			padding-right: 0;
			}
		.footer4-5 {
			clear: both;
			width: 100%;
			padding: 0;
			margin-bottom: 20px;
			}
			.footer4 {
				width: 33%;
				float: left;
				padding: 0 15px;
				box-sizing: border-box;
				}
			.footer5 {
				padding: 0 15px;
				float: left;
				}
		.imgfooter4 {
			display: none;
			}
	}

@media only screen /* voor menu */
  and (max-width: 600px) {

	/* inklapbare div's in de footer op mobiel */
	.footerwrapper {
		width: 100%;
		padding-top: 20px;
		min-height: 0;
		}

	.footer,
	.footer4,
	.footer5 {
		clear: both;
		width: 100%;
		padding: 0;
		}
		.footer {
			padding: 0 5vw;
			min-height: 0;
			}
		.footer ul {
			padding: 0 0 0 20px;
			}
		.footer h3 {
			border-top: 1px solid #ccc;
			margin: 0 -5vw 10px;
			padding: 10px 5vw;
			font-size: calc(16px + 0.3vw);
			margin-bottom: 0;
			}
			.footer h3::after {
				float: right;
				font-size: 14px;
				margin-top: 4px;
				margin-right: 15px;
				font-family: "Font Awesome 5 Free"; 
				font-weight: 900; 
				content: "\f078";
				}
			.footer5 h3 {
				border-bottom: 1px solid #ccc;
				transition: border-width 0s ease-out 0.4s;
				}
		.ftoggle .custom,
		.ftoggle ul,
		.ftoggle .bm_slide_login .loginbox,
		.ftoggle .vmCartModule,
		.ftoggle .gebruikersmenudiv {
			max-height: 0;
			transition: all 0.5s ease;
			overflow: hidden;
			margin-bottom: 0;
			}
		
		.footertoggle h3 {
			cursor: pointer; 
			}
		
		.ftoggle.open ul,
		.ftoggle.open .custom,
		.ftoggle.open .bm_slide_login .loginbox,
		.ftoggle.open .vmCartModule,
		.ftoggle.open .gebruikersmenudiv {
			max-height: 500px;
			margin-bottom: 10px;
			}
			.footer5.open h3 {
				border-bottom-width: 0;
				transition: border-width 0s ease-out 0s;
				}
		.ftoggle.open h3::after {
			content: "\f077";
			}
	/* end inklapbare div's in de footer op mobiel */
	
	.wieImgWrapper {
		display: block; 
		}
		.wieImg {
			width: 100%;
			}

	}

.bottomcontainer { 
	width: 100%;
	margin: 0;
	padding: 15px 0 5px;
	background: #656767;
	color: #fff;
	}
	.bottom {  
		max-width: 1600px;
		margin: 0px auto 10px;
		font-size: calc(12px + 0.3vw);
		overflow: auto;
		padding: 0 15px;
		}
		.bottom-links {
			float: left;
			margin-top: 0;
			}		
		.bottom-rechts {
			float: right;
			margin-top: 20px;
			}
	.bottom a {
		font-weight: 400;
		text-decoration: none;
		}
	.bottom a:hover {
		text-decoration: underline;
		}
	.bottom-links a h1 {
		color: #fff;
		font-weight: 100;
		font-size: 20px;
		}
		.bottom .bottom-links a:hover h1,
		.bottom .bottom-links a:hover {
			text-decoration: none !important;
			color: #ff6600;
			}

@media only screen 
  and (max-width: 414px) {

	.bottom {
		font-size: 18px;
		}

	.bottomcontainer {
		padding: 20px 0 20px;
		}
}

/* End Footer & bottom area */

.contactMapWrapper {
	display: flex;
	}
.contactMap {
	width: 100%;
    position: relative;
    margin: 0 10px;
    height: 325px;
	}
.map-responsive{
    overflow: hidden;
    position: absolute;
    height: 240px;
    width: 100%;
    top: 20px;
    right: 0;
	margin-bottom: 60px;
	}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	}

/* ### CTA buttons Ravisie ### */

.arrowRavisie {
	overflow: hidden;
	position: absolute;
	right: 10px;
	width: 20px;
	}
  .arrowRavisie svg {
	height: 16px;
	width: 20px;
	fill: #fff;
	}
    .arrowRavisie svg:last-of-type {
		margin-left: 20px;
		}
  
.arrowRavisie-clip {
	align-items: center;
	display: flex;
	overflow: hidden;
	transform: translateX(-40px);
	width: 230px;
	}

@keyframes arrowRavisie {
	to {
		transform: translateX(0);
		}
	}

.cta-button:hover .arrowRavisie-clip {
	animation-delay: 150ms;
	animation-duration: 0.8s;
	animation-name: arrowRavisie;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.55, 0, 0.21, 1);
	}

.cta-button {
	border-radius: 4px;
	border: 0;
	max-width: 200px;
	box-shadow: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: 500;
	height: 64px;
	line-height: 1;
	padding-left: 1rem;
	padding-right: 2rem;
	position: relative;
	text-align: left;
	text-decoration: none;
	transition: all 150ms cubic-bezier(0.61, 1, 0.88, 1);
	white-space: nowrap;
	-webkit-box-shadow: 3px 3px 4px 0px #000000; 
	box-shadow: 3px 3px 4px 0px #000000;
	}
	.cta-button:hover,
	.cta-button:focus {
		/* box-shadow: 0 3px 7px 1px rgba(50, 50, 50, 0.25); */
		-webkit-box-shadow: 3px 3px 4px -1px #000000; 
		box-shadow: 3px 3px 4px -1px #000000;
		transform: translate(1px, 1px);
		}

.cta-button span {
	display: block;
	line-height: 1;
	padding-right: 1.5rem;
	}
.cta-button span:first-of-type {
	font-size: 0.90rem;
	line-height: 1.5;
	}
  
/* kleuren CTA buttons */

.cta-nlp .cta-button {
	background-color: #e2b600;
	color: #000;
	}
.cta-nlp .cta-button span:first-of-type {
	color: white;
	}

/* ### End CTA buttons Ravisie ### */

.metctabutton {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.infoblok {
	-webkit-box-shadow: 3px 3px 5px 0px #000000; 
	box-shadow: 3px 3px 5px 0px #000000;
	background: #fff;
	padding: 10px 20px;
	margin-right: 20px;
	}

/* ### top buttons tabs ### */

.tabs-menu {
	width: fit-content;
	}
ul.tabs-menu {
	padding: 0;
	}
	ul.tabs-menu li {
		padding: 0;
		}
.tabs-menu .tab-button a {
	padding: 15px 15px;
	}
.tabs-menu li:hover a {
	background-color: #dddddc;
    color: #000;
	}
.tabs-menu .tab-button.active a {
	background-color: #909090 !important;
	color: #fff !important;
	}
.tab {
	position: fixed;
	width: 100%;
	top: 50px;
	left: 0;
	}
.tab-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	max-height: 0;
	background: #909090;
	overflow: hidden;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
.tab-content.active {
	max-height: 500px !important;
	z-index: 101;
	padding-top: 10px;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-box-shadow: 0px 1px 2px 0px #000000; 
	box-shadow: 0px 1px 2px 0px #000000;
	padding-bottom: 20px;
	}
.tab-content.hovered {
	max-height: 40px;
	-webkit-box-shadow: 0px 1px 2px 0px #000000; 
	box-shadow: 0px 1px 2px 0px #000000;
	}
.tabcontent {
	width: 80%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    text-align: left;
	color: #fff;
	max-height: 500px;
    overflow-y: scroll;
	overflow-x: hidden;
	padding-bottom: 20px;
	}
	.topmenu .tabcontent a {
		color: #fff;
		}
	.tabcontent::-webkit-scrollbar {
		display: none;
		}
	.tabcontent {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
		}
	.tab-content .tabclosebutton {
		opacity: 0;
		color: #fff;
		}
	.tab-content.active .tabclosebutton {
		opacity: 1;
		}
	.tabclose {	
		position: absolute;
		right: 20px;
		top: 0;
		padding: 10px;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		}
		.tab-content.active .tabclose {	
			top: 10px;
			-moz-transition: all 0.7s ease;
			-webkit-transition: all 0.7s ease;
			-o-transition: all 0.7s ease;
			transition: all 0.7s ease;
			}
		.tabclose:hover {	
			color: #ccc;
			}
	.agendabutton {
		position: absolute;
		right: 0;
		top: 5px;
		width: 0;
		overflow: hidden;
		text-align: center;
		height: fit-content;
		padding: 2px 0;
		background: #e2b600;
		white-space: nowrap;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-transition: width 0.2s ease;
		-o-transition: width 0.2s ease;
		transition: width 0.2s ease;
		}
		.tab-content.active .agendabutton {
			width: fit-content;
			-webkit-transition: width 0.7s ease;
			-o-transition: width 0.7s ease;
			transition: width 0.7s ease;
			font-size: 20px;
			padding: 3px 10px;
			right: 40px;
			}
		.agendabutton:hover {
			background: #fff;
			color: #e2b600 !important;
			}
.tab h5 {
	text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 5px 0 20px;
	position: relative;
	}
.topagenda {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
	}
	.topagenda1,
	.topagenda2,
	.topagenda3 {
		
		}
	.topagenda h4 {
		color: #fff;
		text-align: center;
		margin-bottom: 15px;
		padding: 5px 0;
		border-bottom: 1px solid #fff;
		}
	.topagenda .mod-dpcalendar-upcoming-default__information {
		margin-left: 3.8em;
		}
	.topagenda .dp-icon_clock {
		display: none;
		}
	/*.topagenda .dp-date dp-time {
		position: relative;
		}
	.topagenda .dp-time .dp-date__start {
		position: absolute;
		top: 0;
		left: 0;
		}
	.topagenda .dp-time .dp-time__start {
		position: absolute;
		top: 0;
		left: 80px;
		}
	.topagenda .dp-time .dp-date__separator {
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 135px;
		}
	.topagenda .dp-time .dp-date__separator::after {
		content: "tot";
		visibility: visible;
		position: absolute;
		top: 0;
		left: 0;
		}
	.topagenda .dp-time .dp-date__end {
		position: absolute;
		top: 20px;
		left: 0;
		}
	.topagenda .dp-time .dp-time__end {
		position: absolute;
		top: 20px;
		left: 80px;
		}*/

	.topagenda .dp-time .dp-date__separator,
	.topagenda .dp-time .dp-time__separator{
		visibility: hidden;
		}
	.topagenda .dp-time .dp-date__separator::after,
	.topagenda .dp-time .dp-time__separator::after {
		content: "tot";
		visibility: visible;
		}	
	.topagenda .nowrap {
		white-space: nowrap;
		}


/* ##### Sitemap ###### */

.sitemap {
	
	}
.sitemap-col1,
.sitemap-col2,
.sitemap-col3,
.sitemap-col4 {
	width: 250px;
	float: left;
	}
.sitemap ul {
	list-style: none;
	margin-bottom: 20px;
	}
	.sitemap ul li {
		display: block;
		}

.sitemap, .sitemap a {
	text-decoration: none !important;
	color: #fff !important;
	}
	.sitemap a:hover {
		color: #FCC415 !important;
		}
	.sitemap-col1, .sitemap-col2 {
		width: 33%;
		float: left;
		border-right: 1px solid #ccc;
		box-sizing: border-box;
		}
	.sitemap-col3 {
		width: 34%;
		float: left;
		box-sizing: border-box;
		}

/* ##### Contact ###### */

.contacttableleft {
	width: 50%;
    float: left;
	}
.contacttableright {
	width: 50%;
    float: left;
	}
	.ctitem {
		margin-bottom: 20px;
		overflow: auto;
		}
		.ctleft {
			width: 40%;
			float: left;
			}
		.ctright {
			float: left;
			}

.map-responsive {
    overflow: hidden;
    position: relative;
    height: 240px;
    width: 100%;
    right: 0;
	}
.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
	}


	.mainbody .mod-dpcalendar-upcoming-default__events {
		width: 85%;
		margin: 0 auto;
		text-align: left;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 30px;
		}
		.mainbody .mod-dpcalendar-upcoming-default__event+div {
			margin-top: 0;
			}
.com-dpcalendar-calendar h1 {
	padding: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: -75px;
    color: #404040;
	}
.com-dpcalendar-calendar .fc-center h2 {
	position: unset !important;
	font-weight: 600;
	}
.com-dpcalendar-event__locations h2,
.com-dpcalendar-event__locations h3 {
	position: unset !important;
	font-size: 26px;
	padding: 0;
	}
	.com-dpcalendar-event__locations h3 {
		font-size: 20px;
		}

/* ## Quotes ## */

#quotesdiv {
	width: 90%;
	margin: 0 auto;
	position: relative;
	}
#quotes,
#quotes li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#quotes {
	width: 80%;
	font-size: 16px;
	line-height: 120%;
	margin: -30px auto 0;
	height: 80px;
    padding:40px;
    position:relative;
	font-weight: 400;
	font-size: 1em;
	}
#quotes li {
	padding: 20px;
	display: none;
	/* hide the items at first only */
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	}

#quotesdiv:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 40%;
    width: 80%;
    border: 2px solid #333;
    border-right:none;
    border-bottom: none;
    z-index:1;
	}
#quotesdiv:after {
    content: "";
    position: absolute;
    height: 40%;
    right: 0;
    bottom:-0;
    width: 80%;
    border: 2px solid #333;
    border-left:none;
    border-top: none;
    z-index:1;
	}
#quotesdiv .quote-left {
	position: absolute;
    bottom: 0;
    left: 0;
	z-index: 1;
	font-size: 2em;
	color: #e2b600;
	}
#quotesdiv .quote-right {
	position: absolute;
    top: 0;
    right: 0;
	z-index: 1;
	font-size: 2em;
	color: #e2b600;
	}

.opl10 {
	text-align: center;
	}
.opl11 {
	margin-top: -20px;
	font-size: 24px;
	}
.opl12 ul {
	width: fit-content;
	margin: 0 auto;
	text-align: left;
	}
.opl13 {
	margin: 30px auto;
	}
.opl14 {
	font-size: 22px;
	}
.opl15 {
	}

/* ######### netwerk coaches pagina ########*/

.netwerkcoacheswrapper {
	display: grid;
	overflow: hidden;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}
	.netwerkcoacheswrapper .item,
	.netwerkcoacheswrapper .span12 {
		height: 100%;
		}
	.netwerkcoacheswrapper .items {
		height: 100%;
		box-sizing: border-box;
		position: relative;
		}
	.netwerkcoacheswrapper .item .personalinfo {
		padding-bottom: 30px;
		}
	.netwerkcoacheswrapper .readmore {
		bottom: 20px;
		position: absolute;
		left: 0;
		right: 0;
		}
.blog.netwerkcoaches h1 {
	padding: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: -75px;
	}
.blog.netwerkcoaches .netwerkcoachestekst {
	max-width: 750px;
	margin: 0 auto 30px;
	}
.blog.netwerkcoaches .item {
	box-sizing: border-box;
	padding: 15px;
	}
	.blog.netwerkcoaches .item > div {
		background: #c0cbcf;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		text-align: center;
		padding: 20px;
		-webkit-box-shadow: 1px 3px 7px 0px #000000; 
		box-shadow: 1px 3px 7px 0px #000000;
		overflow: hidden;
		}
	.blog.netwerkcoaches .item .page-header {
		display: table;
		height: 100px;
		width: 100%;
		}
	.blog.netwerkcoaches h2 {
		position: unset;
		}
	.blog.netwerkcoaches .item h2 {
		padding: 0;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: calc(20px + 1vw);
		}
		.blog.netwerkcoaches .item h2 a {
			font-weight: 300;
			}
		.blog.netwerkcoaches .item img {
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			border: 2px solid #941315;
			width: 100%;
			box-sizing: border-box;
			}
		.blog.netwerkcoaches .item .personalinfo {
			height: fit-content;
			margin: 10px 0;
			text-align: left;
			}
		.blog.netwerkcoaches .item .readmore a {
			margin: 0 -20px;
			padding: 5px 0;
			background: #fff;
			display: block;
			}
			.blog.netwerkcoaches .item .readmore a:hover {
				background: #022e40;
				color: #fff;
				}

.item-page.netwerkcoaches {
	position: relative;
	text-align: center;
	margin-top: -40px;
	}
.item-page.netwerkcoaches .page-header {
	display: inline-block;
	height: 40px;
	}
	.item-page.netwerkcoaches .page-header h1 {
		text-align: right;
		}
	.item-page.netwerkcoaches .page-header h2 {
		
		}
.item-page.netwerkcoaches .pull-left {
	position: absolute;
	top: 50px;
	left: 0;
	width: 250px;
	}
.item-page.netwerkcoaches .item-image img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #941315;
	width: 100%;
	margin-left: -2px;
	}
.item-page.netwerkcoaches .personalinfo {
	position: absolute;
    left: 0;
    top: 320px;
    width: 250px;
    font-size: 18px;
	text-align: left;
	}
.netwerkcoacheswrapper .contactinfo {
	display: none;
	}
.item-page.netwerkcoaches .contactinfo {
	line-height: 26px;
    white-space: nowrap;
	}
	.item-page.netwerkcoaches .contactinfo a {
		font-weight: 300;
		}
	.item-page.netwerkcoaches .contactinfo i {
		color: #941315;
		}
	.item-page.netwerkcoaches .contactinfo .fa-linkedin,
	.item-page.netwerkcoaches .contactinfo .fa-facebook-square {
		font-size: 50px;
		margin-bottom: 5px;
		}
.item-page.netwerkcoaches div[itemprop="articleBody"] {
	padding-left: 280px;
	text-align: justify;
	}

/* ######### end netwerkcoaches pagina ########*/

/* ######################  LAYOUT SETTINGS       ############################## */

#topcontainer {
	width: 100%;
	height: 72px;
	z-index: 9999;
	position: fixed;
	top: 0;
	background-color: #656767;
	height: 50px;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	.topwrapper { 
		max-width: 1600px;
		height: 50px;
		margin: 0px auto;
		position: relative;
		}
		.toplogo {
			position: absolute;
			left: 0;
			z-index: 9994;
			margin-top: 5px;
			height: 45px;
			-moz-transition: all 0.4s ease;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			}
			.toplogo img {
				opacity: 0;
				-moz-transition: all 0s 0s ease;
				-webkit-transition: all 0s 0s ease;
				-o-transition: all 0s 0s ease;
				transition: all 0s 0s ease;
				}
				#topcontainer.sticky .toplogo img {
					opacity: 1;
					-moz-transition: all 0.6s 0.6s ease;
					-webkit-transition: all 0.6s 0.6s ease;
					-o-transition: all 0.6s 0.6s ease;
					transition: all 0.6s 0.6s ease;
					}
		.toplogoachtergrondwrapper {
			width: 80px;
			margin-left: 40px;
			height: 0;
			-moz-transition: all 0.4s ease;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			overflow: hidden;
			position: absolute;
			bottom: 0;
			}
		#topcontainer.sticky .toplogoachtergrondwrapper {
			height: 45px;
			-moz-transition: all 0.4s 0.3s ease;
			-webkit-transition: all 0.4s 0.3s ease;
			-o-transition: all 0.4s 0.3s ease;
			transition: all 0.4s 0.3s ease;
			}
			.toplogoachtergrond {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 10;
				width: 80px;
				height: 45px;
				background: #fff;
				-webkit-border-top-left-radius: 40px;
				-webkit-border-top-right-radius: 40px;
				-moz-border-radius-topleft: 50px;
				-moz-border-radius-topright: 50px;
				border-top-left-radius: 50px;
				border-top-right-radius: 50px;
				}
		.toplogotekstwrapper {
			width: 115px;
			height: 0px;
			overflow: hidden;
			position: absolute;
			top: 0;
			left: 21px;
			z-index: 1;
			}
			#topcontainer.sticky .toplogotekstwrapper {
				height: 108px;
				}
			.toplogoravisie,
			.toplogobol1,
			.toplogobol2,
			.toplogobol3,
			.toplogobol4 {
				position: absolute;
				top: 0;
				left: 0;
				}
				.toplogobol1 img,
				.toplogobol2 img,
				.toplogobol3 img,
				.toplogobol4 img {
					opacity: 0;
					}
				.toplogoravisie {
					
					}
				#topcontainer.sticky .toplogobol1 img {
					opacity: 1;
					-moz-transition: opacity 0.4s 0.8s ease;
					-webkit-transition: opacity 0.4s 0.8s ease;
					-o-transition: opacity 0.4s 0.8s ease;
					transition: opacity 0.4s 0.8s ease;
					}
				#topcontainer.sticky .toplogobol2 img {
					opacity: 1;
					-moz-transition: opacity 0.4s 0.9s ease;
					-webkit-transition: opacity 0.4s 0.9s ease;
					-o-transition: opacity 0.4s 0.9s ease;
					transition: opacity 0.4s 0.9s ease;
					}
				#topcontainer.sticky .toplogobol3 img {
					opacity: 1;
					-moz-transition: opacity 0.4s 1.0s ease;
					-webkit-transition: opacity 0.4s 1.0s ease;
					-o-transition: opacity 0.4s 1.0s ease;
					transition: opacity 0.4s 1.0s ease;
					}
				#topcontainer.sticky .toplogobol4 img {
					opacity: 1;
					-moz-transition: opacity 0.4s 1.1s ease;
					-webkit-transition: opacity 0.4s 1.1s ease;
					-o-transition: opacity 0.4s 1.1s ease;
					transition: opacity 0.4s 1.1s ease;
					}
				
				
	
		
		.topmenu {
			position: absolute;
			z-index: 9990;
			left: 20px;
			margin-top: 17px;
			color: #fff;
			-moz-transition: all 0.4s 0.2s ease;
			-webkit-transition: all 0.4s 0.2s ease;
			-o-transition: all 0.4s 0.2s ease;
			transition: all 0.4s 0.2s ease;
			}
			.topmenu .custom,
			.topmenu .topbutton {
				display: inline-block;
				}
			.topmenu a,
			.topcontact a {
				color: #fff;
				}
			.topmenu i {
				font-size: 22px;
				}
			.topbutton {
				padding-right: 20px;
				cursor: pointer;
				}
				.topbutton:hover {
					color: red;
					}
			
			#agendadiv {
				display: none;
				}
			#infodiv {
				display: none;
				}
			#sitemapdiv {
				display: none;
				}
			#agendabutton:hover ~ #topmenucollapsewrapper {
				height: 30px;
				}
				#agendabutton:hover ~ #topmenucollapsewrapper #agendadiv {
					display: block;
					}
			
			#infobutton:hover ~ #topmenucollapsewrapper {
				height: 30px;
				}
				#infobutton:hover ~ #topmenucollapsewrapper #infodiv {
					display: block;
					}
			
			#sitemapbutton:hover ~ #topmenucollapsewrapper {
				height: 30px;
				}
				#sitemapbutton:hover ~ #topmenucollapsewrapper #sitemapdiv {
					display: block;
					}

			.tophomeicon {
				width: 44px;
				opacity: 1;
				-moz-transition: all 0.4s 0.2s ease;
				-webkit-transition: all 0.4s 0.2s ease;
				-o-transition: all 0.4s 0.2s ease;
				transition: all 0.4s 0.2s ease;
				margin-right: -10px;
				}
			#topcontainer.sticky .topmenu {
				margin-left: 125px;
				-moz-transition: all 0.4s ease;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
				}
			#topcontainer.sticky .tophomeicon {
				opacity: 0;
				margin-left: -150px;
				margin-right: calc(150px - 47px);
				-moz-transition: all 0.4s ease;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
				}
		.topcontact {
			position: absolute;
			right: 10px;
			margin-top: 14px;
			color: #fff;
			font-size: 18px;
			}
			.topcontact i {
				font-size: 22px;
				width: 40px;
				text-align: center;
				}
			.topcontact .topphone {
				display: inline-block;
				}
			.topcontact .topmobile {
				display: inline-block;
				margin-left: 20px;
				}
				.topcontact .topmobile .topmobilewrapper {
					display: inline-block;
					position: relative;
					padding-left: 38px;
					top: -18px;
					}
					.topcontact .topmobile i {
						position: absolute;
						top: -6px;
						left: 0;
						}
					.topcontact .topmobile .mobilenaam {
						position: absolute;
						left: 0;
						top: 16px;
						width: 40px;
						font-size: 10px;
						text-align: center;
						}
						.topcontact .topmobile .topdubbel i {
							top: -8px;
							font-size: 20px;
							}
						.topcontact .topmobile .topdubbel .mobilenaam {
							top: 14px;
							line-height: 8px;
							}
					.topcontact .topmobile span,
					.topcontact .topphone span {
						overflow: hidden;
						height: 25px;
						}
		.topcontact .custom {
			display: inline-block;
			}
			.topcontact .custom a.vindenbutton {
				padding: 10px;
				margin: -10px;

				}
		.topvinden {
			position: absolute;
			top: 3px;
			right: 55px;
			z-index: 9995;
			}
			.topvinden input[type="search"] {
				padding: 10px;
				margin-top: 1px;
				border: 1px solid #ccc;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background: #fff;
				}
			.topvinden .ajax-search .results-box {
				border: none;
				}
			#topvinden {
				display: none;
				}
			.ajax-search .results-box {
				top: 44px;
				}

		.mobilemenu,
		.mean-bar {
			display: none;
			}

	.topmenucollapsewrapper {
		transition: all 0.1s ease-in-out;
		z-index: 9992;
		position: fixed;
		top: 50px;
		width: 100%;
		left: 0;
		right: 0;
		height: 0;
		overflow: hidden;
		}
		.topmenucollapse {
			transition: all 0.3s ease-in-out;
			overflow: hidden;
			height: 100px;
			background: red;
			z-index: 9992;
			margin: 0 auto;
			position: relative;
			width: 100%;
			max-width: 1600px;
			height: 400px;
			}
		#topmenucollapsewrapper.open {
			height: 400px !important;
			transition: all 0.3s ease-in-out;
			}
	.topsubmenuwrapper { 
		max-width: 1600px;
		height: 37px;
		margin: 0px auto;
		top: 50px;
		left: 0;
		right: 0;
		position: fixed;
		width: 100%;
		background: #fff;
		transition: all 0.3s ease-in-out;
		z-index: 9990;
		}
		.topsubmenu {
			position: absolute;
			top: 0;
			left: 20px;
			z-index: 9999;
			-moz-transition: all 0.4s 0.2s ease;
			-webkit-transition: all 0.4s 0.2s ease;
			-o-transition: all 0.4s 0.2s ease;
			transition: all 0.4s 0.2s ease;
			}
			#topsubcontainer.sticky .topsubmenu {
				margin-left: 140px;
				-moz-transition: all 0.4s ease;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
				}
		.topsubmenu ul {
			padding: 10px 0;
			list-style: none;
			}
		.topsubmenu>ul>li {
			display: inline-block;
			vertical-align: top;
			position: relative;
			margin-left: 40px;
			}
			.topsubmenu>ul>li:first-of-type {
				margin-left: 0;
				}
		.topsubmenu>ul>li::before {
			content: "\007C";
			position: absolute;
			left: -20px;
			top: 0;
			}
			.topsubmenu>ul>li:first-of-type::before {
				content: none;
				}
			.topsubmenu .menu li ul {
				display: none;
				width: 200px;
				text-align: left;
				margin: 0 -10px 0 10px;
				padding: 7px 0 0;
				background: rgba(255, 255, 255, 0.8);
				}
			.topsubmenu .menu li:hover ul {
				display: block;
				position: absolute;
				}
			.topsubmenu .menu li ul li a {
				line-height: 18px;
				padding: 6px 10px;
				display: block;
				}
				.topsubmenu .menu li ul li a:hover {
					background: rgba(255, 255, 255, 1);
					color: #e2b600;
					}
			
#spacercontainer {
	width: 100%;
	height: 0;
	transition: all 0.3s linear;
	}
	
.home {
	margin-top: 50px;
	}

.maintop {
	height: 120px;
	}

.maincontainer {
	max-width: 1200px;
	margin: 0 auto ;
	background: #ebedec;
	padding-bottom: 80px;
	}
	.mainwrapper {
		
		}
		.mainbody {
			min-height: 400px;
			}
		.maincontent {
			padding: 40px 40px 0;
			position: relative;
			max-width: 760px;
			margin: 50px auto 0;
			}
			.maincontent h2 {
				padding: 0;
				left: 0;
				right: 0;
				position: absolute;
				top: -75px;
				color: #404040;
				}
.dots {
	position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    display: flex;
    justify-content: center;
	display: none;
	}
	.dot {
		height: 25px;
		width: 25px;
		border-radius: 50%;
		margin: 0 5px;
		}
	.dotsalgemeen .dot1 {
		background-color: #dddcdd;
		}
	.dotsalgemeen .dot2 {
		background-color: #a9adad;
		}
	.dotsalgemeen .dot3 {
		background-color: #7f8181;
		}
	.dotsalgemeen .dot4 {
		background-color: #656767;
		}
	.dotsnlp .dot1 {
		background-color: #faf0d4;
		}
	.dotsnlp .dot2 {
		background-color: #f2d88e;
		}
	.dotsnlp .dot3 {
		background-color: #e8c23e;
		}
	.dotsnlp .dot4 {
		background-color: #e2b600;
		}
	.dotscoach .dot1 {
		background-color: #eacbc1;
		}
	.dotscoach .dot2 {
		background-color: #c78170;
		}
	.dotscoach .dot3 {
		background-color: #a73f30;
		}
	.dotscoach .dot4 {
		background-color: #941315;
		}
	.dotsbusiness .dot1 {
		background-color: #c7d8d5;
		}
	.dotsbusiness .dot2 {
		background-color: #77a09b;
		}
	.dotsbusiness .dot3 {
		background-color: #107169;
		}
	.dotsbusiness .dot4 {
		background-color: #00574f;
		}

.moduletable.uitgelicht,
.moduletable.productrow {
	width: 88%;
	margin: 0 auto;
	}

.ctacontainer {
	height: 380px;
	position: relative;
    max-width: 1200px;
    margin: 0 auto;
	}
	.ctalogo {
		position: absolute;
		width: 220px;
		left: 100px;
		bottom: 40px;
		margin-bottom: 0;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		}
		#bodycontainer.sticky .ctalogo {
			margin-bottom: 155px;
			}
		.ctalogo img {
			width: 100%;
			height: auto;
			}
	.ctatekst {
		position: absolute;
		width: 60%;
		height: 330px;
		bottom: -80px;
		right: 0;
		background: #c7c9c9;
		font-size: calc(11px + 0.8vw);
		box-sizing: border-box;
		padding: 40px;
		text-align: left;
		color: #606060;
		font-weight: 400;
		line-height: calc(12px + 2vw);
		}

.homecatwrapper {
	display: flex;
    width: 100%;
    padding: 160px 0 120px;
    box-sizing: border-box;
    justify-content: space-evenly;
    flex-wrap: nowrap;
	}
	.homecat {
		width: 30%;
		background: #fff;
		}
		.homecat:hover img {
			transform: scale(1.2);
			}
		.homecat .homecatimg .overlay {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100%;
			width: 100%;
			opacity: 0;
			transition: .5s ease;
			background-color: #404040;
			}
			.homecat:hover .overlay {
				opacity: 0.8;
				transition-delay: 0.1s;
				}
		.homecat .homecatimg .overlay .text {
			color: #fff;
			font-size: 20px;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			text-align: center;
			}
		.homecatimg {
			overflow: hidden;
			position: relative;
			}
			.homecatimg img {
				width: 100%;
				height: auto;
				display: block;
				transition: .3s ease;
				}
		.homecattitel {
			display: flex;
			height: 60px;
			text-align: center;
			font-size: 20px;
			justify-content: center;
			align-items: center;
			background: red;
			color: #fff;
			box-sizing: border-box;
			padding: 0 20px;
			font-weight: 400;
			}
		.homecattekst {
			display: flex;
			text-align: center;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			padding: 0 40px;
			font-weight: 400;
			height: 90px;
			}
	.homecat1 .homecattitel {
		background: #941214;
		}
	.homecat2 .homecattitel {
		background: #e2b600;
		}
	.homecat3 .homecattitel {
		background: #005750;
		}

.homeblokwrapper {
	display: flex;
	}
	.homeblokimage {
		width: 50%;
		}
		.homeblokimage img {
			width: 100%;
			object-fit: contain;
			}
	.homebloktekst {
		box-sizing: border-box;
		padding: 40px;
		display: flex;
		align-content: center;
		align-items: center;
		width: 50%;
		font-weight: 400;
		line-height: 30px;
		}
		.homebloktekst div {
			margin: 0 auto;
			}
		.homebloktekst li {
			line-height: inherit;
			}
		
.homebloktussenwrapper {
	margin: 0 auto 100px;
	width: 95%;
	max-width: 800px;
	}
	.opl1
	
.overons {
	max-width: 800px;
	margin: 0 auto;
	}
	.overonswij {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		}
		.overonsmaaike {
			max-width: 300px;
			text-align: justify;
			}
		.overonsolaf {
			max-width: 300px;
			width: 90%;
			text-align: justify;
			}
		.overonswij img {
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			border: 3px solid #8a3089;
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			position: relative;
			z-index: 10;
			}
		.overonsimg {
			position: relative;
			}
		.overons a:hover img {
			border: 3px solid #ff6600;
			}
		.overons .linkedinicon {
			border: none;
			-webkit-border-radius: unset;
			-moz-border-radius: unset;
			border-radius: unset;
			width: 70px;
			height: auto;
			position: absolute;
			bottom: 0;
			right: 0;
			opacity: 0.5;
			transition: opacity 0.2s ease-in ;
			z-index: 5;
			}
			.overons a:hover .linkedinicon {
				opacity: 1;
				border: none;
				z-index: 12;
				}
	.overonstekst {
		
		}
	.overons h3 {
		padding: 10px 0;
		}
	.overonsqwinn {
		margin: 30px auto 10px;
		max-width: 400px;
		}
		.overonsqwinn img {
			width: 100%;
			margin-bottom: 20px;
			}
	.downloadspellen {
		max-width: 800px;
		margin: 0 auto;
		padding: 0 10px;
		}
		.downloadspellen h3 {
			padding: 5px;
			border-top: 1px solid #8a3089;
			border-bottom: 1px solid #8a3089;
			margin: -10px 0 20px;
			color: #8a3089;
			}

.onderwijslinksrechts {
	display: flex;
	margin-bottom: 60px;
	}
.b2blinksrechts {
	display: flex;
	margin-bottom: 80px;
	}
	.onderwijslinks,
	.b2blinks {
		padding-right: 30px;
		border-right: 1px solid #ccc;
		flex-basis: 50%;
		flex-grow: 0;
		}
		.onderwijslinks img {
			max-width: 300px;
			width: 90%;
			height: auto;
			float: right;
			margin-right: -70px;
			margin-left: 20px;
			margin-top: 10px;
			}
	.onderwijsrechts,
	.b2brechts {
		padding-left: 30px;
		flex-basis: 50%;
		flex-grow: 0;
		}
	.onderwijslinksrechts h3,
	.b2blinksrechts h3 {
		padding: 10px 0 30px;
		}


.subtitleleft {
	width: 50%;
	line-height: normal;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	}
	.subtitleleft h3 {
		padding: 0;
		text-align: left;
		}

.subtitleright {
	width: 45%;
	line-height: normal;
	float: right;
	text-align: left;
	margin-bottom: 15px;
	}
	.subtitleright h3 {
		padding: 0;
		text-align: left;
		}

.subtitleleft img, .subtitleright img {
	width: 90%;
	border: none;
	}

.subcontentleft {
	float: left;
	width: 50%;
	margin-top: 45px;
	}

.subcontentright {
	float: left;
	width: 50%;
	margin-top: 45px;
	}

.spelinformatie {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 30px;
	}

.inhoud {
	border: 1px solid #ff6600;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	width: 43%;
	}
	.inhoud h4 {
		background: #fff;
		padding: 0 10px;
		margin-top: -23px;
		margin-bottom: 5px;
		width: fit-content;
		}
.speleigenschappen {
	border: 1px solid #ff6600;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	width: 43%;
	}

.dezewilikdiv {
	margin-top: 15px;
	}
.dezewilik {
    background: #ff6600;
	width: fit-content;
    color: #fff;
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	transition: all 0.3s ease 0s;
	}
	.dezewilik:hover {
		color: #404040 !important;
		letter-spacing: 2px;
		background: none;
		transition: all 0.3s ease 0s;
		}

.contentsep {
	clear: both;
	text-align: center;
	padding: 20px 0 30px;
	}
	.contentsep img {
		width: 100%;
		max-width: 600px;
		}

.vmheader {
    font-family: 'Quicksand', sans-serif;
    font-size: calc(20px + 1vw);
    padding: 30px 0;
    text-align: center;
    color: #3F51B5;
    font-weight: 600;
	}

.divblok {
	opacity: 0;
	}
.come-in {
	transform: translateY(150px);
	animation: come-in 0.8s ease forwards;
	opacity: 1;
	}
.already-visible {
	transform: translateY(0);
	animation: none;
	opacity: 1;
	}

@keyframes come-in {
	to { transform: translateY(0); }
	}
	
/*.footercontainer { 
	width: 100%;
	margin: 50px 0 0;
	border-top: 5px solid #0f3089;
    border-bottom: 5px solid #0f3089;
	}
	.footerwrapper {  
		padding: 0 10vw;
		max-width: 1024px;
		margin: 0px auto;
		min-height: 200px;
		}
		.footer { 
			color: #0f3089;
			padding: 10px 20px 50px 0;
			font-size: 14px;
			font-weight: 400;
			}
			.footer a {
				color: #0f3089;
				text-decoration: none;
				
				}
			.footer a:hover {
				text-decoration: underline;
				}
			.footer h3 {
				padding-bottom: 20px;
				color: #fff;
				}
				.acym_form {
					margin: 0 auto;
					display: inline-flex;
					}
					.acysubbuttons {
						display: inline-flex;
						}
				.acym_module_form input {
					max-width: 100%;
					font-size: 18px;
					padding: 5px 10px;
					border: 0;
					margin: 0 5px;
					}
					.subbutton {
						background: #FFC107;
						color: #3F51B5;
						}

.bottomcontainer { 
	width: 100%;
	margin: 0;
	padding: 20px 0;
	}
	.bottom {  
		width: 80vw;
		max-width: 1024px;
		margin: 0px auto;
		text-align: center;
		font-size: calc(12px + 0.3vw);
		}
*/

.homebuttoncontainer {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
	}
	.homebutton {
		width: 220px;
		height: 75px;
		}

.mean-container .mean-bar {
	float: right !important;
	width: 70px !important;
	position: fixed !important;
	top: 35px;
	right: 0;
	background: none !important;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	z-index: 9999 !important;
	}
	.mean-container a.meanmenu-reveal {
		right: 10px !important;
		}
	.mean-container .mean-nav {
		background: #656767 !important;
		float: right !important;
		width: 100vw !important;
		margin-top: 47px !important;
		}
	.sticky a.meanmenu-reveal span {
		background: #000 !important;
		}
	.mean-container a.meanmenu-reveal {
		color: #000 !important;
		}
.mean-container .mean-nav ul li a {
    padding: 7px 5% !important;
	text-transform: none !important;
	}
html .mean-container .mean-nav ul li a.mean-expand {
    height: unset;
    padding: 5px !important;
	}


.mobilefooter {
	display: none;
	position: fixed;
	bottom: 0;
	background: #656767;
	border-top: 1px solid #fff;
	height: 68px;
	width: 100%;
	color: #fff;
	z-index: 999999;
	}
	.icon::before {
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		}
	.mfroute {
		width: 33.3%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfroute .custom {
			margin-top: -3px;
			}
		.mfroute::before {
			font-family: "Font Awesome 5 Free"; 
			content: "\f4d7";
			font-weight: 900;
			font-size: 26px;
			}
		.mfborderright {
			border-right: 1px solid #fff;
			height: 68px;
			width: 0px;
			position: absolute;
			right: 0;
			top: 0;
			}
	.mfbelmij {
		width: 33.4%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfbelmij .custom {
			margin-top: -3px;
			}
		.mfbelmij::before {
			font-family: 'Font Awesome 5 Free';
			content: ' \f095';
			font-weight: 900;
			font-size: 26px;
			}
	.mfwhatsapp {
		width: 33.3%;
		text-align: center;
		float: right;
		padding-top: 10px;
		}
		.mfwhatsapp .custom {
			margin-top: -5px;
			}
		.mfwhatsapp::before {
			font-family: "Font Awesome 5 Brands"; 
			content: "\f232";
			font-weight: 300;
			font-size: 30px;
			}
		.mfwhatsappbas {
			display: none;
			}
		.mfbelbas {
			display: none;
			}
		#belonskeuze {
			display: none;
			}
		.keuzeoverlay {
			position: fixed;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.8);
			z-index: 99998;
			top: -69px;
			left: 0;
			}
		.closekeuze {
			position: fixed;
			top: 20px;
			right: 10px;
			}
			.closekeuze a { 
				font-size: 30px !important;
				padding: 20px !important;
				color: #fff !important;
				}
		.mfwhatsappkeuzediv {
			position: fixed;
			width: 280px;
			height: fit-content;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			background: #656767;
			z-index: 99999;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			border: 1px solid #ccc;
			}
			.mfwhatsappkeuzediv div {
				padding: 10px 0;
				font-size: 20px;
				border-bottom: 1px solid #ccc;
				}
				.mfwhatsappkeuzediv div:last-of-type {
					border: none;
					}
				.mfwhatsappkeuzediv div a {
					font-size: 20px;
					padding: 10px 30px;
					}
		.mfbelonskeuzediv {
			position: fixed;
			width: 280px;
			height: fit-content;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			background: #656767;
			z-index: 99999;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			border: 1px solid #ccc;
			}
			.mfbelonskeuzediv div {
				padding: 10px 0;
				font-size: 20px;
				border-bottom: 1px solid #ccc;
				}
				.mfbelonskeuzediv div:last-of-type {
					border: none;
					}
				.mfbelonskeuzediv div a {
					font-size: 20px;
					padding: 10px 30px;
					}


.mobilefooter a {
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	padding: 40px 0 0;
	line-height: 30px;
	}


.bordspellen-onderdelen-titel {
	padding: 10px 0;
    text-align: center;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-bottom: 30px;
	}
	.bordspellen-onderdelen-titel h3 {
		padding: 0;
		}
	
.vraagproducten {
	text-align: center;
    margin-bottom: 20px;
	}

.bordspellenOnderdelen {
	display: flex;
	margin: 40px 0 25px;
	}
	.bordspellenOnderdelenGepersonaliseerd {
		border: 3px solid #ffd93e;
		height: 60px;
		flex-basis: 50%;
		flex-grow: 0;
		margin-right: 20px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		position: relative;
		}
		.bordspellenOnderdelenGepersonaliseerddiv {
			text-align: center;
			height: 60px;
			}
	.bordspellenOnderdelenGepersonaliseerd .bordspellenOnderdelenIcon {
			background: #ffd93e;
			}
	.bordspellenOnderdelenUitgeven {
		border: 3px solid #ff6600;
		height: 60px;
		flex-basis: 50%;
		flex-grow: 0;
		margin-left: 20px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		position: relative;
		}
		.bordspellenOnderdelenUitgevendiv {
			text-align: center;
			height: 60px;
			}
	.bordspellenOnderdelenUitgeven .bordspellenOnderdelenIcon {
		background: #ff6600;
		}
	.bordspellenOnderdelenAchtergrond {
		width: 30px;
		overflow: hidden;
		height: 60px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		line-height: 60px;
		color: #404040;
		padding-left: 30px;
		font-size: 22px;
		position: absolute;
		top: 0;
		left: -1px;
		z-index: 10;
		transition: width 0.2s ease-in-out;
		}
		.bordspellenOnderdelenGepersonaliseerd .bordspellenOnderdelenAchtergrond {
			background: #ffec9e;
			}	
		.bordspellenOnderdelenUitgeven .bordspellenOnderdelenAchtergrond {
			background: #ffb27f;
			}	
		/* ### start puntjes animatie ### */

		.bordspellenOnderdelenAchtergrond span {
			display: inline-block;
			animation-name: blink;
			animation-duration: 0.8s;
			animation-iteration-count: infinite;
			animation-fill-mode: both;
			margin-left: 5px;
			}
		.bordspellenOnderdelenAchtergrond span:nth-child(2) {
			animation-delay: 0.1s;
			}
		.bordspellenOnderdelenAchtergrond span:nth-child(3) {
			animation-delay: 0.2s;
			}
		.bordspellenOnderdelenAchtergrond span:nth-child(4) {
			animation-delay: 0.3s;
			}

		@keyframes blink {
			0% {
				opacity: 0;
				}
			20% {
				opacity: 1;
				transform: scale(1.5) translateY(-3px);
				}
			100% {
				opacity: 0;
				}
			}

		/* ### einde puntjes animatie ### */

	.bordspellenOnderdelenIcon {
		position: absolute;
		left: -3px;
		top: -3px;
		width: 66px;
		height: 66px;
		color: #fff;
		line-height: 66px;
		font-size: 30px;
		-webkit-border-radius: 33px;
		-moz-border-radius: 33px;
		border-radius: 33px;
		margin-left: 0;
		z-index: 11;
		transition: all 0.2s ease-in-out;
		}
		.bordspellenOnderdelenIcon i {
			margin-left: 27px;
			}
	.bordspellenOnderdelenTitle {
		font-family: 'Quicksand', sans-serif;
		padding: 0;
		font-size: calc(10px + 0.6vw);
		font-weight: bold;
		color: #3F51B5;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 50px;
		right: 0;
		}
.bordspellenOnderdelen a:hover .bordspellenOnderdelenIcon {
	left: 30px;
	}
	.bordspellenOnderdelen a:hover .bordspellenOnderdelenAchtergrond {
		width: 60px;
		}
#gepersonaliseerd.active .bordspellenOnderdelenIcon,
#uitgeven.active .bordspellenOnderdelenIcon {
	left: calc(100% - 60px);;
	}
	#gepersonaliseerd.active .bordspellenOnderdelenAchtergrond,
	#uitgeven.active .bordspellenOnderdelenAchtergrond {
		width: calc(100% - 30px);
		}



/* #######################  END LAYOUT SETTINGS ############################ */

/* #########  RESPONSIVE SETTINGS ############# */

input[type=button] { /* button layout on ios normaal */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

@media only screen 
  and (max-width: 1400px) {
	.ctacontainer {
		height: 320px;
		}
	.homecatwrapper {
		padding: 130px 0 13vw;
		}
	.ctatekst {
		height: 300px;
		bottom: -70px;
		}
	}

@media only screen 
  and (min-width: 1200px) {
	.ctatekst {
		font-size: 20px;
		line-height: 34px;
		}
	}

@media only screen 
  and (max-width: 1200px) {
	.ctalogo {
		left: 4vw;
		}
	.homebloktekst li {
		line-height: 3vw;
		}
	.homecatwrapper {
		padding: 160px 0 13vw;
		}
  }

@media only screen 
  and (max-width: 1090px) {
	
  }

@media only screen 
  and (max-width: 1025px) {
	
	.homecattitel {
		font-size: calc(13px + 0.6vw);
		}
	.homecattekst {
		padding: 0px 20px;
		font-size: calc(11px + 0.6vw);
		}
	.tabcontent {
		width: 95%;
		}
  }

@media only screen 
  and (max-width: 980px) {

  }

@media only screen 
  and (max-width: 900px) {

	}

@media only screen 
  and (max-width: 875px) {

	/* top telefoon nummers */

	.topcontact .topmobile {
		margin-left: 0;
		}
	.topcontact .topmobile span, 
	.topcontact .topphone span {
		overflow: hidden;
		height: 25px;
		display: inline-block;
		position: absolute;
		right: 170px;
		top: -5px;
		width: 0;
		text-align: right;
		white-space: nowrap;
		z-index: 9995;
		background: #656767;
		/* padding: 5px 8px 2px; */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	.topcontact .topmobile.active,
	.topcontact .topphone.active {
		color: #ccc;
		}
	.topcontact .topmobile.active span,
	.topcontact .topphone.active span {
		width: fit-content;
		padding: 5px 10px 2px;
		}
	.tab-content .tabclosebutton {
		opacity: 1 !important;
		}

	}

@media only screen /* Breedte dat Meanmenu het overneemt */
  and (max-width: 820px) {
	
  }

@media only screen 
  and (max-width: 770px) {
	.homecattitel {
		font-size: calc(14px + 0.6vw);
		}
	.homecatwrapper {
		display: grid;
		width: 90%;
		justify-content: space-around;
		margin: 0 auto;
		}
	.homecat {
		width: 100%;
		margin-bottom: 20px;
		}
	.homebloktussenwrapper {
		margin-bottom: 70px;
		}
	.homeblokwrapper {
		display: grid;
		}
		.homeblokimage {
			width: 100%;
			}
		.homebloktekst {
			width: 100%;
			}
		.homeblokimage img {
			height: 200px;
			object-fit: cover;
			}
		.homebloktekst li {
			line-height: normal;
			}
	
	}

@media only screen 
  and (max-width: 700px) {
	.ctacontainer {
		height: 460px;
		}
	.ctalogo {
		margin: 0px auto 0;
		left: 0;
		right: 0;
		top: 100px;
		}
	#bodycontainer.sticky .ctalogo {
		top: 0;
		}
	.ctatekst {
		width: 80%;
		height: fit-content;
		bottom: unset;
		top: 320px;
		}
	.sitemap {
		display: grid;
		justify-items: center;
		margin: 0 auto;
		width: fit-content;
		}
		.sitemap-col1, .sitemap-col2, .sitemap-col3, .sitemap-col4 {
			width: 100%;
			border: none;
			}
	.contacttableleft,
	.contacttableright {
		width: 100%;
		}
	.topagenda {
		grid-template-columns: unset;
		margin-top: 20px;
		}
	.tab-content.active .agendabutton {
		right: 0;
		top: 40px;
		}
	}

@media only screen 
  and (max-width: 660px) {
		
	}

@media only screen 
  and (max-width: 600px) {
	.imgfooterwrapper {
		display: grid;
		justify-items: center;
		}
	.imgfooter {
		width: 100%;
		display: contents;
		}
		.springestscore {
			margin-top: 0;
			}
	.homebloktussenwrapper {
		margin-top: 20px;
		}
	.topsubmenu {
		display: none;
		}
	.mobilemenu,
	.mean-bar {
		display: block;
		}
	.toplogoravisie, .toplogobol1, .toplogobol2, .toplogobol3, .toplogobol4 {
		height: 80px;
		overflow: hidden;
		}
	.metctabutton {
		display: block;
		}
		.cta-nlp {
			margin-top: 10px;
			}
	}

@media only screen 
  and (max-width: 570px) {
 
	}
 
@media only screen 
  and (max-width: 500px) {
	.ctatekst {
		width: 100%;
		}
	}
 
@media only screen 
  and (max-width: 460px) {
	.topcontact .topphone {
		display: none;
		}
	.topcontact .topmobile span {
		right: 130px;
		}
	.tabs-menu .tab-button a {
		padding: 15px 13px;
		}
	}

/* ##### 404 ######*/




/* #########  MOBILE SETTINGS ############# 

@media only screen 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) { 
  
 @media screen and (orientation:landscape) { … }

  */

@media only screen /* voor test op desktop 490px normaal 414px*/
  and (max-width: 414px) {
	.topmobile, .topphone {
		display: none !important;
		}
	.mobilefooter {
		display: block;
		}
}

/* @media only screen 
  and (max-device-width: 411px) - Google Nexus 5, 5X, 6, 6P, Pixel */

@media only screen 
  and (max-width: 411px) {

}

/* @media only screen 
  and (max-device-width: 375px) - iPhone 6, 7 */

@media only screen 
  and (max-width: 375px) {
	.tabs-menu .tab-button a {
		padding: 15px 10px;
		}
	}

/* @media only screen 
  and (max-device-width: 360px) - Samsung Galaxy S3-S6, S III, Xiaomi(most), Sony Xperia S, Z, Ion */

@media only screen 
  and (max-width: 360px) {
	div.mod_ajaxsearch127 input[type="search"] {
		width: 220px;
		}
}

/* @media only screen 
  and (max-device-width: 320px) - ipone 5, Samsung Galaxy S, S2, S II, iPhone 3, 4, 4S, Microsoft Lumia 620, 830, 900, 920, 925, 1020 */

@media only screen 
  and (max-width: 320px) {

}

/* #########  END MOBILE SETTINGS ############# */