a.menuknopje {color: rgba(255,255,255,0.8);transition: all .2s ease;}
a.menuknopje:hover {color: rgba(255,255,255,1);}
body.page-3436 a.menuknopje {color: rgba(0,0,0,0.8);}
body.page-3436 a.menuknopje:hover {color: rgba(0,0,0,1);}

#theme-page-navigation .navbar-nav .nav-item {
    padding: 0.2em 0 0.2em 0;
    line-height: 1;
    margin-right: 30px;
    border-top: solid 3px transparent;
    border-bottom: solid 3px transparent;
	transition: all .2s ease;
}
#theme-page-navigation .navbar-nav .nav-item.last {
    margin-right: 50px;
}
#theme-page-navigation .navbar-nav  .nav-item.first {
    padding: 0.2em;
    border: solid 3px #fff;
}
#theme-page-navigation .navbar-nav .nav-item.active {
    padding: 0.2em 0 0.2em 0;
    border-bottom: solid 3px #fff;
}
.page-3435 #theme-page-navigation .navbar-nav .nav-item.active {
    padding: 0.2em 0 0.2em 0;
    border-bottom: solid 3px transparent;
}
#theme-page-navigation .navbar-nav .nav-link {
    padding: 0;
    font-family: "bebas-kai", sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1;
    color: #FFF;
}
.page-3435 #theme-page-navigation .navbar-nav  .nav-item.first,
#theme-page-navigation .navbar-nav  .nav-item.first:hover {
    padding: 0.2em;
    background-color: #fff;
    border: solid 3px #fff;
}
.page-3435 #theme-page-navigation .navbar-nav  .nav-item.first .nav-link,
#theme-page-navigation .navbar-nav  .nav-item.first:hover .nav-link{
    color: #000;
}
#theme-page-navigation .navbar-nav .nav-link.active,
#theme-page-navigation .navbar-nav .nav-link:hover {
    color: #FFF;
}
.page-3435 #theme-page-navigation .navbar-nav .nav-item.active:hover,
#theme-page-navigation .navbar-nav .nav-item.active,
#theme-page-navigation .navbar-nav .nav-item:hover {
    border-bottom: solid 3px #fff;
}
.page-3436 #theme-page-navigation .navbar-nav  .nav-item.first {
    border: solid 3px #000;
}
.page-3436 #theme-page-navigation .navbar-nav .nav-item.active {
    border-bottom: solid 3px #000;
}
.page-3436 #theme-page-navigation .navbar-nav .nav-link {
    color: #000;
}
.page-3436 #theme-page-navigation .navbar-nav  .nav-item.first:hover {
    background-color: #000;
    border: solid 3px #000;
	color: #FFF;
}
.page-3436 #theme-page-navigation .navbar-nav  .nav-item.first:hover .nav-link{
    color: #fff;
}
.page-3436 #theme-page-navigation .navbar-nav  .nav-item.first .nav-link{
    color: #000;
}
.page-3436 #theme-page-navigation .navbar-nav .nav-link.active,
.page-3436 #theme-page-navigation .navbar-nav .nav-link:hover {
    color: #000;
}
.page-3436 #theme-page-navigation .navbar-nav .nav-item.active,
.page-3436 #theme-page-navigation .navbar-nav .nav-item:hover {
    border-bottom: solid 3px #000;
}

/*HOME*/

#plantlibo	{position: absolute; left: -150px; top: -100px; width: 300px; height: 312px;transform: rotate(-10deg); background: url("../img/planten/plant-linksboven.png") no-repeat left top; background-size: cover;animation: rotationlb 6s infinite ease-in;animation-delay: 2s;}
#plantlion	{position: absolute; left: -100px; bottom: -150px; width: 300px; height: 415px;transform: rotate(3deg); background: url("../img/planten/plant-linksonder.png") no-repeat left top; background-size: cover;}
#planton	{position: absolute; left: 45%; bottom: -250px; width: 150px; height: 372px;transform: rotate(0deg); background: url("../img/planten/plant-onder.png") no-repeat left top; background-size: cover;}
#plantreon	{position: absolute; right: -100px; bottom: 30px; width: 300px; height: 300px;background: url("../img/planten/plant-rechtsonder.png") no-repeat left top; background-size: cover;}
#plantrebo	{position: absolute; right: -100px; top: -40px; width: 197px; height: 480px;transform: rotate(55deg); display: none;background: url("../img/planten/plant-rechtsboven.png") no-repeat left top; background-size: cover;animation: shakerb 10s ease-in-out 1s infinite normal none;}

