:root{--bg-dark: #020617;--bg-card: #0f172a;--bg-element: #1e293b;--border-color: #334155;--text-main: #f1f5f9;--text-muted: #94a3b8;--accent: #d946ef;--accent-glow: rgba(217, 70, 239, .15);--success: #10b981;--danger: #f43f5e;--info: #38bdf8}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#020617;color:#f1f5f9;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/img/header/hintergrund.jpeg);background-size:cover;background-position:center;opacity:.5;filter:grayscale(1) brightness(.8);z-index:-1}body.body-menu-open{overflow:hidden}h1,h2,h3,h4{font-family:Syncopate,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:1rem}.accent-text{color:#d946ef;text-shadow:0 0 15px rgba(217,70,239,.3)}header{position:fixed;width:100%;top:0;z-index:1000;background:#020617d9;border-bottom:1px solid #334155;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 5%;max-width:1600px;margin:0 auto}nav .logo .header-logo{height:84px;width:auto}nav ul{display:flex;list-style:none;gap:2.5rem}nav ul li a{color:#94a3b8;font-weight:600;text-transform:uppercase;font-size:1.1rem;text-decoration:none;transition:all .3s ease}nav ul li a:hover,nav ul li a.active{color:#d946ef}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#0f172a;border:1px solid #334155;border-left:4px solid #d946ef;padding:3rem;width:90%;max-width:450px;position:relative;box-shadow:0 20px 50px #00000080;animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275)}.modal-content .close-modal{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:#94a3b8;font-size:2.5rem;cursor:pointer;line-height:1;transition:.3s}.modal-content .close-modal:hover{color:#d946ef}.auth-input-group{margin-bottom:1.5rem}.auth-input-group label{display:block;color:#94a3b8;font-family:Syncopate,sans-serif;font-size:.7rem;margin-bottom:.5rem;letter-spacing:1px}.auth-input-group input{width:100%;padding:.8rem;background:#02061780;border:1px solid #334155;color:#fff;border-radius:4px;outline:none;transition:.3s}.auth-input-group input:focus{border-color:#d946ef}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.container{padding:160px 5% 80px;max-width:1400px;margin:0 auto;flex:1;width:100%;z-index:5;margin-top:1.5rem}.hero{text-align:center;margin-bottom:3rem}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem)}.hero .hero-accent{height:4px;background:#d946ef;margin:1.5rem auto;box-shadow:0 0 15px #d946ef}.partner-ticker{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3.5rem 0;border-top:1px solid #334155;border-bottom:1px solid #334155;overflow:hidden;width:100vw;position:relative;z-index:10}.partner-ticker .ticker-wrap{display:flex;width:100%;overflow:hidden}.partner-ticker .ticker-track{display:flex;align-items:center;width:max-content;animation:tickerScroll 40s linear infinite;pointer-events:auto}.partner-ticker .ticker-track:hover{animation-play-state:paused}.partner-ticker .ticker-track .logo-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 5rem}.partner-ticker .ticker-track .logo-item .partner-link{display:block;cursor:pointer;line-height:0}.partner-ticker .ticker-track .logo-item .partner-link img{height:55px;width:auto;filter:grayscale(1) brightness(.8);transition:all .3s ease}.partner-ticker .ticker-track .logo-item .partner-link:hover img{filter:grayscale(0) brightness(1)}.partner-ticker .ticker-track .logo-item img:not(.partner-link img){height:55px;width:auto;filter:grayscale(1) brightness(.8)}.partner-ticker .ticker-track .logo-item span{font-family:Syncopate,sans-serif;color:#94a3b8;font-weight:900;font-size:1.2rem;white-space:nowrap;transition:color .3s}.partner-ticker .ticker-track .logo-item span:hover{color:#fff}@keyframes tickerScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}footer{padding:4rem 5%;border-top:1px solid #334155;text-align:center;background:#010413}footer .footer-content{max-width:1200px;margin:0 auto}footer .footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}footer .footer-links a{color:#94a3b8;text-decoration:none}footer .footer-links a:hover{color:#d946ef}footer .copyright{color:#475569;font-size:.75rem}#cookie-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;background:#0f172a;border:1px solid #334155;border-left:5px solid #d946ef;padding:1.5rem 2rem;z-index:9999;display:none;box-shadow:0 20px 50px #000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:8px}#cookie-banner .cookie-wrapper{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}#cookie-banner .cookie-wrapper p{margin:0;color:#f1f5f9;font-size:.95rem;flex:1;min-width:300px}#cookie-banner .cookie-wrapper p strong,#cookie-banner .cookie-wrapper p a{color:#d946ef}#cookie-banner .cookie-wrapper .btn{background:#d946ef;color:#fff;padding:.8rem 2rem;border-radius:4px;transition:.3s}#cookie-banner .cookie-wrapper .btn:hover{background:#cf17eb}.btn{display:inline-block;background:#d946ef;color:#fff;padding:1rem 2rem;font-family:Syncopate,sans-serif;text-transform:uppercase;font-weight:700;cursor:pointer;transition:.3s;text-decoration:none;border:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:10px;z-index:1100}.menu-toggle span{display:block;width:30px;height:3px;background-color:#d946ef;transition:.3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center}.menu-toggle .rotate-down{transform:translateY(9px) rotate(45deg)}.menu-toggle .hide{opacity:0;transform:translate(-10px)}.menu-toggle .rotate-up{transform:translateY(-9px) rotate(-45deg)}.social-links{display:flex;justify-content:center;gap:3.5rem;margin-bottom:3rem}.social-links .social-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#94a3b8;transition:.3s}.social-links .social-icon i{font-size:3.2rem;margin-bottom:.6rem}.social-links .social-icon span{font-family:Syncopate,sans-serif;font-size:.65rem;letter-spacing:2px;opacity:0;transition:.3s}.social-links .social-icon:hover{color:#d946ef}.social-links .social-icon:hover i{transform:scale(1.1)}.social-links .social-icon:hover span{opacity:1}@media(max-width:768px){.menu-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#0f172a;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.4s;z-index:1050;list-style:none}.nav-links.nav-active{right:0}.nav-links li{margin:1.5rem 0!important}.nav-links li a{font-size:1.2rem}.hero h1{font-size:clamp(1.5rem,8vw,2rem)!important}.container{padding-top:120px!important}.partner-ticker .ticker-track .logo-item{padding:0 2.5rem}.social-links{gap:1.5rem!important;flex-direction:row!important}.social-links .social-icon i{font-size:1.8rem!important}.social-links .social-icon span{display:none}}
