:root{font-size:62.5%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}li{list-style-type:none}*{box-sizing:border-box}@keyframes blink-caret{to{border-color:transparent}50%{border-color:#5a5a5a}to{border-color:transparent}}@keyframes brandingIcon{0%{transform:none}25%{transform:rotate(25deg)}75%{transform:rotate(-25deg)}to{transform:none}}@keyframes loader-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{opacity:.1}66%{opacity:1}to{opacity:.1}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes burger-line{0%{background-color:#f7f7f7}15%{background-color:#f7f7f7}40%{background-color:#eba400}65%{background-color:#eba400}to{background-color:#f7f7f7}}@font-face{font-family:SpecialElite;src:url(/fonts/SpecialElite-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Raleway;src:url(/fonts/Raleway-Medium.ttf) format("truetype");font-weight:400;font-style:normal}.theme--dark{color:#f7f7f7;background-color:#1c1c1c}.theme--dark h1,.theme--dark h2,.theme--dark h3{color:#eba400}.theme--dark .button-theme-toggle{background-color:#fff;color:#000}.theme--dark a,.theme--dark button{transition:.3s ease-in-out}.theme--dark a:hover,.theme--dark button:hover{cursor:pointer;color:#1c1c1c;background-color:#eba400}.theme--dark a:focus,.theme--dark button:focus{background-color:#eba400;color:#1c1c1c}.theme--dark a:active,.theme--dark button:active{color:#eba400;background-color:#1c1c1c}.theme--dark a:visited,.theme--dark button:visited{color:none}.theme--dark .event-card__date{color:#f0f}.theme--light{color:#1c1c1c;background-color:#f7f7f7}.theme--light h1,.theme--light h2,.theme--light h3{color:#eba400}.theme--light .button-theme-toggle{background-color:#000;color:#fff}.theme--light select{background-color:#fff;border-bottom:1px solid hsl(42,100%,46%)}.theme--light a,.theme--light button{transition:.3s ease-in-out}.theme--light a:hover,.theme--light button:hover{cursor:pointer;color:#eba400;background-color:#1c1c1c}.theme--light a:focus,.theme--light button:focus{background-color:#1c1c1c;color:#eba400}.theme--light a:active,.theme--light button:active{color:#1c1c1c;background-color:#1c1c1c}.theme--light a:visited,.theme--light button:visited{color:none}img{width:100%;object-fit:cover;margin:2.5vh 0}h1{font-family:Raleway;font-size:clamp(3rem,5vw,5rem);font-weight:400;line-height:1.7em;margin-top:.25em;margin-bottom:2ch;text-align:center}h1::selection{background-color:#eba400;color:#f7f7f7}h2{font-family:Raleway;font-size:3rem;line-height:1.7em;max-width:75ch;font-size:clamp(2.7rem,3.5vw,3.5rem);text-align:center}h2::selection{background-color:#eba400;color:#f7f7f7}h3{font-family:Raleway;font-size:2rem;font-weight:400}h3::selection{background-color:#eba400;color:#f7f7f7}p{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;line-height:2.2em}p::selection{background-color:#eba400;color:#f7f7f7}p::placeholder{color:#1c1c1c}a{font-family:Raleway;color:#f7f7f7;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;width:fit-content;padding:0 1em}a::selection{background-color:#eba400;color:#f7f7f7}a::placeholder{color:#1c1c1c}.navlink--active{color:#eba400}input{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;border:none;border-bottom:1px solid hsl(42,100%,46%);width:100%;margin:1.5vh 0;padding:.25em 0 .25em 1ch}input::selection{background-color:#eba400;color:#f7f7f7}input::placeholder{color:#1c1c1c}fieldset{display:flex;flex-direction:column;width:clamp(250px,50%,400px);margin:2em auto}label{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;height:50px;border-radius:9px;margin:10px 0;padding:0 10px}label::selection{background-color:#eba400;color:#f7f7f7}label::placeholder{color:#1c1c1c}@media screen and (min-width: 689px){label{width:50vw}}@media screen and (min-width: 1084px){label{width:33vw}}li{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;margin:1em 0}mark,.mark{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;font-weight:700;background:#eba400;color:#333;padding:.5em 1ch;letter-spacing:.15em}mark::selection,.mark::selection{background-color:#eba400;color:#f7f7f7}mark::placeholder,.mark::placeholder{color:#1c1c1c}option{font-family:Raleway;color:gray;font-weight:400;line-height:1.7em;max-width:75ch;font-size:1.8rem}option::selection{background-color:#eba400;color:#f7f7f7}option::placeholder{color:#1c1c1c}select{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;border:none}select::selection{background-color:#eba400;color:#f7f7f7}select::placeholder{color:#1c1c1c}textarea{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;border:none;border-bottom:1px solid hsl(42,100%,46%);width:100%;min-width:300px;background:none;resize:vertical;padding:.25em 0 .25em 1ch;position:relative;background-color:#f7f7f7;color:#1c1c1c}textarea::selection{background-color:#eba400;color:#f7f7f7}textarea::placeholder{color:#1c1c1c}*::placeholder{color:#1c1c1c}.branding{padding-top:2vh;z-index:100;display:grid;grid-template-columns:repeat(2,fit-content);grid-template-rows:repeat(2,fit-content);grid-template-areas:"icon title" "subtitle subtitle"}.branding__icon{margin:0;grid-area:icon}.branding__icon:hover{animation:brandingIcon 1.15s ease-in-out}.branding__subtitle{grid-area:subtitle;font-size:1.2rem;color:#eba400;color:#fff;opacity:.8;margin-top:10px;letter-spacing:.09ch;font-family:SpecialElite}.branding__title{grid-area:title;font-size:1.8rem;color:#eba400;align-self:center;margin-bottom:0;letter-spacing:.35ch;font-weight:700}.theme .branding:hover,.theme--dark .branding:hover,.theme--light .branding:hover{background:none}.burger{display:block;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:end}@media screen and (min-width: 689px){.burger{display:none}}.burger--closed{width:30px;display:flex;flex-direction:column;gap:3px 0}.burger--closed div{width:100%;height:3px;border-radius:9px;background-color:#f7f7f7}@media screen and (min-width: 689px){.burger--closed{display:none}}.burger--open{transform:rotate(45deg);width:30px;aspect-ratio:1;position:relative;right:10px}.burger--open div{width:100%;height:3px;border-radius:9px;background-color:#f7f7f7a6}@media screen and (min-width: 689px){.burger--open{display:none}}.burger__line1--closed{animation:burger-line 4.5s infinite;animation-delay:4.5s;animation-duration:4.5s}.burger__line1--open{display:none}.burger__line2--closed{animation:burger-line 4.5s infinite;animation-delay:3.6s;animation-duration:4.5s}.burger__line2--open{animation:none;transform:rotate(90deg);background-color:#eba400}.burger__line3--closed{animation:burger-line 4.5s infinite;animation-delay:2.7s;animation-duration:4.5s}.burger__line3--open{display:none}.burger__line4--closed{animation:burger-line 4.5s infinite;animation-delay:1.8s;animation-duration:4.5s}.burger__line4--open{transform:translateY(-2.5px);animation:none;background-color:#eba400}.burger__line5--closed{animation:burger-line 4.5s infinite;animation-delay:.9s;animation-duration:4.5s}.burger__line5--open{display:none}button{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;border:1px solid hsl(42,100%,46%);padding:.5em 1.5em;border-radius:9px;transition:.3s ease-in-out;display:grid;place-items:center}button::selection{background-color:#eba400;color:#f7f7f7}button::placeholder{color:#1c1c1c}.theme--light button{color:#1c1c1c}.theme--dark button{color:#f7f7f7;background-color:#1c1c1c}.scroll-button{position:sticky;bottom:3vh;inset:auto 3vw 3vh auto;margin:auto 0 auto auto;padding:.25em 1em}.calendar{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#000000b3;justify-self:center;top:20%;padding:1vh 30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:fit-content}.calendar__close{font-size:2.1rem;border:none;padding:10px;position:absolute;right:5px}.calendar__button,.calendar__button--empty{font-size:1.6rem;padding:0;width:11vw;max-width:60px;aspect-ratio:1;margin:0;background-color:#0000;border:1px solid hsl(42,100%,46%)}.calendar__button--empty{border:none;background:none}.calendar__info{display:flex;justify-content:center;gap:0 3vw;align-items:center;width:100%}.calendar__info button{border:none;background:none;padding:0}.calendar__info button:active{background:none}.calendar__info button:focus{background:none}.calendar__info svg{font-size:2.1rem;color:#eba400}.calendar__days-container{display:grid;gap:10px;grid-template-columns:repeat(7,auto);margin-top:5vh}@media screen and (min-width: 689px){.calendar{padding-bottom:5vh}}.cookie-modal{background-color:#f7f7f7a6;position:fixed;inset:auto 0 0;z-index:100;padding:3vh 3vw 1.5vh}.cookie-modal:before,.cookie-modal:after{content:"";position:absolute;inset:0;z-index:-1}.cookie-modal:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cookie-modal:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.5}.cookie-modal__container{width:fit-content;display:block;margin:0 auto}.cookie-modal__container p{color:#996b00}.cookie-modal__container div{display:flex}.event-artist-modal--open{position:fixed;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:5vh;grid-template-areas:"title button" "musicians musicians" "date tickets";inset:20vh 5vw;-webkit-backdrop-filter:blur(10px) brightness(40%);backdrop-filter:blur(10px) brightness(40%);padding:5vh 5vw}.event-artist-modal--open ul{grid-area:musicians}.event-artist-modal--open li{color:#f7f7f7;margin:5vh 0;font-size:2.5rem}.event-artist-modal--open h3{grid-area:title;font-weight:700;font-size:2rem}.event-artist-modal--open button{grid-area:button;height:fit-content}.event-artist-modal--open p{color:#eba400;height:fit-content}.event-artist-modal--open p{grid-area:date}.event-artist-modal--open a{grid-area:tickets;font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;border:1px solid hsl(42,100%,46%);padding:.5em 1.5em;border-radius:9px;transition:.3s ease-in-out;display:grid;place-items:center;height:fit-content}.event-artist-modal--open a::selection{background-color:#eba400;color:#f7f7f7}.event-artist-modal--open a::placeholder{color:#1c1c1c}.event-artist-modal--close{grid-area:artists;justify-self:end}.event-artist-modal--close button{display:flex;gap:0 1vw;width:100%}.event-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(3,1fr);grid-template-rows:1fr auto 1fr;grid-template-areas:"title title" "date artists" "venue tickets";padding:4.5vh 0;margin:1.5vh auto;border-bottom:3px solid hsla(0,0%,35%,.5);width:100%;gap:2vh 1vw}@media screen and (min-width: 360px){.event-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(3,1fr);grid-template-rows:1fr auto 1fr;grid-template-areas:"title title" "date artists" "venue tickets"}}@media screen and (min-width: 618px){.event-card{gap:1vh;flex-grow:1;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);grid-auto-rows:minmax(auto,max-content);grid-template-areas:"title title image" "date artists image" ". . image" "venue tickets image"}}.event-card__date{grid-area:date;font-size:1.6rem;font-family:SpecialElite}.event-card__title{grid-area:title;font-size:3.1rem;color:#1c1c1c;margin-bottom:5.5vh;text-align:center}.event-card__venue{grid-area:venue;font-size:1.6rem;padding:.25em 1.2em;display:flex;align-items:center;gap:5px;height:fit-content;align-self:end;width:fit-content;background-color:#eba400;border-radius:9px}.event-card__tickets{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;border:1px solid hsl(42,100%,46%);padding:.5em 1.5em;border-radius:9px;transition:.3s ease-in-out;display:grid;place-items:center;grid-area:tickets;display:flex;justify-content:space-between;gap:10px;justify-self:right;align-self:end;font-size:1.6rem;color:#eba400;text-align:right;width:100%}.event-card__tickets::selection{background-color:#eba400;color:#f7f7f7}.event-card__tickets::placeholder{color:#1c1c1c}.event-card__image{display:none}@media screen and (min-width: 618px){.event-card__image{display:block;grid-area:image;margin:0;height:100%;max-height:unset;max-width:150px;justify-self:end}}.theme--light .event-card__venue{background-color:#1c1c1c}.theme--light .event-card__tickets{background-color:#eba400;border:hsl(0,0%,50%);color:#1c1c1c}.theme--dark .event-card__venue{color:#1c1c1c}.theme--dark .event-card__date{color:#eba400}form{display:flex;flex-direction:column;align-items:center;width:clamp(300px,50vw,750px);gap:1.5vh 0;-webkit-box-shadow:0px 0px 5px 0px hsl(42,100%,75%);box-shadow:0 0 5px #ffd980;margin:0 auto;padding:3vh 3vw;border-radius:9px}form button{margin:0}.loader{position:absolute;top:50%;left:50%;animation:loader-spinner 5s infinite linear;transform:translate(-50%,-50%)}.navigation-container{z-index:200;display:flex;flex-direction:column;align-items:end;position:absolute;inset:5vh 5vw auto auto}.navigation--open{margin-top:1vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navigation--open ul{display:flex;flex-direction:column;align-items:right}.navigation--open ul li{display:flex;justify-content:end;margin:0}.navigation--open ul li a{width:100%;padding:1vh 5vw}.navigation--open ul li a:hover{color:#eba400}.navigation--open ul li a:focus{outline:1px solid hsl(42,100%,46%)}@media screen and (width > 689px){.navigation--open{display:block}.navigation--open ul{flex-direction:row}}.navigation--closed{display:none}@media screen and (width > 689px){.navigation--closed{display:flex;flex-direction:row}.navigation--closed ul{display:flex;flex-direction:row;align-items:center}}.button-theme-container{z-index:500}.button-theme-toggle{width:fit-content;aspect-ratio:1;padding:12px;display:grid;place-items:center;color:#fff;border:none}.body,.body__without-header,.body__with-header{min-height:100vh;display:grid}.body__with-header{grid-template-rows:1fr auto 1fr;display:flex;flex-direction:column}footer{display:flex;justify-content:space-between;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-template-areas:"menu scroll" "menu themeButton";padding:3vh 5vw;margin-top:3vh}footer a{color:#f7f7f7}footer menu{grid-area:menu;display:flex;flex-direction:column;align-items:start;margin:0;gap:0}@media screen and (min-width: 689px){footer menu{flex-direction:row;gap:1.5vw}}footer div{display:flex;flex-direction:column;align-items:end;justify-content:space-between;height:100%;width:50%;gap:2.5vh 0}@media screen and (min-width: 689px){footer{padding:0 5vw;padding:3vh 5em}}.theme--light footer a{color:#1c1c1c}header{padding:2vh 2.5vw 2.5vh 2.5vw;background-size:cover;background-color:gray;position:sticky;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;z-index:100}@media screen and (min-width: 689px){header{grid-template-columns:1fr auto;grid-temaplate-rows:1;grid-template-areas:"brand toggle" "brand nav"}}header .header__invisible{padding:2vh 5vw 1vh 5vw}@media screen and (width > 800px){header .button-theme-toggle{display:none}}.branding{grid-area:brand}.navigation-container{grid-area:nav;align-self:end}.button-theme-container{grid-area:toggle;justify-self:right}section{margin:2.5vh 0;padding:2.5vh 0}section h2{margin-bottom:2vh}main{padding:3vh 5vw;background-size:cover;flex-grow:1}.about-page{width:clamp(300px,50%,750px);margin:0 auto}.about-page section{margin:3.5vh 0}.about-page img{max-height:20vh}.about-page__mission{margin:0 auto;font-size:2.5rem;letter-spacing:.075em}.about-page__goals{width:fit-content;margin:0 auto}.about-page__goals li{margin:4vh 0}.events-page{width:fit-content;max-width:900px;margin:0 auto}.events-page__search{padding:0;width:fit-content;margin:0 auto;display:grid;gap:3.5vh 0}.events-page__search input{color:#1c1c1c;margin:0}.events-page__search select{padding:1ch;margin:0;width:100%;max-width:300px}.events-page__search option{width:clamp(250px,60vw,400px)}@media screen and (min-width: 800px){.events-page__search{grid-template-columns:1fr 1fr 1fr auto;gap:0 1vw}}.events-page__pagination{display:flex;align-items:baseline;justify-content:space-between;margin:0 auto;width:fit-content;max-width:350px;gap:0 5vw}.events-page__pagination--disabled{opacity:.23}.events-page__pagination li{border-radius:4px;transition:.3s;padding:5px;display:grid;place-items:center;width:fit-content}.events-page__pagination li .disabled{opacity:.25}.events-page__pagination li .disabled:hover{color:unset;background:unset;background-color:#ff0}.events-page__warning{width:fit-content;margin:5vh auto 0}.events-page__events-container{width:100%}.not-found-page{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.not-found-page h1{padding-top:3vh}.not-found-page div{padding:2.5vh 5vw 0 5vw}.not-found-page img{width:100vw;height:50vh;object-fit:cover}.contact-page{margin-bottom:10vh}.contact-page button{background-color:#eba400;color:#fff;transition:.3s ease-in-out}.contact-page p{text-align:center;margin:5vh auto}.contact-page__response-message{background-color:#99999980;padding:0 3vw}.contact-page__textarea{font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch;border:none;border-bottom:1px solid hsl(42,100%,46%);color:#99999980;text-align:left;width:100%;margin:1.5vh 0;padding:.25em 0;box-sizing:content-box}.contact-page__textarea::selection{background-color:#eba400;color:#f7f7f7}.contact-page__textarea::placeholder{color:#1c1c1c}.theme--light .contact-page form{border:1px solid hsl(42,100%,46%);box-shadow:none}li{list-style:none;border-radius:9px;font-family:Raleway;color:gray;font-size:1.8rem;font-weight:400;line-height:1.7em;max-width:75ch}li::selection{background-color:#eba400;color:#f7f7f7}li::placeholder{color:#1c1c1c}.landing-page{background:url(https://images.unsplash.com/photo-1547927168-17021e7ef8c3?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);justify-content:space-between;background-size:cover;background-color:#333;padding-top:5vh;height:100%}.landing-page__link{background-color:#eba400;color:#1c1c1c;font-size:2.3rem;width:100%;min-width:200px;padding:.25em .5em}.landing-page__hero{width:fit-content}.landing-page h1{border-radius:9px;text-orientation:upright;color:#eba400;width:fit-content;line-height:1em;padding:.125em .25em;align-self:center}.landing-page h1::selection{color:#f7f7f7}@media screen and (min-width: 689px){.landing-page h1{writing-mode:horizontal-tb}}.landing-page p{font-style:italic;font-size:2rem;text-align:center;letter-spacing:.05ch;color:#eba400;padding:0}.landing-page menu{height:fit-content;width:fit-content;display:flex;flex-direction:column;gap:1em;position:absolute;inset:auto 12vw 5vh auto}.faq-page{max-width:85vw;margin:0 auto;width:fit-content}.faq-page p{margin:1.5vh auto;display:block}.faq-page a,.faq-page p a{padding:0;border-bottom:1.5px solid hsl(42,100%,46%)}.faq-page a:hover,.faq-page p a:hover{border-bottom:1.5px solid hsl(0,0%,50%)}.impressum-page{width:fit-content;margin:0 auto}.impressum-page article{margin:5vh 0}.impressum-page h2{margin:2vh 0}.impressum-page h3{margin-bottom:2vh}.error-page div{width:fit-content;width:clamp(300px,50vw,750px);display:block;margin:15vh auto}.error-page img{display:block;margin:0 auto;width:100%;aspect-ratio:4/1}.error-page h1{margin:10vh 0 2.5vh}.error-page p{text-align:center;display:block;margin:0 auto;width:100%}
