*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;color:#2f3138;font-family:"Open Sans",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:#6ce6db;text-decoration:none;transition:color .3s}a:hover,a:active,a:focus{color:#fb2dcd;outline:none}img{max-width:100%;height:auto}p{margin:0 0 30px}h1,h2,h3,h4,h5,h6{font-family:"Raleway",sans-serif;font-weight:400;margin:0 0 20px;color:#0e1b4d}.container{width:100%;max-width:1280px;margin:0 auto;padding:0;display:flex;align-items:center;flex-direction:column}@media(max-width: 1300px){.container{max-width:100%;padding:0 6%}}section{scroll-margin-top:70px}.section-with-bg{background-color:#f6f7fd}.section-header{width:100%;margin-bottom:60px;position:relative;padding-bottom:20px}.section-header::before{content:"";position:absolute;display:block;width:60px;height:5px;background:#6ce6db;bottom:0;left:calc(50% - 25px)}.section-header h2{font-size:36px;text-transform:uppercase;text-align:center;font-weight:700;margin-bottom:10px}.section-header p{text-align:center;margin:0;font-size:18px;font-weight:500;color:#9195a2}.back-to-top{position:fixed;display:flex;align-items:center;justify-content:center;background:#6ce6db;color:#fff;width:40px;height:40px;border-radius:50px;right:15px;bottom:15px;z-index:996;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s,background .3s}.back-to-top.show{opacity:1;visibility:visible}.back-to-top svg{width:20px;height:20px}.back-to-top:hover,.back-to-top:focus{background:#baecff;color:#fff;outline:none}.header{height:90px;padding:25px 0;position:fixed;left:0;top:0;right:0;z-index:997;transition:all .5s}.header .container{flex-direction:row;justify-content:space-between}.header.header-scrolled{background-color:#6ce6db;height:70px;padding:15px 0}.logo{display:flex;align-items:center;flex-shrink:0}.logo img{max-height:40px;width:auto}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:8px;z-index:999}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu ul{display:flex;align-items:center;list-style:none}.nav-menu li{margin-left:8px;position:relative}.nav-menu a{display:inline-block;padding:8px;color:#fff;font-family:"Raleway",sans-serif;font-weight:600;font-size:14px}.nav-menu a::before{content:"";position:absolute;width:0;height:2px;bottom:0;left:8px;background-color:#fb2dcd;visibility:hidden;transition:all .3s ease-in-out}.nav-menu a:hover{color:#fb2dcd}.nav-menu li:hover>a::before,.nav-menu .menu-active>a::before{visibility:visible;width:calc(100% - 16px)}.nav-menu .menu-active>a{color:#fb2dcd}.nav-menu .buy-tickets a{color:#fff;background:#fb2dcd;padding:7px 22px;border-radius:50px;border:2px solid #fb2dcd;font-weight:500;font-size:13px;line-height:1;transition:all .3s ease-in-out}.nav-menu .buy-tickets a::before{display:none}.nav-menu .buy-tickets a:hover{background:none;color:#fb2dcd}@media(max-width: 1199px){.nav-menu a{padding:8px 4px}}@media(max-width: 991px){.header{background-color:#6ce6db;height:70px;padding:15px 0}.nav-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-280px;width:280px;height:100vh;padding-top:80px;background:rgba(6,12,34,.95);overflow-y:auto;transition:right .4s ease;z-index:998}.nav-menu.open{right:0}.nav-menu ul{flex-direction:column;align-items:stretch}.nav-menu li{margin:0}.nav-menu a{display:block;padding:14px 22px;font-size:17px}.nav-menu a::before{display:none}.nav-menu .buy-tickets a{margin:10px 22px;text-align:center}}.landing-section{width:100%;min-height:100vh;background:url(../images/intro-bg.webp) top center;background-size:cover;overflow:hidden;position:relative}@media(min-width: 1024px){.landing-section{background-attachment:fixed}}.landing-section .container{position:absolute;inset:90px 0 0 0;justify-content:center;text-align:center}@media(max-width: 991px){.landing-section .container{top:70px}}.landing-section .about-btn{font-family:"Raleway",sans-serif;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 32px;margin:10px;border-radius:50px;line-height:1;color:#fb2dcd;border:2px solid #fff;background-color:#fff;transition:.5s}.landing-section .about-btn:hover{background:rgba(0,0,0,0);color:#fff}.edition-label{font-family:"Raleway",sans-serif;font-size:22px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:12px 0 0;text-shadow:0 1px 6px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.logo-center{width:35%}@media(max-width: 1400px){.logo-center{width:50%}}@media(max-width: 1100px){.logo-center{width:70%}}@media(max-width: 800px){.logo-center{width:80%}}@media(max-width: 600px){.logo-center{width:95%}}.carousel{width:100%;margin-top:40px;overflow:hidden}.carousel .carousel-track{display:flex;align-items:center;list-style:none;width:max-content;animation:carousel-scroll 30s linear infinite}.carousel:hover .carousel-track{animation-play-state:paused}.carousel .carousel-item{flex:0 0 auto;padding:0 30px}.carousel .carousel-item a{display:block}.carousel .carousel-item img{width:220px;max-height:120px;object-fit:contain}@media(max-width: 500px){.carousel .carousel-item img{width:160px}}@keyframes carousel-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.info-section{text-align:center;padding:50px 0}.info-section .container{text-align:center}.info-section h2{font-weight:bold;font-family:"Raleway",sans-serif}.info-section .info-top{font-size:18px;font-family:"Raleway",sans-serif}.video-section .container{padding:0;max-width:100%}.video-section video{width:100%;max-height:900px;object-fit:cover;display:block}.about-section{background:url("../images/about-bg.webp");background-position:5px;background-size:cover;overflow:hidden;position:relative;color:#fff;padding:60px 0 40px}@media(min-width: 1024px){.about-section{background-attachment:fixed}}.about-section::before{content:"";position:absolute;inset:0;background:rgba(13,20,41,.8)}.about-section .container{position:relative;z-index:1;align-items:stretch}.about-section .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%}@media(max-width: 991px){.about-section .about-grid{grid-template-columns:1fr}}.about-section h2{font-size:36px;font-weight:bold;margin-bottom:10px;color:#fff}.about-section ul{margin:0 0 20px;padding-left:18px}.about-section p{font-size:14px;margin-bottom:20px;color:#fff}.about-section .accent{color:#fb2dcd}.about-section a{text-decoration:underline}.news-section{padding:25px 0 60px}.news-wrapper{display:flex;align-items:center;justify-content:center;max-width:80%;margin-bottom:25px}@media(max-width: 800px){.news-wrapper{flex-wrap:wrap;justify-content:flex-start}}.news-image{flex:0 0 250px}.news-image img{width:100%;height:auto}.news-content{display:flex;flex-direction:column;justify-content:center;padding-left:15px}@media(max-width: 800px){.news-content{padding-left:0}}.news-headline{font-size:25px;font-weight:bold}.news-text{font-size:18px}.news-extra{display:flex;align-items:center;padding-top:10px}.news-category{display:flex;align-items:center;justify-content:center;background-color:#6ce6db;border-radius:8px;padding:4px 8px}.news-category span{font-size:12px;color:#fff}.news-slash{padding:0 5px}.news-divider{background-color:#333;width:80%;height:.5px;border:0;margin:-5px 0 25px}.btn-news-all{margin-bottom:30px;padding:10px 24px;background-color:#6ce6db;color:#fff;border:0;border-radius:4px;font-size:15px;cursor:pointer;transition:background .3s}.btn-news-all:hover{background-color:#baecff}.ablauf-section{padding:25px 0 70px}.ablauf-section a{color:#0e1b4d;text-decoration:underline}.ablauf-section a:hover{color:#fb2dcd}.timeline{width:100%;max-width:760px;margin:0 auto;position:relative;padding-left:28px}.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg, #6CE6DB 0%, #FB2DCD 100%)}@media(max-width: 768px){.timeline{padding-left:22px}.timeline::before{left:5px}}.timeline-phase{position:relative;margin-bottom:14px}.timeline-phase:not(:first-child){margin-top:42px}.timeline-phase::before{content:"";position:absolute;left:-28px;top:4px;width:16px;height:16px;border-radius:50%;background:#fb2dcd;box-shadow:0 0 0 4px rgba(251,45,205,.18)}@media(max-width: 768px){.timeline-phase::before{left:-22px;width:12px;height:12px}}.timeline-phase .phase-label{display:inline-block;margin:0;font-family:"Raleway",sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fb2dcd}.timeline-item{position:relative;display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid #e0e5fa;transition:transform .4s ease}.timeline-item::before{content:"";position:absolute;left:-25px;top:22px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #6ce6db;transition:background .4s ease,transform .4s ease}@media(max-width: 768px){.timeline-item::before{left:-19px}}.timeline-item:hover{transform:translateX(2px)}.timeline-item:hover::before{background:#6ce6db;transform:scale(1.1)}.timeline-item.highlight::before{background:#fb2dcd;border-color:#fb2dcd;width:10px;height:10px;left:-26px}@media(max-width: 768px){.timeline-item.highlight::before{left:-20px}}.timeline-time{flex:0 0 64px;font-family:"Raleway",sans-serif;font-weight:700;font-size:16px;color:#6ce6db}.timeline-time.is-empty{flex-basis:64px}@media(max-width: 500px){.timeline-time.is-empty{display:none}}@media(max-width: 500px){.timeline-time{flex-basis:auto}}.timeline-body{flex:1}.timeline-body h4{font-size:18px;font-weight:600;margin:0;color:#112363;line-height:1.4}.timeline-item.highlight .timeline-body h4{color:#0e1b4d;font-size:20px}.act-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#112363;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .25s ease}.act-link .act-arrow{width:16px;height:16px;flex-shrink:0;transition:transform .25s ease}.act-link:hover{color:#fb2dcd}.act-link:hover .act-arrow{transform:translateX(3px)}.galerie-section{padding:25px 0 60px;overflow:hidden}.gallery{display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;width:100%}@media(max-width: 1200px){.gallery{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 991px){.gallery{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.gallery{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 500px){.gallery{grid-template-columns:1fr}}.gallery .gallery-item{display:block;overflow:hidden;aspect-ratio:1}.gallery .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in-out}.gallery .gallery-item:hover img{transform:scale(1.1)}.lightbox{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:rgba(6,12,34,.85)}.lightbox[hidden]{display:none}.lightbox .lightbox-img{max-width:90%;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:0;color:#fff;cursor:pointer;transition:color .3s}.lightbox button svg{width:32px;height:32px}.lightbox button:hover{color:#6ce6db}.lightbox .lightbox-close{top:20px;right:30px}.lightbox .lightbox-close svg{width:28px;height:28px}.lightbox .lightbox-prev{left:15px}.lightbox .lightbox-next{right:15px}.faq-section{padding:60px 0}.faq-section .faq-wrap{width:100%;max-width:75%;margin:0 auto}@media(max-width: 991px){.faq-section .faq-wrap{max-width:100%}}.faq-section .faq-list{list-style:none}.faq-section .faq-list li{border-bottom:1px solid #ddd}.faq-section .faq-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:none;border:0;text-align:left;padding:18px 0;font-family:"Raleway",sans-serif;font-size:16px;line-height:24px;font-weight:600;color:#000;cursor:pointer}@media(max-width: 768px){.faq-section .faq-toggle{font-size:18px}}.faq-section .faq-toggle .faq-icon{flex-shrink:0;width:22px;height:22px;color:#000;transition:transform .3s ease,color .3s ease}.faq-section .faq-toggle[aria-expanded=true]{color:#6ce6db}.faq-section .faq-toggle[aria-expanded=true] .faq-icon{color:#6ce6db;transform:rotate(45deg)}.faq-section .faq-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-section .faq-panel p{margin:0;padding:0 0 20px}.faq-section .faq-panel.faq-panel-image img{width:90%}.faq-section .faq-noiz{width:50%}.faq-section li.open .faq-panel{max-height:2200px}.sponsoren-section{padding:60px 0}.sponsoren-section .supporters-wrap{display:grid;width:100%;border-top:1px solid #e0e5fa;border-left:1px solid #e0e5fa;margin-bottom:30px}.sponsoren-section .sponsor-100{grid-template-columns:repeat(3, 1fr)}@media(max-width: 768px){.sponsoren-section .sponsor-100{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 500px){.sponsoren-section .sponsor-100{grid-template-columns:1fr}}.sponsoren-section .sponsor-75{grid-template-columns:repeat(4, 1fr)}@media(max-width: 991px){.sponsoren-section .sponsor-75{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.sponsoren-section .sponsor-75{grid-template-columns:repeat(2, 1fr)}}.sponsoren-section .sponsor-25{grid-template-columns:repeat(5, 1fr)}@media(max-width: 991px){.sponsoren-section .sponsor-25{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.sponsoren-section .sponsor-25{grid-template-columns:repeat(2, 1fr)}}.sponsoren-section .supporter-logo{display:flex;align-items:center;justify-content:center;padding:30px;border-right:1px solid #e0e5fa;border-bottom:1px solid #e0e5fa;background:hsla(0,0%,100%,.5);overflow:hidden}.sponsoren-section .supporter-logo img{transition:transform .4s ease-in-out}.sponsoren-section .supporter-logo:hover img{transform:scale(1.2)}.map-section .container{padding:0;max-width:100%}#map{width:100%;height:400px;z-index:1}.kontakt-section{padding:60px 0}.kontakt-section .contact-info{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;margin-bottom:20px;text-align:center}@media(max-width: 768px){.kontakt-section .contact-info{grid-template-columns:1fr;gap:20px}}.kontakt-section .contact-info svg{width:48px;height:48px;margin-bottom:10px;color:#6ce6db}.kontakt-section .contact-info h3{font-size:18px;margin-bottom:15px;font-weight:bold;text-transform:uppercase;color:#112363}.kontakt-section .contact-info address,.kontakt-section .contact-info p{margin-bottom:0;color:#112363;font-style:normal}.kontakt-section .contact-info a{color:#4869df}.kontakt-section .contact-info a:hover{color:#6ce6db}@media(min-width: 769px){.kontakt-section .contact-phone{border-left:1px solid #ddd;border-right:1px solid #ddd}}.kontakt-section .form{width:100%}.kontakt-section .form #sendmessage{color:#6ce6db;border:1px solid #6ce6db;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}.kontakt-section .form #sendmessage.show{display:block}.kontakt-section .form #errormessage{color:red;border:1px solid red;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}.kontakt-section .form #errormessage.show{display:block}.kontakt-section .form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width: 768px){.kontakt-section .form .form-row{grid-template-columns:1fr}}.kontakt-section .form .form-group{margin-bottom:20px}.kontakt-section .form input,.kontakt-section .form textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:0;font-size:15px;font-family:"Open Sans",sans-serif}.kontakt-section .form input:focus,.kontakt-section .form textarea:focus{outline:none;border-color:#6ce6db}.kontakt-section .form textarea{resize:vertical}.kontakt-section .form .form-submit{text-align:center}.kontakt-section .form button[type=submit]{background:#6ce6db;border:0;padding:10px 40px;color:#fff;border-radius:50px;cursor:pointer;transition:.4s}.kontakt-section .form button[type=submit]:hover{background:#baecff}.footer{background:#6ce6db;padding:0 0 25px;color:#eee;font-size:14px}.footer a{color:#fff}.footer a:hover{color:#fb2dcd}.footer .footer-top{padding:60px 0 20px}.footer .footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.footer .footer-logo{width:300px;height:200px;background-image:url("../images/logos/SummerJam_Logo.png");background-size:300px auto;background-position:center;background-repeat:no-repeat;margin-bottom:50px;transition:.5s ease}.footer .footer-logo:hover{background-image:url("../images/logos/SummerJam_Logo_p.png")}.footer .social-links{display:flex;gap:8px}.footer .social-links a{display:flex;align-items:center;justify-content:center;background:#222636;color:#eee;border-radius:50%;width:36px;height:36px;transition:.3s}.footer .social-links a svg{width:18px;height:18px}.footer .social-links a:hover{background:#fb2dcd;color:#fff}.footer .links{margin-top:20px}.footer .links a{margin:0 10px}.footer .copyright{text-align:center;padding-top:30px}.modal{position:fixed;inset:0;z-index:1050;display:flex;align-items:flex-start;justify-content:center;padding:30px 15px;overflow-y:auto;background:rgba(6,12,34,.6)}.modal[hidden]{display:none}.modal-dialog{width:100%;max-width:500px;margin:auto}.modal-dialog.modal-lg{max-width:800px}.modal-content{background:#fff;border-radius:6px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9e9e9}.modal-header .modal-title{margin:0;font-size:20px}.modal-close{display:flex;align-items:center;justify-content:center;background:none;border:0;color:#333;cursor:pointer;padding:0}.modal-close svg{width:22px;height:22px}.modal-close:hover{color:#fb2dcd}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid #e9e9e9}.btn-secondary{background:#6c757d;color:#fff;border:0;border-radius:4px;padding:8px 18px;font-size:14px;cursor:pointer;transition:background .3s}.btn-secondary:hover{background:#5a6268}body.modal-open{overflow:hidden}.legal-section{padding:140px 0 80px}.legal-section .container{align-items:flex-start;max-width:900px}.legal-section h1{font-size:32px;font-weight:700;margin-bottom:30px;color:#0e1b4d}.legal-section h2{font-size:22px;font-weight:700;margin:30px 0 12px;color:#0e1b4d}.legal-section p{margin-bottom:16px}.legal-section a{text-decoration:underline}.legal-section .back-link{display:inline-block;margin-top:30px;font-weight:600}