:root{--night:#030e17;--yellow:#ffe428;--blue:#00c8f9;--pink:#ff276b;--white:#fffdf2;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:var(--night);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--yellow);color:var(--night);padding:16px}.skip:focus{top:20px}.header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:25px;border-bottom:1px solid #ffffff22}.nav-logo{width:140px}.nav-logo img{display:block;width:100%;height:auto}nav{display:flex;gap:32px;align-items:center}nav a{font-weight:800;font-size:.875rem;letter-spacing:1px}nav a span{color:var(--yellow);margin-left:10px}#motion{font-size:.75rem;color:#ddd;background:#030e1799;border:1px solid #ffffff50;padding:10px 12px;cursor:pointer;border-radius:30px}#sound{font-size:.75rem;color:#ddd;background:#030e1799;border:1px solid #ffffff50;padding:10px 12px;cursor:pointer;border-radius:30px}#sound:hover,#sound:focus-visible{border-color:#ffffffb0;color:#fff;outline:none}.show{height:100svh;min-height:700px}.motion-ready .show{height:175svh;min-height:1000px}.stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:var(--night);isolation:isolate}.scene,.shade,.light{position:absolute;inset:0;pointer-events:none}.scene{transform:scale(var(--scene-scale,1.02));transform-origin:70% 50%}.scene img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.dance-frame{opacity:0}.shade{background:linear-gradient(90deg,#030e17c9 0%,#030e1733 48%,transparent 70%),linear-gradient(0deg,#030e17 0%,transparent 20%,transparent 85%,#030e1766)}.light{mix-blend-mode:screen;opacity:.2;transform-origin:50% 0;z-index:1}.light-blue{background:linear-gradient(112deg,transparent 30%,#00ccff44 43%,transparent 54%);animation:light-sweep 14s ease-in-out infinite alternate}.light-pink{background:linear-gradient(65deg,transparent 48%,#ff276b44 58%,transparent 70%);animation:light-sweep 19s ease-in-out infinite alternate-reverse}.hero-copy{position:relative;z-index:2;padding:clamp(160px,20vh,220px) 0 100px 6%;width:57%;transform:translateY(var(--copy-y,0px))}.eyebrow{font-size:.75rem;letter-spacing:2px;font-weight:800;line-height:1.5;margin:0}.hero-copy .eyebrow{display:flex;gap:12px;align-items:center}.hero-copy .eyebrow span{width:25px;height:3px;background:var(--yellow)}h1{margin:27px 0 14px;width:100%;max-width:660px;transform:rotate(-5deg);filter:drop-shadow(0 12px 12px #0008)}h1 img{width:100%;height:auto;display:block}.hero-line{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(2.5rem,4vw,4.4rem);font-weight:900;line-height:1.03;margin:20px 0 28px;letter-spacing:-1px}.hero-line br{display:none}.hero-line em{font-style:normal;color:var(--yellow)}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;gap:45px;background:var(--yellow);color:var(--night);font-weight:900;font-size:1rem;padding:18px 24px;box-shadow:5px 5px 0 var(--pink);transform:rotate(-2deg);transition:transform .2s,box-shadow .2s}.button:hover{transform:rotate(0) translateY(-3px);box-shadow:7px 8px 0 var(--pink)}.button span{font-size:1.5rem}.text-link{font-size:.9rem;font-weight:700;border-bottom:1px solid #ffffff88;padding:12px 0}.text-link span{padding-left:15px}.stage-bottom{position:absolute;bottom:32px;left:6%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;z-index:2;font-size:.7rem;font-weight:800;letter-spacing:1.5px;line-height:1.6;color:#d3dce2}.scroll-note{display:flex;gap:25px;align-items:center}.scroll-note span{font-size:1.8rem;color:var(--yellow)}.scene-counter{font-family:monospace;font-size:.9rem}.progress{position:absolute;bottom:0;left:0;height:3px;width:calc(var(--progress,0)*100%);background:var(--yellow);z-index:3}.ticker{background:var(--yellow);color:var(--night);overflow:hidden;padding:18px 0;transform:rotate(-1.8deg) scale(1.01);position:relative;z-index:3;border-top:4px solid var(--night);border-bottom:4px solid var(--night);margin:-7px 0}.ticker div{width:max-content;display:flex;align-items:center;gap:45px;white-space:nowrap;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:2rem;letter-spacing:1px;animation:marquee 35s linear infinite}.ticker b{font-family:Arial,sans-serif;color:var(--pink)}.music{padding:105px 6% 130px;max-width:1800px;margin:auto}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff33;padding-top:24px}.section-top .eyebrow{color:var(--blue)}.section-top>span{font-size:.7rem;letter-spacing:1.5px;color:#bbc7ce}.music-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:35px 0 65px}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(4rem,8vw,8.5rem);line-height:.95;letter-spacing:-2px;margin:0}h2 em{font-style:normal;color:var(--yellow)}.music-heading p{font-size:1rem;line-height:1.7;color:#bfc8d0;margin-bottom:5px}.releases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:start}.release:nth-child(2){margin-top:65px}.release:nth-child(3){margin-top:130px}.cover{display:block;position:relative;aspect-ratio:1;box-shadow:7px 7px 0 var(--blue);border:2px solid #000;transition:transform .25s,box-shadow .25s}.release:nth-child(2) .cover{box-shadow:7px 7px 0 var(--yellow)}.release:nth-child(3) .cover{box-shadow:7px 7px 0 var(--pink)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover:hover,.cover:focus-visible{transform:translateY(-8px) rotate(-2deg);box-shadow:12px 15px 0 var(--blue)}.release:nth-child(2) .cover:hover{box-shadow:12px 15px 0 var(--yellow)}.release:nth-child(3) .cover:hover{box-shadow:12px 15px 0 var(--pink)}.cover-action{position:absolute;bottom:18px;left:18px;right:18px;background:var(--yellow);color:var(--night);padding:15px;font-size:.8rem;font-weight:900;text-align:center;opacity:0;transform:translateY(8px);transition:.2s}.cover:hover .cover-action,.cover:focus-visible .cover-action{opacity:1;transform:none}.track-meta{display:flex;justify-content:space-between;margin-top:27px;font-family:monospace;font-size:.75rem;color:var(--blue);letter-spacing:1.5px}.release h3{font-size:clamp(1.4rem,2.5vw,2.5rem);font-weight:900;line-height:1.15;letter-spacing:-1px;margin:16px 0 20px}.release-links{border-top:1px solid #ffffff33;padding-top:16px;display:flex;gap:20px;flex-wrap:wrap}.release-links a{font-size:.9rem;font-weight:700;padding:8px 0}.release-links a:hover{color:var(--yellow)}footer{border-top:1px solid #ffffff33;margin:0 6%;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer img{width:150px;height:auto;display:block}footer p,footer>a:last-child{font-size:.75rem;font-weight:700;letter-spacing:1px}footer p{color:#aabcc7}.social{padding:50px 6%}#social-links{display:flex;gap:25px;margin-top:30px}.paused *{animation-play-state:paused!important}.paused .scene,.paused .hero-copy{transform:none}.paused .dance-frame{opacity:0!important}.paused .progress{width:0}.paused .show{height:100svh;min-height:700px}@keyframes light-sweep{from{transform:rotate(-8deg);opacity:.12}to{transform:rotate(9deg);opacity:.28}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1800px){.scene img{object-fit:cover}.hero-copy{padding-left:max(6%,calc((100vw - 1600px)/2));width:55%}}@media(max-width:1000px){.hero-copy{width:64%;padding-top:190px}.hero-actions{gap:20px}.scene img{object-position:60% center}.releases{gap:22px}.release h3{font-size:1.6rem}.stage-bottom>span:first-child{display:none}.hero-line br{display:block}.hero-line{font-size:3.5rem}.music{padding-top:80px}}@media(max-width:650px){.header{padding:17px 6%;gap:15px}.nav-logo{width:100px}nav{gap:15px}nav a{font-size:.75rem;letter-spacing:.5px}#motion{font-size:.7rem;max-width:108px;padding:8px}#sound{font-size:.7rem;max-width:108px;padding:8px}.show,.stage{min-height:760px}.motion-ready .show{height:145svh;min-height:1050px}.stage{height:100svh}.scene img{object-position:70% center}.shade{background:linear-gradient(0deg,#030e17 1%,#030e1788 25%,transparent 65%,#030e1755),linear-gradient(90deg,#030e1755,transparent)}.hero-copy{position:absolute;bottom:85px;width:100%;padding:0 7%;transform:none!important}.hero-copy .eyebrow{font-size:.7rem;text-shadow:0 2px 5px #000;letter-spacing:1px}h1{max-width:390px;width:88%;margin:18px 0 12px}.hero-line{font-size:2.5rem;line-height:1.1;margin:15px 0 24px;text-shadow:0 2px 12px #030e17}.hero-line br{display:none}.hero-actions{gap:25px}.button{padding:13px 19px;gap:25px;font-size:.9rem}.text-link{font-size:.8rem}.stage-bottom{bottom:24px;font-size:.65rem;left:7%;right:7%}.scroll-note{gap:12px}.ticker div{font-size:1.4rem;gap:25px}.ticker{padding:14px 0}.music{padding:60px 7% 75px}.section-top>span{display:none}.music-heading{margin:30px 0 40px;align-items:flex-start;flex-direction:column;gap:22px}h2{font-size:4rem}.music-heading p{margin:0;font-size:.9rem}.music-heading p br{display:none}.music-heading p br:after{content:' '}.releases{grid-template-columns:1fr;gap:50px}.release:nth-child(2),.release:nth-child(3){margin-top:0}.release h3{font-size:2rem}.release h3 br{display:none}.cover-action{display:none}footer{flex-wrap:wrap;margin:0 7%;padding:30px 0}footer p{display:none}footer img{width:115px}footer>a:last-child{font-size:.65rem}.paused .show{min-height:760px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .show{height:100svh;min-height:760px}.scene,.hero-copy{transform:none!important}.dance-frame{opacity:0!important}.progress{display:none}}
body{overflow-x:clip}.music-heading p br{margin-right:.3em}@media(prefers-reduced-motion:reduce){#motion{display:none}}
/* V3 — Konzertdramaturgie */
.header{position:absolute;border-bottom:0;background:linear-gradient(#030e1799,transparent);padding-top:22px}.stage{--intro:1;--copy:1}.motion-ready .show{height:210svh;min-height:1250px}.scene{transform:scale(var(--scene-scale,1.02)) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);will-change:transform}.world-image{filter:brightness(.7)}.performer-image{opacity:var(--performer,1);transition:opacity .15s linear;mask-image:linear-gradient(90deg,transparent 18%,#000 53%);-webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 53%)}.hero-logo{position:absolute;z-index:3;left:calc(50% - var(--intro)*44%);top:calc(29% - var(--intro)*8%);width:calc(76% - var(--intro)*27%);max-width:1100px;margin:0;transform:translateX(calc(-50% + var(--intro)*50%)) rotate(calc(-4deg + var(--intro)*1deg));filter:drop-shadow(0 14px 0 #0005) drop-shadow(0 0 45px #ffc60019);will-change:transform,width,left,top}.hero-logo img{width:100%;height:auto}.hero-copy{position:absolute;top:52%;bottom:auto;left:6%;width:50%;padding:0;opacity:var(--copy);transform:translateY(calc((1 - var(--copy))*24px))!important}.hero-copy .hero-line{margin:15px 0 25px;line-height:1.02;font-size:clamp(2.5rem,4.5vw,5rem)}.hero-line br{display:block}.intro-caption{position:absolute;top:20%;left:0;width:100%;z-index:2;text-align:center;font-size:.75rem;letter-spacing:5px;font-weight:800;opacity:calc(1 - var(--intro))}.pointer-light{position:absolute;inset:0;background:radial-gradient(ellipse 500px 400px at var(--px,65%) var(--py,35%),#00c8f918,transparent);pointer-events:none;mix-blend-mode:screen;z-index:1}.stage-bottom{font-size:.75rem}.scene-counter{font-size:.75rem}.motion-ready .hero-copy{pointer-events:none}.motion-ready .hero-copy.is-ready{pointer-events:auto}.motion-ready .hero-copy:focus-within{opacity:1}.cover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s,box-shadow .3s;transform-style:preserve-3d}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,#ffffff00 25%,#ffffff33 40%,transparent 65%);background-size:220% 100%;background-position:100% 0;opacity:0;transition:opacity .3s,background-position .7s;pointer-events:none}.cover:hover:after{opacity:1;background-position:0 0}.cover:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-9px)}.reveal{opacity:1}.reveal.waiting{opacity:0;transform:translateY(40px)}.reveal{transition:opacity .7s,transform .7s}.paused .stage{--intro:1!important;--copy:1!important;--performer:1!important}.paused .hero-copy{pointer-events:auto}.paused .scene{transform:none!important}.paused .intro-caption{opacity:0}.paused .cover{transform:none!important}.paused .reveal{opacity:1!important;transform:none!important}.music{background:radial-gradient(ellipse at 10% 5%,#05384455,transparent 45%)}
@media(max-width:1000px){.hero-logo{width:calc(82% - var(--intro)*25%)}.hero-copy{top:50%;width:57%}.hero-copy .hero-line{font-size:3.4rem}.intro-caption{top:22%}}
@media(max-width:650px){.motion-ready .show{height:175svh;min-height:1100px}.stage{min-height:700px}.show{min-height:700px}.hero-logo{left:calc(50% - var(--intro)*43%);top:calc(27% + var(--intro)*11%);width:calc(92% - var(--intro)*8%);max-width:none}.hero-copy{top:auto;bottom:100px;left:7%;width:86%;padding:0}.hero-copy .hero-line{font-size:2.6rem;margin:14px 0 25px}.hero-line br{display:none}.hero-logo img{max-width:none}.scene img{object-position:68% center}.performer-image{mask-image:linear-gradient(0deg,#000 0%,#000 100%);-webkit-mask-image:linear-gradient(0deg,#000 0%,#000 100%)}.intro-caption{top:19%;font-size:.65rem;letter-spacing:2px}.scene-counter{display:none}.stage-bottom{bottom:27px}.scroll-note{font-size:.65rem}.hero-actions{gap:23px}.text-link{font-size:.85rem}.paused .show{min-height:700px}.music-heading h2{font-size:4.4rem}.section-top .eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.stage{--intro:1!important;--copy:1!important;--performer:1!important}.motion-ready .show{height:100svh;min-height:700px}.intro-caption{display:none}.hero-copy{pointer-events:auto!important}.reveal.waiting{opacity:1;transform:none}.cover{transform:none!important}}
.song-list{margin:0 0 75px;border-top:1px solid #ffffff44}.song-row{display:grid;grid-template-columns:70px 1fr auto;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid #ffffff33}.song-index{font:1.4rem monospace;color:var(--blue)}.song-row .eyebrow{color:#aabcc7;letter-spacing:2px;font-size:.7rem;margin-bottom:8px}.song-row h3{font-size:clamp(1.7rem,3.5vw,3.3rem);margin:0;font-weight:900;letter-spacing:-1px}.song-listen a{display:block;padding:15px 20px;border:1px solid var(--yellow);font-size:.9rem;font-weight:bold;color:var(--yellow)}.song-listen a:hover{background:var(--yellow);color:var(--night)}.social{padding:70px 6% 85px;border-top:1px solid #ffffff33;background:linear-gradient(125deg,#06304744,transparent 60%)}.social>.eyebrow{color:var(--blue);margin-bottom:22px}.social h2{font-size:clamp(2.8rem,6vw,6rem)}#social-links,.artist-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}#social-links a,.artist-links a{padding:18px 24px;border:1px solid #ffffff55;font-size:1rem;font-weight:700}#social-links a span,.artist-links a span{color:var(--yellow);margin-left:28px}#social-links a:hover,.artist-links a:hover{border-color:var(--yellow)}@media(max-width:650px){.header nav{gap:12px}.header .nav-logo{width:90px}.header .social-nav{font-size:.65rem}#motion{max-width:88px;font-size:.65rem;padding:7px}#sound{max-width:88px;font-size:.65rem;padding:7px}.song-row{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}.song-index{font-size:1rem}.song-listen{grid-column:2}.song-listen a{display:inline-block;padding:11px 16px}.song-list{margin-bottom:45px}.social{padding:45px 7%}.social h2{font-size:2.8rem}}
/* Rechtssseiten: Impressum & Datenschutz */
.legal-header{position:static;justify-content:flex-start;padding:22px 7%;border-bottom:1px solid #ffffff22}
.legal-page{max-width:820px;margin:0 auto;padding:80px 7% 60px}
.legal-page>h1{font-size:clamp(2.4rem,6vw,4rem);margin:0 0 6px;font-weight:900;letter-spacing:-1px;line-height:1}
.legal-page>.eyebrow{color:var(--blue);letter-spacing:3px;font-size:.75rem;margin:0 0 44px;font-weight:700}
.legal-block{margin:0 0 40px;padding-top:26px;border-top:1px solid #ffffff22}
.legal-block h2{font-size:clamp(1.15rem,2.4vw,1.5rem);margin:0 0 14px;font-weight:800;letter-spacing:.4px;color:var(--yellow)}
.legal-block p{line-height:1.65;color:#dbe6ee;font-size:.95rem;margin:0 0 12px}
.legal-block p strong{color:var(--white)}
.legal-block a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.legal-block a:hover{color:#fff}
.legal-block ul{margin:6px 0 0;padding-left:20px;line-height:1.75;color:#dbe6ee;font-size:.95rem}
.legal-block li{margin:0 0 8px}
.legal-block li strong{color:var(--white)}
.legal-footer{flex-wrap:wrap}
.footer-links{display:flex;gap:22px;font-size:.75rem;font-weight:700;letter-spacing:1px}
.footer-links a{color:#aabcc7}
.footer-links a:hover{color:var(--yellow)}
@media(max-width:650px){.legal-page{padding:66px 6% 46px}.footer-links{gap:14px;font-size:.65rem}}