@charset "UTF-8";:root{color-scheme:dark;--bg: linear-gradient(to bottom, #000000, #0b0b0b);--text: #ffffff;--accent: #e50000}@keyframes loading-spinner-animation{0%{transform:rotate(360deg)}}@keyframes blend-in{0%{opacity:100%}}@keyframes blend-out{0%{opacity:0%}}:root{--accent: #e50000}.sb .emphasis{color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 0 var(--accent)!important;-webkit-text-decoration-color:var(--accent)!important;text-decoration-color:var(--accent)!important}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overflow-x:hidden;scroll-behavior:smooth;position:relative;touch-action:pan-y;width:100%;overscroll-behavior-x:none}html h1,body h1{width:100%;display:flex;flex-direction:column;justify-content:flex-end;font-family:Poppins,sans-serif;font-weight:900;color:var(--text);font-size:1rem}html h2,body h2{width:100%;font-family:Poppins,sans-serif;font-weight:900;color:var(--text);font-size:8rem}@media (min-width: 1101px) and (max-width: 1440px){html h2,body h2{font-size:6rem}}@media (min-width: 769px) and (max-width: 1100px){html h2,body h2{font-size:4rem}}@media (max-width: 768px){html h2,body h2{font-size:2.5rem}}html a,body a{color:var(--text);text-decoration:none}html a:hover,body a:hover{color:var(--accent)}html .button-container,body .button-container{display:flex;justify-content:center}html .button-container button,body .button-container button{background-color:var(--accent);border:none;padding:.5rem 1rem;font-size:14px;font-family:Poppins,sans-serif;border-radius:9px;color:var(--text);margin:2rem;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;cursor:pointer}@media (max-width: 1100px){html .button-container button,body .button-container button{font-size:1rem}}@media (max-width: 1100px){html .button-container button,body .button-container button{font-size:.875rem}}html .button-container button:hover,body .button-container button:hover{background-color:var(--text);color:var(--accent);box-shadow:0 0 20px var(--accent)}html .emphasis,body .emphasis{color:var(--accent)}html .sr-only,body .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html .loading-spinner,body .loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;animation:blend-in .2s ease-in}html .loading-spinner svg,body .loading-spinner svg{animation:loading-spinner-animation .6s linear .2s infinite;stroke:var(--accent);fill:none}html .hidden,body .hidden{display:none}.events-section{width:100%}.events-section .events-title{width:100.5%;transform:translate(-.5%);position:relative;background-image:url(/assets/hoaschoaf_event_gro%C3%9Fe_crowd-DPebnhhC.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;padding:4rem 2rem}.events-section .events-title:before{content:"";position:absolute;inset:0;background-color:#000c;z-index:10;display:block}.events-section .events-title h2{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;display:flex;flex-direction:column;position:relative;z-index:100;line-height:100%}.events-section .events-title h2 .top{align-self:flex-start;padding-left:15%}.events-section .events-title h2 .bottom{align-self:flex-end;padding-right:15%}.events-section .event-table{width:80%;margin:auto;padding:1.5rem 2rem;border-collapse:collapse}@media (min-width: 769px) and (max-width: 1100px){.events-section .event-table{width:85%}}@media (max-width: 768px){.events-section .event-table{width:90%}.events-section .event-table tr,.events-section .event-table td{display:block;width:100%}}.events-section .event-table .event-info{border-bottom:1px solid white}.events-section .event-table .event-info .day-info{display:flex;flex-direction:column;padding-bottom:10%;padding-top:10%}@media (max-width: 768px){.events-section .event-table .event-info .day-info{padding-bottom:3%}}.events-section .event-table .event-info .day-info .weekday{font-family:Poppins,sans-serif;font-size:2rem;font-weight:400}@media (min-width: 1441px) and (max-width: 1700px){.events-section .event-table .event-info .day-info .weekday{font-size:1.5rem}}@media (min-width: 1101px) and (max-width: 1440px){.events-section .event-table .event-info .day-info .weekday{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1100px){.events-section .event-table .event-info .day-info .weekday{font-size:1rem}}@media (max-width: 768px){.events-section .event-table .event-info .day-info .weekday{font-size:.875rem}}.events-section .event-table .event-info .day-info .date{font-family:Elsie Swash Caps,serif;color:var(--text);font-size:7rem;white-space:nowrap}@media (min-width: 1441px) and (max-width: 1700px){.events-section .event-table .event-info .day-info .date{font-size:6rem}}@media (min-width: 1101px) and (max-width: 1440px){.events-section .event-table .event-info .day-info .date{font-size:5rem}}@media (min-width: 769px) and (max-width: 1100px){.events-section .event-table .event-info .day-info .date{font-size:3rem}}@media (max-width: 768px){.events-section .event-table .event-info .day-info .date{font-size:2rem}}.events-section .event-table .event-info .location{font-family:Poppins,sans-serif;font-size:2rem;font-weight:400;color:var(--text);padding-left:7.5%}@media (min-width: 1441px) and (max-width: 1700px){.events-section .event-table .event-info .location{font-size:1.5rem}}@media (min-width: 1101px) and (max-width: 1440px){.events-section .event-table .event-info .location{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1100px){.events-section .event-table .event-info .location{font-size:1rem}}@media (max-width: 768px){.events-section .event-table .event-info .location{font-size:.875rem;padding:0 0 5%}}.events-section .event-table :last-child{border-bottom:none}.band-members-slider{position:relative;width:100%;height:50rem;overflow:hidden}@media (min-width: 1441px) and (max-width: 1700px){.band-members-slider{height:40rem}}@media (min-width: 1101px) and (max-width: 1440px){.band-members-slider{height:30rem}}@media (max-width: 1100px){.band-members-slider{height:20rem}}.band-members-slider h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7rem;text-shadow:0px 0px 20px black;color:var(--text);font-family:Poppins,sans-serif;z-index:1000;pointer-events:none;text-align:center;white-space:nowrap}@media (min-width: 1441px) and (max-width: 1700px){.band-members-slider h3{font-size:6rem}}@media (min-width: 1101px) and (max-width: 1440px){.band-members-slider h3{font-size:5rem}}@media (min-width: 769px) and (max-width: 1100px){.band-members-slider h3{font-size:3rem}}@media (max-width: 768px){.band-members-slider h3{font-size:2rem}}.band-members-slider .members{position:absolute;top:0;width:25%;height:100%;background-size:cover;background-position:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.band-members-slider .members:before{content:"";position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .3s ease}.band-members-slider .members:after{content:attr(data-overlay-text);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-family:Elsie Swash Caps,serif;font-weight:700;color:var(--text);transform:translate(-7.5%);text-shadow:0 0 20px white;opacity:0;transition:opacity .3s ease}@media (min-width: 1441px) and (max-width: 1700px){.band-members-slider .members:after{font-size:1.5rem}}@media (min-width: 1101px) and (max-width: 1440px){.band-members-slider .members:after{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1100px){.band-members-slider .members:after{font-size:1rem}}@media (max-width: 768px){.band-members-slider .members:after{font-size:.875rem}}.band-members-slider:not(.is-sliding) .members:hover:before,.band-members-slider:not(.is-sliding) .members:hover:after{opacity:1}.band-members-slider.is-sliding .members{cursor:grabbing;pointer-events:none}.band-members-slider.is-sliding .members:before,.band-members-slider.is-sliding .members:after{opacity:0;transition:none}.band-members-slider .members:nth-child(1){transform:translate(0)}.band-members-slider .members:nth-child(2){transform:translate(80%)}.band-members-slider .members:nth-child(3){transform:translate(160%)}.band-members-slider .members:nth-child(4){transform:translate(240%)}.band-members-slider .members:nth-child(5){transform:translate(320%)}.band-members-slider .members:nth-child(6){transform:translate(400%)}.band-members-slider .members:nth-child(7){transform:translate(480%)}.band-members-slider .members:nth-child(8){transform:translate(560%)}.band-members-slider .members:nth-child(9){transform:translate(640%)}.band-members-slider .members:nth-child(10){transform:translate(720%)}.band-members-slider .member1{background-image:url(/assets/Bernhard_Hoaschoaf-B5pPyMMq.jpg);background-position:20%}.band-members-slider .member2{background-image:url(/assets/Elena_Hoaschoaf-BSWPCR1L.jpg)}.band-members-slider .member3{background-image:url(/assets/Florian_Hoaschoaf-BdmjsiHz.jpg)}.band-members-slider .member4{background-image:url(/assets/Jonas_Hoaschoaf-Ci6Z5rl9.jpg)}.band-members-slider .member5{background-image:url(/assets/Matthias_Hoaschoaf-Bu-9eL4A.jpg)}.band-members-slider .member6{background-image:url(/assets/Max_Hoaschoaf-T7pJ0mvD.jpg)}.band-members-slider .member7{background-image:url(/assets/Nikolaus_Hoaschoaf-YU0hPLae.jpg)}.band-members-slider .member8{background-image:url(/assets/Severin_Hoaschoaf-BQPhyTTR.jpg)}.band-members-slider .member9{background-image:url(/assets/Stefan_Hoaschoaf-BkcPpoRl.jpg)}.band-members-slider .member10{background-image:url(/assets/Thomas_Hoaschoaf-CpliOm3J.jpg);-webkit-clip-path:inset(0 20% 0 0);clip-path:inset(0 20% 0 0);background-position:60%}.about-us{display:flex;width:100%;flex-direction:column}.about-us h2{padding:10rem 0 0;width:80%;align-self:center}@media (min-width: 1441px) and (max-width: 1700px){.about-us h2{font-size:7rem}}@media (min-width: 1101px) and (max-width: 1440px){.about-us h2{padding:5rem 0 0;font-size:6rem}}@media (max-width: 1100px){.about-us h2{padding:1rem 0 0}}@media (min-width: 769px) and (max-width: 1100px){.about-us h2{font-size:4rem;width:85%}}@media (max-width: 768px){.about-us h2{font-size:2.5rem;width:90%}}.about-us p{width:80%;align-self:center;font-family:Poppins,sans-serif;font-size:2rem;font-weight:400;color:var(--text);line-height:100%}@media (min-width: 1441px) and (max-width: 1700px){.about-us p{font-size:1.5rem}}@media (min-width: 1101px) and (max-width: 1440px){.about-us p{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1100px){.about-us p{font-size:1rem;width:85%}}@media (max-width: 768px){.about-us p{font-size:.875rem;width:90%}}.about-us .about-us-text-2{margin:2rem 0rem 4rem;padding:0 0 4rem}@media (max-width: 1100px){.about-us .about-us-text-2{margin:1rem 0rem 2rem;padding:0 0 1rem}}.about-us .band-action-shots{width:100%;display:flex;-moz-column-gap:1rem;column-gap:1rem}.about-us .band-action-shots img{width:33.33%}.contact{padding:10rem 0rem;display:grid;width:80%;grid-template-areas:"h2 h2 h2 email email email" "contact-text contact-text instagram instagram telephone telephone";grid-template-rows:8rem 8rem;margin:auto;grid-template-columns:auto 25rem auto auto auto auto;gap:1rem}@media (max-width: 1440px){.contact{padding:5rem 0rem;grid-template-areas:"h2 h2 email email email email" "contact-text instagram instagram telephone telephone telephone";grid-template-columns:auto auto auto auto auto auto;grid-template-rows:6rem 6rem}}@media (max-width: 1100px){.contact{padding:1rem 0rem}}@media (min-width: 769px) and (max-width: 1100px){.contact{grid-template-rows:4rem 4rem;width:85%}}@media (max-width: 768px){.contact{grid-template-rows:3rem 3rem;width:90%}}@media (max-width: 595px){.contact{display:flex;flex-direction:column;width:90%}}.contact .contact-text{font-family:Poppins,sans-serif;font-size:2rem;font-weight:400;color:var(--text);line-height:100%}@media (min-width: 1441px) and (max-width: 1700px){.contact .contact-text{font-size:1.5rem}}@media (min-width: 1101px) and (max-width: 1440px){.contact .contact-text{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1100px){.contact .contact-text{font-size:1rem}}@media (max-width: 768px){.contact .contact-text{font-size:.875rem}}.contact .email,.contact .instagram,.contact .telephone{display:flex;align-items:center;-moz-column-gap:1rem;column-gap:1rem;background-color:var(--accent);border-radius:9px;padding:0rem 2rem;font-family:Poppins,sans-serif;font-size:2rem;font-weight:400;color:var(--text)}@media (min-width: 1441px) and (max-width: 1700px){.contact .email,.contact .instagram,.contact .telephone{font-size:1.5rem}}@media (min-width: 1101px) and (max-width: 1440px){.contact .email,.contact .instagram,.contact .telephone{font-size:1.25rem;padding:0rem 1rem}}@media (max-width: 1100px){.contact .email,.contact .instagram,.contact .telephone{padding:0rem 1rem}}@media (min-width: 769px) and (max-width: 1100px){.contact .email,.contact .instagram,.contact .telephone{font-size:1rem}}@media (max-width: 768px){.contact .email,.contact .instagram,.contact .telephone{font-size:.875rem}}@media (max-width: 595px){.contact .email,.contact .instagram,.contact .telephone{padding:.3333333333rem}}@media (min-width: 769px) and (max-width: 1100px){.contact .email img,.contact .instagram img,.contact .telephone img{width:2rem}}@media (max-width: 768px){.contact .email img,.contact .instagram img,.contact .telephone img{width:1.5rem}}.contact .email:hover,.contact .instagram:hover,.contact .telephone:hover{box-shadow:0 0 20px var(--accent)}.contact .email{grid-area:email}.contact .instagram{grid-area:instagram}.contact .telephone{grid-area:telephone}.contact h2{grid-area:h2;line-height:100%}.contact .contact-text{grid-area:contact-text;align-self:center}@media (max-width: 595px){.contact .contact-text{align-self:flex-start}}.gallery{padding:2rem 0rem;width:80%;margin:auto}@media (min-width: 769px) and (max-width: 1100px){.gallery{width:85%}}@media (max-width: 768px){.gallery{width:90%}}.gallery .grid:after{display:block;content:"";clear:both}.gallery .grid-col{float:left;width:32%;margin-right:2%}@media (max-width: 1100px){.gallery .grid-col{width:49%}}.gallery .grid-col--4{margin-right:0}.gallery .grid-col--3{display:none}@media (max-width: 1100px){.gallery .grid-col--2{display:none}}.gallery .grid-item{background:#d00;margin-bottom:20px;border-radius:9px}.gallery .grid-item--a{height:20rem}@media (min-width: 1441px) and (max-width: 1700px){.gallery .grid-item--a{height:17rem}}@media (min-width: 1101px) and (max-width: 1440px){.gallery .grid-item--a{height:15rem}}@media (min-width: 769px) and (max-width: 1100px){.gallery .grid-item--a{height:12rem}}.gallery .grid-item--b{height:25rem}@media (min-width: 1441px) and (max-width: 1700px){.gallery .grid-item--b{height:20rem}}@media (min-width: 1101px) and (max-width: 1440px){.gallery .grid-item--b{height:17.5rem}}@media (min-width: 769px) and (max-width: 1100px){.gallery .grid-item--b{height:13rem}}@media (max-width: 768px){.gallery .grid-item--b{height:9rem}}.gallery .grid-item--c{height:37.5rem}@media (min-width: 1441px) and (max-width: 1700px){.gallery .grid-item--c{height:32.5rem}}@media (min-width: 1101px) and (max-width: 1440px){.gallery .grid-item--c{height:27.5rem}}@media (min-width: 769px) and (max-width: 1100px){.gallery .grid-item--c{height:20rem}}@media (max-width: 768px){.gallery .grid-item--c{height:18rem}}header{width:80%;display:flex;justify-content:space-between;padding-top:1.5rem;z-index:1100}@media (min-width: 769px) and (max-width: 1100px){header{width:85%}}@media (max-width: 768px){header{width:90%}}header img{cursor:pointer;transition:transform .1s ease-in}header img:hover{cursor:pointer;transform:scale(1.05)}header nav{color:var(--text)}header nav ul{list-style:none;margin:0;padding:0}header nav ul li{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:.875rem;letter-spacing:2px;padding-left:1rem;transition:transform .2s ease-in,color .2s ease-in}header nav ul li:hover{cursor:pointer;color:var(--accent);transform:translateY(-3px)}header .hamburger{display:none;position:relative;width:2.5rem;height:2.5rem;border:0;background:transparent;padding:0;cursor:pointer;z-index:1200}header .hamburger .bar,header .hamburger>span,header .hamburger ul>span{position:absolute;left:0;right:0;margin:auto;display:block;width:100%;height:2px;background:var(--accent);box-shadow:0 0 20px var(--accent);transition:transform .3s ease,opacity .2s ease,top .3s ease}header .hamburger .bar:nth-child(1),header .hamburger>span:nth-child(1),header .hamburger ul>span:nth-child(1){top:25%}header .hamburger .bar:nth-child(2),header .hamburger>span:nth-child(2),header .hamburger ul>span:nth-child(2){top:50%}header .hamburger .bar:nth-child(3),header .hamburger>span:nth-child(3),header .hamburger ul>span:nth-child(3){top:75%}header .hamburger.is-active .bar:nth-child(1),header .hamburger.is-active>span:nth-child(1),header .hamburger.is-active ul>span:nth-child(1){top:50%;transform:rotate(45deg)}header .hamburger.is-active .bar:nth-child(2),header .hamburger.is-active>span:nth-child(2),header .hamburger.is-active ul>span:nth-child(2){opacity:0}header .hamburger.is-active .bar:nth-child(3),header .hamburger.is-active>span:nth-child(3),header .hamburger.is-active ul>span:nth-child(3){top:50%;transform:rotate(-45deg)}@media (min-width: 769px) and (max-width: 1100px){header img{width:9rem}}@media (max-width: 768px){header{padding-top:2rem}header img{width:5rem}header .hamburger{display:block}header nav{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#000000eb;transform:translateY(-100%);transition:transform .35s ease,visibility 0s linear .35s;visibility:hidden;pointer-events:none}header nav ul{list-style:none;padding:0;margin:0;text-align:center}header nav ul li{margin:1rem 0}header nav ul li a{font-family:Poppins,sans-serif;font-size:2rem;color:var(--text);text-transform:uppercase;letter-spacing:2px}header nav.is-open{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .35s ease}}html.no-scroll,body.no-scroll{overflow:hidden}footer{display:flex;justify-content:flex-end;align-items:center;background-color:var(--accent);padding:1rem 2rem}footer ul{list-style:none}footer ul li{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:.875rem;letter-spacing:2px;color:var(--text);padding-left:1rem;transition:transform .2s ease-in}@media (max-width: 1100px){footer ul li{font-size:11px}}footer ul li:hover{cursor:pointer;transform:translateY(-3px)}footer ul li a:hover{color:#fff}footer img{margin-left:1rem;transition:transform .1s ease-in}footer img:hover{cursor:pointer;transform:scale(1.1)}.hero-section{display:flex;flex-direction:column;height:100vh;width:100%;justify-content:space-between;align-items:center;background-image:url(/assets/gruppenbild_hoaschoaf-C1WDRhjb.png);background-repeat:no-repeat;background-position:center bottom}@media (max-width: 768px){.hero-section{background-size:115vw;height:70vh}}.hero-section .hero-title{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80%}@media (min-width: 769px) and (max-width: 1100px){.hero-section .hero-title{width:85%}}@media (max-width: 768px){.hero-section .hero-title{width:90%}}.hero-section .hero-title .centered-text{width:100%;display:flex;justify-content:space-between;text-transform:uppercase;font-family:Elsie Swash Caps,serif;font-size:8rem}@media (min-width: 1101px) and (max-width: 1440px){.hero-section .hero-title .centered-text{font-size:6rem}}@media (max-width: 768px){.hero-section .hero-title .centered-text{font-size:10vw}}.hero-section .hero-title .bottom-text{width:100%;text-transform:uppercase}