@font-face {font-family: LiquidGold;src: url(../fonts/LiquidGold.otf)}
@font-face {font-family: OfficinaSansITCPro;src: url(../fonts/OfficinaSansITCPro-Black.woff2)}
.LiquidGold,.LiquidGold *{font-family:LiquidGold !important}
:root {
	--red: #e2001a;
	--yellow: #ffed00;
	--white: #fff;
	--black: #000;
	--offwhite: #f6f7f3;
	--shadow: 0 10px 30px #0005;
	--gradient: linear-gradient(135deg, rgba(121,88,43,1) 0%, rgba(237,211,123,1) 100%);
	--title-color: #000;

    --title-font-family: OfficinaSansITCPro;
}
img{width:auto;max-width:100%}
.form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.form-field{position:relative;margin-bottom:25px;user-select:none}
	.form-field [disabled],.form-field [readonly]{opacity:.75;cursor:not-allowed}
	.form-field [disabled] + span,.form-field [readonly] + span{opacity:.75;cursor:not-allowed}
	.form-field--text{overflow:hidden}
	:is(.form-field--text,.form-field--email,.form-field--select,.form-field--textarea) .form-field__label{pointer-events:none}
	.form-field__input{width:100%;box-sizing:border-box;appearance:none;padding:18px 20px 7px;border:1px solid var(--color-gray-300);min-height:55px;outline:none;background:#fff;color:#000;border-radius:50px}
	.form-field__input:hover{border-color:var(--color-gray-600)}
	.form-field--textarea .form-field__input{min-height:150px}
	.form-field--select:after{position:absolute;content:'';border-style:solid;border-width:0.1em 0.1em 0 0;display:inline-block;height:0.4em;right:17px;width:0.4em;top:22px;transform:rotate(135deg);pointer-events:none}
	.form-field--select:invalid{border-color:red !important}
	.form-field--checkbox{margin-bottom:10px}
	.form-field--checkbox{cursor:pointer}
	.form-field--checkbox .form-field__label{position:static;padding-left:25px}
	.form-field--checkbox span{position:absolute;top:2px}
	.form-field--checkbox input{opacity:0;position:absolute;left:0;top:1px;margin:0}
	.form-field--checkbox input + span:before{content:'';width:15px;height:15px;border:1px solid var(--color-primary);display:block;position:absolute;left:0;top:0;background:#fff}
	.form-field--checkbox input + span:after{left:7px;color:#fff;position:absolute;content:'';border-style:solid;border-width:0.02em 0.02em 0 0;display:inline-block;height:0.025em;width:0.045em;top:6px;transform:rotate(100deg);transition:all .2s ease}
	.form-field--checkbox input:checked + span:after{left:3px;color:#111;border-width:0.2em 0.2em 0 0;height:0.45em;width:0.65em;top:3px;transform:rotate(135deg)}
	.form-field__option{position:relative;cursor:pointer}
	.form-field--radios{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;flex-direction:column;align-items:flex-start}
	.form-field--radios .form-field__label{position:static;padding-left:25px}
	.form-field--radios span{position:absolute;top:4px}
	.form-field--radios input{position:absolute;left:2px;top:4px;margin:0;width:1px;height:1px}
	.form-field--radios input + span:before{content:'';width:15px;height:15px;border:1px solid var(--color-primary);display:block;position:absolute;left:-2px;top:-1px;border-radius:50%;background:#fff}
	.form-field--radios input + span:after{left:6px;background:#fff;position:absolute;content:'';display:inline-block;height:0;width:0;top:5px;border-radius:50%;transition:all .2s ease}
	.form-field--radios input:checked + span:after{left:1px;background:#111;height:11px;width:11px;top:2px}
	.form-field__label{left:15px;position:absolute;top:14px;transition:all 0.2s ease-out;width:100%;pointer-events:none}
	:is(.form-field--textarea,.form-field--text,.form-field--select) .form-field__label{width:calc(100% - 29px)}
	.form-field__input:focus ~ .form-field__label, .form-field__input:not(:placeholder-shown) ~ .form-field__label{font-size:69%;top:8px;left:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.form-field__input::placeholder{color:transparent}
	.form-field-header{display:block;font-weight:600;margin-bottom:10px}
	.form-field-header+div{margin-left:10px}
	.form-field--fullwidth{grid-column:1/3}
	.form-field--hidden{opacity:.85}
	.form-field--phone select, .form-field--phone input{padding-top:8px}
	.form-field--display{margin-bottom:20px;padding:15px;background:#ebebeb}
	.phone-number{display:flex;gap:6px}
.required-star{font-size:80%}
.visitorcontrol{display:flex;padding-top:20px;margin-top:auto;gap:5px;align-items:center;font-size:10px;color:#545454;justify-content:center;align-content:center}
.visitorcontrol a{color:inherit}
.poweredby{display:flex;gap:5px}
.poweredby svg{vertical-align:text-top}
.message{position:fixed;pointer-events:none;top:50%;left:50%;padding:8px;background:#0cb50c;z-index:2000;color:#fff;text-align:center;transform:translate(-50%,-50%);border-radius:5px;transition:opacity .3s ease-in}
.message--fixed-to-top{top:65px;left:50%;transform:translateX(-50%)}
.message--red{background-color:#F81700}
.video-container{position:relative;padding-bottom:52.6%;padding-top:30px;height:0;overflow:hidden;margin-bottom:20px}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.grid{display:grid;gap:0 20px;grid-template-columns:repeat(12, 1fr);width:100%}
.grid__cell--1-1,.grid__cell--2-2,.grid__cell--3-3{grid-column:12 span}
.grid__cell--1-2{grid-column:6 span}
.grid__cell--1-3{grid-column:4 span}
.grid__cell--2-3{grid-column:8 span}
.grid__cell:has(.form-field--checkbox){margin-bottom:5px}
.grid__cell:has(.form-field--fullwidth){grid-column:12 span}
.phone-number{display:flex;gap:7px;height:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:100%}
.phone-number select, .phone-number input{border:1px solid var(--color-primary);border-radius:0;box-sizing:border-box;appearance:none;padding:8px 12px;outline:none;background:#fff;height:55px}
.phone-number input{width:100%}
.faq-button{position:absolute;top:25px;right:25px;background:var(--color-secondary);padding:7px 10px;color:#fff;font-weight:600}
.faq p:has(strong){margin-block-end:0;cursor:pointer}
.faq p strong{font-weight:400}
.faq p:has(strong) + p{font-size:90%;margin-block-start:0;display:none}
.faq p + h2{margin-top:40px}
.grid:has(input[name="achternaam"][readonly="readonly"]) [data-column="tussenvoegsel"]{opacity:.85;cursor:not-allowed}
.grid:has(input[name="achternaam"][readonly="readonly"]) [data-column="tussenvoegsel"] *{opacity:.75;pointer-events:none}
input[type=date]:required:invalid::-webkit-datetime-edit{color:transparent}
input[type=date]:focus::-webkit-datetime-edit{color:#000 !important}
input[type=date]::-webkit-datetime-edit{transition:.3s color ease}
.grid__cell:has(>[data-column*="dieetwens_geen"] :checked) ~ .grid__cell:has(>[data-column*="dieetwens"]) {display:none}
.registration{margin:50px auto;max-width:900px}
.cmp-hero__title{max-width:unset}
.cmp-title__text{text-wrap:balance}
.cmp-video iframe.bg-vimeo{height:150%;translate:-50% -25%}
h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--black);font-family:var(--title-font-family);font-weight:700;text-transform:none;line-height:1.1;text-transform:uppercase}
.yellow{color:var(--yellow) !important}
.white{color:var(--white) !important}
h1{font-size:clamp(1.9531rem,1.3253rem + 3.139vi,4.1504rem)}
h2{font-size:clamp(1.5625rem,1.0603rem + 2.5112vi,3.3203rem)}
h3{font-size:clamp(1.25rem,.8482rem + 2.0089vi,2.6563rem)}
h4{font-size:clamp(1.125rem,.6786rem + 1.6071vi,2.125rem)}
h5{font-size:clamp(1rem,.5429rem + 1.2857vi,1.7rem)}
h6{font-size:clamp(.875rem,.4343rem + 1.0286vi,1.36rem)}
.cmp-zone-details .title{width:calc(100% - var(--description-padding))}
.cmp-zone-details .title, .cmp-zone-details .text {text-align:left}
.personas{display:grid;gap:30px;grid-template-columns:repeat(4, 1fr)}
.personas img{aspect-ratio:3/4;object-fit:cover;object-position:top center;border-radius:14px}
.cmp-navigation-menu {
	grid-template-areas:
	". logo split . top-links ."
	". . split link link ."
	". sections split link link ."
	". . split link link ."
	". secondary split link link ."
	". . split link link ."
	". tickets split side side ."
	". . split . . .";
}
.cmp-navigation-menu__link-list{display:flex;align-items:center}
.tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;background: #fff;padding:20px 0}
.tags .inner{width: 100%;background: #f6f7f3;display: flex;gap: 15px;padding: 14px 25px;flex-wrap: wrap;justify-content: center;border-radius: 10px;}
.tags span{color:#000;font-weight:600}
.tags span:not(:first-child):before{content:'|';margin-right: 14px;}
.logos{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;align-items:center}
.logos img{max-width:170px;max-height:100px}
.textcard{border-radius:14px;background:#fff;padding:32px 24px;font-weight:700;margin-bottom:35px;display:flex;gap:30px}
.textcard img{border-radius:14px}
.textcard--vertical{flex-direction:column}
.button.cmp-navigation-menu__buy-container,.cmp-navigation-menu__desktop-bottom-left,.cmp-navigation-menu__back-button{display:none}
.cmp-button--floating{margin: 0}
.cmp-button,.cmp-newsletter__submit{background: var(--gradient) !important;color:#311212;font-weight: 600;padding: 7px 15px;bordeR:0}
.cmp-header__info{width:100%}
.splitsubscribe{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px}
.videodarker{position:absolute;inset:0;background:rgba(0, 0, 0, .5);z-index:8}
.videologo{position:absolute;left:50%;top:50%;z-index:10;display:flex;flex-direction:column;translate:-50% -50%;width:60%;align-items:center}
.fiftyjaar{width:26%;max-width:197px}
.giga{margin-top:-5%;width:100%;max-width:792px}
.cmp-navigation-menu__link{color:#000}
.cmp-navigation-menu__link:hover{color:var(--red)}
.confetti-addon{width:60%;max-width:852px;aspect-ratio:1.7 / 1;background:url(../images/Gold_Confetti.png) no-repeat center / cover;position:absolute;z-index:10;left:50%;bottom:0;translate:-50%}
.split{display: flex;gap:20px}
.split > div{max-width:60%}
.tekst{background:#fff;padding: 100px 0 50px;}
.cmp-teaser__content--confetti:before{display:none}
.cmp-teaser__content--confetti{background:url(../images/Gold_Confetti.png) no-repeat center -150px}
.recht:before{display: none}
.faq-title{font-size: 20px;margin-top: 60px;}
.mobilepadding{padding: 0 15px}
.cmp-gallery__grid.swiper-wrapper .cmp-gallery__button{cursor:default}
.grid__cell:has([data-column="wordt_opgehaald_door_ouders"]){margin-bottom: 25px;}
.bijna div{position: absolute;inset: 20px 30px;z-index: 2;color: #fff;font-size: 26px;text-shadow: 2px 2px 10px #0008;font-weight: 600;display: flex;align-items: center;justify-content: center;text-align: center;}
.cmp-gallery__grid.swiper-wrapper .image:after{display: none;}
.bijna + img{opacity:.5}
.cmp-image:has(.bijna){background: #000}
.artist{position: absolute;bottom: 10px;left: 50%;text-align: center;color: #fff;font-size: 20px;font-weight: 600;background: var(--red);border-radius: 11px;width: calc(100% - 20px);translate: -50% 0;max-width: 400px;}
.cmp-gallery__grid__cell .cmp-image{transform:none !important}
.cmp-experiencefragment{position: relative;}

select[online-travel-tickets-bounds]{
}
.online-travel-tickets__dialog{
	margin: auto;
	background: #FFF;
	border:none;
	border-radius: 4px;
	overflow: visible;
}
.online-travel-tickets__dialog::backdrop{
	background: #00000080;
}
.online-travel-tickets__dialog__map-container{
	margin: auto;
	width: 80dvw;
	height: 80dvh;
}
.online-travel-tickets__dialog__close-button{
	position: absolute;
	top:-32px;
	right:-6px;
	width:32px;
	height:32px;
	cursor: pointer;
}
	.online-travel-tickets__dialog__close-button::before,
	.online-travel-tickets__dialog__close-button::after{
		content:'';
		position: absolute;
		top:50%;
		left:50%;
		width:16px;
		height: 2px;
		background: #FFF;
		translate: -50% -50%;
		rotate: 45deg;
	}
	.online-travel-tickets__dialog__close-button::after{
		rotate: -45deg;
	}
.online-travel-tickets-bounds-button{
	display: block;
	background: url(../images/map.svg) no-repeat left center;
	background-size: contain;
    margin: 5px 0 0 20px;
}
.langswitch{
	display: block;
    margin: 0 0 0 auto;
}
.langswitch img {
	width: 24px;
	aspect-ratio: 1;
}
[lang="nl"] .online-travel-tickets-bounds-button:after {
	content: 'Kies opstapplaats via kaart';
    margin-left: 41px;
    vertical-align: sub;
    color: #1f2329;
}
[lang="en"] .online-travel-tickets-bounds-button:after {
	content: 'Choose pick-up location via map';
    margin-left: 41px;
    vertical-align: sub;
    color: #1f2329;
}
.button--unsubscribe{
	display: block !important;
	padding: 10px;
	color: #fff;
	background-color: var(--color-primary);
}

@media (max-width:1200px){
	.form-fields{display:flex;flex-direction:column}
	.grid{display:flex;flex-direction:column}
	.cmp-zone-map__map .cmp-generated-map{max-width:525px}
}
@media (max-width:1000px){
	.personas{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width:600px){
	.personas{grid-template-columns:repeat(2, 1fr)}
	.textcard{flex-direction: column}
	.cmp-header__logo{max-width:194px}
}
@media (max-width:991px){
	.artists .swiper-wrapper{flex-direction: column;gap: 20px;}
}
@media (max-width:767px) {
	.cmp-hero {min-height:60dvh}
	.splitsubscribe{display: flex;flex-direction: column;}
}
@media (max-width:1200px){
	.carditem-event.cmp-event-banner__image.cmp-event-banner__image--2 {
		height: 450px !important;
		width: 100% !important;
	}
	.carditem-event.cmp-event-banner__image.cmp-event-banner__image--3 {
		width: 100% !important;
	}
}