:root{--ink:#0c0a0d;--cream:#f2e9da;--gold:#c7a45a;--violet:#7147a8;--muted:#b8aea1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.logo{font-family:Georgia,'Times New Roman',serif;font-size:31px;letter-spacing:-1.5px;font-weight:600;white-space:nowrap}.logo span,h1 span{color:var(--gold)}
.site-header{position:absolute;inset:0 0 auto;z-index:20;height:96px;margin:0 4.5vw;display:flex;align-items:center;border-bottom:1px solid rgba(199,164,90,.55)}.site-header nav{margin-left:auto;display:flex;gap:46px;font-size:14px;letter-spacing:.03em}.site-header nav a{position:relative;padding:15px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--violet);transition:.25s}.site-header nav a:hover:after{right:0}.round-button{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin-left:48px}.play-icon{display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:3px}.pause-icon{display:flex;gap:4px}.pause-icon i{display:block;width:3px;height:13px;background:currentColor}.menu-button{display:none;background:none;border:0;color:inherit}
.hero{min-height:760px;height:100vh;height:100svh;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('images/soulimit-band.jpg') center top/cover no-repeat;animation:hero-in 1.3s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0a0d 0%,rgba(12,10,13,.96) 20%,rgba(12,10,13,.72) 43%,rgba(12,10,13,.1) 72%),linear-gradient(0deg,rgba(12,10,13,.5),transparent 40%)}.grooves,.contact-grooves{position:absolute;width:400px;aspect-ratio:1;left:-235px;bottom:-160px;border:1px solid rgba(113,71,168,.6);border-radius:50%;box-shadow:0 0 0 30px rgba(113,71,168,.08),0 0 0 60px rgba(113,71,168,.13),0 0 0 90px rgba(113,71,168,.08),0 0 0 120px rgba(113,71,168,.13),0 0 0 150px rgba(113,71,168,.07)}.hero-content{position:relative;z-index:2;height:100%;padding:clamp(150px,19vh,210px) 6vw 80px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.3em;font-weight:700}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;letter-spacing:-.045em}h1{font-size:clamp(90px,10.5vw,166px);line-height:.88}.accent-line{width:108px;height:4px;background:var(--violet);margin:35px 0 24px}.hero-lead{font-size:clamp(20px,2vw,29px);line-height:1.35;margin:0 0 32px}.primary-button{min-width:300px;border:1px solid var(--gold);padding:10px 12px 10px 28px;min-height:66px;display:inline-flex;align-items:center;justify-content:space-between;color:var(--gold);letter-spacing:.04em;transition:.25s}.primary-button:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}.button-icon{width:43px;height:43px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.hero-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:auto;padding-left:42px;position:relative}.hero-note:before{content:"";position:absolute;left:0;top:10px;width:24px;border-top:1px solid var(--gold)}
.section{padding:115px 7vw}.section-kicker{text-transform:uppercase;letter-spacing:.22em;color:#6b625a;font-size:10px;margin-bottom:70px;display:flex;align-items:center;gap:14px}.section-kicker span{color:var(--violet);font-weight:700}.section-kicker:after{content:"";width:50px;border-top:1px solid #cfc3b3}.section-kicker.light{color:#92877a}.story,.members,.video{background:var(--cream);color:var(--ink)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}h2{font-size:clamp(50px,6vw,88px);line-height:1.02}h2 em{color:var(--violet);font-weight:400}.story-copy{max-width:610px;font-size:16px;line-height:1.85;color:#605750}.story-copy p{margin:0 0 22px}.story-copy .lead-copy{font-family:Georgia,serif;font-size:23px;line-height:1.55;color:var(--ink)}.artists{margin-top:90px;border-top:1px solid #cfc3b3;border-bottom:1px solid #cfc3b3;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#655d55;font-family:Georgia,serif;font-style:italic}.artists i{width:4px;height:4px;background:var(--gold);border-radius:50%}
.members{padding-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:55px}.section-heading p{color:#766d64;max-width:260px;line-height:1.6}.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.member-card{min-width:0}.member-placeholder{aspect-ratio:3/4;position:relative;overflow:hidden;display:grid;place-items:center;color:rgba(242,233,218,.9)}.member-placeholder:before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:rgba(12,10,13,.14);top:18%}.member-placeholder span{font:70px Georgia,serif;z-index:1;letter-spacing:-.08em}.member-placeholder b{position:absolute;bottom:16px;left:16px;text-transform:uppercase;font-size:8px;letter-spacing:.2em}.violet .member-placeholder{background:linear-gradient(145deg,#8c73a6,#40334e)}.amber .member-placeholder{background:linear-gradient(145deg,#d0ad68,#675334)}.rust .member-placeholder{background:linear-gradient(145deg,#af735a,#51362d)}.plum .member-placeholder{background:linear-gradient(145deg,#795270,#352731)}.gold .member-placeholder{background:linear-gradient(145deg,#c9af7a,#5d513b)}.member-info{padding:18px 5px;border-bottom:1px solid #c8baaa;position:relative}.member-info small{position:absolute;right:5px;color:#a18f7f;font-size:9px}.member-info h3{font:19px Georgia,serif;margin:0 0 7px}.member-info p{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#766d64;margin:0}
.sound{background:#100d12;position:relative;overflow:hidden}.sound:after{content:"SOUND";position:absolute;bottom:-45px;left:2vw;color:rgba(255,255,255,.025);font:bold 18vw Arial;line-height:1;pointer-events:none}.sound-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;position:relative;z-index:1}.sound-copy{max-width:440px;color:#9d9287;line-height:1.8;margin-top:30px}.player-card{display:grid;grid-template-columns:45% 55%;background:#19151c;border:1px solid rgba(199,164,90,.22);box-shadow:0 28px 80px rgba(0,0,0,.3)}.record-art{aspect-ratio:1;background:radial-gradient(circle at center,#c7a45a 0 3%,#6e46a1 3% 20%,#0c0a0d 20% 22%,#171219 22% 37%,#282029 37% 38%,#151117 38% 52%,#272027 52% 53%,#111 53% 70%,#282028 70% 71%,#111 71%);display:grid;place-items:center}.record-art>div{width:36%;aspect-ratio:1;background:var(--violet);border-radius:50%;display:grid;place-content:center;text-align:center}.record-art span{font:17px Georgia,serif}.record-art small{font-size:6px;text-transform:uppercase;letter-spacing:.15em}.track-info{padding:45px 40px;align-self:center}.track-info>small{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:8px}.track-info h3{font:28px Georgia,serif;margin:16px 0 5px}.track-info>p{color:#8f8580;font-size:12px}.player-controls{display:flex;align-items:center;gap:20px;margin-top:35px}.player-controls button{flex:0 0 50px;height:50px;border:1px solid var(--gold);border-radius:50%;background:none;color:var(--gold);display:grid;place-items:center;cursor:pointer}.timeline{flex:1}.timeline input{width:100%;appearance:none;height:2px;background:linear-gradient(90deg,var(--gold) var(--progress),#554c54 var(--progress));display:block}.timeline input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--gold)}.timeline>div{display:flex;justify-content:space-between;color:#726a70;font-size:8px;margin-top:8px}.track-info .player-hint{font-size:9px;color:#675f66;margin-top:18px}
.video{padding-top:110px}.video-frame{height:min(66vw,680px);position:relative;overflow:hidden;background:#302a31}.video-image{position:absolute;inset:0;background:url('images/soulimit-band.jpg') center 35%/cover;filter:grayscale(1);opacity:.55;transform:scale(1.03)}.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,13,.7),rgba(12,10,13,.15));color:var(--cream);padding:45px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto}.video-overlay>span{font-size:9px;text-transform:uppercase;letter-spacing:.2em}.video-overlay button{grid-column:1/-1;place-self:center;width:86px;height:86px;border:1px solid var(--gold);border-radius:50%;background:rgba(12,10,13,.4);color:var(--gold);display:grid;place-items:center}.video-overlay div p{font:30px Georgia,serif;margin:0 0 8px}.video-overlay div small{color:#c7beb4}.contact{min-height:650px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.contact h2{margin:15px 0 25px}.contact>p:not(.eyebrow){color:#9d9287}.contact .primary-button{margin-top:30px}.contact-grooves{left:auto;right:-240px;bottom:-200px}.contact .eyebrow{position:relative;z-index:1}footer{border-top:1px solid #302b31;padding:48px 6vw;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:5vw;color:#847b82}footer .logo{color:var(--cream)}footer p{font-size:10px;text-transform:uppercase;letter-spacing:.12em}footer>div{display:flex;gap:24px;font-size:12px}footer>div a:hover{color:var(--gold)}footer small{font-size:9px}
@keyframes hero-in{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}

/* Echte Bandporträts */
.member-photo{aspect-ratio:3/4;overflow:hidden;background:#342d35}
.member-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.9);transition:transform .45s ease,filter .45s ease}
.member-card:hover .member-photo img{transform:scale(1.035);filter:saturate(1.05)}

/* Playlist und Audio-Steuerung */
.player-column{min-width:0}
.player-controls{display:grid;grid-template-columns:36px 50px 36px minmax(120px,1fr);gap:12px}
.player-controls button{margin:0}
.player-controls .skip-button{width:36px;height:36px;min-width:36px;align-self:center;border-color:#554a52;color:#b8aea1;font-size:25px;line-height:1}
.player-controls .skip-button:hover{border-color:var(--gold);color:var(--gold)}
.timeline{min-width:0}
.playlist{list-style:none;margin:14px 0 0;padding:0;border:1px solid rgba(199,164,90,.18);border-bottom:0;background:#151117}
.playlist li{margin:0;border-bottom:1px solid rgba(255,255,255,.07)}
.playlist button{width:100%;border:0;background:transparent;color:#9d9287;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 17px;text-align:left;cursor:pointer;transition:.2s}
.playlist button:hover{background:rgba(113,71,168,.12);color:var(--cream)}
.playlist button.active{background:rgba(199,164,90,.1);color:var(--cream)}
.playlist button span{color:var(--gold);font-size:9px;letter-spacing:.14em}
.playlist button strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:15px}
.playlist button small{font-size:9px;color:#70686e}
.record-art.playing>div{animation:record-spin 8s linear infinite}
@keyframes record-spin{to{transform:rotate(360deg)}}

/* Impressum und Datenschutz */
footer>div{flex-wrap:wrap;justify-content:flex-end}
.legal-page{background:var(--cream);color:var(--ink)}
.legal-header{height:96px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfc3b3}
.legal-header .logo{color:var(--ink)}
.back-link{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6b625a;transition:.2s}
.back-link:hover{color:var(--violet)}
.legal-main{width:min(860px,88vw);margin:0 auto;padding:100px 0 120px}
.legal-main>h1{font-size:clamp(58px,9vw,108px);line-height:.9;margin:15px 0 65px;overflow-wrap:anywhere}
.legal-main section{padding:34px 0;border-bottom:1px solid #d6cabb}
.legal-main section h2{font-family:Georgia,'Times New Roman',serif;font-size:28px;letter-spacing:-.025em;margin:0 0 18px}
.legal-main section p{font-size:15px;line-height:1.8;color:#5f5750;margin:0 0 12px}
.legal-main mark{background:rgba(199,164,90,.25);color:#5a4722;padding:2px 5px}
.legal-notice{border-left:4px solid var(--violet);background:#e7ddcf;padding:24px 28px;margin-bottom:25px}
.legal-notice strong{font-family:Georgia,'Times New Roman',serif;font-size:20px}
.legal-notice p{font-size:14px;line-height:1.7;color:#625950;margin:9px 0 0}
.legal-meta{font-size:11px;line-height:1.6;color:#857a70;margin-top:40px}
.legal-footer{background:var(--ink);color:#9d9287;display:flex;justify-content:center;gap:35px;padding:30px 6vw;font-size:12px}
.legal-footer a:hover{color:var(--gold)}
@media(max-width:900px){.site-header{height:78px}.site-header nav{position:absolute;top:78px;left:-4.5vw;right:-4.5vw;background:#0c0a0df5;padding:35px 6vw;display:none;flex-direction:column;gap:10px}.site-header nav.open{display:flex}.menu-button{display:flex;margin-left:auto;width:38px;height:38px;flex-direction:column;justify-content:center;gap:7px}.menu-button span{width:25px;border-top:1px solid currentColor}.round-button{margin-left:12px}.hero{height:auto;min-height:800px}.hero-image{background-position:62% top}.hero-shade{background:linear-gradient(90deg,#0c0a0d 0%,rgba(12,10,13,.86) 55%,rgba(12,10,13,.25)),linear-gradient(0deg,#0c0a0d,transparent 55%)}.story-grid,.sound-layout{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(2,1fr)}.member-card:last-child{grid-column:span 2;width:50%;justify-self:center}.artists{flex-wrap:wrap;justify-content:center}.section-heading{display:block}.player-card{max-width:700px}.section{padding:90px 6vw}footer{grid-template-columns:1fr 1fr}footer>div{justify-self:end}}
@media(max-width:600px){.logo{font-size:25px}.round-button{width:36px;height:36px}.hero{min-height:720px}.hero-content{padding:145px 6vw 55px}.hero-image{background-position:68% top}.hero-shade{background:linear-gradient(90deg,#0c0a0d 0%,rgba(12,10,13,.91) 62%,rgba(12,10,13,.3)),linear-gradient(0deg,#0c0a0d 2%,transparent 50%)}h1{font-size:22vw}.hero-lead{font-size:20px}.primary-button{min-width:min(300px,100%)}.hero-note{margin-top:50px}.section-kicker{margin-bottom:45px}.section{padding:75px 6vw}.story-grid{gap:35px}.artists{font-size:13px;margin-top:55px}.member-info h3{font-size:15px}.member-placeholder span{font-size:45px}.sound-layout{gap:50px}.player-card{grid-template-columns:1fr}.record-art{aspect-ratio:1.45;background-size:auto 145%}.track-info{padding:32px 25px}.video-frame{height:580px}.video-overlay{padding:24px}.video-overlay div p{font-size:24px}.video-overlay div small{line-height:1.5;display:block}.contact{min-height:570px}footer{grid-template-columns:1fr;gap:20px;text-align:center}footer>div{justify-self:center}}
@media(max-width:600px){.legal-header{height:78px}.back-link{font-size:9px}.legal-main{width:88vw;padding:70px 0 90px}.legal-main>h1{font-size:15vw;margin-bottom:45px}.legal-main section h2{font-size:23px}.legal-notice{padding:21px 20px}.legal-footer{flex-direction:column;align-items:center;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.primary-button{transition:none}}