@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'gotham_black';
    src: url('/fonts/gotham-black-webfont.woff2') format('woff2'),
         url('/fonts/gotham-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_bold';
    src: url('/fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('/fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.uitjes .groups a.dierentuin{display: none;}


/* algemeen */
html {
    font-size: 62.5%;
	background-color:#fff;
	height:100%;
	scroll-behavior: smooth;
}
body {
	margin:0;
	padding:0;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color:#1F2023;
	/*color:#002559;*/
	font-size: 100%;
	overflow-x: hidden;
}
.uberwrapper{ width: 100%; height: 100%;}
img{
	border:none;
}
.floatleft{float:left;}
.floatright{float:right;}
.clear{ clear:both; display:block !important;}
header, footer, main, .container{ margin:0 auto; position:relative; box-sizing: border-box;}
section { display: block;}
.normal{ display:block !important;}
.desktop{ display:inline-block;}
.mobile{ display:none !important;}
.displaynone{ display:none;}
.foutmelding{ color:red; margin-bottom:2em; display:block;}
.foutmeldingbottom{ color:red; margin-top:1em; display:block;}
textarea{ width:calc(100% - 1em); height:6em; border: 2px solid #FCC957; border-radius: 5px; box-sizing: border-box;}
img{ border:0;}
.error, .error a {color: red !important;}
.cookieinfo h3{margin:0; text-align: center;}
:focus{outline:0;}
span.list  {display: list-item; margin-left: 2em; margin-bottom: 0.5em;}
a.btn, input.btn{ display: block; width: fit-content; margin: 0 auto; height: 3em; line-height: 2.8em; border-radius: 5px; background: #FCC957; border: 2px solid #FCC957; font-size: 1.8em; padding: 0 1em; color: #0d2759; text-decoration: none; font-weight: 500; box-sizing:border-box;}
a.btn.secundair{background: #FFF; border: 2px solid #FCC957; color: #0D2759; border-radius: 7px;}
a.btn:hover, input.btn:hover{background:#FF862E; border-color:#FF862E; color:#fff;}

/* header */
header{  z-index: 5; background: #fff; width:100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; padding:0; height: 8.5em; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
header .container{ padding-top: 1.5em;}
header a.btn{ float: right; }
.scroll header, .scroll.menuactive header{top: 0em; position: fixed; }

main{display: block; /*-webkit-transition: all 0.2s linear; transition: all 0.2s linear;*/}
.scroll main{ padding-top: 8.5em; }
.container{ padding:2em 2em 2em 2em; position:relative;}

@media only screen and (max-width :768px) {
	body{font-size: 90%;}
}

.has-back:before {
    content: "";
    display: block;
    position: absolute;
    width: 170em;
    height: 65em;
    pointer-events: none;
	z-index: -1;
}
.has-back-left:before {
    left: -99em;
    top: 20em;
}
.has-back-right:before {
    right: -99em;
    top: 0em;
}
.back-beige-left:before {
    background: transparent url(/images/violaine/beige-links-extended.png) no-repeat left top; background-size: 100% auto;
}
.back-beige-right:before {
    background: transparent url(/images/violaine/beige-rechts-extended.png) no-repeat right top; background-size: 100% auto;
}
.back-orange-left:before {
    background: transparent url(/images/violaine/oranje-links-extended.png) no-repeat left top; background-size: 100% auto;
}
.back-orange-right:before {
    background: transparent url(/images/violaine/oranje-rechts-extended.png) no-repeat right top; background-size: 100% auto;
}
.back-blue-left:before {
    background: transparent url(/images/violaine/licht-blauw-links-extended.png) no-repeat left top; background-size: 100% auto;
}
.back-blue-right:before {
    background: transparent url(/images/violaine/licht-blauw-rechts-extended.png) no-repeat right top; background-size: 100% auto;
}
@media only screen and (max-width :1360px) {
	.has-back:before {
		width: 70%;
        height: 0;
        padding-top: 40%;	
	}
	.has-back-left:before {
		left: -16%;
		top: 11em;
	}
	.has-back-right:before {
		right: -16%;
		top: 1em;
	}
	.back-beige-left:before {
		background: transparent url(/images/violaine/beige-links.png) no-repeat left top; background-size: 100% auto;
	}
	.back-beige-right:before {
		background: transparent url(/images/violaine/beige-rechts.png) no-repeat right top; background-size: 100% auto;
	}
	.back-orange-left:before {
		background: transparent url(/images/violaine/oranje-links.png) no-repeat left top; background-size: 100% auto;
	}
	.back-orange-right:before {
		background: transparent url(/images/violaine/oranje-rechts.png) no-repeat right top; background-size: 100% auto;
	}
	.back-blue-left:before {
		background: transparent url(/images/violaine/licht-blauw-links.png) no-repeat left top; background-size: 100% auto;
	}
	.back-blue-right:before {
		background: transparent url(/images/violaine/licht-blauw-rechts.png) no-repeat right top; background-size: 100% auto;
	}

}
@media only screen and (max-width :768px) {
	.has-back:before {
		width: 90%;
		height: 0;
		padding-top: 56%;
	}
	.has-back-left:before {
		left: -2em;
		bottom: -10em;
		top: auto;
	}
	.has-back-right:before {
		right: -2em;
		bottom: 10em;
		top: auto;
	}
	.contact .container.has-back-right:before{right:0;}
	
}

nav{display:none; position: absolute; right: 0; width: auto; background: #fff; padding: 2em 4em; top: 8.5em; z-index: 999999; box-shadow: 0 4px 20px 0 #e5e5e5;}

#nav{ /*float:right; padding-top: 5.7em !important;*/ -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	font-size:1.6em;
	font-weight: 600;
	text-decoration:none;
	color:#002559;
}

#nav li {
	/*float: left;*/
}
#nav > li { 
	/*margin-right:4em;*/
}
#nav li#menufavo{margin-right:0;}
#nav li#menufavo img{vertical-align: -0.2em;}
#nav li#menufavo span{ font-size: 0.7em;}

#nav li > a{
	padding-bottom:1em;
}
#nav li > a:hover{color: #FF862E;}
#nav li ul li a{
	padding-bottom:0;
	font-weight: normal;
}
#nav li ul { /* second-level lists */
	/*position: fixed;
	width: 100%;
	left: -999em;
	z-index:1000;	
	background-color: #0a4691;
    color: #fff;
    top: 11em;*/
}
#nav li ul span.submenuitems{padding-bottom: 2em; display: block;}
#nav li ul li, #nav li ul li a{
	width:100%;
}
#nav li ul li a:hover{
	color:#FF862E;
}
#nav li ul li img{
	height:1.4em;
	vertical-align:-0.3em;
}
#nav li ul.navcities{
	width: 40em;
}
#nav li ul.navcities li{
	width: 20em;
	float:left;
}

#nav li ul li{
	line-height:3em;
	/*font-size:0.9em;*/
	box-sizing: border-box;
	padding: 0.5em 2em;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
	width: 35em;
	font-size:1.4em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
}
body.catindex #menuhome > a{color:#FCC956;}
body.catuitjes #menuuitjes > a{color:#FCC956;}
body.catkaart #menusteden > a{color:#FCC956;}
body.catcontact #menucontact > a{color:#FCC956;}
/*.alleuitjes{ display:none;}
.submenuitems{ max-width: 1200px; width: 100%; margin: 0 auto; display: block; padding: 1em 0;}
.submenuitems:after{ content: ""; display: table; clear: both;}*/

