/* Lions rockt Vauban 2027 – Gestaltung aus dem Export, Schriften Barlow Condensed und DM Sans (SIL Open Font License, Dateien unter assets/fonts) */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/barlow-condensed-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/barlow-condensed-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/barlow-condensed-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/barlow-condensed-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/barlow-condensed-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/barlow-condensed-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/barlow-condensed-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/barlow-condensed-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:900;src:url(../fonts/barlow-condensed-latin-ext-900-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:900;src:url(../fonts/barlow-condensed-latin-900-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/dm-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/dm-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/dm-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/dm-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/dm-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/dm-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/dm-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/dm-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/dm-sans-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/dm-sans-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#0a1726;--navy2:#0c2948;--blue:#004b8f;--deepblue:#02396c;--yellow:#ffd300;--red:#e13c3e;--cream:#f6f5f1;--gray:#d3dae4;--ink:#131d2b;--fontDisplay:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--fontBody:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:hidden;background:var(--cream);color:var(--ink);font-family:var(--fontBody);-webkit-font-smoothing:antialiased}button,a,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%}
.container{width:min(1210px,calc(100% - 88px));margin:auto}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.7px;font-weight:800}
.display{font-family:var(--fontDisplay);font-weight:900;line-height:.88;letter-spacing:-.6px;text-transform:uppercase}
.display-lg{font-size:clamp(63px,7.2vw,116px)}
.display-md{font-size:clamp(55px,5.6vw,94px)}
.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;border:0;padding:19px 27px;font-weight:800;text-transform:uppercase;letter-spacing:.75px;font-size:13px;transition:transform .16s,background .16s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--yellow);color:#0b1931}
.btn-primary:hover{background:#ffe053}
.btn-outline{border:2px solid var(--yellow);color:var(--yellow);background:transparent}
.btn-outline:hover{background:var(--yellow);color:#0b1931}
.btn-dark{background:#091523;color:white}
.arrow{font-size:20px;font-weight:400;line-height:1}
.kicker{display:flex;align-items:center;gap:12px;color:var(--blue)}
.kicker::before{content:'';display:inline-block;width:25px;height:4px;background:var(--yellow)}
.section{padding:110px 0}
h1,h2,h3,p{margin-top:0}h2{margin-bottom:25px}

/* NAV */
.top-bar{background:var(--yellow);text-align:center;line-height:30px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#071623;text-transform:uppercase}
.main-nav{height:90px;position:sticky;top:0;background:#071321;z-index:30;color:#fff}
.nav-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}
.nav-brand{display:flex;align-items:center;gap:13px;min-width:215px}
.nav-brand img{width:69px;height:70px;object-fit:contain}
.nav-word{font:900 26px/.85 var(--fontDisplay);letter-spacing:.15px;text-transform:uppercase}
.nav-word small{display:block;color:var(--yellow);letter-spacing:2px;font:800 10px var(--fontBody);margin-top:6px}
.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:800;letter-spacing:.25px}
.nav-links a:not(.btn){color:#dde6ef}
.nav-links a:hover{color:var(--yellow)}
.nav-links .btn{padding:15px 19px;font-size:12px}
.menu-button{display:none;border:0;background:transparent;color:white;font-size:29px;padding:10px}

/* HERO */
.hero{min-height:100vh;min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071320;color:#fff;overflow:hidden;text-align:center;padding:60px 20px}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:grayscale(1) brightness(.35) contrast(1.1)}
.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:28px;max-width:700px}
.hero-logo{width:min(420px,72vw);height:auto;filter:drop-shadow(0 8px 40px #0008);animation:logoIn .8s ease-out both}
@keyframes logoIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:none}}
.hero-date{font:900 clamp(18px,3vw,28px) var(--fontDisplay);letter-spacing:3px;text-transform:uppercase;color:var(--yellow);margin-top:8px}
.hero-sub{font-size:clamp(14px,1.8vw,18px);color:#c8d4e0;line-height:1.7;max-width:520px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:2;font-size:11px;letter-spacing:2px;color:#8899ab;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}
.hero-scroll::after{content:'';width:1px;height:30px;background:linear-gradient(#889aab,transparent)}

/* KONZERT */
.konzert{background:var(--cream)}
.konzert-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.konzert-info h2{margin:22px 0 27px}
.konzert-info p{font-size:16px;color:#505d6a;line-height:1.85;max-width:500px}
.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}
.fact-card{background:#fff;padding:22px 24px;border-left:4px solid var(--yellow)}
.fact-card .label{font:800 10px var(--fontBody);color:#7b8794;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}
.fact-card .value{font:900 28px var(--fontDisplay);color:var(--navy)}
.konzert-visual{position:relative}
.konzert-visual img{width:100%;height:480px;object-fit:cover;object-position:48% center;filter:saturate(.92)}
.konzert-visual::before{content:'';display:block;position:absolute;top:-8px;left:-19px;width:49%;height:43%;background:var(--yellow);z-index:0}
.konzert-visual .img-wrap{position:relative;z-index:1}
.konzert-visual .tag{position:absolute;right:0;bottom:5px;z-index:3;background:var(--blue);padding:20px 27px;color:#fff;transform:rotate(-4deg);font:900 30px/1 var(--fontDisplay);text-transform:uppercase}

/* BAND */
.band{background:#0b2037;color:#fff;position:relative;overflow:hidden}
.band::before{content:'VOODOO';position:absolute;font:900 270px var(--fontDisplay);color:#ffffff06;top:-75px;left:0;letter-spacing:-2px;white-space:nowrap;pointer-events:none}
.band-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;position:relative}
.band .kicker{color:var(--yellow)}
.band .display{font-size:clamp(76px,9vw,132px)}
.band h2 .outline{-webkit-text-stroke:1px #fff;color:transparent}
.band-copy{font-size:16px;line-height:1.86;color:#c9d5e3;max-width:450px}
.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 32px}
.pill{border:1px solid #ffffff4b;border-radius:50px;font-size:11px;font-weight:700;padding:9px 13px;color:#e7eef9}
.band-img{position:relative}
.band-img img{display:block;width:100%;height:550px;object-fit:cover;object-position:50% 44%}
.band-img::before{content:'';height:100%;width:9px;position:absolute;right:-18px;top:15px;background:var(--yellow)}
.band-img .overlay{position:absolute;left:-30px;bottom:-34px;background:var(--yellow);padding:21px 27px;color:#051a36;font:900 37px/.93 var(--fontDisplay);text-transform:uppercase;transform:rotate(-4deg)}
.more-bands{text-align:center;padding:55px 0 0}
.more-bands-card{display:inline-flex;align-items:center;gap:18px;background:#0f2d4e;border:1px solid #1d3d5e;padding:24px 36px}
.more-bands-card .dot{width:10px;height:10px;border-radius:50%;background:var(--yellow);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.more-bands-card span{font:800 14px var(--fontBody);color:#c9d5e3;letter-spacing:.3px}

/* SPONSORS */
.sponsors{background:#fff}
.sponsors-head{text-align:center;max-width:745px;margin:auto}
.sponsors-head .kicker{justify-content:center}
.sponsors-head h2{margin:15px 0 16px}
.sponsors-head p{line-height:1.75;color:#647281}
.sponsor-category{display:flex;align-items:center;gap:14px;justify-content:center;margin:40px auto 19px}
.sponsor-category b{font:900 24px var(--fontDisplay);text-transform:uppercase}
.sponsor-category::after,.sponsor-category::before{content:'';height:1px;background:#dce2e8;flex:1}
.sponsor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sponsor-grid.four{grid-template-columns:repeat(4,1fr)}
.sponsor-logo{height:115px;background:#f7f8fa;display:flex;align-items:center;justify-content:center;padding:22px;transition:transform .2s,box-shadow .2s}
.sponsor-logo:hover{transform:translateY(-3px);box-shadow:0 7px 30px #091e3110}
.sponsor-logo img{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.sponsor-mini{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.sponsor-mini span{border:1px solid #e4e9ed;color:#526271;font-size:12px;font-weight:700;padding:13px 19px}
.sponsor-cta{background:#092f55;color:#fff;padding:30px 36px;margin-top:54px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sponsor-cta strong{display:block;font:900 33px var(--fontDisplay);text-transform:uppercase}
.sponsor-cta span{font-size:13px;color:#c1cedd}

/* IMPACT */
.impact{background:var(--yellow);position:relative;overflow:hidden}
.impact::before{content:'♥';color:#0b3b7014;font:900 700px Arial;position:absolute;right:-20px;top:-250px;pointer-events:none}
.impact-in{display:grid;grid-template-columns:1fr .96fr;gap:11%;position:relative;align-items:center}
.impact h2{font-size:clamp(70px,8vw,123px)}
.impact-figure{font:900 clamp(91px,10.4vw,165px)/.85 var(--fontDisplay);letter-spacing:-2px;margin:20px 0 16px;color:#003d76}
.impact-desc{font-size:20px;font-weight:800;margin-bottom:20px}
.impact-body{color:#364b58;font-size:15px;line-height:1.8;max-width:480px}
.impact-note{display:flex;gap:13px;align-items:center;margin-top:28px;font-weight:800;font-size:12px}
.impact-note::before{content:'↗';background:#073968;color:#fff;width:35px;height:35px;display:grid;place-items:center;font-size:21px}
.benefit-panel{background:#fff;box-shadow:22px 20px 0 #093b7226;padding:35px}
.benefit-panel h3{font:900 34px var(--fontDisplay);margin:10px 0 18px}
.recipient{border-top:1px solid #e8e8e8;padding:15px 0;display:flex;align-items:center;gap:16px}
.recipient .num{color:var(--blue);font:900 28px var(--fontDisplay);opacity:.45;min-width:26px}
.recipient span{font-size:13px;font-weight:700;line-height:1.5}
.benefit-panel small{font-size:11px;color:#82909d;line-height:1.65;display:block;margin-top:6px}

/* CLUBS */
.clubs{background:#ebf0f4}
.clubs-in{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:center}
.clubs p{font-size:15px;line-height:1.75;color:#617180;max-width:410px}
.club-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.club{background:white;min-height:225px;padding:18px 10px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px;text-align:center;transition:transform .2s}
.club:hover{transform:translateY(-3px)}
.club img{width:115px;height:120px;object-fit:contain}
.club b{font-size:11px;line-height:1.35;max-width:160px}
.club a{color:var(--blue);font-size:11px;font-weight:700;margin-top:4px;text-decoration:underline;text-underline-offset:3px}

/* FOOTER */
.end{background:#081522;color:white;position:relative;overflow:hidden;padding:90px 0 42px}
.end::before{content:'ROCKT';font:900 310px var(--fontDisplay);color:#ffffff04;position:absolute;bottom:-70px;left:-20px;pointer-events:none}
.end-top{display:flex;justify-content:space-between;gap:50px;position:relative;padding-bottom:65px;border-bottom:1px solid #ffffff25}
.end h2{font:900 clamp(66px,8vw,125px)/.85 var(--fontDisplay);margin:14px 0 20px}
.end h2 span{color:var(--yellow)}
.end p{color:#b8c4d2;font-size:15px;line-height:1.7}
.end .badge-img{width:180px;align-self:start;filter:drop-shadow(0 5px 8px #0008)}
.end-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:31px;align-items:center;font-size:11px;color:#a2b0c2}
.end-bottom a{text-decoration:underline;text-underline-offset:4px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}
.mobile-action{display:none}
.legal{background:#0d1e30;color:#c5d1de;padding:70px 0 50px}
.legal h2{font:900 38px var(--fontDisplay);color:#fff;text-transform:uppercase;margin:0 0 28px}
.legal h3{font:800 16px var(--fontBody);color:#fff;margin:30px 0 10px}
.legal p,.legal li{font-size:13px;line-height:1.85;color:#a8b8ca}
.legal a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}
.legal ul{padding-left:18px}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.legal hr{border:0;border-top:1px solid #1d3050;margin:50px 0}
@media(max-width:850px){.legal-grid{grid-template-columns:1fr;gap:30px}}


/* VIDEO */
.video-section{background:#071320;padding:0;position:relative;overflow:hidden}
.video-section .video-inner{max-width:1100px;margin:0 auto;padding:70px 24px 80px}
.video-section .video-heading{text-align:center;margin-bottom:36px}
.video-section .video-heading .eyebrow{color:var(--yellow);margin-bottom:14px;display:block}
.video-section .video-heading h2{font-family:var(--fontDisplay);font-weight:900;font-size:clamp(36px,4.5vw,58px);color:#fff;text-transform:uppercase;letter-spacing:-.3px;line-height:.92;margin:0}
.video-wrap{position:relative;width:100%;border-radius:6px;overflow:hidden;box-shadow:0 20px 60px #0006}
.video-wrap video{width:100%;display:block}
.video-portrait{display:none}
@media(max-width:850px){
.video-landscape{display:none}
.video-portrait{display:block}
.video-section .video-inner{padding:50px 16px 60px}
.video-section .video-heading h2{font-size:clamp(30px,6vw,44px)}
}
@media(max-width:560px){
.video-section .video-inner{padding:40px 12px 48px}
}
/* RESPONSIVE */
@media(max-width:1150px){.nav-links{gap:15px}.container{width:min(1200px,calc(100% - 54px))}.sponsor-logo{padding:16px}.club{min-height:205px}}
@media(max-width:850px){
.section{padding:77px 0}
.nav-links{display:none;position:absolute;top:90px;left:0;right:0;background:#0a1726;padding:22px 7%;flex-direction:column;align-items:stretch;gap:22px;box-shadow:0 20px 30px #0006}
.nav-links.open{display:flex}.nav-links .btn{width:100%}.menu-button{display:block}
.konzert-grid,.band-grid,.impact-in,.clubs-in{grid-template-columns:1fr;gap:42px}
.konzert-grid .konzert-visual{order:2}.konzert-grid .konzert-info{order:1}
.band-img img{height:440px}
.sponsor-grid{grid-template-columns:repeat(3,1fr)}.sponsor-grid.four{grid-template-columns:repeat(2,1fr)}
.club-logos{gap:12px}
.impact::before{top:100px;right:-250px}
.end .badge-img{width:130px}
.hero{min-height:auto;min-height:100svh}
}
@media(max-width:560px){
.container{width:calc(100% - 36px)}
.top-bar{font-size:9px;letter-spacing:.75px;line-height:27px}
.main-nav{height:75px}.nav-links{top:75px}
.nav-brand img{width:56px;height:56px}.nav-word{font-size:22px}.nav-brand{gap:9px;min-width:0}
.hero{padding:40px 16px}
.hero-logo{width:min(320px,75vw)}
.hero-date{font-size:clamp(16px,4.5vw,22px)}
.section{padding:65px 0}
.display-lg{font-size:71px}.display-md{font-size:65px}
.konzert-visual img{height:340px}
.konzert-visual .tag{font-size:23px}
.konzert-info p{font-size:14px}
.fact-grid{grid-template-columns:1fr;gap:10px}
.fact-card .value{font-size:24px}
.band .display{font-size:82px}
.band-img img{height:400px}
.band-img .overlay{left:-5px;bottom:-17px;font-size:29px}
.band-copy{font-size:14px}
.impact h2{font-size:82px}
.impact-figure{font-size:88px}
.benefit-panel{padding:24px;box-shadow:10px 12px 0 #093b7226}
.sponsor-grid{grid-template-columns:repeat(2,1fr)}.sponsor-grid.four{grid-template-columns:repeat(2,1fr)}
.sponsor-logo{height:95px;padding:13px}.sponsor-logo img{max-height:67px}
.sponsor-cta{flex-direction:column;align-items:start;padding:25px;gap:18px}.sponsor-cta .btn{width:100%}.sponsor-cta strong{font-size:30px}
.clubs-in{gap:15px}
.club-logos{grid-template-columns:repeat(3,1fr);gap:6px}.club{min-height:150px;padding:10px 5px}.club img{width:85px;height:85px}.club b{font-size:9px}
.end-top{flex-direction:column;padding-bottom:35px;gap:20px}.end h2{font-size:78px}.end-bottom{flex-direction:column;align-items:start}
.mobile-action{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;padding:9px 15px;box-shadow:0 -3px 21px #0005;background:#071320}.mobile-action .btn{width:100%;padding:14px}
.end{padding-bottom:105px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* l1: Knopf „Messung abschalten“ in der Datenschutzerklärung, wie die Links dort */
.legal .legal-btn{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--yellow);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.legal .legal-btn:disabled{color:#a8b8ca;text-decoration:none;cursor:default}.legal .legal-btn:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}