@font-face{font-display:swap;font-family:ABC;font-weight:400;src:url(fonts/ABC.0234673b.woff) format(woff),url(fonts/ABC.535eacb4.woff2) format(woff2)}@font-face{font-display:swap;font-family:Seebahnhof;font-weight:400;src:url(fonts/Seebahnhof.80eee05e.ttf) format(truetype)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:ABC,Helvetica,sans-serif;font-size:25px;font-style:normal;font-weight:400;line-height:1.25;scroll-behavior:smooth;text-rendering:geometricPrecision}body{background-color:#f7faef;color:#216fab;display:grid;grid-template-areas:"header" "main" "footer";margin:0;padding:0}a,p{font-size:1rem}p{max-width:50ch;padding-bottom:1rem;word-break:keep-all}a,a:hover{color:#216fab}a:hover{text-decoration:underline}a:visited{color:#216fab}h1{font-size:8vw}h1,h2{font-weight:400;line-height:1}h2{font-size:1.5rem;font-style:normal;margin-bottom:.7rem;text-transform:uppercase}.img-medium{height:auto;max-width:50%}@media screen and (max-width:730px){html{font-size:16px}p{max-width:100%;padding-bottom:1rem}h1{font-size:10vw}}.align-center{align-items:center}.align-right{margin-left:33%;text-align:right}.block-padding{padding-bottom:2rem;padding-top:2rem}.color-white{color:#f7faef!important;letter-spacing:.2px}.flex-center{justify-content:center}.flex-center,.flow-column{display:flex;flex-wrap:wrap}.flow-column{flex-direction:column}.gr{display:grid;grid-template-columns:1fr 1fr}.gr-left{grid-column:1}.gr-right{grid-column:2}.gr-fill{grid-column:1/span 2}.mr-25p{margin-right:25%}.mt-4{margin-top:4rem}.mt-3{margin-top:3rem}.mt-2{margin-top:2rem}.mt-1{margin-top:1rem}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:2rem}.pb-3{padding-bottom:3rem}.pb-4{padding-bottom:4rem}.pb-5{padding-bottom:5rem}.pb-8{padding-bottom:8rem}.pt-2{padding-top:2rem}.pt-5{padding-top:5rem}::-moz-placeholder{color:#1d6da0}::placeholder{color:#1d6da0}sub{display:inline-block!important;font-size:2.25rem;margin-top:10px;text-align:center;width:100%}.text-deco-none{text-transform:none}.text-center{text-align:center!important}.w-100{max-width:100%!important;width:100%!important}@media screen and (max-width:730px){.gr{grid-template-columns:1fr}.gr-left,.gr-right{grid-column:1}.text{text-align:center}}header{align-content:center;align-items:center;background-color:#f7faef;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#216fab;display:flex;flex-direction:row;flex-wrap:wrap;grid-area:header;-ms-grid-column:1;-ms-grid-row:1;justify-content:center;margin:0;position:sticky;top:0;z-index:999}header ul.nav li{display:inline-block;padding:20px}header ul.nav li a{font-size:1.5rem;text-decoration:none}@media screen and (max-width:730px){header ul.nav li a{font-size:1rem}header ul.nav li{padding:20px 5px!important}}footer{background-color:#f7faef;display:grid;grid-area:footer;-ms-grid-column:1;-ms-grid-row:3;grid-template-columns:repeat(4,1fr);padding:5%;text-align:center}@media(max-width:730px){footer{display:block}footer *{margin-bottom:30px}}.aftermovie{background-color:#f7faef;color:#216fab!important}.aftermovie-video{aspect-ratio:16/9;margin:0 auto 2rem;max-width:100%;width:90vw}.aftermovie-video iframe{border:none;height:100%;width:100%}.about-festival{background-color:#216fab;background-image:url(images/sbhf-gelaende.7647b3c0.webp);background-position-x:left;background-position-y:bottom;background-repeat:no-repeat;background-size:contain;color:#f7faef;padding:100px 5% 400px}.about-organizer{background-color:#216fab;color:#f7faef;padding:100px 5% 20px}.team-image{aspect-ratio:3/2;border:4px solid #ccc;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);display:block;height:auto;margin:0 auto;max-width:90%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.team-image:hover{transform:scale(1.01)}@media(min-width:1024px){.team-image{max-width:70%}}@media(max-width:480px){.team-image{max-width:95%}}.logo{display:block;height:auto;margin:2rem auto;max-width:200px;-o-object-fit:contain;object-fit:contain;width:50%}@media(min-width:1024px){.logo{max-width:300px}}@media(max-width:480px){.logo{max-width:150px}}.about-organizer p{margin:auto;text-align:center}@media screen and (max-width:730px){.about-organizer{background-position-x:center;background-position-y:8rem;background-size:5rem}}@media screen and (max-width:338px){.about-organizer{background-position-x:center;background-position-y:9.5rem;background-size:5rem}}.membership{align-items:center;display:flex;justify-content:center;margin:auto;max-width:70ch}.membership-box{background:#f7faef;border:3px solid #216fab;box-shadow:33px 37px 0 #216fab;box-sizing:border-box;padding:50px;position:relative;width:77%}.membership-box *{z-index:10}.membership-img{animation:schokeln 2s ease-in-out infinite alternate;-webkit-animation:schokeln 2s ease-in-out infinite alternate;bottom:10px;position:absolute;right:10px;z-index:0}@keyframes schokeln{0%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}@media screen and (max-width:730px){.membership-img{opacity:0}}.membership-form{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto;padding:0 100px;width:100%}.membership-form *{margin:20px}@media screen and (max-width:730px){.membership-form{flex-direction:column;padding:0}.membership-form *{margin:10px 20px;width:100%}}@keyframes ticker{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(-100%,0,0)}}.ticker-container{border-top:1px solid #216fab;bottom:0;box-shadow:0 -3px 40px #216fab;max-width:100vw!important;overflow:hidden;position:fixed;z-index:999}.ticker-wrap{background-color:#f7faef;bottom:0;overflow:hidden;padding-left:100%;width:100%}.ticker,.ticker-wrap{box-sizing:content-box;height:4rem}.ticker{animation-duration:30s;animation-iteration-count:infinite;animation-name:ticker;animation-timing-function:linear;display:inline-block;line-height:4rem;padding-right:100%;white-space:nowrap}.ticker__item{display:inline-block;font-size:2rem;padding:0 2rem}.content{margin:5rem 1rem;max-width:900px}.content h1{font-size:1.5rem;margin-bottom:1rem;margin-top:1rem;text-transform:uppercase}.content h2{font-size:1rem;font-weight:bolder;margin-top:1.5rem}.content h2,.content h3{margin-bottom:.3rem;text-transform:none}.content h3{font-size:.9rem;font-weight:700;margin-top:.5rem}.content ul{margin-left:5%}#lineup{background-color:#216fab}#lineup,#lineup a,#lineup a:after{color:#f7faef!important}#headliners,#lineup_rest{display:flex;flex-wrap:wrap;justify-content:center}#headliners li,#lineup_rest li{display:inline;float:left;margin-right:10px;margin-top:2rem;text-align:center}#headliners a,#lineup_rest a{display:inline-block;line-height:1.5;margin-right:1.5rem;position:relative;text-decoration:none;transition:all .2s}#headliners a{font-size:2rem}#lineup_rest a{font-size:1.2rem}#headliners a:hover,#lineup_rest a:hover{text-decoration:none}#headliners a:after,#lineup_rest a:after{content:"↗";display:inline-block;font-size:1rem;position:absolute;right:-.8rem;top:.5rem;transition:all .7s}#headliners a:hover:after,#lineup_rest a:hover:after{top:.2rem}@media screen and (max-width:730px){.line-up .illu{margin-bottom:1rem;margin-top:2rem}}#timetable{background-color:#216fab}#timetable,#timetable a,#timetable a:after{color:#f7faef!important}.timetable{display:flex;flex-wrap:wrap;justify-content:center;margin:auto auto 2rem;max-width:700px}.timetable li{border-top:1px solid #f7faef;display:block;padding:15px;width:100%}.timetable a{align-items:center;display:flex;flex-direction:row;font-size:1.7rem;justify-content:space-between;line-height:1.5;margin-right:1.5rem;position:relative;text-decoration:none;transition:all .2s}.timetable a time{font-size:1.5rem;margin-right:.5rem;text-align:right}.timetable a:hover{text-decoration:none}.timetable a:after{content:"↗";display:inline-block;font-size:1rem;position:absolute;right:-.8rem;top:.5rem;transition:all .7s}.timetable a:hover:after{top:.2rem}.a-btn,input[type=button]{background-color:#ffb802;border-color:#ffb802;border-radius:10px;border-style:solid;box-shadow:none;color:#216fab;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:400;line-height:40px;padding:0 10px;text-decoration:none;text-transform:uppercase;transition:all .4s ease-in-out}.a-btn:hover,input[type=submit]:hover{text-decoration:none;transform:scale(1.01)}.anfahrt,.contact,.line-up,.sponsoring,.time-table{margin-left:5%;margin-right:5%}main{display:flex;flex-direction:column;flex-wrap:wrap;grid-area:main;-ms-grid-column:1;-ms-grid-row:2;min-height:200px;overflow:hidden}.anfahrt,.contact,.sponsoring{margin-top:2rem;position:relative}.angel{bottom:200px;display:inline-block;position:absolute;right:-30px}.angel img{height:auto;width:40vw}.copyright{grid-column:1/span 4;padding-bottom:40px;padding-top:100px}.design,.design a{font-size:.7rem!important;grid-column:1/span 4;padding-bottom:200px}.anfahrt img{max-width:700px;width:100%}.hero{display:block;position:relative;width:100%}.hero .hero-text{align-items:center;display:flex;flex-direction:column;left:50%;mix-blend-mode:multiply;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:15}.hero-btn{margin-top:1rem}.hero h1{font-family:Seebahnhof;font-variation-settings:"wght" 137;text-align:center}.hero canvas{bottom:0;display:block;height:100%;max-width:100%!important;position:relative}input[type=mail],input[type=number],input[type=text]{background:#f7faef;border:1px solid #1d6da0;border-radius:10px;box-sizing:border-box;color:#1d6da0;display:inline-block;font-size:1rem;height:55px;line-height:55px;padding:0 10px;width:100%}input[type=mail]:focus,input[type=mail]:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible{border-color:#ffb802;outline-color:#ffb802}div#mce-success-response{height:100%;text-align:center;width:100%}.listesponsoring{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;margin:5rem 0}.listesponsoring li{display:inline;float:left;margin-right:10px;margin-top:2rem;text-align:center}.listesponsoring a{font-size:2rem;line-height:1.5;margin-right:1.5rem;position:relative;transition:all .2s}.listesponsoring a,.listesponsoring a:hover{text-decoration:none}.listesponsoring a:after{content:"↗";display:inline-block;font-size:1rem;position:absolute;right:-.8rem;top:.5rem;transition:all .7s}.listesponsoring a:hover:after{top:.2rem}