@media (min-width: 992px) {
	#plantlibo	{position: absolute; left: -200px; top: -100px; width: 482px; height: 502px;}
	#plantlion	{position: absolute; left: -150px; bottom: -250px; width: 523px; height: 723px;}
	#planton	{position: absolute; left: 25%; bottom: -250px; width: 234px; height: 581px;}
	#plantreon	{position: absolute; right: -100px; bottom: 30px; width: 500px; height: 500px;}
	#plantrebo	{display: block;}
}
@media (min-width: 1400px) {
	#plantrebo	{top: -200px;transform: rotate(30deg);animation: shakerbbreed 10s ease-in-out 1s infinite normal none;}
}
.planthome {transition: all .2s ease;}

@keyframes float {
	from {	transform: rotate(0deg) translateY(-10px) rotate(0deg);}
	to {	transform: rotate(360deg) translateY(-10px) rotate(-360deg);}
}
@keyframes float2 {
	from {	transform: rotate(0deg) translateY(-6px) rotate(0deg);}
	to {	transform: rotate(360deg) translateY(0px) rotate(-360deg);}
}
@keyframes vibrate-3-normal {
	0% { 	transform: translate(0); transform-origin: bottom right; } 
	10% { 	transform: translate(-2px, -2px); } 
	20% { 	transform: translate(2px, -2px); } 
	30% { 	transform: translate(-2px, 2px); } 
	40% { 	transform: translate(2px, 2px); } 
	50% { 	transform: translate(-2px, -2px) rotate(-5deg); } 
	60% { 	transform: translate(2px, -2px); } 
	70% { 	transform: translate(-2px, 2px); } 
	80% { 	transform: translate(-2px, -2px); } 
	90% { 	transform: translate(2px, -2px); } 
	100% { 	transform: translate(0);}
}
@keyframes rotationlb {
	50% {	transform: rotate(-8deg); transform-origin: top left;}
	100% {	transform: rotate(-10deg);}
}
@keyframes shakelo {
	0%, 100% { transform: rotate(3deg); transform-origin: bottom left;}
	10% { transform: rotate(5deg); }
	20%, 40%, 60% { transform: rotate(-10deg); }
	30%, 50%, 70% { transform: rotate(5deg); }
	80% { transform: rotate(-4deg); }
	90% { transform: rotate(0deg);}
}
@keyframes shakeloBU {
	0%, 100% { transform: rotate(3deg); transform-origin: bottom left;} 
	10% { transform: rotate(8deg); } 
	20%, 40%, 60% { transform: rotate(-10deg); } 
	30%, 50%, 70% { transform: rotate(10deg); } 
	80% { transform: rotate(-8deg); } 
	90% { transform: rotate(0deg);} 
}
@keyframes shakerb {
	0%, 100% { transform: rotate(55deg);}
	10% { transform: rotate(60deg); }
	20%, 40%, 60% { transform: rotate(42deg); }
	30%, 50%, 70% { transform: rotate(62deg); }
	80% { transform: rotate(44deg); }
	90% { transform: rotate(52deg);}
}
@keyframes shakerbbreed {
	0%, 100% { transform: rotate(30deg);}
	10% { transform: rotate(35deg); }
	20%, 40%, 60% { transform: rotate(17deg); }
	30%, 50%, 70% { transform: rotate(37deg); }
	80% { transform: rotate(19deg); }
	90% { transform: rotate(27deg);}
}
@keyframes shakero {
	0%, 100% { transform: rotate(0deg); transform-origin: bottom right; }
	10% { transform: rotate(8deg); }
	20%, 40%, 60% { transform: rotate(-10deg); }
	30%, 50%, 70% { transform: rotate(10deg); }
	80% { transform: rotate(-8deg); }
	90% { transform: rotate(8deg);}
}

.shakero {animation: shakero 14s ease-in-out 4s infinite normal none;}
.shakelo {animation: shakelo 12s ease-in-out 3s infinite normal none;}
.float {animation: float 10s linear infinite;}
/*.float2 {animation: float2 3s linear 4;}
.float3 {animation: float3 3s linear infinite;}*/
.vibrate-3-normal {animation: vibrate-3-normal 1s linear 2s 1 normal none;}
.vibrate-3-normal5-sec {animation: vibrate-3-normal 1s linear 5s 1 normal none;}



#home-page-hero {position: relative; overflow: hidden; height: 100vh; width: 100%; background-repeat: no-repeat!important; background-position: center!important; background: no-repeat center center; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;background-attachment: fixed!important; }

#logo-en-datum {/*position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);*/position: relative;padding-top: 40px;padding-bottom: 70px; z-index: 1 }
@media (min-width: 768px) {
    #logo-en-datum {/*position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);*/padding-top: 70px;padding-bottom: 70px;}
}

.max-height-60vh {
  max-height: 60vh;
}

