@font-face{font-family:"Museo Sans";src:url(../fonts/MuseoSans-300.woff2)}
@font-face{font-family:"Museo Sans";src:url(../fonts/MuseoSans-700.woff2);font-weight:600}
@font-face{font-family:"Museo Slab";src:url(../fonts/MuseoSlab-500.woff2)}
@font-face{font-family:"Museo Slab";src:url(../fonts/MuseoSlab-700.woff2);font-weight:600}
:root{
	--font-body:"Museo Sans";
	--font-headings:"Museo Slab";
	--color-primary:#333;
	--color-secondary:#555;
}
html,body{width:100%;height:100%;margin:0;padding:0;background:#fff;font-size:16px;line-height:21px;color:#000}
body{overflow-y:scroll}
h1,h2,h3,h4,h5,h6,select,textarea,input,button{font-family:inherit;font-size:inherit}
textarea{width:100%;min-height:140px;field-sizing:content}
h1{font-size:clamp(1.3rem, .6rem + 1.0vw, 3.9rem)}
h2{font-size:clamp(1.2rem, .6rem + 0.7vw, 3.4rem)}
h3{font-size:clamp(1.1rem, .6rem + 0.5vw, 2.9rem)}
h4{font-size:clamp(1.0rem, .6rem + 0.3vw, 2.6rem)}
h5{font-size:clamp(0.9rem, .6rem + 0.1vw, 2.4rem)}
h6{font-size:clamp(0.8rem, .6rem + 0.1vw, 1.7rem)}
*:not(h1,h2,h3,h4,h5){font-family:var(--font-body)}
h1,h2,h3,h4,h5{font-family:var(--font-headings);color:#000;margin:0 0 5px;line-height:1.3em;text-wrap:balance;font-weight:600}
a,a:hover,a:focus,label,button,p{-webkit-tap-highlight-color:transparent}
a,a:hover,a:focus{color:var(--color-primary);text-decoration:none}
p:first-of-type{margin-block-start:0}
p:empty{display:none}
img{max-width:100%;display:block}
button{background:none;appearance:none;border:none;padding:0;margin:0;cursor:pointer}
input:focus-visible{outline:none}
select,input{line-height:24px}
button,label{user-select:none}
input[type="checkbox"],input[type="radio"]{cursor:pointer}
span,label{word-break:break-word}
div{box-sizing:border-box}
table{border-spacing:0;font-size:83%}
th{background:#ee7608;color:#fff;padding:3px 3px 3px 0}
th:first-child{padding-left:5px}
td{padding:0;vertical-align:text-bottom}
td:has(strong){padding-top:10px}
form{margin:auto}
.diptych__right::-webkit-scrollbar{width:8px}
.diptych__right:hover::-webkit-scrollbar-thumb{background:#00000025}
.diptych__right::selection{color:#fff;background:var(--color-primary)}
.diptych{display:grid}
	.diptych__left{padding:0;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;text-align:center;background-position:center;position:relative;background-size:cover;box-sizing:border-box;overflow:hidden;background-repeat:no-repeat}
	.diptych__right{padding:60px 5vw;overflow:auto;position:relative;display:flex;flex-direction:column}
	.overlay{max-height:60%;max-width:90%}
.diptych__right .logo{width:100%;margin-bottom:40px;display:flex;justify-content:flex-end}
.diptych__right .logo img{width:16cqw;max-width:160px;min-width:100px}
.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:.5;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:21px 12px 8px 12px;border:1px solid var(--color-primary);min-height:55px;outline:none;background:#fff;color:#000}
	.form-field__input.error{border-color:red !important;background:#ffa4a4}
	.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.25em;width:0.45em;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:25px;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:var(--color-primary);height:11px;width:11px;top:2px}
	.form-field__label:not(:is(.form-field--radios, .form-field--checkbox) .form-field__label){color:#000}
	.form-field__label{left:15px;position:absolute;top:16px;transition:all 0.2s ease-out;width:100%}
	:is(.form-field--textarea,.form-field--text,.form-field--select) .form-field__label{width:calc(100% - 29px)}
	.form-field__input:focus, .form-field__input:not(:placeholder-shown){border:1px solid var(--color-primary)}
	.form-field__input:focus ~ .form-field__label, .form-field__input:not(:placeholder-shown) ~ .form-field__label{font-size:80%;top:7px;left:13px;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:not(:first-child){margin-top:20px}
	.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:30px}
	.phone-number{display:flex;gap:6px}
.pull-right{margin-left:auto}
.required-star{font-size:80%}
.share{position:fixed;right:25%;translate:50% 0;top:0;z-index:2;background:var(--color-primary);color:#fff;display:flex;gap:10px;border-radius:0 0 8px 8px;padding:5px 9px;align-items:center}
.share:hover{color:#fff;background:var(--color-secondary)}
.introduce-question{margin-bottom:25px}
.introduce-container{display:flex;flex-wrap:wrap;margin-bottom:25px}
.introduce{width:100%;position:relative}
.introduce+.introduce{margin-top:25px}
.introduce .remove{position:absolute;right:-5px;top:-26px;z-index:2;padding:5px}
.button,.button:focus{text-decoration:none;appearance:none;outline:none;box-shadow:none;touch-action:manipulation;cursor:pointer;display:inline-block;text-align:center;font-size:16px;font-weight:500;padding:12px 48px;background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff;position:relative;transition:all .2s ease;z-index:1;font-weight:600;box-sizing:border-box;margin-left:0;margin-right:auto}
.button--small,.button--small:focus{padding-left:10px;padding-right:10px}
.button:hover{background-color:var(--color-secondary);border:1px solid var(--color-secondary);color:#fff}
.button.disabled{pointer-events:none;opacity:.2}
.visitorcontrol,.visitorcontrol svg{fill:#000;color:#000}
.visitorcontrol{display:flex;padding-top:20px;margin-top:auto;margin-bottom:25px;gap:5px;align-items:center;font-size:10px;justify-content:center;align-content:center;font:10px Arial;opacity:.3}
.visitorcontrol a{color:inherit;font:inherit}
.poweredby{display:flex;gap:5px;font:inherit}
.poweredby svg{vertical-align:text-top}
.langswitch{position:absolute;right:10px;top:25px;display:flex;gap:8px}
.tabs{display:flex;gap:10px;background:#60aa17;padding:0;width:100%;position:relative;overflow-x:auto}
.tabs:not(:has(button+button)){display:none}
.tabs .tab{padding:8px 15px;color:#fff;white-space:nowrap;display:flex;font-size:105%;font-weight:600}
.tabs .tab.active,.tabs .tab:hover{background:#437910}
.tabs-fade{display:none}
.message{position:fixed;pointer-events:none;top:50%;left:50%;padding:8px;background:#0cb50c;z-index:2;color:#fff;text-align:center;transform:translate(-50%,-50%);border-radius:5px;transition:opacity .3s ease-in}
.message--fixed-to-top{top:15px;left:50%;transform:translateX(-50%)}
.message--red{background:red}
.hidden{opacity:0}
.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)}
.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([data-column="voornaam"],[data-column="tussenvoegsel"],[data-column="achternaam"]){grid-column:4 span} */
/* .introduce .grid__cell:has([data-column="introduce-0-voornaam"],[data-column="introduce-0-achternaam"]){grid-column:6 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}
.add_introduce,.add_introduce:focus,.add_introduce:hover{font-weight:400;padding:6px 10px}
.back{display:flex;gap:6px;align-items:center}
.aanvulling-introduces{display:flex;gap:15px;flex-direction:column;align-items:flex-start;margin:20px 0}
.aanvulling-introduces input{width:100px;padding:12px}
.block{margin-bottom:50px;display:flex;gap:20px;align-items:flex-start}
.block img{width:230px;margin-bottom:20px}
.block p{margin-block-start:0}
.block:has(p:empty:only-child){display:none}
.block p:empty{display:none}
.details{padding:20px;background:rgba(255,255,255,.8);margin-top:auto}
.intro{margin-bottom:25px}
.intro em{font-size:13px}
.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}
.grid__cell:has([data-column="dieetwensen_geen"] :checked) ~ .grid__cell:has([data-column^="dieetwensen"]){display: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}
[lang="ar"]{direction:rtl}
[lang="ar"] .form-field__label{left:auto;right:15px}
[lang="ar"] .form-field--radios .form-field__label,[lang="ar"] .form-field--checkbox .form-field__label{padding-right:15px;padding-left:0}
[lang="ar"] .form-field--select:after{right:auto;left:17px}
.header{width:100%;z-index:2;position:relative;display:flex}
.event-logo{position:absolute;right:40px;top:0;width:8%;background:#fff;border-radius:0 0 20% 20%;padding:1.2%;box-sizing:border-box}
.main{width:100%;padding:0;position:relative;display:flex;flex-direction:column}
.norlandia{width:100%}
.studiedag{height:100%;width:40%;object-fit:cover}
.content{background:#fff;padding:20px;height:calc(100% - 30px);box-sizing:border-box}
.formulier{margin-top:50px}
.availability{color:#61A60E;font-weight:600}
.last-seats{color:#EE7623}
.no-seats{color:red}
.moment .form-field--radios .form-field__label{display:flex;gap:6px}
.content{margin:auto;width:100%;max-width:946px;margin-top:50px}
.content:has(.hometab){max-width:unset;padding:0;margin-top:0}
.content > div:not(.home){margin:auto;width:100%;max-width:946px;margin-top:50px}
.balk .inner{margin:auto;width:100%;max-width:946px}
.balk .inner.padding{padding:30px 0}
.balk.groen{background:#cde4c2}
.witblok{background:#fff;padding:30px}
.witblok--afgerond{background:#fff;padding:20px;border-radius:15px}
.rond{border-radius:50%;object-fit:cover;aspect-ratio:1}
.vierkant--afgerond{border-radius:15px;object-fit:cover;aspect-ratio:4 / 3.5}
.vierkant{object-fit:cover;aspect-ratio:1;display:inline-block;vertical-align:middle}
.half{width:50%}
.split{display:grid;grid-template-columns:1fr 2fr;gap:40px}
.text-center{text-align:center}
.text-right{text-align:right}
.button-yellow{background:#f9e11e;color:#000;padding:10px 60px;font-size:120%;font-weight:600;border-radius:30px}
.button-orange{background:#EE7623;color:#fff;padding:10px 60px;font-size:120%;font-weight:600;border-radius:30px}
.button-pink{background:#c68790;color:#000;padding:10px 60px;font-size:120%;font-weight:600;border-radius:30px;display:inline-flex;margin:0 auto}
.button-yellow:hover,.button-yellow:focus{background:#000;color:#fff}
.button-orange:hover,.button-orange:focus{background:#000;color:#fff}
.big{font-size:250%;font-weight:600;text-wrap:balance;line-height:1em}
.icon-container{display:flex;align-items:flex-start;gap:20px}
.hometab table p{margin:0}
.vertical-center{display:flex;flex-direction:column;justify-content:center}
.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%}
.icon-container div img{width:37px;display:inline-block;margin:0 6px 0 -43px;vertical-align:middle}
.programma h1{color:#61A60E}
.programma strong{color:#F3C300}
.praktisch .icon-container{margin-left:43px}
.praktisch h1{color:#6AAAE4}
.praktisch strong{color:#7B6756}
.registratie h1{color:#61A60E}
.contact h1{color:#6AAAE4}
[style*="f1c40f"]{color:#F3C300 !important}
[style*="2980b9"]{color:#6AAAE4 !important}
[style*="e67e22"]{color:#EE7623 !important}
[style*="16a085"]{color:#61A60E !important}
[style*="2c3e50"]{color:#7B6756 !important}
.faq p strong{display:inline-block}
.faq p strong:before{content:'•';padding-right:5px;color:#5fae1e}
.workshops img{object-fit:cover;aspect-ratio:1;max-width:300px;border-radius:15px}
.groep-titel{cursor:pointer}
.groep.open{display:block !important}
.moment .form-field__option:has(.no-seats){pointer-events:none}
.moment .form-field__option:has(.no-seats) input{opacity:0}

@media (min-width:1200px){
	.tabs{justify-content:center}
	.tabs .tab{font-size:17px}
}
@media (max-width:1200px){
	.event-logo {width:12%}
}

@media (max-width:720px){
	.visitorcontrol{flex-direction:column}
	.button, .button:focus{width:100%}
	.event-logo {width:24%;padding:2.5%}
	.inner,.workshops,.faq .faq,.registratie,.contact{padding-left:30px !important;padding-right:30px !important}
	.workshops img{max-width:100%}
	.split{display:flex;flex-direction:column}

	.tabs{padding-right:30px;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-snap-align:start}
	.tabs .tab{scroll-snap-align:start;scroll-margin-left:10px}
	.tabs-fade{content:'';height:52px;width:40px;position:absolute;right:0;top:0;pointer-events:none;background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, #cfe4c7 100%);display:block}
}
@media (min-width:721px){
	.poweredby:after{content:' -'}
}
@media (max-width:1200px){
	.form-fields{display:flex;flex-direction:column}
	.grid{display:flex;flex-direction:column}
	.block{display:block;margin:0 0 30px}
	.studiedag{display:none}
	.norlandia{width:100%}
}