/*/kleuren/*/
/*/geel: #E7D800;/*/
/*/roze: #E5007D/*/
/*/donkerblauw: #000920/*/
.schaduwboven100 {
	position: relative;
}
.schaduwboven100::after {
-webkit-box-shadow: inset 0px 108px 72px -50px rgba(0,9,32,0.78);
-moz-box-shadow: inset 0px 108px 72px -50px rgba(0,9,32,0.78);
box-shadow: inset 0px 108px 72px -50px rgba(0,9,32,0.78);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.mt-150 {margin-top: 150px;}
.pt-180 {padding-top: 30px;}
.mt-100 {margin-top: 100px;}
@media (min-width: 768px) {
    .pt-180 {padding-top: 120px;}
}
@media (min-width: 1200px) {
	.mt-150 {margin-top: 220px;}
    .pt-180 {padding-top: 180px;}
	.page-3404 .mt-150,
	.page-3383 .mt-150 {margin-top: 250px;}
}
.header-thema {
  display: block;
  background: url(../img/bg/zoo.svg);
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: 44vw;
  position: absolute;
  bottom: -1px;
  z-index: 0;
  pointer-events: none;
  margin-bottom: -1px;
}
/*@media (min-width: 500px) {.header-thema {height: 190vw;}}
@media (min-width: 600px) {.header-thema {height: 180vw;}}
@media (min-width: 700px) {.header-thema {height: 170vw;}}
@media (min-width: 800px) {.header-thema {height: 140vw;}}
@media (min-width: 900px) {.header-thema {height: 110vw;}}
@media (min-width: 1000px) {.header-thema {height: 75vw;}}
@media (min-width: 1100px) {.header-thema {height: 50vw;}}
@media (min-width: 1200px) {.header-thema {height: 44vw;}}*/
.vhmhwrapper {
    height: 550px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
/*@media (min-width: 500px) {.vhmhwrapper {height: 500px;}}
@media (min-width: 600px) {.vhmhwrapper {height: 550px;}}*/
@media (min-width: 700px) {.vhmhwrapper {height: 600px;}}
@media (min-width: 800px) {.vhmhwrapper {height: 650px;}}
@media (min-width: 900px) {.vhmhwrapper {height: 700px;}}
/*@media (min-width: 1000px) {.vhmhwrapper {height: 750px;}}*/
@media (min-width: 1100px) {.vhmhwrapper {height: 750px;}}
/*@media (min-width: 1200px) {.vhmhwrapper {height: 800px;}}*/
@media (min-width: 1400px) {.vhmhwrapper {height: 800px;}}
.vhmhouder{
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.vhmeester {
    transform: translate3d(0px,0,0);
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
}
.videohouder {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.videohouder video {
    object-fit: cover;
    z-index: -1;position: relative;
}
#theme-page-main{
    position: relative;
}
.parkaanzicht {position: relative; z-index: 4;margin-bottom: -1px;}
.container-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
}
.menulogohouder {height: 20%;width: 15%; position: absolute; left: 10%;}
.menulogo {max-height: 100%; width: auto;}

.themalabel-ani {max-width: 130px;transform: rotate(-10deg);}
.themalabel-ani2 {max-width: 150px;transform: rotate(-10deg);}
#theme-to-top {background-color: #334061!important;}
#dnn_ContentPane {position: relative;z-index: 10}
.homedatumhero {margin-top: -50px;}
@media (min-width: 800px) {.homedatumhero {margin-top: -100px;}}
@media (min-width: 1500px) {.homedatumhero {margin-top: -150px;}}
@media (min-width: 1800px) {.homedatumhero {margin-top: -200px;}}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,.evenwichtig {text-wrap:balance!important;}

h1, .h1 { font-family: "teko",sans-serif!important;font-weight: 600; font-size: calc(3rem + 1.5vw);text-transform: uppercase;}
h2, .h2 { font-family: "teko",sans-serif!important;font-weight: 600; font-size: calc(2rem + 0.9vw);}
h3, .h3 { font-family: "teko",sans-serif!important;font-weight: 500; font-size: calc(1.5rem + 0.6vw);}
h4, .h4 { font-family: "teko",sans-serif!important;font-weight: 500; font-size: calc(1rem + 0.3vw);}
h5, .h5 { font-family: "teko",sans-serif!important;font-weight: 500; font-size: 1.5rem;}
@media (min-width: 1200px) {
    h1, .h1 { font-size: 5rem;}
    h2, .h2 { font-size: 3rem;}
    h3, .h3 { font-size: 2.5rem;}
    h4, .h4 { font-size: 2rem;}
}
h2.color-geel, .color-geel { color: #E7D800!important;}
.tekstblok ul, .tekstblok ol{margin-bottom: 1rem;}
.tekstblok ul li, .tekstblok ol li{margin-bottom: .3rem;}
.btn {text-transform: uppercase;font-family: "teko",sans-serif!important;transition: color 0.75s ease-in-out,background-color 0.75s ease-in-out,border-color 0.75s ease-in-out,box-shadow 0.75s ease-in-out;}
.btn:hover{
	transition: color 0.15s ease-out,background-color 0.15s ease-out,border-color 0.15s ease-out;
}
.cc-compliance .cc-btn{
	text-transform: uppercase;
	font-family: "teko",sans-serif !important;
	padding-y: 0.5rem;
	padding-x: 1rem;
	font-size: 1.25rem;
	color: #f8f9fa!important;
	border-color: #f8f9fa!important;
	font-weight: 400;
	display: inline-block;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: solid 2px #f8f9fa;
	background-color: transparent!important;
	transition: color 0.75s ease-in-out,background-color 0.75s ease-in-out,border-color 0.75s ease-in-out,box-shadow 0.75s ease-in-out;
}
.cc-compliance .cc-btn:hover{
	color: #000!important;
	/*border-color: #E7D800!important;*/
	background-color: #f8f9fa!important;
	transition: color 0.15s ease-out,background-color 0.15s ease-out,border-color 0.15s ease-out;
}
a{
	transition: color 0.15s ease-in-out;
}
a:hover{
	transition: color 0.75s ease-out;
}

a:hover .btn.speciallink,
a:hover .btn.speciallinkterug,
a:hover .btn.specialknop,
.btn.speciallink:hover,
.btn.speciallinkterug:hover,
.btn.specialknop:hover {color: #E7D800;border-bottom: solid 2px #E7D800;}
.speciallinkhouder .btn.speciallink::after,
.btn.speciallink::after {position: absolute; margin-left: 8px; white-space: nowrap; content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.5' height='30' viewBox='0 0 320 512'%3E%3Cpath d='M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z' transform='translate(-2 -10)' fill='%23E7D800'/%3E%3C/svg%3E ");}

.speciallinkhouder .btn.speciallinkterug::after,
.btn.speciallinkterug::after {position: absolute; margin-left: 8px; white-space: nowrap; content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.5' height='30' viewBox='0 0 320 512'%3E%3Cpath d='M30.1 256l17-17L207 79l17-17L257.9 96l-17 17L97.9 256 241 399l17 17L224 449.9l-17-17L47 273l-17-17z' transform='translate(-2 -10)' fill='%23E7D800'/%3E%3C/svg%3E ");}

.btn.speciallinkterug,
.btn.speciallink {text-align: left; padding: 0;font-family:"open-sans"!important; font-weight: 700!important; font-size: 1.1875rem!important;color: #fff;border:none;border-bottom: solid 2px transparent;text-decoration: none; margin-bottom: 0.5rem;}
.btn.speciallink.onderstreept {border-bottom: solid 2px #fff;}
@media (max-width: 1399.99999999px) {
	.btn.speciallinkterug,
    .btn.speciallink {display: inline!important;}
}
@media (min-width: 1400px) {
	.btn.speciallinkterug,
    .btn.speciallink {text-wrap:nowrap;}
	.card-body .btn.speciallinkterug,
	.card-body .btn.speciallink {text-wrap:unset;display: inline;}
}

.btn.specialknop {padding: 0;font-weight: 400;font-size: 1.1875rem;color: #fff;border:none;border-bottom: solid 2px #fff;text-decoration: none;}
.btn.speciallinkterug:focus-visible,
.btn.speciallink:focus-visible,
.btn.specialknop:focus-visible {outline-offset: .2em;outline-width: .15em;outline-style: solid;}

a.kaartlink svg {
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}
a.kaartlink:focus .card-img-overlay,a.kaartlink:hover .card-img-overlay{
    color: #E7D800!important;
}
a.kaartlink:focus svg,a.kaartlink:hover svg {
    -webkit-transform: translateX(22%);
    -ms-transform: translateX(22%);
    transform: translateX(22%);
    -webkit-transform: scaleX(1.3);
    -ms-transform: scaleX(1.3);
    transform: scaleX(1.3)
}


.navbar-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.navbar-toggle > span {
    width: 24px;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: currentColor;
    will-change: transform, opacity;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}
.navbar-toggle > span:nth-child(3) {
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5)
}
.navbar-toggle:hover > span:nth-child(3) {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.fancybox-open .navbar-toggle > span:nth-child(1) {
    -webkit-transform: rotate(-45deg) translateX(.5px);
    -ms-transform: rotate(-45deg) translateX(.5px);
    transform: rotate(-45deg) translateX(.5px)
}
.fancybox-open .navbar-toggle > span:nth-child(2) {
    opacity: 0
}
.fancybox-open .navbar-toggle > span:nth-child(3) {
    -webkit-transform: rotate(45deg) translateX(.5px);
    -ms-transform: rotate(45deg) translateX(.5px);
    transform: rotate(45deg) translateX(.5px)
}



/*.circle span{transform: translateY(15%);}*/
.circle{
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
}
a:hover .circle{
    border: 2px solid #E7D800;
    color: black;
    background: #E7D800!important;
    background-color: #E7D800;
}




.to-shine-footer-imprint .to-shine-login {
  width: 12px;
  margin-left: 4px;
  margin-top: -5px;
}

@media (min-width: 768px) {
	.introfiguur {height: 100vh!important;}
	.introfiguur img {object-fit: cover;}
}
#theme-page-navigation {min-height: 117px; transition: all 200ms linear;}
.scrollactief #theme-page-navigation {background-color: #000717;min-height: 100px;}
@media (min-width: 1200px) {
	#theme-page-navigation {min-height: 174px;}
	.scrollactief #theme-page-navigation {min-height: 100px;}
}
.page-3383 #theme-page-navigation .logohouder,
.page-3404 #theme-page-navigation .logohouder {
	top: 0px;
}
#theme-page-navigation .logo,
#theme-page-navigation .logo {
	margin-top: -5px;
}
@media (min-width: 1200px) {
	.page-3383 #theme-page-navigation .logo,
	.page-3404 #theme-page-navigation .logo {
    height: 300px;
  }
}
#theme-page-navigation .logo {
    transition: height 0.2s ease-out!important;
}
.scrollactief #theme-page-navigation .logo{height: 100px;}
.modal .btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.role-admin.dnnEditState #theme-page-navigation {z-index: -1!important}
.role-admin.dnnEditState .sterrennacht,
.role-admin.dnnEditState .twinkling{display: none;}
.role-admin.dnnEditState #dnn_ContentPane,
.role-admin.dnnEditState .vhmhwrapper {z-index: inherit!important}

.programmaoverzicht .card-img-overlay {top: auto;}

.card-img-overlay{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}