*{margin:0;padding:0;font-family:Didact Gothic,sans-serif}h1,h2{font-family:Rubik,sans-serif;color:#20268e}h1{font-size:3.5em}p{line-height:1.6rem;letter-spacing:.1rem;font-size:1.2rem}a{text-decoration:none}p>a{color:#fff;text-decoration:underline}li{list-style:none}#animatedbezlogo{max-width:85vw;max-height:65vh}.crooked:before{content:"";display:block;position:relative;width:100%;height:2vw;background:linear-gradient(to top left,#fff 50%,transparent 52%)}.crooked:after{content:"";display:block;position:relative;height:2vw;background:linear-gradient(to bottom left,#fff 50%,transparent 52%)}.crooked+*{margin-top:-2vw}body{overflow-x:hidden}body>div{display:grid;grid-template-rows:80px auto;background-color:#fff}body>div>main{background-color:#fff;margin-bottom:160px}body>div>main>.title{background-color:#fff}body>div>main>.title:before{content:"";display:block;position:relative;width:100%;height:2vw;background:linear-gradient(to top left,#fff 50%,transparent 52%)}body>div>main>.title:after{content:"";display:block;position:relative;height:2vw;background:linear-gradient(to bottom left,#fff 50%,transparent 52%)}body>div>main>.title+*{margin-top:-2vw}body>div>main>section{background-image:linear-gradient(#42c892e6,#021f53e6),url(../../../koorbw.webp);background-position:left bottom,center bottom;background-repeat:no-repeat;color:#fff}body>div>main>section h1,body>div>main>section h2,body>div>main>section h3,body>div>main>section h4{color:#fff}body>div>main>section p+p,body>div>main>section h1+p{margin-top:12px}body>div>main>section>.container{padding-top:110px;padding-bottom:110px}.main{place-content:center}.side{display:grid;align-content:space-evenly;justify-items:center}.side>img{position:relative;max-width:65%;border:12px solid white;box-shadow:0 0 22px #443333bf}.side>img+img{margin-top:12px}@media (min-width: 768px){.side>img+img{margin-top:0}}.repertoire{line-height:1.6rem;letter-spacing:.1rem;font-size:1.2rem;border:2px solid #fff;border-radius:.25em}.repertoire>.title{color:#20268e;text-align:center;background-color:#fff;font-weight:700;padding:8px}.repertoire>.legend{border-bottom:1px solid #fff;margin:0 12px}.repertoire>.legend>*{font-weight:700;-webkit-user-select:none;user-select:none;padding:8px 0}.repertoire>.legend>*:nth-of-type(2){padding-left:12px}.repertoire>.legend>*>span{cursor:pointer}.repertoire>ul>li{transition:background-color .25s ease-in-out}.repertoire>ul>li:hover{background-color:#ffffff1a}.repertoire>ul>li>*{padding:6px 12px}.conductor>.main{margin-top:24px}.conductor>.main>p.function{margin-bottom:32px}.conductor>.main>p.function:after{content:"";display:block;background-color:#fff;height:3px;width:60px}@media (min-width: 768px){.conductor{display:grid;grid-template-columns:1fr 1fr}.conductor>.main{margin-top:0}}.board h2:after{content:"";display:block;background-color:#fff;height:3px;width:60px}.board>.members{display:flex;flex-direction:column}@media (min-width: 768px){.board>.members{display:grid;margin-top:24px}}.board .member{text-align:center}.board .member>img{position:relative;aspect-ratio:1;object-fit:cover;max-width:65%;width:240px;border:12px solid white;box-shadow:0 0 22px #443333bf}.board .member+.member{margin-top:12px}@media (min-width: 768px){.board .member+.member{margin-top:0}}.container{max-width:1000px;padding-left:8px;padding-right:8px;margin:auto}header{display:grid;z-index:1001;position:sticky;top:0;background-color:#fff;box-shadow:0 1px 10px #0003;overflow:hidden}header>.navigation{max-width:1000px;padding:14px 8px;margin:auto;width:calc(100% - 16px);display:grid;grid-template-columns:80px auto}header>.navigation>.brand{font-size:0}header>.navigation>.brand svg{height:50px}header>.navigation>.brand svg path{fill:#20268e;transition:fill .25s ease-in-out}header>.navigation>.brand:hover svg path{fill:#42c892}header>.navigation>.hamburger{margin:8px;align-self:center;justify-self:end;display:block;transform:scale(-1)}header>.navigation>.hamburger:has(~input:checked)>span:first-of-type{transform:rotate(45deg)}header>.navigation>.hamburger:has(~input:checked)>span:nth-of-type(2){transform:translateY(10px) translate(-100px);opacity:0}header>.navigation>.hamburger:has(~input:checked)>span:nth-of-type(3){transform:translateY(20px) rotate(-45deg)}header>.navigation>.hamburger>span{background-color:#20268e;transition:transform .25s ease-in-out,opacity .25s ease-in-out}header>.navigation>.hamburger>span:first-of-type{transform-origin:left top}header>.navigation>.hamburger>span:nth-of-type(2){transform:translateY(10px)}header>.navigation>.hamburger>span:nth-of-type(3){transform-origin:left bottom;transform:translateY(20px)}header>.navigation>nav{position:fixed;min-width:50%;padding:8px;right:0;top:79px;bottom:0;background-color:#fff;box-shadow:-10px 10px 10px #0003;transform:translate(calc(100% + 16px));transition:transform .25s ease-in-out}header>.navigation>nav:has(~input:checked){transform:translate(0)}header>.navigation>nav>ul>li{padding:16px 24px;text-align:end}header>.navigation>nav>.selector{display:none}@media (min-width: 768px){header>.navigation>.hamburger{display:none}header>.navigation>nav{margin:8px;padding:0;position:relative;right:unset;top:unset;bottom:unset;box-shadow:unset;transform:translate(0);display:grid;align-items:center}header>.navigation>nav>ul{display:flex;column-gap:16px;justify-content:end}header>.navigation>nav>ul>li{padding:0;text-align:left}header>.navigation>nav>ul>li>a{color:#20268e;transition:color .25s ease-in-out}header>.navigation>nav>ul>li>a:hover{color:#42c892}header>.navigation>nav>.selector{background-color:#20268e;display:block;transition:width .25s ease-in-out,left .25s ease-in-out}}.links{background-color:#fff}.links:before{content:"";display:block;position:relative;width:100%;height:2vw;background:linear-gradient(to top left,#fff 50%,transparent 52%)}.links:after{content:"";display:block;position:relative;height:2vw;background:linear-gradient(to bottom left,#fff 50%,transparent 52%)}.links+*{margin-top:-2vw}.links:before{position:absolute;margin-top:-2vw}.links>.container{display:grid;gap:12px}.links>.container>a{display:flex;align-items:center;font-size:1.4rem;font-weight:700;color:#fff;padding:16px;gap:12px;transition:scale .25s ease-in-out}.links>.container>a:first-of-type{background-color:#20268e}.links>.container>a:nth-of-type(2){background-color:#42c892}.links>.container>a:nth-of-type(3){background-color:#021f53}.links>.container>a:nth-of-type(4){background-color:#20268e}.links>.container>a>svg{width:48px;fill:#fff}.links>.container>a:hover{scale:.97}@media (min-width: 420px){.links>.container{grid-template-columns:repeat(2,1fr)}.links>.container>a{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center}}@media (min-width: 640px){.links>.container{grid-template-columns:repeat(4,1fr)}}.event{border:2px solid #fff;border-radius:.25em;display:grid;grid-template-areas:"date date" "title image" "address image";grid-template-rows:auto 2fr auto;grid-template-columns:1fr 1fr;color:#fff;transition:scale .25s ease-in-out}@media (min-width: 768px){.event{grid-template-areas:"image date" "image title" "image address";grid-template-rows:auto 5fr 2fr;grid-template-columns:240px auto}.event>.date{width:40%;font-weight:700}.event>.date:after{content:"";display:block;position:absolute;top:0;right:-12px;height:100%;width:12px;background-image:linear-gradient(to bottom right,#fff 50%,transparent 52%)}.event>.title{font-size:1.4rem;position:relative}.event>.title.elapsed:after{content:"Datum verstreken";color:#f00c;position:absolute;font-size:1.8rem;border:2px solid rgba(255,0,0,.8);padding:2px 6px;right:10%;top:25%;rotate:-12deg}}.event>img,.event svg{grid-area:image;width:100%;height:100%;object-fit:cover;border-radius:.25em;aspect-ratio:16 / 9}.event>svg{fill:#021f53;background-color:#42c892}.event>.date{background-color:#fff;position:relative;grid-area:date;color:#20268e;padding:4px 12px}.event>.title{grid-area:title;font-size:1.2rem;letter-spacing:.1rem;font-weight:700;padding:8px 12px}.event>.placetime{grid-area:address;font-size:.8rem;padding:8px 12px}.event+.event{margin-top:12px}.event:hover{scale:1.01}.news{border-radius:.25em .25em 0 0;display:grid;grid-template-areas:"image" "title" "details";grid-template-rows:auto auto auto;grid-template-columns:1fr}.news>img,.news svg{background-color:#42c892;grid-area:image;width:100%;object-fit:cover;border-radius:.25em;aspect-ratio:16 / 9}.news>svg{fill:#021f53}.news>.title{grid-area:title;border-left:2px solid #fff;border-right:2px solid #fff}.news>.title>h2{position:relative;background-color:#fff;color:#20268e;padding:4px 12px;width:fit-content;max-width:85%}.news>.title>h2:after{content:"";display:block;position:absolute;top:0;right:-12px;height:100%;width:12px;background-image:linear-gradient(to bottom right,#fff 50%,transparent 52%)}.news>.details{grid-area:details;padding:4px 12px 32px;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-radius:0 0 .25em .25em}.news>.details>.author{font-size:.8rem;margin-bottom:16px}#map{width:100%;aspect-ratio:1.2;border-radius:.25em}.detailswrap{box-sizing:border-box;width:100%;background-color:#fff;color:#20268e;border-radius:.25em;padding:24px 12px;position:sticky;top:100px;box-shadow:0 0 22px #443333bf;font-weight:700}.detailswrap>div{margin-top:24px;display:grid;grid-template-columns:1fr 2fr}.detailswrap>div>span:first-of-type{text-transform:uppercase}.detailswrap>div+div{margin-top:12px}.album{position:relative;border:2px solid #fff;border-radius:.25em;transition:scale .25s ease-in-out;display:grid}.album:hover{scale:.99}.album>img,.album svg.logo{width:100%;object-fit:cover;height:100%;aspect-ratio:16 / 9;fill:#20268e;background-color:#42c892}.album>.types,.album .title{position:absolute;background-color:#fff;color:#20268e;width:fit-content;padding:4px 12px}.album>.types:after,.album .title:after{content:"";display:block;position:absolute;top:0;height:100%;width:12px}.album>.types{right:0}.album>.types:after{left:-12px;background-image:linear-gradient(to bottom left,#fff 50%,transparent 52%)}.album>.types>svg{height:12px;stroke:#20268e}.album>.title{bottom:0}.album>.title:after{right:-12px;background-image:linear-gradient(to top right,#fff 50%,transparent 52%)}.media{border-radius:.25em;cursor:pointer}.media>img,.media video,.media audio{width:100%;border-radius:.25em}.media>.caption{position:absolute;background-color:#fff;color:#20268e;bottom:0;width:fit-content;padding:4px 12px;font-size:.8rem}.media>.caption:after{content:"";display:block;position:absolute;top:0;right:-12px;height:100%;width:12px;background-image:linear-gradient(to top right,#fff 50%,transparent 52%)}form{color:#fff}form>fieldset{display:grid;grid-template-columns:auto;border:2px solid #fff;border-radius:.25em;padding:22px}form>fieldset>legend{font-size:1.8rem;padding:0 16px}form>fieldset>input,form>fieldset textarea{margin-top:22px;padding-left:16px;padding-bottom:6px;font-size:22px;border-bottom:2px solid white;color:#fff;border-top-width:0;border-left-width:0;border-right-width:0;background-color:#0000}form>fieldset>input:focus,form>fieldset textarea:focus{outline:none}form>fieldset>input::placeholder,form>fieldset textarea::placeholder{color:#ffffffb3}form>fieldset>input:-webkit-autofill,form>fieldset textarea:-webkit-autofill,form>fieldset>input:-webkit-autofill:focus,form>fieldset textarea:-webkit-autofill:focus{transition:background-color 6000000s,color 6000000s}form>fieldset>div{margin-top:24px}form>fieldset>div>label{border:2px solid #fff;border-radius:.25em;padding:8px;font-size:1.4rem;transition:all .25s ease-in-out}form>fieldset>div>label:hover{cursor:pointer;background-color:#fff;color:#20268e}label.background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:10000}label.background .wrapper{border-radius:.25em;display:grid;grid-template:"item" "controls" 48px;position:relative;background-color:#fff;margin:12px;height:calc(100% - 24px);align-items:center;justify-content:center}label.background .wrapper>img,label.background .wrapper video{object-fit:contain;grid-area:item;max-width:100%;max-height:calc(100vh - 88px)}label.background .wrapper>.caption{position:absolute;background-color:#fff;color:#20268e;bottom:0;width:fit-content;padding:4px 12px}label.background .wrapper>.caption:after{content:"";display:block;position:absolute;top:0;right:-12px;height:100%;width:12px;background-image:linear-gradient(to top right,#fff 50%,transparent 52%)}label.background .wrapper>.controls{grid-area:controls;text-align:center}label.background .wrapper>.controls>label{padding:0 8px;position:relative;cursor:pointer}label.background .wrapper>.controls>label>span{display:block;position:absolute;top:4px;right:-14px;border:8px solid #20268e;border-bottom-color:transparent;border-left-color:transparent;rotate:45deg}label.background .wrapper>.controls>label:first-of-type>span{rotate:225deg;left:-14px;right:unset}.footer{background-color:#20268e}.footer:before{content:"";display:block;position:relative;height:2vw;background:linear-gradient(to top left,#20268e 50%,transparent 52%);transform:translateY(calc(1px - 2vw))}.footer:after{content:"";display:block;position:relative;height:2vw;background:linear-gradient(to bottom left,#20268e 50%,transparent 52%);transform:translateY(calc(2vw - 1px))}.footer>.container{display:grid;justify-content:center;text-align:center;padding-top:32px;padding-bottom:32px}.footer>.container>a{color:#ffffffb3;transition:color .25s ease-in-out;line-height:1.6rem;letter-spacing:.1rem;font-size:1.2rem}.footer>.container>a.logo{padding:20px 50px 10px}.footer>.container>a:nth-of-type(2){display:flex;gap:4px;justify-content:center}.footer>.container>a:nth-of-type(2)>svg{width:16px}@media (min-width: 768px){.footer>.container>a svg{width:360px}}.footer>.container>a svg path{fill:#ffffffb3;transition:fill .25s ease-in-out}.footer>.container>a:hover{color:#ffffffe6}.footer>.container>a:hover svg path{fill:#ffffffe6}.footer>.container>p{font-weight:700;color:#ffffffb3}footer{position:fixed;z-index:-1;bottom:0;left:0;right:0;background-color:#464646;padding:120px 0 16px}footer>.container{display:grid;grid-template-columns:1fr;justify-items:center}footer>.container>.icons{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer>.container>.icons>svg{height:80px}footer>.container>p{font-size:.8rem;color:#adff2f}.hamburger.svelte-w6500{height:35px;width:45px;font-size:0}.hamburger.svelte-w6500>span:where(.svelte-w6500){display:block;height:5px;border-radius:5px}.selector.svelte-w6500{position:absolute;height:2px;border-radius:5px}