:root{--bg:#faf9f6;--paper:#20201e;--muted:#62615b;--acid:#bc4308;--line:#d6d1c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,Arial,sans-serif}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.065;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.9' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--acid);outline-offset:6px}header{height:100px;display:flex;justify-content:space-between;align-items:center;margin:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{font:900 23px/.8 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1px}.wordmark span{display:block;font:8px Inter,Arial,sans-serif;letter-spacing:1px;margin-top:10px}nav{display:flex;gap:36px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1px}nav a:hover{color:var(--acid)}nav span{color:var(--acid)}.menu{display:none}.hero{min-height:690px;padding:24px 5% 38px;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,.cover strong{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900}h1{position:relative;font-size:clamp(100px,15.3vw,230px);line-height:.78;letter-spacing:-.035em;margin:68px 0 45px;z-index:1}h1>span{color:var(--acid)}h1 i{font-size:.49em;font-style:normal;position:absolute;margin-left:25px;top:-5px;color:var(--acid)}.hero-art{position:absolute;width:55%;height:600px;right:-2%;top:0;opacity:.5;transform:rotate(-15deg)}.orbit{width:480px;height:480px;border:75px solid #525449;border-radius:50%;position:absolute;right:0;top:30px;box-shadow:inset 0 0 70px #000,0 0 80px #000}.slash{position:absolute;right:130px;top:-100px;width:45px;height:850px;background:var(--bg);transform:rotate(45deg);box-shadow:40px 0 0 #151514,60px 0 0 #757668}.art-caption{position:absolute;bottom:80px;right:40px;letter-spacing:5px;font-size:10px}.hero-bottom{display:flex;align-items:center;gap:70px;position:relative;z-index:1}.hero-bottom p{font-size:16px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:54px;padding:16px 22px;background:var(--acid);color:#181a13;border:1px solid var(--acid);font-size:11px;letter-spacing:1px;font-weight:700}.button:hover{background:var(--paper);border-color:var(--paper)}.button span{font-size:23px;line-height:16px}.scroll{font-size:9px;letter-spacing:2px;margin-left:auto;color:var(--muted)}.ticker{background:var(--acid);color:var(--bg);padding:14px 0;overflow:hidden;transform:rotate(-1.2deg);font:800 25px 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;white-space:nowrap}.ticker span{display:block;word-spacing:18px}.section{padding:90px 5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:25px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:25px;color:var(--muted)}h2{font-size:clamp(65px,7.5vw,110px);line-height:.9;letter-spacing:-.02em}em{font-style:normal;color:var(--acid)}.section-head p{font-size:13px;line-height:1.8;color:var(--muted);max-width:350px}.releases{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cover{aspect-ratio:1;position:relative;overflow:hidden;background:#797766;color:#161815;padding:7%;display:flex;flex-direction:column;justify-content:space-between}.cover-band{font-size:8px;letter-spacing:3px;z-index:1}.cover strong{font-size:clamp(35px,5vw,76px);line-height:.85;z-index:1;letter-spacing:-1px;margin-top:auto}.cover small{font-size:7px;letter-spacing:2px;margin-top:18px;z-index:1}.disc{width:70%;height:70%;border:38px solid #232b22;position:absolute;top:9%;right:-7%;border-radius:50%;transform:skew(-12deg);box-shadow:10px 4px 0 #c4c5a0}.disc:after{content:"";position:absolute;width:250%;height:20px;background:#797766;transform:rotate(-30deg);left:-60%;top:35%}.fresh{background:#bfc6bf}.rays{position:absolute;inset:-30%;background:repeating-linear-gradient(125deg,transparent 0 30px,#34484b 31px 44px,transparent 45px 65px);transform:rotate(9deg)}.fresh strong{color:#111d21;text-shadow:2px 2px #bfc6bf}.hearts{background:#292b2b;color:#e7ded2}.collision{position:absolute;width:65%;height:65%;background:#aa493a;border-radius:50%;right:15%;top:15%;mix-blend-mode:screen}.collision:after{content:"";position:absolute;inset:0;background:#aa493a;border-radius:50%;transform:translateX(45%);mix-blend-mode:screen}.release-info{display:flex;justify-content:space-between;align-items:center;padding:20px 0}h3{font-size:20px;font-weight:600}.release-info p{font-size:8px;color:var(--muted);letter-spacing:1.6px;margin-top:8px}.round{border:1px solid var(--line);border-radius:50%;background:transparent;width:40px;height:40px;font-size:22px}.round:hover{background:var(--acid);color:var(--bg)}.note{font-size:10px!important;color:var(--muted);line-height:1.7;margin-top:16px}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:10%;background:#1c1d19}.band h2{font-size:clamp(55px,6vw,88px)}.band-statement>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:370px;margin-top:30px}.members{padding-top:30px}.members>div{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:22px 0}.members span{font-size:9px;color:var(--acid)}.members h3{font:700 38px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.members b{margin-left:auto;color:var(--muted);font-weight:400}.status{font-size:9px;letter-spacing:1px;display:flex;gap:10px;align-items:center;color:var(--muted)}.status i{width:7px;height:7px;background:var(--acid);border-radius:50%}.show-empty{padding:35px 0;border-block:1px solid var(--line);display:flex;align-items:center;gap:30px}.star{font-size:65px;color:var(--acid)}.show-empty h3{font-size:20px}.show-empty p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.show-empty a{margin-left:auto;font-size:10px;letter-spacing:1px;border-bottom:1px solid var(--acid);padding-bottom:8px}.contact{background:var(--acid);color:var(--bg)}.contact .eyebrow{color:#4c5429}.contact h2{font-size:clamp(90px,13vw,180px);position:relative}.contact em{color:var(--bg)}.contact h2>span{position:absolute;right:0;top:0;font-family:Arial,sans-serif;font-weight:400;font-size:.8em}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:35px;gap:24px}.contact-bottom p{font-size:14px;line-height:1.7}.contact-actions{display:flex;gap:25px;align-items:center}.contact .button{background:var(--bg);color:var(--acid);border-color:var(--bg)}.text-button{background:none;border:0;border-bottom:1px solid;font-size:10px;letter-spacing:1px;padding:15px 0}.socials{border-top:1px solid #879338;margin-top:50px;padding-top:22px;display:flex;gap:35px;align-items:center}.socials button,footer button{border:0;padding:6px 0;background:none;font-size:9px;letter-spacing:1px}.socials span{margin-left:auto;font-size:8px;letter-spacing:2px}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>a{font:800 19px 'Barlow Condensed',Impact,sans-serif}footer>span,footer button{font-size:8px;color:var(--muted);letter-spacing:1px}dialog{background:var(--bg);color:var(--paper);border:1px solid var(--line);padding:35px;max-width:460px;width:calc(100% - 40px)}dialog::backdrop{background:#000b}dialog h2{font-size:55px}dialog p{font-size:14px;line-height:1.7;margin:25px 0}dialog .button{width:100%}.skip{position:fixed;top:-100px;left:20px;background:var(--acid);color:black;padding:15px;z-index:40}.skip:focus{top:15px}
@media(min-width:1500px){header,main,footer{max-width:1600px;margin-inline:auto}.hero{min-height:800px}}@media(max-width:760px){header{height:83px}.menu{display:block;border:1px solid var(--line);background:none;padding:10px 13px;font-size:11px}.menu span{margin-left:15px;color:var(--acid)}nav{display:none;position:absolute;top:82px;left:-5.5%;right:-5.5%;background:var(--bg);padding:25px 6%;border-bottom:1px solid var(--line);gap:24px}nav.open{display:flex}.hero{min-height:600px;padding-top:24px}.hero-top{font-size:7px;letter-spacing:1px;gap:20px}.hero-top span:last-child{text-align:right}h1{font-size:20vw;margin-top:100px;margin-bottom:45px}h1 i{top:-62px;right:5px;margin:0;font-size:.6em}.hero-art{width:100%;right:-30%;opacity:.35}.orbit{width:350px;height:350px;border-width:55px}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .button{margin-top:25px}.scroll{display:none}.ticker{font-size:20px;padding:11px 0}.section{padding:60px 6%}.section-head{display:block}.section-head p{margin-top:25px;font-size:12px}.releases{grid-template-columns:1fr;gap:28px}.cover{max-height:500px;aspect-ratio:1}.cover strong{font-size:20vw}.cover-band{font-size:10px}.release-info{padding:16px 0}.band{grid-template-columns:1fr;gap:20px}.band h2{font-size:17vw}.members{padding-top:10px}.members>div{padding:16px 0}.shows .status{margin-top:25px}.show-empty{flex-wrap:wrap;gap:20px}.show-empty .star{font-size:45px}.show-empty>div{flex:1;min-width:200px}.show-empty a{margin-left:0;margin-top:10px}.contact h2{font-size:20vw}.contact h2>span{font-size:.55em;top:5px}.contact-bottom{display:block}.contact-actions{margin-top:25px;gap:20px}.socials{gap:18px;flex-wrap:wrap}.socials span{width:100%;margin-top:5px}footer{align-items:flex-start;flex-direction:column;padding:30px 6%;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Weiß & Orange */
body:after{mix-blend-mode:multiply;background-color:transparent}
.hero-art{opacity:.23}.orbit{border-color:#e87532;box-shadow:inset 0 0 70px #f8c5a7,0 0 80px #fff}.slash{box-shadow:40px 0 0 #faf9f6,60px 0 0 #e87532}
.button{background:#e95c16;border-color:#e95c16;color:#171713}.button:hover{background:#ffc398;border-color:#ffc398;color:#171713}
.ticker{background:#ee6c27;color:#20201e}.round:hover{background:#ee6c27;color:#20201e}
.band{background:#f0ede7}.contact{background:#ee6c27;color:#20201e}.contact .eyebrow{color:#44220f}.contact em{color:#20201e}.contact .button{background:#faf9f6;color:#20201e;border-color:#faf9f6}.contact .button:hover{background:#20201e;color:#fff;border-color:#20201e}.socials{border-color:#9b3e0e}
.paradise{background:#efb18a}.disc{border-color:#b44915;box-shadow:10px 4px 0 #ffe9dc}.disc:after{background:#efb18a}.fresh{background:#f3e5d8}.rays{background:repeating-linear-gradient(125deg,transparent 0 30px,#d26932 31px 44px,transparent 45px 65px)}.fresh strong{color:#29201a;text-shadow:2px 2px #f3e5d8}.hearts{background:#f2d0bb;color:#29201a}.collision,.collision:after{background:#db5b18;mix-blend-mode:multiply}
.skip{background:#ee6c27;color:#20201e}

/* Dunkler Hintergrund mit Orange und Weiß */
:root{--bg:#151514;--paper:#f5f2eb;--muted:#afaaa2;--acid:#ff853f;--line:#46413b}
body:after{mix-blend-mode:screen}
.hero-art{opacity:.38}.orbit{border-color:#a64e20;box-shadow:inset 0 0 70px #151514,0 0 80px #151514}.slash{background:#151514;box-shadow:40px 0 0 #151514,60px 0 0 #e87532}
.band{background:#1e1c1a}.contact{background:#211c18;color:var(--paper)}.contact .eyebrow{color:var(--muted)}.contact em,.contact h2>span{color:var(--acid)}.contact .button{background:#ff853f;border-color:#ff853f;color:#171713}.contact .button:hover{background:#fff0e6;border-color:#fff0e6;color:#171713}.socials{border-color:var(--line)}
.button{background:#ff853f;border-color:#ff853f;color:#171713}.button:hover{background:#fff0e6;border-color:#fff0e6}.ticker{background:#ff853f}.round:hover{background:#ff853f}

/* Originales Bandlogo */
.wordmark{display:block;width:170px;line-height:1}.wordmark img{display:block;width:100%;height:auto}
.hero-logo{margin:55px 0 36px;max-width:1120px;line-height:1;letter-spacing:normal}.hero-logo img{display:block;width:100%;height:auto}.hero-art{opacity:.16}
@media(max-width:760px){.wordmark{width:140px}.hero-logo{margin:90px 0 48px;width:100%}.hero{min-height:560px}}

.socials a{padding:6px 0;font-size:9px;letter-spacing:1px}.socials a:hover{text-decoration:underline;text-underline-offset:4px}

a.round{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}

/* Live-Fotos in Schwarz-Weiß; Originaldateien bleiben erhalten. */
.live-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.live-gallery figure{margin:0;background:#252321;border-bottom:3px solid var(--acid);overflow:hidden}.live-gallery img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1) contrast(1.08);object-position:center center}.live-gallery figure:first-child img{object-position:center bottom}
@media(max-width:760px){.live-gallery{grid-template-columns:1fr;gap:24px}.live-gallery img{aspect-ratio:auto;height:auto}}

.member-details p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}

.member-details .member-bio{max-width:360px;margin-top:12px;font-size:12px;line-height:1.8;color:var(--paper)}.members>div:has(.member-bio){align-items:flex-start}.members>div:has(.member-bio)>span,.members>div:has(.member-bio)>b{padding-top:12px}

.member-details{min-width:0}.member-photo{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1) contrast(1.08);border-bottom:3px solid var(--acid);margin-bottom:20px}.members>.member-with-photo{align-items:flex-start}

.member-photo-chris{object-position:65% center}

.band-group{margin:35px 0 0;border-bottom:3px solid var(--acid)}.band-group img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.05)}.band-statement>p{max-width:560px}.band-statement>p+p{margin-top:18px}
.legal-page{max-width:850px;margin:auto;padding:65px 6%}.legal-page h1{font-size:clamp(44px,8vw,82px);line-height:1.05;margin:28px 0}.legal-page h2{font-family:Inter,Arial,sans-serif;font-size:22px;line-height:1.4;margin:32px 0 12px}.legal-page p,.legal-page li{font-size:15px;line-height:1.8;margin-bottom:16px}.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-draft{border:1px solid var(--acid);padding:18px;color:var(--acid)}footer .legal-link{font-size:10px;color:var(--muted)}

.contact-actions{flex-wrap:wrap}

.member-photo-chris{filter:none;object-position:65% center}

.member-photo[src$="-portrait-bw.png"]{filter:none}

/* Bandgeschichte oben, kompakte Porträts im Zweier-Raster darunter. */
.band{display:block}
.band-statement{max-width:100%}
.band-group{max-width:900px}
.band-statement>p{max-width:850px}
.members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;padding-top:45px}
.members>div{position:relative;display:block;padding:0 0 22px;min-width:0;align-self:start}
.members>div>span{display:block;margin-bottom:12px;padding-top:0!important}
.members>div>b{display:none}
.member-photo{width:100%;max-width:none;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 28%;margin-bottom:16px}
.member-photo-chris{object-position:65% 30%}
.members h3{font-size:34px}
.members>.note{display:none}
@media(max-width:520px){.members{grid-template-columns:1fr;gap:28px}.member-photo{aspect-ratio:4/3}}

/* Gruppenfoto und Geschichte nebeneinander; Porträts darunter. */
.band-statement h2{font-size:clamp(48px,5.8vw,84px)}
.band-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:35px}
.band-intro .band-group{margin:0;max-width:none}
.band-story p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.band-story p+p{margin-top:22px}
@media(max-width:760px){.band-intro{grid-template-columns:1fr;gap:26px}.band-statement h2{font-size:clamp(42px,9vw,68px)}.band-story p{font-size:13px}}
