/* Vorschlag: erdige Wärme trifft Lila. Ergänzt ../style.css. */
:root{
  --bg:#14100f;
  --surface:#211813;
  --surface-2:#2d2230;
  --line:#3b2e2e;
  --text:#f6eee2;
  --muted:#c2b4aa;
  --accent:#f2a65a;
  --accent-ink:#1d1208;
  --lilac:#b9a4ff;
  --lilac-deep:#6e55c9;
  --terra:#b4562f;
  --wave:#5a4d58;
}
::selection{background:var(--lilac);color:#15101f}
:focus-visible{outline-color:var(--lilac)}
a{text-decoration-color:var(--lilac)}
a:hover{color:var(--lilac)}

/* Feines Filmkorn als erdige Textur */
body::before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Kopfzeile */
.top{background:rgba(20,16,15,.78);border-bottom-color:rgba(185,164,255,.16)}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-mark{width:30px;height:18px;flex:none}
.top nav a:hover{color:var(--lilac)}

/* Einstieg */
.hero{display:flex;flex-direction:column;min-height:calc(100svh - 65px);isolation:isolate;
  background:
    radial-gradient(60% 70% at 88% 8%,rgba(110,85,201,.46) 0%,transparent 70%),
    radial-gradient(55% 75% at 2% 96%,rgba(180,86,47,.42) 0%,transparent 72%),
    radial-gradient(40% 40% at 58% 62%,rgba(242,166,90,.09) 0%,transparent 72%)}
.hero .wrap{position:relative;z-index:1;flex:1;width:100%}
.hero-wave{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
h1 em{background:linear-gradient(95deg,var(--accent) 8%,#e59d9a 52%,var(--lilac) 94%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.hero figure::before{content:"";position:absolute;inset:-14% -10%;z-index:-1;filter:blur(46px);opacity:.75;
  background:radial-gradient(50% 55% at 76% 26%,var(--lilac-deep),transparent 72%),radial-gradient(50% 55% at 22% 80%,var(--terra),transparent 72%)}
.hero figure::after{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(145deg,rgba(242,166,90,.55),rgba(110,85,201,.6))}
.hero img{box-shadow:0 30px 70px rgba(5,3,10,.6);outline:1px solid rgba(246,238,226,.12);outline-offset:-1px}
.btn:hover{border-color:var(--lilac);color:var(--lilac)}
.actions .btn:not(.btn-primary){background:rgba(20,16,15,.72);backdrop-filter:blur(4px)}
.btn-primary{box-shadow:0 12px 34px rgba(242,166,90,.24)}
.btn-primary:hover{border-color:#ffc58b;background:#ffc58b;color:var(--accent-ink)}
.facts{position:relative;z-index:1;border-color:rgba(185,164,255,.18);background:rgba(20,16,15,.45);backdrop-filter:blur(6px)}
.facts>div+div{border-left-color:rgba(185,164,255,.18)}

/* Tropfende Linie als Scroll-Hinweis */
.hero-drip{position:absolute;z-index:2;right:clamp(16px,4vw,48px);bottom:112px;width:32px;height:84px;display:block;color:var(--muted)}
.hero-drip::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(rgba(185,164,255,.1),rgba(185,164,255,.55))}
.hero-drip span{position:absolute;left:50%;top:0;width:5px;height:5px;margin-left:-2px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 2px rgba(242,166,90,.75);animation:drip 2.6s cubic-bezier(.55,.05,.85,.45) infinite}
@keyframes drip{0%{transform:translateY(0) scaleY(.7);opacity:0}15%{opacity:1}82%{transform:translateY(76px) scaleY(1.5);opacity:1}100%{transform:translateY(84px) scale(1.7,.2);opacity:0}}

/* Musik */
#musik{background:radial-gradient(45% 28% at 100% 18%,rgba(110,85,201,.17),transparent 75%)}
.film{background:linear-gradient(125deg,#2a1c14 0%,#241a24 62%,#251d38 100%);border-color:rgba(185,164,255,.22)}
.film small{color:var(--lilac)}
.filter:hover{border-color:var(--lilac);color:var(--text)}
.filter[aria-pressed="true"]{background:var(--lilac);border-color:var(--lilac);color:#17112a}
.track button:hover{background:linear-gradient(90deg,rgba(242,166,90,.08),rgba(185,164,255,.1))}
.track button:hover .ind .i-p{color:var(--lilac)}
.track.active .t{color:var(--lilac)}
.eq i{background:var(--accent)}

/* Philosophie */
.quote{background:linear-gradient(105deg,#2a1b12 0%,#231a25 54%,#292043 100%);border-color:rgba(185,164,255,.2)}
.quote blockquote{color:var(--text)}

/* Referenzen und Studio */
.refs h3,.eq-grid h3{color:var(--lilac)}
#referenzen{background:radial-gradient(35% 45% at 0% 60%,rgba(180,86,47,.16),transparent 75%)}
.gallery img{outline:1px solid rgba(246,238,226,.1);outline-offset:-1px;transition:transform .35s ease,filter .35s ease;filter:saturate(1.05)}
.gallery img:hover{transform:translateY(-4px);filter:saturate(1.2)}

/* Preise */
.tag{color:var(--lilac)}
.pack{background:linear-gradient(160deg,#2b2038 0%,#241a16 100%);border-color:rgba(185,164,255,.26)}
.chips li{background:var(--surface-2)}
summary::after{color:var(--lilac)}
.more{border-color:rgba(185,164,255,.18)}
.price-row{border-bottom-color:rgba(185,164,255,.14)}

/* Über mich */
.time li{border-bottom-color:rgba(185,164,255,.14)}
.time li.big span{color:var(--lilac)}
.me img{outline:1px solid rgba(185,164,255,.18);outline-offset:-1px}

/* Kontakt */
.contact{background:
  radial-gradient(50% 110% at 22% 100%,rgba(180,86,47,.55),transparent 75%),
  radial-gradient(50% 110% at 80% 100%,rgba(110,85,201,.55),transparent 75%);
  border-top-color:rgba(185,164,255,.2)}
footer{border-top-color:rgba(185,164,255,.14)}

/* Player */
.player{background:rgba(15,11,14,.94);backdrop-filter:blur(12px);border-top:1px solid rgba(185,164,255,.26)}
.wave-bars{background:linear-gradient(90deg,var(--accent) 0,#d99ab0 calc(var(--p) * .6),var(--lilac) var(--p),var(--wave) var(--p))}
.ctrl button:hover{color:var(--lilac)}

@media (max-width:900px){
  .hero{min-height:0}
  .hero-drip{display:none}
  .hero figure{margin-top:84px}
}
@media (prefers-reduced-motion:reduce){
  .hero-drip span{top:46px;opacity:1}
  .gallery img{transition:none}
}

/* Unterseiten */
.page-sub .hero{min-height:0}
.page-sub .hero figure{margin-top:0}
.band{background:linear-gradient(105deg,#2a1b12 0%,#231a25 58%,#272040 100%);border-color:rgba(185,164,255,.2)}
.tier{background:linear-gradient(165deg,#261b22 0%,#211813 100%);border-color:rgba(185,164,255,.2);border-top-color:var(--tone)}
.tier-silber{--tone:#c6c0cf}
.tier-gold{--tone:var(--accent)}
.tier-platin{--tone:var(--lilac)}
.includes>div{border-bottom-color:rgba(185,164,255,.16)}
.team img{outline:1px solid rgba(185,164,255,.18);outline-offset:-1px}
.talk{position:relative}
.talk h2{color:var(--text)}
.talk-a{border-left:0;padding-left:22px;background:linear-gradient(var(--accent),var(--lilac)) left top/2px 100% no-repeat}
.ticks li::before{border-color:var(--lilac)}
.legal h2{color:var(--lilac)}
.legal strong{color:var(--accent)}
.page-legal,.page-talk{background:radial-gradient(60% 420px at 88% 0,rgba(110,85,201,.3),transparent 72%),radial-gradient(50% 520px at 0 620px,rgba(180,86,47,.16),transparent 75%),var(--bg);background-repeat:no-repeat}