/*TIKKER*/
.scrollerWrapper {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	height: 80px;
	position: relative;
}
.scroller,
.scrollerWrapper .marquee-1,
.scrollerWrapper .marquee-2,
.scrollerWrapper .marquee-3,
.scrollerWrapper .marquee-4 {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
}
.scrollerWrapper .marquee-content-items {
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 60px;
  position: relative;
}
.scrollerWrapper .marquee-content-items li {
  display: inline-block;
  vertical-align: middle;
  line-height: 35px;
}
.scrollerWrapper .marquee-content-items li:after {
  content: " ";
  margin: 0 0 0 1em;
}
.scrollerWrapper ul.marquee-content-items li a { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 1.8em; line-height: 1; margin-left: 0px; margin-right: 20px; position: relative; color: #000; text-decoration: none; }
.overlayactive .scrollerWrapper {display: none!important;}

/*/*TIKKER*/

/*//*/
.horizontal-shadow-bottom-up { width: 100%; height: 70px; position: absolute; bottom: 0px; z-index: 3; display: block; }
.bg-geel {background-color: #F2CC38;}
.bg-donkerblauw {background-color: #3C5896;}
.bg-lichtblauw {background-color: #A7CEE6;}
.bg-fuchsia {background-color: #C4007A;}
.bg-roze {background-color: #FFA5C6;}
.bg-paars {background-color: #733A89;}
.bg-lavendel {background-color: #D5B4FF;}
.bg-zwart {background-color: #000000;}

.kleurtegel.bg-donkerblauw .link-light,
.kleurtegel.bg-donkerblauw .text-white {color: #fff;}
.kleurtegel.bg-lichtblauw .link-light,
.kleurtegel.bg-lichtblauw .text-white {color: #000!important;text-decoration-color: #000!important;}
.kleurtegel.bg-fuchsia .link-light,
.kleurtegel.bg-fuchsia .text-white {color: #fff;}
.kleurtegel.bg-roze .link-light,
.kleurtegel.bg-roze .text-white {color: #000!important;text-decoration-color: #000!important;}
.kleurtegel.bg-paars .link-light,
.kleurtegel.bg-paars .text-white {color: #fff;}
.kleurtegel.bg-lavendel .link-light,
.kleurtegel.bg-lavendel .text-white {color: #000!important;text-decoration-color: #000!important;}
.kleurtegel.bg-zwart .link-light,
.kleurtegel.bg-zwart .text-white {color: #fff;}

.introgeenimg .text-white a {color: #fff;}

.logoletter,.logoschaduw {transition: fill .9s ease;}

.paarsopgeel .logo-gestapeld .logoschaduw {fill:#ffcd1b;}
.paarsopgeel .logo-gestapeld .logoletter {fill:#82378c;}
.cyaanoppaars .logo-gestapeld .logoschaduw {fill:#82378c;}
.cyaanoppaars .logo-gestapeld .logoletter {fill:#B1FFE1;}
 
.logo .logo-gestapeld .logoschaduw {fill:#82378c;}
.logo .logo-gestapeld .logoletter {fill:#B1FFE1;}

.witoprood .logo-horizontaal .logoschaduw {fill:#DD1826;}
.witoprood .logo-horizontaal .logoletter {fill:#ffffff;}
.lichtvioletoprood .logo-horizontaal .logoschaduw {fill:#F00224;}
.lichtvioletoprood .logo-horizontaal .logoletter {fill:#D5B4FF;}
.violetopcyaan .logo-horizontaal .logoschaduw {fill:#B1FFE1;}
.violetopcyaan .logo-horizontaal .logoletter {fill:#8E43F4;}
.paarsopgeel .logo-horizontaal .logoschaduw {fill:#ffcd1b;}
.paarsopgeel .logo-horizontaal .logoletter {fill:#82378c;}
.cyaanoppaars .logo-horizontaal .logoschaduw {fill:#82378c;}
.cyaanoppaars .logo-horizontaal .logoletter {fill:#B1FFE1;}
.roodoplila .logo-horizontaal .logoschaduw {fill:#8E43F4;}
.roodoplila .logo-horizontaal .logoletter {fill:#FF551A;}

h3, .h3, h2, .h2, h1, .h1 {
    text-wrap:balance;
}
h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: "bebas-kai",sans-serif;
    font-weight: 400;
    line-height: 1.2;
}
h1, .h1 {font-size: calc(4.375rem + 1.5vw);}
@media (min-width: 1200px) {h1, .h1 {font-size: 5rem;}}

h2, .h2 {font-size: calc(3.325rem + 0.9vw);}
@media (min-width: 1200px) {h2, .h2 {font-size: 4rem;}}

h3, .h3 {font-size: calc(2.3rem + 0.6vw);}
@media (min-width: 1200px) {h3, .h3 {font-size: 3rem;}}

h4, .h4 {font-size: calc(1.675rem + 0.3vw);}
@media (min-width: 1200px) {h4, .h4 {font-size: 2rem;}}

h5, .h5 {font-size: 1.75rem;}
h6, .h6 {font-size: 1.5rem;}


a.text-decoration-both {text-decoration: none!important}
a.active.text-decoration-both,
a.text-decoration-both:hover {text-decoration: underline!important}

a.btn-zwart-hover {min-width: 230px; }
@media (min-width: 768px) {a.btn-zwart-hover {min-width: 270px; }}
a.btn-zwart-hover:hover {color: #fff; background-color: #000;}

body.page-3436,
body.page-root-3413 {background-color: #FFA5C6!important;}
body.page-root-3414 {background-color: #A7CEE6!important;}

.introductiekleur {background-color: #733A89;}
body.page-root-3413 .introductiekleur {background-color: #C4007A!important;}
body.page-root-3414 .introductiekleur {background-color: #3C5896!important;}
.introductiekleur .text-white a:not(.btn) {color: #fff!important;text-decoration-color: #fff!important;}
.introductiekleur .text-white a:not(.btn):hover {color:rgba(255,255,255,.7)!important;text-decoration-color: rgba(255,255,255,.7)!important;}

#theme-page-navigation .logo {
  height: auto;
  width: auto;
}
#theme-page-navigation .logo .logo-gestapeld {max-width: 100px;transition: all .2s ease;}
.headerafbeelding {min-height: 300px;}
@media (min-width: 768px) {
	.headerafbeelding {min-height: 400px;}
	#theme-page-navigation .logo .logo-gestapeld {max-width: 150px;}
}
@media (min-width: 1200px) {
	.headerafbeelding {min-height: 600px;}
	#theme-page-navigation .logo .logo-gestapeld {max-width: 200px;}
}
body:not(.page-3436) .zonder-header {padding-top:150px;}

.introlinks {}


.overflow-x-hidden {overflow-x: hidden;}
.introrechts {padding-top:30px;padding-bottom:30px;}
.introgeenimg .introrechts {padding-top:120px;padding-bottom:50px;}
@media (min-width: 768px) {
    .introrechts {padding-top:120px;padding-bottom:30px;}
    .introgeenimg .introrechts {padding-top:180px;padding-bottom:90px;}
}
.dnnEditState #theme-page-navigation {z-index:0!important;}
.dnnEditState .introductiekleur {opacity:.5;}

.tekstblokje ol, .tekstblokje ul {margin-bottom: 1rem;}

.zwartfade {
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .6) 100%);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.zwartfadevanuitonder {
    background: #000000;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .6) 100%);
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media (max-width: 767.99999px) {
    .uitgelichtimg {height: 400px!important;min-height: 400px!important; width: auto!important;object-fit: cover;}
}
.uitgelichtimg.interview {height: 300px!important;min-height: 300px!important; width: auto!important;object-fit: cover;}
.naarzwart .bg-white {transition: all .4s ease;}
.naarzwart:hover .bg-white {background-color: #000!important;color: #fff;}
.naarzwart:hover .bg-white h2,
.naarzwart:hover .bg-white p {color: #fff;transition: all .4s ease;}

.programmabgimg {background-repeat: no-repeat; background-position: center top;background-size: cover;}
.programlink.uitverkocht::before {position: absolute; content: ""; height: 100px; width:100px; top:0; right:0;background:url("/Portals/18/Skins/ZT25/assets/img/archief/uitverkocht_driehoek_100x100.png") no-repeat top right;}

.downloadlink {background-color: #733A89;}
.downloadlink::before {position: absolute; left: .7em; top: 1.15em; content:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717.336%27 height=%2721.051%27 viewBox=%270 0 17.336 21.051%27%3E%3cpath id=%27Path_184%27 data-name=%27Path 184%27 d=%27M5,24.051H22.336V21.574H5ZM22.336,10.43H17.383V3H9.953v7.43H5L13.668,19.1Z%27 transform=%27translate(-5 -3)%27 fill=%27%23fff%27/%3E%3c/svg%3E");}

.lianenfooter {margin-top: 50px; height:200px; width:100%; background: url(../img/Liaanlijn2.svg) repeat-x bottom; background-size: contain;}
#theme-page-footer {margin-top: -2px;}
/*accordion*/
@media (min-width: 768px) {
    .accordioncolumns {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}
.accordion-item {border-bottom: none!important;}
.accordion-button:not(.collapsed) {background-color: #000!important; color: #fff!important;}
.accordion-button.collapsed {background-color: #fff!important;}
.accordion-button.collapsed:hover {background-color: #000!important; color: #fff!important;}
.accordion-button:focus {box-shadow: none!important;}
/*//*/


@media (max-width: 575.999999px) {
    h1,.h1,h2,.h2,h3,.h3 {hyphens: auto;word-break: break-word;}
}

.checkbox label:has(input:checked) span {
  background: white!important;border-color: white!important; color: #000!important;
}
.detailpagina {
  max-height: 300px;
  overflow-y: hidden;
}