*{padding:0;margin:0;box-sizing:border-box}html,body{font-family:Open Sans,sans-serif;background-color:#000;color:#fff;min-height:100vh}main{min-height:100vh}.display{font-family:Boogaloo,sans-serif;letter-spacing:1.5px}.success{color:#17c133}.error{color:#c11717}#app{min-height:100vh}.contain{max-width:1000px;margin:0 auto}form{display:flex;flex-direction:column;margin-top:2rem}form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}form .form-group label{font-size:.9em;margin-bottom:.25rem}form .form-group input,form .form-group textarea{padding:.2rem}form .form-group textarea{resize:vertical;min-height:150px}form .form-group small{font-size:.8em;color:#969696}form .form-group.bump{margin-bottom:2rem}form .form-group.hidden{width:0;height:0;margin-bottom:unset;overflow:hidden}form hr{margin-top:1rem;margin-bottom:1rem}@media screen and (min-width:500px){form{max-width:75%}}button,.cta-btn,.button{display:block;padding:.5rem .9rem;background-color:#000;color:#ffd41f;text-transform:uppercase;font-weight:700;font-size:1em;border:none;max-width:max-content;align-self:flex-end;text-decoration:none;cursor:pointer;margin-bottom:2rem}button.full,.cta-btn.full,.button.full{align-self:center;max-width:unset;margin-top:1rem;margin:0 auto}button,.cta-btn,.button{border-right:4px solid #ffd41f;border-bottom:4px solid #ffd41f}button:hover,.cta-btn:hover,.button:hover{background-color:#ffd41f;color:#000;border-right:4px solid black;border-bottom:4px solid black}.cta-btn{font-size:1.5em;margin-bottom:unset}header{width:100%;overflow:hidden;max-width:100%;position:relative}header .contain{display:flex;justify-content:space-between;padding:1rem;width:100%;transition:height .25s ease;height:170px}@media screen and (max-width:900px){header .contain{height:auto}}header nav{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}header nav .button{align-self:flex-end!important;font-size:1.4em!important;margin-bottom:unset;margin-top:1rem}header nav .nav-buttons{display:flex;flex-direction:row;align-items:flex-end;gap:2rem}header nav ul.upper-nav{display:flex;flex-direction:column;height:100%;width:100%}@media screen and (min-width:900px){header nav ul.upper-nav{flex-direction:row;width:100%;justify-content:flex-end;height:unset}}header nav ul.upper-nav li{list-style-type:none;display:flex;flex-direction:column;position:relative}header nav ul.upper-nav li .main-link{display:flex;align-items:flex-end;justify-content:center;color:#fff}header nav ul.upper-nav li .main-link .plus{padding:.3rem;cursor:pointer;display:none}@media screen and (max-width:900px){header nav ul.upper-nav li .main-link .plus{display:block}}@media screen and (min-width:900px){header nav ul.upper-nav li{padding-top:0;padding-right:2rem}header nav ul.upper-nav li:last-child{padding-right:unset}header nav ul.upper-nav li:last-child ul{right:0}}@media screen and (min-width:900px){header nav ul.upper-nav li:hover ul.inner-nav{opacity:1;display:flex}}header nav ul.upper-nav li ul.inner-nav{display:none}header nav ul.upper-nav li ul.inner-nav.open{display:flex}header nav ul.upper-nav li ul.inner-nav{z-index:99999999999;background-color:#000;border-bottom:4px solid #ffd41f;position:absolute;top:100%;right:2rem;flex-direction:column;text-align:right;justify-content:flex-end;padding-top:.5rem;padding-bottom:.5rem}@media screen and (max-width:900px){header nav ul.upper-nav li ul.inner-nav{position:unset;background-color:unset;width:max-content;align-self:flex-end;margin-bottom:1.5rem}}header nav ul.upper-nav li ul.inner-nav li{padding:unset;padding-top:.5rem;padding-bottom:.5rem;text-align:right;align-self:flex-end;display:flex;align-items:flex-end}header nav ul.upper-nav li a{flex:1;text-decoration:none;color:#fff;padding:.3rem;text-align:right}header nav ul.upper-nav li a:hover{color:#ffd41f}header nav ul.upper-nav li a.active{color:#ffd41f}header nav ul.upper-nav li a{font-size:1.2em}header .logo{height:100%;position:relative;width:110px;height:120px}header .logo #logo-canvas{display:block;width:110px;height:120px;top:0;position:absolute;background-image:url(/img/logo_white.svg)}header .logo canvas{animation:fadeIn .25s forwards}.lightray{width:100%;height:100px;text-align:center;position:relative}.lightray .blocker{background:#fff;position:relative;z-index:2;height:100%}.lightray .rays{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.lightray .rays:before{position:absolute;background:inherit;content:"";display:block;left:0;right:0;z-index:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;top:0;clip-path:polygon(0 0,100% 0,100% 30px,0 5px);height:100%;background-color:#000}.lightray .rays:after{position:absolute;background:inherit;content:"";display:block;left:0;right:0;z-index:2;backface-visibility:hidden;-webkit-backface-visibility:hidden;top:0;clip-path:polygon(0 0,100% 0,100% 100%,0 10px);height:100%;background-color:#ffd41f}.news{padding:2rem 1rem 1rem;position:absolute;z-index:9999}.news h3{color:#ffd41f}.news ul{list-style-type:none;margin-top:.25rem}.news ul li{padding-top:.5rem;padding-bottom:.5rem;padding-left:.5rem;border-left:0px solid #ffd41f;transition:border .25s ease-in-out,padding-left .25s ease-in-out}.news ul li:hover{border-left:4px solid #ffd41f;padding-left:.5rem}.news ul li a{color:#fff}@media screen and (min-width:500px){.news ul li{padding-top:.35rem;padding-bottom:.35rem;padding-left:.35rem}}@media screen and (min-width:1000px){.news{padding-left:calc((100% - 1000px)/2 + 1rem)}}#spot-canvas{position:absolute;top:0;left:0;box-sizing:border-box;max-width:100%;pointer-events:none;z-index:2}main#homepage{position:relative;background-color:#fff;z-index:2}.page.homepage .content{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:0;margin-bottom:4rem;text-align:center}.page.homepage .contain{max-width:1300px}.page.homepage header .contain{max-width:1000px}.page.homepage h1{font-size:3em;margin-bottom:unset}.page.homepage h2{font-size:2.5em}.page.homepage .button{margin-bottom:unset;justify-self:center;align-self:center;margin-top:.5rem;font-size:1.5rem}.page.homepage .pictures{width:100%}.page.homepage .picture{height:275px;position:relative;border-radius:unset;margin-top:1.5rem;grid-column-gap:unset}.page.homepage .picture.right{background-position:center right}.page.homepage .picture.center{background-position:center}.page.homepage .picture.left{background-position:center left}.page.homepage .picture.top{background-position:top}.page.homepage .picture.bottom{background-position:bottom}.page.homepage .picture:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;background:linear-gradient(90deg,#fff,#fff0 5% 95%,#fff)}.services{margin-top:2rem;display:flex;flex-direction:column;gap:2rem;width:100%}@media screen and (max-width:768px){.services{justify-content:flex-end;align-items:flex-end}}.services .row{display:grid;grid-template-columns:1fr 1fr 1fr;flex-direction:row;justify-content:space-around}@media screen and (max-width:768px){.services .row{grid-template-columns:1fr;justify-content:flex-end;align-items:flex-end;gap:1rem}.services .row .button{justify-self:flex-end}}.services .row.single{grid-template-columns:1fr}.page{color:#000;background-color:#fff}.page header{background-color:#000}.page .header-cut{margin-bottom:-5%;margin-top:-1px}.page .footer-cut{margin-top:6rem;position:relative;margin-bottom:-1px}.page .footer-cut img{position:absolute;bottom:0;left:0}.p-404{min-height:100vh}.content{width:100%;padding:1rem;margin-bottom:2rem;margin-top:2rem}.content h1{margin-bottom:1rem;font-size:2em}.content h2{margin-bottom:1rem;font-size:1.6em}.content h3{margin-bottom:.5rem;font-size:1.3em}.content p{margin-bottom:2rem;letter-spacing:1px;max-width:70ch;line-height:28px}.content p a{font-weight:700;color:#787878;text-decoration:none;border-bottom:4px solid #ffd41f;text-decoration-skip-ink:none}.content p a:hover{color:#000}.content .pictures{display:grid;grid-template-columns:1fr}@media screen and (min-width:500px){.content .pictures{grid-template-columns:1fr 1fr;grid-column-gap:1.5rem}}.content .picture{width:100%;height:300px;background-size:cover;background-position:top center;background-repeat:no-repeat;margin-bottom:2rem;position:relative;border-radius:5px}.content .picture.long{height:600px}.content .picture.contain{background-size:contain;background-position:top left}.content .picture.img-contain{background-size:contain!important;background-position:top left}.content .picture.img-top-right{background-position:top right!important}.content .picture.img-bottom-right{background-position:bottom right!important}.content .picture.img-top-left{background-position:top left!important}.content .picture.img-bottom-left{background-position:bottom left!important}.content .picture:hover .credit{opacity:1}.content .picture .credit{position:absolute;left:0;bottom:0;font-weight:700;padding:.3rem;color:#fff;font-size:.6em;letter-spacing:1px;transition:.5s ease;opacity:.6}.content .picture .credit:hover{background:#fff;color:#000}.content .picture .credit i{margin-right:5px;font-size:.9em}blockquote{margin-top:1rem;margin-bottom:1rem;font-size:1.5em;color:#fff;background-color:#000;background-image:url(/img/light.svg);background-repeat:no-repeat;width:max-content;max-width:100%;padding:.5rem 1rem .5rem 3.25rem;border-radius:3px}.mini-menu{display:flex;flex-direction:column;align-items:flex-start;font-size:.8em;margin-bottom:.5rem;margin-top:-1rem}.mini-menu a{margin-bottom:.25rem;font-weight:700;color:#787878;text-decoration:none;border-bottom:2px solid #ffd41f;text-decoration-skip-ink:none}.mini-menu a:hover{color:#000}.news-item{display:flex;flex-direction:column;max-width:70ch}.news-item span{font-style:italic;font-size:.9em}.news-item a{margin-bottom:.25rem;font-weight:700;color:#787878;text-decoration:none;border-bottom:2px solid #ffd41f;text-decoration-skip-ink:none}.news-item a:hover{color:#000}table.plain{border-collapse:collapse}table.plain td{padding-right:3rem}@media(max-width:500px){table.plain,table.plain tbody,table.plain tr,table.plain td{display:block;width:100%}table.plain tr{margin-bottom:1rem}table.plain td{padding-right:0;padding-bottom:.5rem;box-sizing:border-box}}.persons{display:grid;grid-template-columns:1fr;margin-top:2rem;grid-row-gap:4rem}@media screen and (min-width:1000px){.persons{grid-template-columns:1fr 1fr;grid-column-gap:1.5rem}}.person{display:grid;grid-template-columns:1fr}@media screen and (min-width:650px){.person{grid-template-columns:max-content 1fr}}.person h2{margin-bottom:.5rem}.person h2,.person h3{text-align:center}@media screen and (min-width:650px){.person h2,.person h3{text-align:left}}.person .photo{justify-self:center;height:125px;width:125px;border:4px solid #ffd41f;border-spacing:20px;border-radius:50%;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center center}@media screen and (min-width:650px){.person .photo{justify-self:flex-start}}.person .text,.person .text p{padding-top:1rem}@media screen and (min-width:650px){.person .text{padding-top:unset;padding-left:2rem}.person .text p{padding-top:0;padding-right:.5rem}}.youtube{border-radius:5px;padding-left:0;max-width:70ch;margin-left:0}.youtube .ratio-16-9{padding-top:56.25%;display:block;position:relative;width:100%;height:0;border-radius:5px}.youtube iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:5px}.masterclass_masters{background-image:green;display:grid;grid-template-columns:repeat(1,1fr);grid-row-gap:2rem;grid-column-gap:2rem}@media screen and (min-width:500px){.masterclass_masters{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:650px){.masterclass_masters{grid-template-columns:repeat(3,1fr)}}.masterclass_masters .masterclass_master{background-color:#000;text-align:center;color:#fff;text-decoration:none;border-top:4px solid #ffd41f;border-bottom:4px solid #ffd41f}.masterclass_masters .masterclass_master:hover{color:#ffd41f}.masterclass_masters .masterclass_master{display:flex;justify-content:space-between;flex-direction:column}.masterclass_masters .masterclass_master .masterclass_info{display:flex;flex-direction:column;justify-content:space-between;padding:1rem .5rem}.masterclass_masters .masterclass_master .masterclass_info h4{font-size:.7em;margin-bottom:0}.masterclass_masters .masterclass_master .masterclass_info h3{font-size:1em;margin-bottom:0;font-weight:700;padding-bottom:.25rem;padding-top:.25rem}.masterclass_masters .masterclass_master .masterclass_info h5{font-size:.85em;margin-bottom:0}.masterclass_masters .masterclass_master .masterclass_master_image{background-size:contain;background-repeat:no-repeat;background-position:bottom center;width:100%}.masterclass_master{opacity:0;animation:fadeIn .6s ease 1 forwards}.masterclass_master:nth-child(n){animation-delay:.25s}.masterclass_master:nth-child(2n){animation-delay:.5s}.masterclass_master:nth-child(3n){animation-delay:.75s}.masterclass_master:nth-child(4n){animation-delay:1s}.masterclass_master:nth-child(5n){animation-delay:1.25s}.masterclass_master:nth-child(6n){animation-delay:1.5s}.masterclass_master:nth-child(7n){animation-delay:1.75s}.masterclass_master:nth-child(8n){animation-delay:2s}.masterclass_master:nth-child(9n){animation-delay:2.25s}.masterclass_master:nth-child(10n){animation-delay:2.5s}.masterclass_master:nth-child(11n){animation-delay:2.75s}.masterclass_master:nth-child(12n){animation-delay:3s}.masterclass_master:nth-child(13n){animation-delay:3.25s}.masterclass_master:nth-child(14n){animation-delay:3.5s}.masterclass_master:nth-child(15n){animation-delay:3.75s}footer{width:100%;color:#fff;background-color:#000;padding-bottom:1.5rem;padding-top:1.5rem;background-repeat:no-repeat;border-top:4px solid #ffd41f;font-size:1.3em}footer .contain{width:100%;height:100%;display:flex;justify-content:center;padding-left:1rem;padding-right:1rem;align-items:center;flex-direction:column;text-align:center}footer a{color:#fff;fill:#fff}footer .fa-instagram{margin-top:.55rem;margin-left:.75rem;font-size:1.1em}.newsbanner{z-index:999;position:relative;background-color:#000;text-align:center;border-bottom:4px solid white;height:100%;margin-bottom:1rem;padding:.75rem;border-bottom:4px solid #ffd41f;font-size:1.3em}.newsbanner a{text-decoration:none;color:#ffd41f;border-bottom:4px solid black;animation:reveal 2s ease 0s infinite alternate;transform-origin:center center;display:inline-block}.newsbanner a:hover{border-color:#ffd41f}@keyframes reveal{0%{transform:scale(1)}to{transform:scale(1.1)}}.projects{display:grid;grid-template-columns:repeat(1,1fr);grid-row-gap:2rem;grid-column-gap:2rem;margin-bottom:2rem}.projects a{text-align:center;height:250px;vertical-align:bottom;display:flex;justify-content:center;align-items:flex-end;color:#fff;text-decoration:none;background-size:cover;background-repeat:no-repeat;background-color:#000;background-position:center center;padding:.5rem;border-top:4px solid #ffd41f;border-bottom:4px solid #ffd41f}.projects a span{background-color:#000000bf;padding:.25rem}.projects a.img-contain{background-size:contain!important;background-position:top left}.projects a.img-top-right{background-position:top right!important}.projects a.img-bottom-right{background-position:bottom right!important}.projects a.img-top-left{background-position:top left!important}.projects a.img-bottom-left{background-position:bottom left!important}@media screen and (min-width:500px){.projects{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:650px){.projects{grid-template-columns:repeat(3,1fr)}}.vrienden-logos{display:grid;grid-template-columns:repeat(1,1fr);grid-row-gap:2rem;grid-column-gap:2rem;margin-bottom:2rem}.vrienden-logos .vriend-logo{background-size:contain;background-repeat:no-repeat;background-color:transparent;background-position:center center;height:200px}@media screen and (min-width:500px){.vrienden-logos{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:650px){.vrienden-logos{grid-template-columns:repeat(3,1fr)}}.spotlight-container{display:flex;flex-direction:column;min-height:440px;width:100%;height:100%}@media screen and (max-width:768px){.spotlight-container{min-height:700px}}.spotlight-container .spotlight-slider{flex:1;background-color:#000;position:relative}.spotlight-container .spotlight-slider .slides{position:absolute;width:100%;display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden}.spotlight-container .spotlight-slider .slide{position:absolute;display:grid;grid-template-columns:1fr .68fr;grid-template-rows:1fr;width:100%;height:100%;top:0;left:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translate(0);opacity:0}@media screen and (max-width:768px){.spotlight-container .spotlight-slider .slide{grid-template-columns:1fr;grid-template-rows:1fr 45%}}.spotlight-container .spotlight-slider .slide.active{z-index:10;opacity:1}.spotlight-container .spotlight-slider .slide .image{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000;width:100%;height:100%;position:relative}.spotlight-container .spotlight-slider .slide .content{height:100%;color:#fff;background-color:#000;background-image:url(/img/light.svg);background-repeat:no-repeat;background-size:cover;background-position:top left;display:flex;flex-direction:column;justify-content:center;text-shadow:0 0 .5rem black}.spotlight-container .spotlight-slider .slide .content h3{text-transform:uppercase}.spotlight-container .spotlight-slider .slide .content .button{justify-self:flex-end}.spotlight-container .spotlight-slider .slide .content .button:hover{text-shadow:none}.agenda-container{display:flex;flex-direction:column;width:100%;height:100%}.agenda-container .agenda-slider{flex:1;background-color:transparent}.agenda-container .agenda-slider .slides{width:100%;display:flex;flex-direction:column;height:100%;flex:1;gap:1rem;overflow:hidden}.agenda-container .agenda-slider .slide{min-height:200px;flex:1;display:grid;grid-template-columns:.65fr 1fr;grid-template-rows:1fr;width:100%;height:100%;top:0;left:0}@media screen and (max-width:768px){.agenda-container .agenda-slider .slide{grid-template-columns:1fr;grid-template-rows:1.5fr .5fr}}.agenda-container .agenda-slider .slide.active{z-index:10;opacity:1}.agenda-container .agenda-slider .slide .image{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000;width:100%;height:100%;position:relative}.agenda-container .agenda-slider .slide .content{height:100%;color:#fff;background-color:#000;background-image:url(/img/light.svg);background-repeat:no-repeat;background-size:cover;background-position:top left;display:flex;flex-direction:column;justify-content:center;text-shadow:0 0 .5rem black}.agenda-container .agenda-slider .slide .content h3{text-transform:uppercase}.agenda-container .agenda-slider .slide .content p{margin-bottom:unset}.agenda-container .agenda-slider .slide .content .button{justify-self:flex-end}.agenda-container .agenda-slider .slide .content .button:hover{text-shadow:none}