.logo{ height:5.1em; position: absolute;left: 1.5em;top: 1.7em;z-index: 1010; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}	
.headertxt{ position:relative; background-color: #0a4691; width:100%; z-index:4; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.scroll .headertxt{position: fixed; top:13.8em;}
.headertxt .container{ padding: 0 1em 0 0;}
/*.headertxt h1{ font-family: 'gotham_black', Arial; margin: 0 auto; height: 2em; line-height: 1.99em; text-align: left; padding-left: 0.65em; color:#fff; font-size: 2.8em; font-weight: 400; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.headertxt h1 a{color:#FCC956;text-decoration:none}
.index .headertxt h1 span:nth-of-type(2){display:none}*/
.headertxt .btn, .txt .btn, .test .btn{float: right; background: #3f81d3; font-weight: 600; color: #fff; display: inline-block;  padding: 0 2em; height: 2.3em; font-size: 1.6em; border-radius: 0.4em; text-align: center; text-decoration: none; /*text-shadow: 1px 1px 2px #666;*/ margin-top: 0.6em; line-height: 2.2em; margin-left: 0.5em;}
.headertxt .btn:nth-of-type(1), .txt .btn:nth-of-type(1){background: #FCC956; margin-right: 0.5em; color: #000;}
.headertxt .btn:hover, .txt .btn:hover{ background: #EFB138; color:#000;}
.headertxt .btn.favorites{ padding: 0;}
.headertxt .btn img, .txt .btn img{vertical-align: -0.3em; height: 1.3em; margin: 0 0.7em;}
/*.activiteiten .headertxt h1{ text-align: left; padding-left: 0.65em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
.txt .btn{float: none; margin-left: 0;}
.test .btn{float: none; margin-left: 0; font-size: 1em; color:#fff !important;}
.usp{ position: relative; background-color: #0d2759; color: #fff; width:100%; z-index:6; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 1.6em;}
.usp .container{ display: flex; flex-direction: row; padding: 0; justify-content: center;}
.usp .container > div{ padding: 0 1.5em; text-align: center; line-height: 3em; /*border-left: 1px solid #cedae9;*/ box-sizing: border-box; white-space: nowrap;}
.usp .container > div:last-of-type{/*border-right: 1px solid #cedae9;*/}
/*.usp .container > div:first-of-type{ margin-left:20%;}*/
.usp .container > div img{ vertical-align: -0.2em; margin-right: 0.5em; height: 1em; border: 1px solid rgba(255, 255, 255, .15); }
.usp .container > div a{color: #fff; text-decoration: none;}

.menu{ /*display:none; */ display:block; height: 2.8em; float: right; cursor: pointer;}

.cats{ background: #002559;}
.cats .container{ display: flex; flex-direction: row; padding: 0 2em; line-height: 3.4em; height: 3.8em; z-index: 9999;}
.cats .container a{ text-decoration: none; color:#fff; font-size: 1.5em; font-weight: 500; margin-right: auto;}
.cats .container a:last-of-type{ margin-right: 0;}
.cats .container a:hover{color: #9cc5ff;}

h1, h2, h3{text-align:center; color: #0D2759; padding: 4px 0px 7px 0px; margin-top: 0; display: block; font-size: 3.2em; font-family: gotham_black, Arial; font-weight: 700; line-height: 1.4em; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
h1 span, h2 span, h3 span, h1 span a, h2 span a, h3 span a{color: #fff; background: #0D2759; padding: 5px 7px 5px 7px; text-decoration: none; display: inline-block;}
h2{font-size: 2.5em;}
h3{font-size: 2.5em; text-align: left;}
.index h2{font-size: 3.2em;}
/*h3{font-size: 1.5em; font-family: gotham_black,Arial; font-weight: 300; line-height: 1em; margin-top: 1em;}*/
.uitjehref h3{
	display: block;
    color: #002759;
    font-size: 1.8em;
    font-family: gotham_bold, Arial;
    line-height: 18px;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-top: 1em;
	padding: 0;
}

@media only screen and (max-width : 1200px) {
	/*.usp .balans{display:none}*/
}
@media only screen and (max-width : 767px) {
	/*.usp .klantw{display:none}*/
	.usp{display: none;}
	.headertxt .btn:nth-of-type(1), .txt .btn:nth-of-type(1){margin-bottom: 1em;}
	.index h2{font-size: 2.6em;}
	.uitjes h1{font-size: 2.6em;}
	.uitjes h1 > span{ display: inline-block;}
	h1{font-size: 2.8em;}
	.index h1{font-size: 3.2em;}
	h1 span a{display: inline-block;}
}
@media only screen and (max-width : 880px) {
	/*.index .headertxt h1 span:nth-of-type(1){display:none}
	.index .headertxt h1 span:nth-of-type(2){display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
}



.breadcrumb{}
.breadcrumb .container{}
.breadcrumb a{font-size:1.4em; text-decoration: none;color: #002559;}
.breadcrumb a:hover{ color: #FF862E;}
.breadcrumb a::after { content: " \203A  ";}
.breadcrumb a:last-of-type::after { content: "";}

/*home*/
/*.headerbanner{ height: 45em; position: relative;}*/

.special .blocks{display: flex; align-items: center; flex-wrap: wrap; gap: 0%; line-height: 28px; /*font-size: 10px;*/}
.special .blocks > div{position: relative; width: 50%; padding: 6em 0; text-decoration: none; box-sizing: border-box;}
.special .blocks > div:nth-of-type(1){ text-align: left;}
.special .blocks > div:nth-of-type(1) h1{text-align: left; max-width: 13em;}
.special .blocks > div:nth-of-type(1) h1 span{display: table;}
.special .blocks > div:nth-of-type(1) a.btn{ display: inline-block; margin-right: 1em; vertical-align: top;}
.special .blocks > div:nth-of-type(1) a.btn:last-of-type{margin-right:0;}
.special .blocks > div:nth-of-type(2){ text-align: center;}
.special .blocks > div:nth-of-type(2) > img{width: 100%; height: 440px; object-fit: cover;}
.special .blocks > div:nth-of-type(2) .videoholder{width: 100%; height: 0; padding-top: 56.25%; position: relative;}
.special .blocks > div:nth-of-type(2) .videoholder video{width: 100%; height: 100%; object-fit: cover; position: absolute; top:0; left:0; clip-path: inset(1px 0px 0px 1px);}

.index .groups, .uitjes .groups{ border-top:1px solid #0D2759; border-bottom:1px solid #0D2759; padding: 0.5em 3em; display: flex; flex-wrap: wrap; flex-direction: row; gap: 0%; font-size:1.8em;}
.groups a{ line-height: 3em; color:#0D2759; text-decoration: none; flex: 1; text-align: center; white-space: nowrap; font-weight: 500;}
.uitjes .groups{font-size:1em; justify-content: center;}
.uitjes .groups a{flex:1; padding: 0 1em 0 0; font-size: 1.2em;}
.uitjes .groups a.whatsapp-speurtocht{display: none;}
.uitjes .groups a:last-of-type{padding:0;}
.groups a:hover{color:#FF862E;}
.groups a img{height:23px; margin-right: 10px; vertical-align: middle;}
.groups a span{width:30px; height:23px; display: inline-block; margin-right: 10px; vertical-align: middle; background: #0D2759;	-webkit-mask-size: contain; mask-size: contain;  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: right; mask-position: right;}
.groups a:hover span{background: #FF862E;}

.groups a.familie-uitjes span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/familie-uitjes-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/familie-uitjes-blue.svg);	
}
.groups a.bedrijfsuitjes span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/bedrijfsuitjes-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/bedrijfsuitjes-blue.svg);	
}
.groups a.vriendenuitjes span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/vriendenuitjes-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/vriendenuitjes-blue.svg);	
}
.groups a.schooltuitjes span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/schooltuitjes-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/schooltuitjes-blue.svg);	
}
.groups a.uitjes-met-kinderen span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/uitjes-met-kinderen-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/uitjes-met-kinderen-blue.svg);	
}
.groups a.group-favorieten span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/favorieten-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/favorieten-blue.svg);	
}
.groups a.citygames span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/citygames-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/citygames-blue.svg);	
}
.groups a.goedkop span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/goedkop-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/goedkop-blue.svg);	
}
.groups a.whatsapp-speurtocht span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/whatsapp-speurtocht-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/whatsapp-speurtocht-blue.svg);	
}
.groups a.dierentuin span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/dierentuin-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/dierentuin-blue.svg);	
}
.groups a.kerst span{
	-webkit-mask-image: url(https://www.stadunique.nl/images/violaine/icons/kerst-blue.svg);
    mask-image: url(https://www.stadunique.nl/images/violaine/icons/kerst-blue.svg);	
}

.checkavailability{display: block; color: #0D2759; font-weight: 500; font-size: 1.4em; margin-top: 1.3em;}
section.availabilitycheck {margin-top: 9em;}
.activitiesdetails .availabilitycheck h2{text-align: center;}
.availabilitycheck .block{box-sizing: border-box; border-radius: 5px; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.1); padding: 20px 20px 30px;}
.availabilitycheck .block p{font-size: 1.6em; text-align: center;}
.availabilitycheck .inputfields{ display: table; width:100%; }
.availabilitycheck .inputfields > div { display: table-row;}
.availabilitycheck .inputfields > div > div { display: table-cell; width: 20%; padding-right: 2em;}
.availabilitycheck .inputfields > div > div:last-of-type{padding-right: 0;}
.availabilitycheck .inputfields > div > div > span {font-family: gotham_black, Arial; font-size: 1.6em; line-height: 2em; color: #0D2759; white-space: nowrap;}
.availabilitycheck .inputfields > div > div > input, .availabilitycheck .inputfields > div > div > select { font-size: 1.6em;}
.availabilitycheck .inputfields > div > div a.btn{ cursor: pointer; height: 2.6666666em; line-height: 2.4em; display:none; width: 100%; text-align: center;}
.availabilitycheck .inputfields > div > div a.btn.active{display:block;}
.availabilitycheck .feedback{ display: none; text-align: left !important;}
.availabilitycheck .feedback.positive{ color: #2A5BBA;}
.availabilitycheck .feedback.negative, .availabilitycheck .feedback.maybepositive{ color: #ba2a2a;}
.availabilitycheck .feedback.maybepositive a{color: #ba2a2a;}
.availabilitycheck .feedback.active{display:block;}
@media only screen and (max-width : 1280px) {
	.availabilitycheck .inputfields > div > div { width: 15%;}
	.availabilitycheck .inputfields > div > div:last-of-type{ width:40%;}
}
@media only screen and (max-width : 1024px) {
	.availabilitycheck .inputfields{ display: block; }
	.availabilitycheck .inputfields > div { display: block;}
	.availabilitycheck .inputfields > div > div { display: block; width: 100%; padding-right: 0;}
	.availabilitycheck .inputfields > div > div:last-of-type{width: 100%;}
}

section.reviews {margin-top: 12em;}
.reviews .blocks {display: flex; flex-wrap: wrap; gap: 3.5%; font-size: 1.6em; line-height: 28px;}
.reviews .blocks a{position: relative; width: 31%; margin-bottom: 3.5%; text-decoration: none; box-sizing: border-box; border-radius: 5px; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.1); overflow: hidden; padding: 20px;}
.reviews .blocks a > span:nth-of-type(1) img{ vertical-align: middle; margin-right: 2px;}
.reviews .blocks a > span:nth-of-type(1) .thumb{ vertical-align: middle; margin-right: 2px; width: 2.25em; height: 2.25em; background: grey; color: #fff; text-align: center; display: inline-block; border-radius: 100%; line-height: 2.24em;}
.reviews .blocks a > span:nth-of-type(1) .thumb img{width:100%; height: 100%;}

.reviews .blocks a > span:nth-of-type(1) span.stars{padding-left: 8px;}
.reviews .blocks a > span:nth-of-type(2){ margin: 1em 0; color: #1F2023; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.reviews .blocks a > span:nth-of-type(3){ float:right; color: #0D2759; font-weight: 500;}
.reviews .blocks a > span:nth-of-type(4){ color: #0D2759; font-weight: 500;}

.about .blocks {display: flex; flex-wrap: wrap; gap: 3.5%; line-height: 28px; margin: 3em 0 0;}
.about .blocks > span{position: relative; width: 31%; margin-bottom: 3.5%; text-decoration: none; text-align: center; color: #fff; box-sizing: border-box; border-radius: 5px; background: #FF862E; box-shadow: 0 4px 20px rgba(0,0,0,.1); overflow: hidden; padding: 20px;}
.about .blocks > span >span:nth-of-type(1){ font-family: gotham_black,Arial; font-size: 5.5em; font-weight: 500; line-height: 60px; display: block;}
.about .blocks > span >span:nth-of-type(2){ font-size:1.8em; font-weight: 500; line-height: 50px; display: block;}

@media only screen and (max-width : 767px) {
	.special .blocks{ flex-direction: column;}
	.special .blocks > div{ width:100%; }
	.special .blocks > div:nth-of-type(1){ padding-bottom: 0; text-align: center;}
	.special .blocks>div{ padding: 3em 0;}
	.special .blocks>div:nth-of-type(2) img{ width:100%; /*height: auto;*/}
	.special .blocks>div:nth-of-type(1) h1{text-align: center;}
	.special .blocks>div:nth-of-type(1) h1 span{display: inline-block;}
	body.activiteiten .special .blocks > div:nth-of-type(1) a.btn{/*display: none;*/
		position: fixed;
        right: 3.5em;
        top: 0.9em;
        z-index: 10;
	}
	body.activiteiten header a.btn{display: none;}
	body.activiteiten .special .blocks>div:nth-of-type(1) a.btn:first-of-type{margin-right: 1em !important;}
	.special .blocks h2{font-size: 1.6em;}
	.groups{padding: 0.5em 0 !important;}
	.groups a{text-align: left;}
	.uitjes .groups{display: none;}

}
@media only screen and (max-width : 412px) {
	.special .blocks>div:nth-of-type(1) a.btn{display: block; margin: 0 auto 1em !important;}
	body.index .special .blocks>div:nth-of-type(1) a.btn:last-of-type{margin-bottom: 0 !important;}
	body.activiteiten .special .blocks>div:nth-of-type(1) a.btn{right: 3.5em;}
}

.corona{ position: absolute; width: 80em; left: 50%; text-align: left; top: 50%; transform: translate(-50%, -50%); padding: 0em; box-sizing: border-box; font-size: 0.7em;}
.corona h2{color: #fff;font-size: 20px;}
.corona img{ width: 52%; float: left; margin-right: 3em;}
.corona > div{text-align: left; padding: 3em 3em 3em; background-color: rgba(0,0,0,.7);border-bottom-right-radius: 5em;}
.corona > div:after{content: ""; display: table; clear: both;}
.corona p{ color: #fff; font-size: 2em;  margin: 0 0 1.2em 0;}
.corona p b{color: #FCC956; font-size: 1.4em; display: block; margin-bottom: -0.4em;}
.corona .btn{ background: #FCC956; color: #000; text-align: center; border-radius:0.4em; font-weight: 600; line-height: 2.4em; text-decoration: none;display: inline-block; width: 9em;margin: 0 auto;clear: both;}
.corona .btn:hover{background: #EFB138; text-decoration: none;}
.corona a{color: #fcc957; font-weight: bold; text-decoration: none;}
.corona a:hover{text-decoration: underline;}
@media only screen and (max-width : 767px) {
	.corona{max-width:100%;}
	.corona img{ display: none;}
	.corona div{width:100%; box-sizing: border-box; padding: 3em; border-bottom-right-radius: 0;}
	.corona p b{font-size: 1em; display: inline; margin-bottom: 0em;}
}
.coronaster{float:right; margin: -1em 0 0 1em;}
.promoback{background:#c7deff; padding: 1.5em 2em;display: block; }
.promoback span.h3{font-weight: normal; font-size: 20px; font-family: gotham_black,Arial; text-decoration: none; margin-bottom: 12px; display: block;}
.intro{font-size: 1.6em; width:100%; max-width: 37em; margin: 40px auto 40px; line-height: 26px; text-align: justify;}
.intro a.banner{box-sizing: border-box; margin-top: 2.5em; display: none;}
.intro a.banner img{display:block; width:278px; border:1px solid #9cbae5; }
@media only screen and (max-width : 450px) {
	.intro a.banner{float:none; margin: 0 0 2em 0; display: block;}
	.intro a.banner img{width:100%;}
}

.contentholder{display:flex; flex-direction: column; width: 100%;}
.contentholder section{position:relative; margin-bottom: 10em}
.filter{width:300px; display: table-cell; box-sizing: border-box; background: #002559; color:#ffffff; padding: 1em; font-size: 1.35em; border-bottom-right-radius:2em; vertical-align: top;}
.filteropener{ display: none;}
.filter .header{padding: 0.5em 0 0.5em; margin-top: 1em; /*border-top:1px solid #284369;*/ font-weight: 600;}
.filter .header:first-of-type{margin-top:0;}
.filter .filteritem{color:#9cc5ff;line-height: 20px; cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.filter .filteritem:hover{color:#ffffff;}
.filter .filteritem span, .activitieslist .container .filter .filteritem span{background: #9cc5ff; display: inline-block; width: 13px; height: 13px; float: none; margin-right: 2px; margin-bottom: 0; vertical-align: -2px;}
.filter .filteritem:hover span{ background: #ffffff !important;}
.filter .filteritem img{ display: block;}
.filter input{font-family: 'Open Sans', sans-serif;}
.filter input[type=text], .search input[type=text]{height: 2.4em; border: 0; padding: 0 0.5em; box-sizing: border-box; width: 70%; vertical-align: middle;}
.filter input[type=submit], .search input[type=submit]{font-family: 'Open Sans',sans-serif; vertical-align: middle; height: 2.4em; font-weight:bold; border-radius: 0.4em; border: 0; box-sizing: border-box; width: 28%; margin-left: 2%; background: #FCC956; color: #000; cursor: pointer;}
.filter input[type=submit]:hover, .search input[type=submit]:hover{ background: #EFB138;}
::-webkit-input-placeholder { color: #afb0b2;}
::-moz-placeholder { color: #afb0b2;}
:-ms-input-placeholder { color: #afb0b2;}
:-moz-placeholder { color: #afb0b2;}
.filter .filteritem input[type=checkbox]{display:none;}
#slider-aantal .ui-slider-handle, #slider-price .ui-slider-handle {
	width: 2.1em;
    height: 2.1em;
    top: 50%;
    margin-top: -1.5em;
    margin-left: -1.5em;
    text-align: center;
    line-height: 2.1em;
    border-radius: 2.1em;
    background: #FCC956;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    border: .4em solid #002559;
    outline: 0;
    cursor: pointer;
}
#slider-aantal, #slider-price{margin-top:1.2em; height: .3em; width: 58%; float: left;}
#handle-aantal, #handle-price-holder{color:#000; font-weight: 600; font-size: 1.2em;}
#handle-price-holder span:first-of-type{/*font-size: 0.6em; font-weight: 400; padding-right: 0.2em;*/}
.aantal_min{float:left; display: block; width: 21%;text-align: left;padding-top: 0.6em;}
.aantal_max{float:right; display: block; width: 21%;text-align: right;padding-top: 0.6em;}
.price_min{float:left; display: block; width: 21%;text-align: left;padding-top: 0.6em;}
.price_max{float:right; display: block; width: 21%;text-align: right;padding-top: 0.6em;}
.aantal_max span, .price_min span, .price_max span{font-size: 0.6em; font-weight: 400; padding-right: 0.2em;}
#jsaantal, #jsprice{display:none}

.lesscities{ float:right; cursor:pointer; display: none;}
.morecities{ float:right; cursor:pointer;}
.favos .filter{display:none}
.favos .content{padding-left: 0;}

.content{ /*display: table-cell;*/ vertical-align: top; box-sizing: border-box;}
.content p.melding {font-size:1.4em;}
.content p.melding {margin-top: 0;}
.content .header{font-size:18px; color:#002559; font-weight: 600;margin-bottom: 0.4em; margin-top: 1em; display: inline-block;}
.content .header:first-of-type{margin-top:0;}
.content .more{font-size:13px; color:#002559; float:right; text-decoration: none; font-weight: 600; margin-top: 1em;}
.content .more:first-of-type{margin-top:0;}
.content .more:hover{ text-decoration: underline;}

.intro{}
.intro.introsteden{margin-bottom: 0;}
.intro.widthnoimg{ margin-bottom: 2em;}
.kaart .intro{margin-bottom: 0;}
.intro > div{display:table-cell; vertical-align: top;}
.intro > div:nth-of-type(2){ width: 300px; position: relative; padding-top: 15em; overflow: hidden;}
.intro > div:nth-of-type(2) img{ width:100%; height: 100%; object-fit: cover; object-position: top; position: absolute; top: 0; border-radius: 5px;}
.intro > div:nth-of-type(2){padding-left: 1.4em; padding-bottom: 2em;}
.intro.widthnoimg > div:first-of-type{ display: none;}
.intro.widthnoimg > div:nth-of-type(2){padding-left: 0;}
.intro h2{margin-top: 0; color: #002559;}
.intro a, .description_bottom a{color:#002559;}
.intro a:hover{color:#FF862E;}
.description_bottom{ font-size: 1.6em;}
.description_bottom h2{text-align: left; font-size: 2em;}
.description_bottom h3{ margin: 0.4em 0; font-size: 2em;}

@media only screen and (max-width : 1024px) {
	.intro > div:first-of-type{ width: 32%; margin-right: 2%;}
	.intro > div:nth-of-type(2){padding-left: 1.4em;}
}
@media only screen and (max-width :768px) {
	.intro > div{display:block;}
	.intro > div:first-of-type{ display:block; width: 100%; margin-right: 0; margin-bottom: 1em;}
	.intro > div:nth-of-type(2){display:block; padding-left: 0;}
	.contentholder section{margin-bottom: 5em;}
}

.uitjes h2{display: block; font-size: 2.3em;font-family: gotham_black,Arial; font-weight: 300; line-height: 1em; margin-top: .2em;}
.uitjeslist {display: flex; flex-wrap: wrap; gap: 3.5%; position: relative;}
.uitjeslist a.uitjehref{ position: relative; width:31%; margin-bottom: 3.5%;  text-decoration: none; box-sizing: border-box; border-radius: 5px; background: #fff; box-shadow: 4px 4px 20px 0px #e5e5e5; overflow: hidden; padding: 20px;}
.uitjeslist a.uitjehref:nth-of-type(3n+3){margin-right:0;}
/*.uitjeslist a.uitjehref .name{color: #002559;}*/

.uitjeslist .favos a{ position: relative; width:23%; margin-right: 2%; float:left; text-decoration: none; color: #002559; margin-bottom: 1em; box-sizing: border-box;}
.uitjeslist .favos a:nth-of-type(3n+3){margin-right:2%;}
.uitjeslist .favos a:nth-of-type(4n+4){margin-right:0;}

.uitjeslist .thumbholder{position: relative; display: block; overflow: hidden; border-top-right-radius: 5px;  border-top-left-radius: 5px; }
/*.uitjeslist .thumbholder .thumb{ opacity: 1; width: 100%; background-position: center; background-size: cover; display: block;-webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.uitjeslist .thumbholder img[data-src]{opacity: 0;}*/

.uitjeslist .thumbholder .thumbrel{width:100%; height:0; padding-top: 66%; position: relative}
.uitjeslist .thumbholder .thumbrel .thumbabs{width:100%; height:100%; position: absolute; top:0;}
.uitjeslist .thumbholder .thumbrel .thumbabs img{object-fit: cover; min-width:100%; min-height:100%; width: 100%; opacity: 0;}
.uitjeslist a.uitjehref:hover .thumbholder .thumbrel .thumbabs img{  transform: scale(1.1); }
.uitjeslist .thumbholder .thumbrel .thumbabs img.lazy-loaded{ opacity: 1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}

.uitjeslist .thumbholder .vanaf{
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 1.6em;
    background-color: rgba(0,0,0,.5);
    line-height: 33px;
}
.uitjeslist .thumbholder .vanaf > span{ position: relative;}
.uitjeslist .thumbholder .vanaf > span.strike{ font-size: 1.5em; margin-left: 0.3em;}
.uitjeslist .thumbholder .vanaf > span > span{ 
	position: absolute;
    left: 50%;
    top: 50%;
    width: 4em;
    height: 2px;
    background: #fff;
    transform: translate(-50%, -50%) rotate(-10deg);
}
.uitjeslist .bewaar, .uitjeslist .bewaard{ position:absolute; top: 30px; right: 30px; height: 26px;}
/*.uitjeslist h3{display: block; color:#0D2759; font-size: 1.8em; font-family: 'gotham_bold', Arial; line-height: 18px; padding-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
.uitjeslist .description{display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.6em; height: 3.5em; line-height: 28px; color: #1F2023; margin: 0 !important;}
.uitjeslist .arrow{float: right; margin-top: 10px;}
.uitjeslist .arrow img{display: block;}
.uitjeslist .meerinfo{display: none; position: absolute; top:38%; left: 10%; width:80%; background: #FCC956; border-radius:0.4em; color: #000; text-align: center; font-size: 1.4em; font-weight: 600; line-height: 2.4em;}
.uitjeslist .meerinfo:hover{background:#EFB138;}
.uitjeslist a:hover .meerinfo{display: block;}
.uitjeslist a:hover .meerinfo{}
.uitjeslist .meerinfobottom{display:none; background: #FCC956; color: #ffffff; text-align: center; font-size: 1.4em; font-weight: 600; line-height: 2.4em;}
.activitieslist .bottomtxt{font-size: 1.4em; margin-top: 0; margin-bottom: 2em;}
.activitieslist .bottomtxt a{color:#002559;}

.activitieslist .container { text-align: left !important; padding-top: 0;}
.activitieslist .container .thumb{ display: block; height: 7em; margin:  4em auto 4em;}
.activitieslist .container{ text-align: center;}
.activitieslist .container .intro{
	/*column-count: 2; column-gap: 2em; max-width: none; text-align: left;*/
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    font-size: 1.6em;
    gap: 3.5%;
	max-width: none;
	text-align: left;
}
.activitieslist .container .intro > span{ width: 48.25%;}

#map{height: 90em;}
/*.uitjes-in .activitieslist .container .intro{column-count: 1; column-gap: 1em; margin-bottom: 2em; }
.uitjes-in .activitieslist .container .intro h2, .uitjes-in .activitieslist .container .intro h3{text-align: left;}*/
.uitjes-in .special .blocks>div:nth-of-type(1){ font-size: 1.6em; padding-right: 4em;}
.uitjes-in .special .blocks>div:nth-of-type(1) h2, .uitjes-in .special .blocks>div:nth-of-type(1) h3{ text-align: left; margin: 1em 0;}
.uitjes-in .special .blocks.has-back-right:before{top: 9em;}
.uitjes-in .special .blocks>div:nth-of-type(1) a{color: #FCC957;}

.faqlist { margin-top: 2em; position: relative;}
.faqlist.back-beige-right:before{top: 17em;}
.faqlist h2{margin: 1em auto 2em auto;}
.faqlist > div {
	display: flex;
    flex-wrap: wrap;
    gap: 3.5%;
    position: relative;	
}
.faqlist > div a{
	position: relative;
    width: 48.25%;
    margin-bottom: 3.5%;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    overflow: hidden;
    padding: 20px;	
}
.faqlist > div a h3{
	/*display: block;
    color: #002559;
    font-size: 1.8em;
    font-family: gotham_bold, Arial;
    line-height: 18px;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
	margin-top: 0;
}
.faqlist > div a span{
	display: block;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.6em;
    height: 12.5em;
    line-height: 28px;
    color: #1F2023;	
}
.faqlist > div a span > p:first-of-type{ margin-top: 0;}

/*newsletter*/
/*.newsletter input[type=text]{width: 18.3em; padding-left: 0.5em; box-sizing: border-box; line-height: 2em; height: 2em;}
.newsletter input[type=text].voornaam{width:9em;}
.newsletter input[type=text].achternaam{width:9em;}
.newsletter .small{font-size:0.8em; margin-bottom: 1em;}
.newsletter .btn{background: #FCC956; color: #000; cursor: pointer; text-align: center; font-size: 1em; font-weight: 600; border-radius: .3em; border: 0; width: 14.3em; height: 2em;}
.newsletter .btn:hover{ background:#EFB138;}
.newsletter .booktabletr{display:table; width:30em;}
.newsletter .booktabletr div:nth-of-type(1){width:7em; padding-right: 0; padding-bottom: 0.6em;}
.newsletter .booktabletr div:nth-of-type(2){width:23em; padding-bottom: 0.6em;}
.newsletter .container{ display: table; width:100%;}
.newsletter .form{width: 50%;}
.newsletter .info{float:right; width: 50%;}
.newsletter .info p{padding-top: 0;margin-top: 0;}
@media only screen and (max-width : 767px) {
	.newsletter .info{float:none; width: 100%;}
	.newsletter .form{width: 100%;}
}
@media only screen and (max-width : 480px) {
	.newsletter .booktabletr{width:100%;}
	.newsletter .booktabletr div:nth-of-type(1){width:100%; }
	.newsletter .booktabletr div:nth-of-type(2){width:100%; }
	.newsletter input[type=text].voornaam{width:100%; margin-bottom: 0.5em;}
	.newsletter input[type=text].achternaam{width:100%;}	
	.newsletter input[type=text].emailadres{width:100%;}	
	.newsletter .btn{width:100%;}
}*/

/*details*/
.activitiesdetails h1{font-size: 4.2em; margin-bottom: 0.5em;}
.activitiesdetails .perks{text-align: center; color: #0D2759; font-size: 1.6em; font-weight: bold;}
.activitiesdetails .perks span{padding:0 1em; border-right: 2px solid #0D2759;}
.activitiesdetails .perks span:last-of-type{border:none;}

.activitiesdetails h2{text-align: left;}
.activitiesdetails .special h2 span{ display: table;}
.activitiesdetails .special .has-back-left:before{top: 50em;}
.activitiesdetails .special .thumholder{position:relative;}
.activitiesdetails .special .favorites{
	position: absolute;
    top: 7.5em;
    right: 3em;
}
.activitiesdetails .special .favorites img{height: 26px !important;}

.activitiesdetails .specs {
    display: flex;
    flex-wrap: wrap;
    gap: 3.5%;
    position: relative;
	width: 100%;
}
.activitiesdetails .specs > span{
	position: relative;
    width: 31%;
    margin-bottom: 3.5%;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    overflow: hidden;
    padding: 20px;	
}
.activitiesdetails .specs > span > img{height: 4em;}
.activitiesdetails .specs > span > h2{ display: inline-block; line-height: 1em; margin: 0.2em 0 0 0.5em; vertical-align: top;}
.activitiesdetails .specs > span > span{font-size: 1.6em; display: block; margin-top: 2em;}
.activitiesdetails .specs > span ul li{margin: 0.8em 0;}

.activitiesdetails .specs > span:nth-of-type(1) ul{ padding: 0 0 0 1.1em;}
.activitiesdetails .specs > span:nth-of-type(2) ul{ list-style: none; padding: 0;}
.activitiesdetails .specs > span:nth-of-type(2) ul:nth-of-type(2){ margin-top:2em;}
.activitiesdetails .specs > span:nth-of-type(2) ul li{ padding: 0 0 0.3em 2em; margin: 0 0 .2em 0;}
.activitiesdetails .specs > span:nth-of-type(2) ul.including li{ background: url(/images/violaine/check.png) no-repeat left top; background-size: 1.4em auto;}
.activitiesdetails .specs > span:nth-of-type(2) ul.excluding li{background: url(/images/violaine/cross.png) no-repeat left top; background-size: 1.4em auto;}
.activitiesdetails .specs > span:nth-of-type(3) .tiny{margin-top: 1em; font-size: 0.9em;}

.activitiesdetails .description{margin: 4em 0;}
.activitiesdetails .description h2{text-align: center;}
.activitiesdetails .description > div {	display: flex; flex-wrap: wrap; flex-direction: row; font-size: 1.6em; gap: 3.5%;}
.activitiesdetails .description > div > div {width:48.25%;}
.activitiesdetails .description > div > div  h2, .activitiesdetails .description > div > div  h3{
	text-align: left;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}


.activitiesdetails .container .extrainfo{
	position: relative;
	display:block;
    width: 100%;
    margin-bottom: 3.5%;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 5px;
    background: #f3ecda;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    overflow: hidden;
    padding: 20px;
	font-size: 1.6em; 
	text-align: center;
}
.activitiesdetails .container .extrainfo h2, .activitiesdetails .container .extrainfo h3{ color: inherit; font-size: 1.6em; line-height: normal; margin-top: 0;}
.activitiesdetails .container .extrainfo a{color:inherit;}

.activitiesdetails .container .doubleinfo{
	font-size: 1.6em;
}

.activitiesdetails .container .pics{
	display: flex;
    flex-wrap: wrap;
    gap: 3.5%;
    position: relative;	
	margin: 9em 0 5em;
}
.activitiesdetails .container .pics a{
	position: relative;
    width: 31%;
    margin-bottom: 3.5%;
    text-decoration: none;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}
.activitiesdetails .container .pics a img{width:100%;}

.activitiesdetails .where{margin:9em 0 5em}
.activitiesdetails .where h2{text-align: center;}
.activity211 .where, .activity217 .where{ display: none;}
.activitiesdetails .container .reviews h2{ text-align: center;}

.activitiesdetails .other{margin: 9em 0 5em;}
.activitiesdetails .other h2{text-align: center;}

#specsdescholder{
	display: flex;
    flex-direction: column;
    align-items: flex-start;	
}

#myCarousel {
	margin: 0 auto;
	--f-carousel-spacing: 0%;
	--f-carousel-slide-width: 100%;
}

#myCarousel .f-carousel__slide {
	display: flex;
	justify-content: center;
	align-items: center;
}
.f-carousel__slide img{ width:100%; background-position:center top;}

.thumholder .f-button{ background: rgba(0, 0, 0,  0.3) !important; border-radius: 100% !important;}
.thumholder .f-button:hover{background: #FF862E !important;}
.thumholder .f-button svg{color: #fff;}
.thumholder .f-button:hover svg{color: #fff;}

@media only screen and (max-width : 767px) {
	.activitiesdetails .special .favorites{
		top: 4.5em;
    	right: 2em;
	}	
}
/*.activitiesdetails .table{ table-layout: fixed; display: table; height: 100px; width: 100%;}
.activitiesdetails .tablerow{ display: table-row; width:100%; table-layout: fixed;}
.activitiesdetails .tablecell1{ display: table-cell; width:39%; position:relative; vertical-align:top; background: #002559; color: #fff;}
.activitiesdetails .tablecell2{ display: table-cell; width:2%}
.activitiesdetails .tablecell3{ display: table-cell; width:59%; vertical-align:top; position:relative;}

.activitiesdetails .tablecell3 .thumbs:after{ content: ""; display: table; clear: both; }
.activitiesdetails .thumb{ width: 23.55%; float: left; margin-bottom: 1.5%;}
.activitiesdetails .bigthumb{width: 74.9%; float: left; margin-right: 1.5%;}

.activitiesdetails .tablecell3 .txt{}
.activitiesdetails .tablecell3 .txt h2{ color:#002559; font-size: 2.8em; font-family: 'gotham_black', Arial; font-weight: 300; margin: 0.3em 0 0 0;}	
.activitiesdetails .tablecell3 .txt h2:nth-of-type(n+2){font-size: 1.8em;}
.activitiesdetails .tablecell3 .txt h3{ color:#002559; font-size: 1.8em; font-family: 'gotham_black', Arial; font-weight: 300; margin: 1.4em 0 0;}	
.activitiesdetails .tablecell3 .txt h4{ color:#002559; font-size: 1.6em; font-family: 'gotham_black', Arial; font-weight: 300; margin: 1.4em 0 0;}	
.activitiesdetails .tablecell3 .txt a:not(.btn){ color: #002559;}
.activitiesdetails .tablecell3 .txt p{ font-size:1.4em;}	
.activitiesdetails .tablecell3 .txt ul{ font-size:1.4em;}	
.activitiesdetails .tablecell3 .txt ul{ list-style-type: none; padding-left: 0;}
.activitiesdetails .tablecell3 .txt ul li{ padding-left: 2em; background: url(/images/newer/check.png) no-repeat left 0.3em; margin-bottom: 1em;}
.activitiesdetails .tablecell3 .txt .showextra{ text-decoration: underline; cursor: pointer;}
.activitiesdetails .tablecell3 .txt .hideextra{ text-decoration: underline; cursor: pointer; display: none;}
.activitiesdetails .tablecell3 .txt div.extra{display: none; background: #eee; padding: 2em 2em 1em;}
.activitiesdetails .tablecell3 .txt div.extra h3{margin-top: 0;}

.activitiesdetails .tablecell1 .tabs div.tab{ width:33.33%; float:left; background-color:#3f81d3; color: #FFF; text-align:center; line-height:3em; font-size:1.4em; box-sizing:border-box; cursor:pointer; height: 3em; font-weight: 600;}
.activitiesdetails .tablecell1 .tabs div.tab.last{ margin-right:0; float:right;}
.activitiesdetails .tablecell1 .tabs div.tab.active{ background-color:#002559; }

.activitiesdetails .tablecell1 .txt{ height: calc(100% - 3em);font-size:1.4em; display:none; box-sizing: border-box;}
.activitiesdetails .tablecell1 .txt table{height:100%; width: 100%; display: flex;}
.activitiesdetails .tablecell1 .txt table tr:nth-of-type(2){background:#001d47;}
.activitiesdetails .tablecell1 .txt table td{padding: 1.5em 2em; vertical-align: top;}
.activitiesdetails .tablecell1 .txt table td ul{ list-style-type: none; padding-left: 0;}
.activitiesdetails .tablecell1 .txt table td ul li{ padding-left: 2em; background: url(/images/newer/check.png) no-repeat left 0.3em; margin-bottom: 1em;}
.activitiesdetails .tablecell1 .txt.active{display:block;}
.activitiesdetails .tablecell1 .txt a{ color:#9cc5ff; text-decoration:none; display: inline-block; line-height:2em;font-weight: 400; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.activitiesdetails .tablecell1 .txt a:hover{color: #fff;}
.activitiesdetails .tablecell1 .txt table td h3{font-family: 'gotham_black', Arial; font-weight: 400; font-size: 1.4em;}
.activitiesdetails .tablecell1 .txt#tabcontent2 a{ width:50%}
.activitiesdetails .tablecell1 .bold{ font-weight: 600;}
.activitiesdetails .tablecell1 .indent{ padding-left:1em; color: #9cc5ff; padding-bottom: 2em;}
.activitiesdetails .tablecell1 .tiny{ font-size: 0.8em; margin-top: 1em; color: #fff;}
.activitiesdetails .morereviews{display:none;}
.activitiesdetails a.littlereviews{ background:url(../images/new/plus.png) no-repeat right; background-size:1em; padding-right:1.3em; float:right;}
.activitiesdetails a.morereviews{ background:url(../images/new/min.png) no-repeat right; background-size:1em; padding-right:1.3em; float:right;}
.activitiesdetails .arrangement{ margin-top:1em; font-size:1.1em; color:#878787;}
.container.notopmargin{ padding-top:0;}
.container.notopmargin h2{ padding-top:0; margin-top:0;}
.addthis_toolbox{ float:right;}*/
#html5-watermark{display:none !important;}
.html5-play{display:none !important;}

/*data*/
.headerdata{ background-color:#0a4691; font-size:1.4em; }
.headerdata h1{color: #FCC956;font-weight: 600;margin: 0.3em 0;font-size: 1.6em;}
.data .container { /*font-size:1.4em;*/ }
.data .container > div { font-size:1em; }
.data .container > div > p, .data .container > div > ul, .data .container > div > a, .data .container > div > div > a { font-size:1.6em; }
/*.data .container h2 { margin-top:0; color: #002559;font-weight: bold;margin-bottom: 0.3em; font-size: 1.2em; }*/
.data .container a{ color: #002559; text-decoration:none;}
.data .container a:hover{ color: #FF862E;}

.data .container table td { padding-bottom: 1.2em; padding-right:2em; }
.data .container table td:first-of-type {width:50%; }
.data .container table td input { vertical-align:text-top; height:1.5em; font-size:1em;}
.data .container table td select { font-size:1em; height:2em; margin-right:0.5em;}
.data .container .offerte{ border: 2px solid #FCC956;padding: 1em; width:100%; box-sizing: border-box;}
.data .container .twocolumns{ display: table; width:100%; background: #002559; color: #fff; padding: 3em 0; margin-bottom: 3em; box-sizing: border-box;}
.data .container .twocolumns > div{ display: table-cell; width: 50%; text-align: center; border-right: 1px solid #284369;}
.data .container .twocolumns > div:last-of-type{border:none;}
.data .container .twocolumns > div img{margin-bottom:1em;}
.data .container .twocolumns > div a.btn, .data .container .twocolumns > div input[type="submit"], .overlay .content input[type="submit"], .overlay .content a.btn{
	display: block;
    width: fit-content;
    margin: 0 auto;
    height: 3em;
    line-height: 2.8em;
    border-radius: 5px;
    background: #FCC957;
    border: 2px solid #FCC957;
    font-size: 1.286em;
    padding: 0 1em;
    color: #0d2759;
    text-decoration: none;
    font-weight: 500;
    box-sizing: border-box;
	cursor: pointer;

}
.data .container .twocolumns > div a.btn:hover, .data .container .twocolumns > div input[type="submit"]:hover, .overlay .content input[type="submit"]:hover, .overlay .content a.btn:hover{background: #FF862E; border-color: #FF862E; color:#fff;}

.data .container .twocolumns > div h2{font-family: 'gotham_black', Arial; font-size: 2em; color: #fff; font-weight: normal;}
.data .container .twocolumns > div input{ height: 2.4em; box-sizing: border-box; border: 0; margin-right: 0.3em; padding:0 0.5em;}

.data#contact .container > p{font-size:1.6em; text-align: center;}
.contactblocks {display: flex; flex-wrap: wrap; gap: 3.5%; position: relative; margin-top: 8em;}
.contactblocks.has-back-right:before{ top: -6em;}
.contactblocks > div{
	position: relative;
    width: 31%;
    margin-bottom: 3.5%;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    overflow: hidden;
    padding: 20px;
	display: flex;
    flex-direction: column;
}
.contactblocks > div > div{}
.contactblocks > div > div:nth-of-type(1){flex: 1; padding-bottom: 1em;}
.contactblocks > div > div:nth-of-type(2){}

.contactblocks > div > div p {font-size: 1.6em; padding-top: 0; margin-top: 0;}
.contactblocks > div > div a{margin: 0;}
.contactblocks > div > div a:hover{color:#FFF !important;}

.data .container .social h2{text-align: center; margin-top: 3em;}
.data .container .social .items{ display: flex; margin: 5em auto 6em; justify-content: center; width: 100%; max-width: 1000px;}
.data .container .social .items a{ text-align: center; margin: 0 2em; }
.data .container .social .items a img{ width: 100%;}

@media only screen and (max-width : 767px) {
	/*.data .container .twocolumns{ padding: 0;}
	.data .container .twocolumns > div{ display: block; width: 100%; border-right: none; border-bottom: 1px solid #284369; padding: 1.5em 0;}
	.data .container .twocolumns>div input[type=submit]{font-size:inherit;}*/
	.contactblocks > div{ width:100%;}
	.data .container .social .items a{ margin: 0 2%; }
	.data .container .social .items a img{ width: 100%;}
	.activitiesdetails h1{font-size: 2.6em;}
	.activitiesdetails h2{text-align: center;}
	.activitiesdetails .special h2 span{display: inline-block;}
	.activitiesdetails .perks{ font-size: 1.1em;}
	.activitiesdetails .description{order:1; margin: 0 0 4em;}
	.activitiesdetails .description h2 span{display: inline-block;}
	.activitiesdetails .specs{order:2;}
	.activitiesdetails .specs > span{width:100%;}
	.activitiesdetails .container .pics{    margin: 4em 0 0em;}
	#map{height: 30em;}
	.activitiesdetails .container .pics a{width:100%;}
	.activitiesdetails .description > div > div{width:100%;}


}

.overlay{position:fixed; top:0; left: 0; width:100%; height: 100%; background: rgb(0, 0, 0, 0.6); display: none; z-index: 9;}
.overlay.active{ display:block;}
.overlay .content{position: absolute; left: 50%; width: 20em; margin-left: -10em; top: 50%; margin-top: -6em; font-size: 1.6em; background: #ffffff; padding: 2em; box-sizing: border-box;}
.overlay .content h3{font-size: 1.6em; padding: 0; margin: 0 0 1em 0;}
.overlay .content input{ 
	/*height: 2.4em; box-sizing: border-box; border: 0; margin-bottom: 0.5em; padding:0 0.5em;*/
	font-size: 1.125em !important;
    height: 3em;
    border: 2px solid #FCC957;
    border-radius: 5px;
    padding: 0 0 0 .5em;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    font-family: Inter, sans-serif;	
	margin-bottom: 1em;
}
.overlay .content a{font-size: 1.125em !important;}
.overlay .content input:nth-of-type(2){width: 100%;}
.overlay .content input:nth-of-type(3){width: 100%;}
.overlay .content input:nth-of-type(4){width: 100%;}
.overlay .content .sluiten{ position: absolute; right: 1em; top: 1em; cursor: pointer;}


/*.data .container .faq h2{font-family: 'gotham_black', Arial; font-size: 2em;font-weight: normal}*/
.data .container h2{text-align: left;}
.data .container .faq > div{ 
	position: relative;
    margin-bottom: 1em;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    overflow: hidden;
	font-size: 1.6em;
}
.data .container .faq > div:hover{}
.data .container .faq > div.active{}
.data .container .faq > div h3{
	padding: 1em 2em 1em 1em; 
    padding: 20px;
	margin: 0; 
	cursor: pointer; 
	background: url(/images/newer/arrow_down.png) no-repeat right 1em center;
	display: block;
    color: #002559;
    font-size: 1.1em;
    font-family: Inter,sans-serif;
	font-weight: normal;
    line-height: 1.1em;
    margin-top: 0;
}
.data .container .faq > div p{padding: 1em; margin:0;}
.data .container .faq > div.active h3{background: url(/images/newer/arrow_up.png) no-repeat right 1em center; font-weight: bold;}
.data .container .faq > div.active h3{ margin-top: 0;}
.data .container .faq > div span{display:none;}
.data .container .faq > div .anchor{display:block !important; position: absolute; top:-8em;}
/*.data .container .social h2{font-family: 'gotham_black', Arial; font-size: 2em;font-weight: normal; text-align: center; margin-bottom: 1em;}
.data .container .social h2 a{width:inherit; float: none;margin-top: 0;}*/

.data .teampics {display:table; padding: 1em; margin-bottom: 1em;}
.data .teampics div{width:33.33%; display:table-cell; text-align: center; font-weight: bold; box-sizing: border-box; background: url(/images/activiteiten/nopic.jpg); background-repeat: no-repeat; background-position: center center; background-size: 50%;}
.data .teampics div:nth-of-type(1){ padding-right: 1em;}
.data .teampics div:nth-of-type(2){ padding: 0 0.5em 0}
.data .teampics div:nth-of-type(3){ padding-left: 1em}
.data .teampics div img{ width:100%;}
.data .teampic img{width:100%;}

/*kaart*/
.kaarthouder{ position:relative; width:90%; margin-bottom:2em;}
.stedenhouder {  margin-top: 2em; }
.stedenhouder a{ display:block; float:left; width:20%;}
.stedenhouder h2{margin-top: 1em;}
.stad{ position:absolute;}
.stadpunt{background-color:#b3841b; border-radius:1em; width:1em; height:1em; padding: 0.3em; line-height: 1em; color:#fff; text-shadow: 1px 1px #767676; white-space: nowrap;}
.kaartmouseover{
	background-color:#FFFFFF; 
	border:4px solid #f2bd44; 
	border-radius:1em; 
	padding:15px;
	display:none; 
	position:absolute;
	z-index:9999; 
	left:-2em;
	top:-2em;
}
.kaartmouseover a{
	font-size:1em;
	margin-bottom:0px;
	display:inline;
	text-decoration:none;
	white-space: nowrap;
}
.kaartmouseover a.stadnaam{
	font-weight:600; 
	font-size:1.2em;
	display:block;
	margin-bottom:0.5em;
	text-decoration:none;
	white-space: nowrap;
}
.kaartmouseover a:hover{
	text-decoration:none;
}
.kaartmouseover a.stadnaam2{
	margin-top:0.5em;
}
.stadnaam{font-weight: 600; color: #002559; font-size: 22px; display: block; margin-bottom: .5em; text-decoration: none; }
.uitjenaam{font-size: 16px; color: #002559; text-decoration: none; display: block;}
.stadnaam:hover, .uitjenaam:hover{color: #FCC956;}


/*reserveer*/
#reserveer.has-back-right:before{top: auto; bottom: -9em;}
#reserveer form{font-size: 1.6em;}
#reserveer form:after{content: ""; display: table; clear: both;}

#reserveer .holder{display: flex; flex-direction: row; justify-content: center;}
#reserveer .holder> div{width:50%;}
#reserveer .holder> div.left{width:49%;}
#reserveer .holder> div.right{width:51%; padding-left: 3em; box-sizing: border-box;}

#reserveer .holder> div.right{ text-align: center; align-content: end;}
#reserveer .holder> div.right > div{
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    box-shadow: 4px 4px 20px 0 #e5e5e5;
    overflow: hidden;
    padding: 20px;
	width: 100%;
    margin: 0 auto 1em;	
	text-align: left;
}
#reserveer .holder> div.right > div p, #reserveer .holder> div.right > div ul{font-size: 1.6em;}

#offerte.has-back-right:before{top: auto; bottom: -9em;}
#offerte form{font-size: 1.6em;}
#offerte form:after{content: ""; display: table; clear: both;}

#offerte .holder{display: flex; flex-direction: column;}
#offerte .holder> div.left{width:100%;}
#offerte .holder> div.right{width:100%;}

#offerte .holder> div.right{ }
#offerte .holder> div.right > div{
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    box-shadow: 4px 4px 20px 0 #e5e5e5;
    overflow: hidden;
    padding: 20px;
	width: 100%;
    margin: 1em 0 2em;	
	text-align: left;
}
#offerte .right .booktabletr>div:nth-of-type(1){width:17em;}
#offerte .left .booktabletr>div:nth-of-type(1){width:19em;}


.booktable{ width:100%;}
.booktabletr{ display: flex; flex-direction: row; width: 100%; position: relative; line-height: 3.4em;}
.contactinfo > span > div.totalprice{border-top:2px solid #0D2759; padding-top: 1em; margin-top: 1em;}
.booktabletr > div{padding: 0; width: auto;padding-bottom: 1.2em; vertical-align: top; flex:1}
.booktabletr > div:nth-of-type(1){/*padding-right: 2em;*/}

.left .booktabletr > div:nth-of-type(1){width: 11em;}
.left .booktable.lasttab .booktabletr {display: block; padding: 0 0 1em 0;}
.left .booktable.lasttab .booktabletr > div{width: 100%; padding: 0; margin-bottom: -0.5em;}
.left .booktable.lasttab .booktabletr.cb {display: flex; padding: 1.5em 0;}
.left .booktable.lasttab .booktabletr.cb > div{ font-family: Inter, sans-serif; font-weight: normal; font-size: inherit; line-height: normal; flex:1;}
.left .booktable.lasttab .booktabletr.cb > div:nth-of-type(2){width:3.3em; flex: none; padding-left: 1em; padding-top: 0.5em;}
.left .booktable.lasttab .radiobuttonholder{
	width: calc(50% - 1em);
    display: block;
    float: left;
    box-sizing: border-box;	
}
.left .booktable.lasttab .radiobuttonholder .checkmark{top:9px;}

.right .booktabletr > div:nth-of-type(1){width: 11em;}

.booktabletr > div.showfactuurhidden{text-decoration: underline; cursor:pointer; line-height: 0;}
.booktabletr > div.showfactuurhidden > span{font-size: 0.6em;}

.booktabletr div input, .data input, .booktabletr div select { 
	font-size: 1em;
    height: 3em;
    border: 2px solid #FCC957;
    border-radius: 5px;
    padding: 0 0 0 0.5em;
	cursor: pointer;
    width: 100%;
    box-sizing: border-box;	
	font-family: Inter, sans-serif;
}
.left .booktabletr div input, .left .data input, .left .booktabletr div select { 
	width: calc(100% - 1em);
	margin-right: 0.5em;
}
.left .booktabletr div input[type=radio]{width: auto;}

.booktabletr div input.btn, .data input.btn{padding: 0 1em}
.offerte .booktabletr { display:table; width:100%;}
.data input[type="checkbox"]{ height:auto; margin-right:0.6em;}
.booktabletr div input[type="text"], .booktabletr div input[type="select"] {}
.beeldmat{width: 70%; margin: 0 auto;}

.contactform{width:80%; margin: 0 auto;}
.contactform .booktable{}
.contactform .booktabletr{}
.contactform .booktabletr div:nth-of-type(1), .contactform .right .booktabletr div:nth-of-type(2){
	padding-left:2em; 
	color: #0D2759;
    padding: 4px 0 7px 0;
    margin-top: 0;
    font-family: gotham_black, Arial;
    font-weight: 700;
}
.contactform .booktabletr div:nth-of-type(1){font-size: 1.1em;}
.contactform .booktabletr div:nth-of-type(1) span.small{font-size:0.6em; display: block;line-height: 0;font-family: Inter, sans-serif;}

.contactform .booktabletr div:nth-of-type(2){flex:1;}
.contactform .right .booktabletr div{padding: 0;}
.contactform .booktabletr div#spelprijs::before, .contactform .booktabletr div#boekingskosten::before, .contactform .booktabletr div#totaalprijs::before, .contactform .booktabletr div#belgietoeslag::before, .euro::before { content: "\20AC ";}
.contactform .booktabletr div input[type="text"]{}
.contactform .booktabletr.groups{ display: none;}
.contactform .booktabletr.groups.active{ display: flex;}
.contactform .belgietoeslag{ display: none !important;}
.contactform .belgietoeslag.active{ display: flex !important;}
.contactform .verzekeringtoeslag{ display: none !important;}
.contactform .verzekeringtoeslag.active{ display: flex !important;}
.contactform .verzekeringtoeslag2{ display: none !important;}
.contactform .verzekeringtoeslag2.active{ display: flex !important;}
.contactform .booktabletr.straat{ display: none;}
.contactform .booktabletr.straat.active{ display: flex;}
.contactform .booktabletr.woonplaats{ display: none;}
.contactform .booktabletr.woonplaats.active{ display: flex;}
.contactform .booktabletr.upgrade{ display: none;}
.contactform .booktabletr.upgrade.active{ display: flex;}
.contactform .korting{ display: none !important;}
.contactform .korting.active{ display: block;}
.contactform .contactinfo{}
.contactform .contactinfo span{}
.contactform .contactinfo span > div{ display: flex; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.contactform .contactinfo span > div > div{ width:50%;line-height: 2em;}
.contactform .contactinfo span > div.highlight.first{margin-top: 2em;}
.contactform .contactinfo span > div.highlight > div{font-size: 1.8rem; color: #0D2759; font-family: gotham_black, Arial; font-weight: 700;}
.contactform .contactinfo div.credentials{margin-top: 2em;}
/*.contactform .contactinfo span > div:not(.credentials){ display: inline-block;  height: 2em; }
.contactform .contactinfo span > div:nth-of-type(1n){ width: 60%;}
.contactform .contactinfo span > div:nth-of-type(2n){ width: 40%;}
.contactform .contactinfo span div.credentials{width:100%;}
.contactform .contactinfo span div.credentials div{line-height: 2em;}*/
.contactform textarea{}
.contactform .btn, #offerte input.btn{
	width: auto;
    padding: 0 2em;
	margin-top: 2em;
	font-size: 1.125em;
}
.contactform .btn:hover{ }
.contactform .btn.prev{ width:49%; float:left;}
.contactform .btn.next{ width:49%; float:right;}
#aantalinfo, #aantalgroepeninfo{color:red;vertical-align: middle;}
.dateerror {display:none; color: red;line-height: 1.4em;}
.dateerror.active{ display: block; padding-top: 0.5em;}
#datebusy{color:orange;}
.kortingsvak, .kortingsvak2{display:none !important;}
.kortingsvak.active{display:block !important; width:100% !important; text-align: center; background: limegreen; color: #fff; box-sizing: border-box; margin: 0.5em 0;}
.kortingsvak.active > div{color: #fff !important; width: 100% !important; text-align: left; padding-left: 1em;}
#discount{ display: inline-block;}
.contactinfo .goodie{display: none !important;}
.contactinfo .goodie.active{display: inline-block !important;}
.totaalnakorting{display:none !important;}
.totaalnakorting.active{display:flex !important;}
.radiobuttonholder.voucherbutton{ display: none !important;}
.radiobuttonholder.voucherbutton.active{ display:block !important;}
.radiobuttonholder img{vertical-align: middle; margin: -0.2em 0.5em 0 0.3em; height: 2em;}
.vouchervalidate{text-decoration: underline; line-height: 3em; padding-left: 0 !important; display: none; cursor: pointer;}
.voucherlength{ display: none; padding: 1em 1em 1em 0;}
.voucherlength.active{ display: block}
.voucherused, .actiecodeused{ color:red; display: none; padding: 1em 1em 1em 0;}
.voucherused.active, .actiecodeused.active{ display: block}
.voucherok{display: none; color: limegreen; padding: 1em 1em 1em 0;}
.voucherok.active{display: block;}
.voucherokbut{display: none; color: red; padding: 1em 1em 1em 0;}
.voucherokbut.active{display: block;}
.vouchernotok{display: none; color: red; padding: 1em 1em 1em 0;}
.vouchernotok.active{display: block;}
.procent::after { content: "% ";}
.videoholder{width: 100%; height: 0; padding-top: 56.25%; position: relative;}
.videoholder video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.stap{ text-align: center; margin-bottom: 0.4em;}
.balkje{ border-radius: 5px; height: 2.6em; width: 100%; max-width:700px; margin: 0 auto 3em; box-sizing: border-box;}
.balkje div{ background: #8b98ab; color: #fff; text-align: center; line-height: 2em; height: 2em; display: inline-block;}
.balkje div.stap1{width: 25%; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.balkje1 div.stap2, .balkje1 div.stap3, .balkje1 div.stap4{}
.balkje2 div.stap1{ background: #ccd8e8;}
.balkje3 div.stap1, .balkje3 div.stap2{background: #ccd8e8;}
.balkje1 div.stap2, .balkje1 div.stap3, .balkje1 div.stap4{background: #ccd8e8;}
.balkje2 div.stap3, .balkje2 div.stap4{background: #ccd8e8;}
.balkje3 div.stap4{background: #ccd8e8;}
.balkje div.stap2{width: 25%; }
.balkje3 div.stap1, .balkje3 div.stap2{background: #ccd8e8;}
.balkje3 div.stap1{border-right: 1px solid #d1d1d1;box-sizing: border-box;}
.balkje div.stap3{width: 25%; }
.balkje4 div.stap1, .balkje4 div.stap2, .balkje4 div.stap3{background: #ccd8e8;}
.balkje4 div.stap1, .balkje4 div.stap2{border-right: 1px solid #d1d1d1;box-sizing: border-box;}
.balkje div.stap4{width: 25%; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.laststep{font-size: 1.6em !important;}
.laststep h2{font-family: 'gotham_black', Arial; font-size: 1.6em !important; font-weight: 400 !important;}
.laststep ol li{padding-bottom: 0.5em;}
.thankyouholder{    
	box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    box-shadow: 4px 4px 20px 0 #e5e5e5;
    overflow: hidden;
    padding: 20px;
    width: 100%;
    margin: 0 auto 1em;
    text-align: left;
}
.data .container .thankyouholder h2{ margin-top: 1em;}
._jw-tpk-container{margin-top: -4em !important; margin-left: 10em !important;}

@media only screen and (max-width : 767px) {
	#reserveer .holder{display:block;}
	#reserveer .holder > div{width:100% !important;}
	/*.contactform{width:100%;}
	.contactform .booktabletr div:nth-of-type(1) {padding-left: 0;}
	.contactform .booktabletr {height: auto; position: relative;}
	.contactform .booktabletr.cb div:nth-of-type(1){padding-left:3em; padding-bottom: 1em; box-sizing: border-box;}
	.contactform .booktabletr.cb div:nth-of-type(2){position:absolute; top:0.3em;}*/
	/*.booktabletr div select { width:90%;}
	.contactform .booktable{width:100%}
	.contactform .contactinfo{float: none; width: 100%; margin-bottom: 2em;}
	.balkje{ margin-bottom: 1em;}
	#backtostep1, #backtostep2{ font-size:1.5em;}*/
	.thankyouholder{max-width: none; border: none;padding: 0.5em;}
	._jw-tpk-container{margin-top: initial !important; margin-left: initial !important;}
	.left .booktable.lasttab .radiobuttonholder{width:100%;}
}

/*footer*/
footer{ background-color:#0d2759; margin-top: 4em;}
footer .container{ color:#ffffff; padding: 10em 2em 10em 2em;}
footer h3{ font-weight:700; margin-top:0; margin-bottom: 2em; font-family: 'gotham_bold', Arial; font-size: 1.8em; color: #fff;}
footer a{ color:#ffffff; text-decoration:none; display:block; opacity:0.75; font-size:1.6em; line-height:30px; float:left; margin-bottom:0.4em;padding-right: 2em;box-sizing: border-box;}
footer a:hover{ opacity:1;}
footer .container.footerlinks > div a{ width:100%;}
footer .container.footerlinks > div:nth-of-type(1){ width:40%;float:left; box-sizing:border-box; min-height:12em;}
footer .container.footerlinks > div:nth-of-type(1) a{width:50%;}
footer .container.footerlinks div:nth-of-type(2){ width:20%;float:left; padding-left:4%; box-sizing:border-box; min-height:12em;}
/*footer .container.footerlinks div:nth-of-type(2) a{width:50%;}*/
/*footer .container.footerlinks div:nth-of-type(2) a:nth-of-type(11){width:100%;}*/
footer .container.footerlinks div:nth-of-type(3){ width:20%;float:left; padding-left:4%; box-sizing:border-box; min-height:12em;}
/*footer .container.footerlinks div:nth-of-type(3) a{width:100%;}*/
footer .container.footerlinks div:nth-of-type(4){ width:20%;float:left; padding-left:4%; box-sizing:border-box; min-height:12em;}
footer .cities{ background-color:#FFF; font-size:1.1em;/* padding:0 1em;*/ }
footer .cities .container{ color: #002559; font-weight:600;}
footer .cities a{color: #002559; text-transform:capitalize;  float:none; display:inline-block; padding-right:0; font-size:1em; }
footer .cities a:hover {color:#9cc5ff;}
footer .copyright img{max-width:100%; vertical-align: middle;}
footer .copyright{ background-color:#FFF; text-align:center; font-size:1.6em; padding: 1em 0 1em 0;}
footer .copyright a {
    color: inherit;
    float: inherit;
    display: initial;
    opacity: initial;
    font-size: 1em;
	padding-right: 8px;
}

@media only screen and (max-width : 767px) {
	.container{ padding:2em;}

	/*body{ font-size: 90%;}*/
	.normal{ display:none !important;}
	.desktop{ display:none !important;}
	.mobile{ display:block !important;}

	.menu{ }	
	/*.uitjesmenu{ display:block; width:100% !important; height:0 !important;left: 0 !important; overflow:hidden;padding: 0 4em !important; box-sizing:border-box; margin-left:0 !important; border-radius: 0 !important; border-left:none; border-right:none;}
	.uitjesmenu.foldout { height:72em !important; -webkit-transition: height 1s ease-out; transition: height 1s ease-out; display:block;border-bottom: #FCC956 4px solid; } */

	.slider{height:32em;}

	/*list*/
	.groupfilter div{ font-size:0.8em;}
	.uitjeslist a.uitjehref, .reviews .blocks a{ width:48.25%;}
	.faqlist>div a span{height:7.5em; -webkit-line-clamp: 4;}
	.about .blocks >span{ width:100%;}
	
	.activitiesdetails .tablerow{ display: inherit;}
	.activitiesdetails .tablecell1{display: table-footer-group;}
	.activitiesdetails .tablecell2{display: none;}
	.activitiesdetails .tablecell3{display: table-header-group;}

	/*map*/
	.stadpunt{font-size:0.6em;}
	.kaarthouder{ float:none;}
	.stedenhouder{ width:100%; float:none; padding:0; border:none;}
	.stedenhouder a{ display: inline-block; width:50%;}

	/*footer*/
	footer {}
	footer .container { padding:0;}
	footer h3{ border-bottom: 0; padding-bottom: 0; cursor: pointer; margin-bottom: 1.5em; position: relative;}
	footer h3:after {
		content: "›";
		position: absolute;
		margin-left: 1em;
		transform:rotate(90deg);
	}	
	footer .container.footerlinks div:nth-of-type(1){padding-left: 1.5em;}
	footer .container.footerlinks div:nth-of-type(1), footer .container.footerlinks div:nth-of-type(2), footer .container.footerlinks div:nth-of-type(3), footer .container.footerlinks div:nth-of-type(4){ width:100%; float: none; border-right:none; box-sizing:border-box; border-bottom:1px solid rgba(255, 255, 255, .4); padding:3em 0 0 1.5em; min-height: inherit;}
	footer .container.footerlinks div:nth-of-type(1) a, footer .container.footerlinks div:nth-of-type(2) a, footer .container.footerlinks div:nth-of-type(3) a{width:100%;}
	footer a{ float:none;}
	footer .container.footerlinks div span{display:block; max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden;}
	footer .container.footerlinks span.footernavslidein {max-height: 1000px; transition: max-height 0.25s ease-in; } 

	footer .cities{padding: 1em; font-size:1em;}
	footer .cities .container{font-size:0.8em;}

	/*reserveer*/
	.contactform{    width: 100%;}
	.booktable{ display:block;}
	.booktabletr{ display:block;}
	.booktabletr > div{ display:block;}
	.booktabletr > div{padding-bottom: 0.4em; padding-right:0; width:100%;}
	.booktabletr > div:nth-of-type(2){padding-bottom: 1.3em;}
	/*.booktabletr > div input[type="text"], .booktabletr div input[type="select"] { width:90%; margin-right:0.3em;}*/
	.data input[type="submit"]{ /*font-size:1.5em;*/}
	.booktabletr > div:nth-of-type(1){padding-right: 0; line-height: normal;}
	.booktable.lasttab .booktabletr > div:nth-of-type(1){line-height: inherit;}
	#reserveer .holder>div.right{padding-left: 0;padding-top: 2em;}
	.contactform .booktabletr.groups.active{display: block;}
	.contactform .contactinfo span>div>div{width:auto;padding-right: 1em;}
	.contactform .booktabletr.straat.active, .contactform .booktabletr.woonplaats.active{display: block;}
}

@media only screen and (max-width : 479px) {
	.headertxt h1{ font-size: 2.1em; height: 2.6666em; line-height: 2.6666em; padding: 0 1em; }

	/*header*/
	#nav li{margin-right: 2em;}
	/*.uitjesmenu{border-bottom: none;}*/
	
	.headertxt .btn{ padding: 0 1em;}
	.headertxt .btn span{ display: none;}
	.headertxt .btn:nth-of-type(1):after { content: 'Boek'; }
	body.de .headertxt .btn:nth-of-type(1):after { content: 'Buchen'; }
	.headertxt .btn:nth-of-type(2){display:none;}
	.headertxt .btn:nth-of-type(2):after { content: 'i'; }
	
	.content .header{margin-top: .6em;}
	.content .header:first-of-type {
		margin-top: -0.1em !important;
	}
	/*.intro{ display: none;}*/
	.activitieslist .container .intro{ /*column-count: 1;*/ flex-direction: column;}
	.activitieslist .container .intro > span{width: 100%;}
	.uitjeslist .meerinfobottom{ display: block;}
	.uitjeslist .meerinfo{ display: none !important;}
	.uitjeslist .bewaar, .uitjeslist .bewaard { /*bottom: auto; top: 64vw;*/}
	.uitjeslist .description{}
	.uitjeslist a.uitjehref, .reviews .blocks a, .about .blocks >span, .faqlist>div a{ width:100%; margin-right: 0; margin-bottom: 3em;}
	.uitjeslist a.uitjehref:nth-of-type(3n+3){margin-right:0;}	
	.togglefilter{width:100% !important; font-size: 1.5em !important;}

	.activitiesdetails .description > div {	flex-direction: column;}
	.activitiesdetails .description > div > div {width:100%;}
	
}

/*@media only screen and (min-width : 480px) and (max-width : 767px) {
	.container{ padding:1.5em;}
}*/
@media only screen and (max-width : 1024px) {
	.filter{ display: none; width: 100%; margin-bottom: 1em;}
	.filteropener{ display: block;}
	.index .filteropener{display:none;}
	.togglefilter{
		background: #FCC956;
		color: #ffffff;
		cursor: pointer;
		text-align: center;
		font-size: 1.4em;
		font-weight: 600;
		border: 0;
		width: 15em;
		height: 2em;
		margin-bottom: 1em;
		line-height: 2em;
		margin-top: 0.4em;
	}
	.content{ padding-left: 0; /*display: block;*/}
	.contentholder{ display: block;}
	.beeldmat{width: 100%;}
}

/*@media only screen and (max-width : 410px) {
	#nav li#menucontact {margin-right: 0;	}
}*/

@media only screen and (min-width : 768px) and (max-width : 1023px) {
	/*body{ font-size: 90%;}*/
	.container{ padding:1.5em;}
	.groupfilter div{ font-size:0.8em;}
}

@media only screen and (max-width : 1023px) {
	.usp .container div:last-of-type{display:none;}
	.cats .container a{font-size:1.4em;}
	.menuactive nav{
		position: fixed;
		display: block;
		height: calc(100% - 13em);
		overflow: auto;
		z-index: 99999;
		top: 13em;
	}
	.menuactive.scroll nav{top:8.5em; height: calc(100% - 8.5em);}
}

@media screen and (orientation:landscape) and (max-width : 1023px) {
	.menuactive nav{ height: calc(100% - 11em); }
	.menuactive.scroll nav{top:6em; height: calc(100% - 9em);}
}

@media only screen and (max-width : 767px) {
	header{ padding:0; height: 8.5em; /*top:3.2em;*/}
	header #nav{padding-top: inherit !important;}
	/*header .logo{height: 7.5em; top: 0.5em; z-index: 999999999;}*/
	
	.headertxt { -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
	.scroll .headertxt {top: 6.8em;}
	.scroll main{padding-top: 8.4em;}
	nav{width: 100%; box-sizing: border-box;}
	#nav li>a { padding-bottom: 1.4em;}
	#nav li ul{top:6em;}
	.menuactive header{height: 100%; position: absolute;}
	.menuactive header .container{height: 100%; position: absolute; width: 100%;}
	.menuactive nav{ max-height: 100%; overflow: scroll; top: 9em; height: calc(100% - 9em);}
	.menuactive.scroll nav{top:9em; height: calc(100% - 9em);}
	.cats {display: none;}
	.usp .container{justify-content: space-around;}
	.usp .container>div{text-align: center; border-left:1px solid #d6d6d6; line-height: 3.3em; padding: 0 1.5em; box-sizing: border-box;}
	.usp .container>div:first-of-type{margin-left: 0; border-left:none;}
}
@media only screen and (min-width : 768px) {

	.scroll header{ /*height: 6em;*/}
	.scroll header #nav{/*padding-top: inherit !important;*/}
	/*.scroll header .logo{height: 7em; top: 0.5em;}*/
	.scroll .headertxt {top: 10.6em;}
	.scroll main{/*padding-top: 11em;*/}
	.scroll #nav li>a { padding-bottom: 1.4em;}
	.scroll #nav li li a { padding-bottom: 0;}
	.scroll #nav li ul{top:6em;}
	
	.container{ max-width:1360px; padding:2em 2em 2em 2em;}
	
}

.uitje .thumbholder{ position: relative;}
.uitje .thumbholder div{ position: absolute; bottom: 0em; text-align: center; width: 100%; color: #fff; font-size: 1.4em; font-weight: bold; background-color: rgba(0, 0, 0, 0.5); line-height: 2em;}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}


/* Customize the label (the container) */
.checkboxholder, .radiobuttonholder {
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 1em;
  margin-right: 1em;
}

/* Hide the browser's default checkbox */
.checkboxholder input[type='checkbox'], .radiobuttonholder input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: -7px;
	left: 0;
	width: 2em;
	height: 2em;
    border: 2px solid #FCC957;
    border-radius: 5px;
	background: #fff;
}
.radiobuttonholder .checkmark {
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkboxholder:hover input ~ .checkmark, .radiobuttonholder:hover input ~ .checkmark {
  background-color: #FCC957;
}

/* When the checkbox is checked, add a blue background */
.checkboxholder input:checked ~ .checkmark, .radiobuttonholder input:checked ~ .checkmark {
  background-color: #FCC957;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxholder input:checked ~ .checkmark:after, .radiobuttonholder input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxholder .checkmark:after, .radiobuttonholder .checkmark:after {
  left: 10px;
  top: 2px;
  width: 8px;
  height: 18px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

::-webkit-inner-spin-button { display: none; }

/* jQuery UI css*/
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}



/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: none;
	height: 0.5em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

.scorelijst{
	
}
.scorelijst td{
	white-space: nowrap;
}
.scorelijst td:nth-of-type(1){
	width:60px !important;
}
.scorelijst td:nth-of-type(2){
	width:160px !important;
}
.scorelijst td:nth-of-type(3){
	width:160px !important;
}
.scorelijst td:nth-of-type(4){
	width:100px !important;
}
@media only screen and (max-width : 600px) {
	.scorelijst td{
		white-space: initial;
	}
}

#loadingoverlay{
	width:100%; height:100%; position:fixed; background-color:rgba(0, 0, 0, 0.6); display: none; top: 0; left: 0;z-index: 9;
}
#loadingoverlay div{
	font-size: 30px; position: absolute; left: 50%; margin-left:-150px; width:300px; height:100px; top:50%; margin-top:-50px; color: #fff; font-weight: bold; text-align: center;
}

.puzzelbrein{position: absolute; right: 3.5em; top: -1.9em; z-index: 1;}
@media only screen and (max-width : 960px) {
	.puzzelbrein{position: relative; right:auto; top: -1em; float: right; width: 110px;}
}

.questionmark{background:#FCC957; color:#0D2759; border-radius: 2em; display: inline-block; width: 1.6em; height: 1.6em; text-align: center; font-weight: bold; font-size: 0.8em; line-height: 1.6em;}

.tooltip {
	display: inline-block;
	position: absolute;
    margin-top: 7px;
    margin-left: 6px;
	/*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 24em;
	background-color: #555;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	position: absolute;
	z-index: 5;
	bottom: 125%;
	left: 50%;
	margin-left: -12em;
	opacity: 0;
	transition: opacity 0.3s;
	padding: 2em;	
    font-size: 14px;
    font-weight: normal;
    font-family: arial;
    white-space: normal;
    line-height: normal;	
}
.tooltip .tooltiptext img{max-width: 100%;}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#verzekering, #verzekering2{display: block; margin-left: 3em; margin-top: -2.3em; font-size: 1.8rem;}

.zomeractie{
    color: #FF862E;
	font-size: 2em;
	
}
.zomeractie a{color: #FF862E;}
.zomeractie .kop{ font-weight: bold; font-family: gotham_black, Arial; font-size: 1.2em; margin-bottom: 0.5em;}
.zomeractie > div > span {font-weight: bold;}

@media only screen and (max-width : 767px) {
	.left .booktabletr>div.flex{ width:100%;}
	.contactform .booktabletr div:nth-of-type(1) span.small{margin-top: 1em;}
	.tooltip{margin-top: -6px; width: 2em; height: 2em; line-height: 2em; display: inline-block !important;}
	.tooltip .tooltiptext{ width: 16em; left: 0; margin-left: -7em;}
	
}

.hamburger {
  margin: 16px 0 0 20px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible; }
  .hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner::before, .hamburger:hover .hamburger-inner::after{
    background-color: #FF862E;
  }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #0D2759; }
  .hamburger.is-active:hover .hamburger-inner, .hamburger.is-active:hover .hamburger-inner::before, .hamburger.is-active:hover .hamburger-inner::after{
    background-color: #FF862E;
  }
.hamburger > span{
	font-size: 1.8em;
    padding: 0 0.5em 0 0;
    color: #0d2759;
    text-decoration: none;
    font-weight: 500;
    vertical-align: 0.4em;	
}
.hamburger:hover > span{color:#FF862E}
.hamburger-box {
  width: 36px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 36px;
    height: 3px;
    background-color: #0D2759;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


/* popup */

.popup{
	position: fixed;
	bottom:-30em;
	right:3em;
	width:390px;
	max-width: 100%;
	background:#fff;
	/*border: 15px solid #0D2759;*/
	padding:1.5em 1em;
	font-size: 1.4em;
	box-sizing: border-box;
	text-align:center;
	/*box-shadow: 12px 12px 12px #888888;*/
	box-shadow: 0 4px 20px rgba(0, 0, 0, .7);
	animation: fadein 2s 1 both;
	animation-delay: 20s;
	z-index: 9;
	border-radius: 1em;
}
@keyframes fadein {
	0% {bottom:-30em}
	100% {bottom:2em}
}

.popup .close{
	position: absolute;
    top: -0.2em;
    right: -0.3em;
    width: 1em;
    height: 1em;
    background: #fcc956;
    border-radius: 100%;
    line-height: 0.8em;
    font-size: 3em;
    font-family: 'Open Sans';
    color: #30374a;
    cursor: pointer;
}
.popup h3{
	font-family: 'gotham_black', Arial; 
	text-align: center;
    color: #002559;
    font-size: 1.5em;
    margin-top: 0;
    font-weight: 500;
}
.popup p{text-align:center;}
.popup .error{
	color:red;
	display: none;
}

.popup input{
	height: 2em;
	line-height: 2em;
    font-size: 1em;
	margin: .2em 0 .5em 0;
	padding: 0 0.5em;
}
.popup input[type=submit]{
	background: #FCC956;
    color: #000;
    font-weight: 600;
    display: inline-block;
    padding: 0 2em;
    height: 2.3em;
    font-size: 1.2em;
    border-radius: 0.4em;
    text-align: center;
    text-decoration: none;
    margin-top: 0.6em;
    line-height: 2.2em;
    margin-left: 0.5em;
    border: 0;
	cursor: pointer;
}
.popup input[type=submit]:hover{
	background: #EFB138;
}

@media only screen and (max-width : 768px) {
	.hamburger{ margin: 13px 0 0 20px;}
	.hamburger>span{display:none;}
}
@media only screen and (max-width : 500px) {
	.popup{width: 80%; right: 10%; /*border: 8px solid #0D2759;*/}
}