:root{--bg:#090909;--panel:#111;--text:#f4f4f2;--muted:#aaa;--red:#f20b20;--line:#292929;--dock:154px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55;padding-bottom:var(--dock)}a{color:inherit}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(24px,7vw,145px);background:linear-gradient(#090909e8,transparent)}.socials{display:flex;gap:24px;font-size:.82rem;font-weight:800;color:#ddd}.socials a{text-decoration:none}.socials a:hover{color:var(--red)}.hero{min-height:calc(100svh - var(--dock));background:#070707;overflow:hidden}.hero-inner{min-height:calc(100svh - var(--dock));max-width:1500px;margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:15px;padding:35px clamp(24px,5vw,80px) 0}.hero-copy{z-index:3;padding-bottom:20px}.hero-logo{width:min(500px,100%);display:block}.hero-copy p{font-size:clamp(1.4rem,2.2vw,2rem);margin:22px 0 28px}.hero-copy strong{color:var(--red)}.button{display:inline-flex;gap:10px;align-items:center;background:var(--red);padding:14px 24px;text-decoration:none;font-weight:800;letter-spacing:.02em;border:1px solid var(--red);border-radius:10px;transition:.18s}.button:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-1px)}.button.ghost{background:transparent;border-color:#666}.button.disabled{opacity:.7}.more{display:block;width:max-content;margin-top:30px;text-decoration:none;color:#ddd;font-weight:700}.hero-photo{align-self:stretch;min-height:590px;background:url('../img/hero.png') center 37%/contain no-repeat;filter:drop-shadow(0 18px 34px #000);-webkit-mask-image:radial-gradient(ellipse 69% 76% at 53% 46%,#000 50%,rgba(0,0,0,.94) 63%,rgba(0,0,0,.5) 78%,transparent 96%);mask-image:radial-gradient(ellipse 69% 76% at 53% 46%,#000 50%,rgba(0,0,0,.94) 63%,rgba(0,0,0,.5) 78%,transparent 96%);transform:scale(1.25);transform-origin:center}.section{max-width:1180px;margin:auto;padding:105px 32px}.eyebrow{color:var(--red);font-weight:900;letter-spacing:.18em;font-size:.78rem}.section h1,.section h2{font-size:clamp(2.4rem,6vw,5.2rem);line-height:.98;margin:10px 0 28px;letter-spacing:-.04em}.lead{font-size:clamp(1.15rem,2vw,1.45rem);color:#d2d2d2;max-width:760px}.player-card{margin-top:50px;border:1px solid var(--line);background:linear-gradient(135deg,#121212,#0a0a0a);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:340px 1fr;min-height:340px}.player-art{display:grid;place-items:center;background:radial-gradient(circle at center,#1c1c1c,#080808 72%);border-right:1px solid var(--line);padding:42px}.player-art img{width:100%;max-width:280px}.player-main{padding:48px;align-self:center}.player-main small{color:var(--red);font-weight:900;letter-spacing:.15em}.player-main h2{font-size:clamp(2.5rem,5vw,4.5rem);margin:10px 0 8px}.player-main p{color:var(--muted);margin:0 0 32px}.controls{display:flex;align-items:center;gap:22px}.play{width:58px;height:58px;flex:0 0 58px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:1.2rem;cursor:pointer}.timeline{width:100%}.timeline input{width:100%;accent-color:var(--red);cursor:pointer}.times{display:flex;justify-content:space-between;color:#999;font-size:.8rem;margin-top:5px}.darkpanel{max-width:none;background:#121212;padding-left:max(32px,calc((100vw - 1180px)/2 + 32px));padding-right:max(32px,calc((100vw - 1180px)/2 + 32px))}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split h2{font-size:clamp(2.5rem,5vw,4.5rem)}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.portrait{height:500px;background:url('../img/hero.png') 35% center/cover no-repeat;filter:grayscale(1);border:1px solid var(--line);border-radius:12px}.about h2,.contact h2{font-size:clamp(2.7rem,5vw,4.8rem)}.contact{text-align:center}.contact .lead{margin:0 auto 35px}.bottom-dock{position:fixed;z-index:50;left:0;right:0;bottom:0;height:var(--dock);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(12,12,12,.97);border-top:1px solid #222;box-shadow:0 -12px 35px #0008;backdrop-filter:blur(12px)}.bottom-dock a{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 28px;text-decoration:none;border-right:1px solid #292929;transition:.18s}.bottom-dock a:last-child{border-right:0}.bottom-dock a:hover{background:#151515}.bottom-dock b{color:var(--red);font-size:1.9rem;min-width:30px;text-align:center}.bottom-dock span{display:flex;flex-direction:column}.bottom-dock strong{font-size:1.05rem}.bottom-dock small{color:#999;max-width:230px;margin-top:5px;line-height:1.3}.bottom-dock a:hover strong{color:var(--red)}
@media(max-width:850px){:root{--dock:70px}body{padding-bottom:var(--dock)}.topbar{height:54px;padding:7px 18px}.socials{display:none}.hero{min-height:auto}.hero-inner{min-height:calc(100svh - 70px);grid-template-columns:1fr;padding:25px 22px 0;position:relative}.hero-copy{padding:0 0 45px;z-index:3;align-self:end}.hero-logo{width:min(380px,88%)}.hero-copy p{font-size:1.2rem;margin:16px 0 22px}.hero-photo{position:absolute;inset:-15px -10% 150px 8%;min-height:0;background-position:center top;background-size:contain;opacity:.72;transform:scale(1.12);-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 96%);mask-image:linear-gradient(to bottom,#000 45%,transparent 96%)}.hero-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070707 10%,transparent 60%),linear-gradient(90deg,#070707 0%,transparent 72%)}.hero-copy>*{position:relative;z-index:3}.more{margin-top:22px}.section{padding:78px 22px}.player-card,.split,.about{grid-template-columns:1fr}.player-card{min-height:0}.player-art{border-right:0;border-bottom:1px solid var(--line);padding:34px;min-height:260px}.player-art img{max-width:240px}.player-main{padding:30px 24px}.controls{gap:14px}.split,.about{gap:35px}.portrait{height:420px}.darkpanel{padding-left:22px;padding-right:22px}.bottom-dock a{padding:8px 4px;gap:3px;flex-direction:column}.bottom-dock b{font-size:1.25rem;line-height:1}.bottom-dock span{align-items:center}.bottom-dock strong{font-size:.72rem}.bottom-dock small{display:none}}

.button.youtube{border-radius:10px}.button.youtube:hover{background:#fff;color:#000}
/* v0.5 hero: echte transparente Grafik, strikt getrennte Spalten */
.hero-inner{grid-template-columns:minmax(380px,.78fr) minmax(620px,1.22fr);gap:46px;overflow:visible}
.hero-copy{max-width:560px}
.hero-copy p{white-space:normal}
.hero-photo{align-self:end;min-height:0;background:none;filter:none;mask-image:none;-webkit-mask-image:none;transform:none;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible}
.hero-photo img{display:block;width:min(820px,100%);height:auto;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
.videos-section{display:block}.videos-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.video-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.release-wall{margin-top:46px}.release-card{min-height:230px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#0b0b0b,#171717);display:flex;align-items:center;gap:30px;padding:38px;text-decoration:none;transition:.18s}.release-card:hover{border-color:#555;transform:translateY(-2px)}.release-play{width:74px;height:74px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:1.5rem;flex:0 0 74px}.release-card div{display:flex;flex-direction:column}.release-card small{color:var(--red);font-weight:900;letter-spacing:.15em}.release-card strong{font-size:clamp(1.8rem,3vw,2.8rem);margin:3px 0}.release-card p{margin:0;color:var(--muted)}
@media(max-width:1100px) and (min-width:851px){.hero-inner{grid-template-columns:minmax(330px,.85fr) minmax(500px,1.15fr);gap:20px}.hero-photo img{width:min(700px,100%)}}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;overflow:hidden}.hero-copy{max-width:100%;padding-bottom:50px}.hero-photo{position:absolute;inset:15px -22% 155px 18%;background:none;opacity:.72;transform:none;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1}.hero-photo img{width:100%;height:100%;object-fit:contain;object-position:right top;filter:none}.videos-head{grid-template-columns:1fr;gap:15px}.release-card{padding:26px 22px;min-height:190px;gap:18px}.release-play{width:56px;height:56px;flex-basis:56px}}

/* v0.6 – Hero-Proportionen + Streaming-Plattformen */
@media (min-width:1101px){
  .hero-inner{
    max-width:1580px;
    grid-template-columns:minmax(560px,.92fr) minmax(720px,1.08fr);
    gap:0;
    padding-left:clamp(28px,3.2vw,52px);
    padding-right:0;
  }
  .hero-copy{max-width:680px;align-self:center;padding-bottom:10px}
  .hero-logo{width:min(520px,100%);margin-left:-22px}
  .hero-copy p{font-size:clamp(1.55rem,1.9vw,2rem);white-space:nowrap;margin-top:28px}
  .hero-photo{margin-right:-70px;min-width:0}
  .hero-photo img{width:min(1120px,122%);max-width:none;transform:translateY(12px);transform-origin:right bottom}
}
@media (max-width:1100px) and (min-width:851px){
  .hero-inner{grid-template-columns:minmax(430px,.9fr) minmax(560px,1.1fr);gap:0;padding-left:34px;padding-right:0}
  .hero-copy{max-width:570px}
  .hero-logo{margin-left:-16px;width:min(480px,100%)}
  .hero-copy p{white-space:nowrap;font-size:1.45rem}
  .hero-photo{margin-right:-45px}
  .hero-photo img{width:min(900px,120%);max-width:none}
}
.streaming-links{margin-top:22px;padding:20px 4px 0}
.streaming-label{display:block;color:#999;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.streaming-buttons{display:flex;flex-wrap:wrap;gap:10px}
.streaming-buttons a{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid #343434;border-radius:10px;background:#0d0d0d;color:#eee;text-decoration:none;font-weight:800;font-size:.88rem;transition:.18s}
.streaming-buttons a:hover{border-color:#777;background:#171717;transform:translateY(-1px)}
@media(max-width:850px){
  .streaming-links{padding-top:16px}
  .streaming-buttons{gap:8px}
  .streaming-buttons a{font-size:.8rem;padding:8px 11px;min-height:38px}
}

/* v0.7 – Socials, Kontakt, Footer und Rechtliches; Hero v0.6 bleibt unverändert */
.topbar{pointer-events:none}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0 44px}.follow{border-top:1px solid var(--line);padding-top:28px;max-width:760px;margin:0 auto}.follow>span{display:block;color:#999;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.follow>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.follow a{padding:10px 15px;border:1px solid #343434;border-radius:10px;text-decoration:none;font-weight:800;background:#0d0d0d}.follow a:hover{border-color:#777;background:#171717}.site-footer{max-width:1180px;margin:0 auto;padding:38px 32px 48px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;color:#aaa}.site-footer>div{display:flex;flex-direction:column}.site-footer strong{color:#eee}.site-footer nav{display:flex;gap:22px}.site-footer a{color:#ddd;text-decoration:none;font-weight:700}.site-footer a:hover{color:var(--red)}.site-footer small{grid-column:1/-1;color:#666}.legal-body{padding:0;background:#090909}.legal{max-width:900px;margin:0 auto;padding:70px 28px 90px;color:#e8e8e8}.legal h1{font-size:clamp(3rem,8vw,6rem);line-height:1;margin:35px 0 55px;letter-spacing:-.05em}.legal h2{font-size:1.25rem;color:#fff;margin:38px 0 10px}.legal p{color:#c4c4c4;max-width:780px}.legal a{color:#fff}.legal-back{text-decoration:none;font-weight:800}.legal-back:hover,.legal a:hover{color:var(--red)}.legal-intro{font-size:1.2rem}.legal-note{margin-top:45px;color:#777!important}.legal-footer{margin-top:60px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:24px}.legal-footer a{text-decoration:none;font-weight:800}
@media(max-width:850px){.site-footer{grid-template-columns:1fr;padding:30px 22px}.site-footer small{grid-column:auto}.site-footer nav{gap:16px}.legal{padding:40px 22px 70px}.legal h1{margin:28px 0 42px}.contact-actions{margin-bottom:36px}}

/* v0.8 playlist */
.player-art{padding:26px;background:#090909}
.player-art img{max-width:320px;aspect-ratio:1/1;object-fit:cover;border-radius:12px;box-shadow:0 18px 45px #000a}
.playlist{margin-top:30px;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:8px}
.track{width:100%;border:1px solid transparent;background:transparent;color:var(--text);display:grid;grid-template-columns:54px 1fr 36px;align-items:center;gap:13px;padding:8px;border-radius:10px;text-align:left;cursor:pointer;font:inherit;transition:.18s}
.track:hover{background:#171717;border-color:#2c2c2c}.track.active{background:#151515;border-color:#3a3a3a}
.track img{width:54px;height:54px;object-fit:cover;border-radius:7px}.track span{display:flex;flex-direction:column;min-width:0}.track strong{font-size:.98rem}.track small{color:#888!important;letter-spacing:.08em!important;font-size:.68rem!important}.track b{color:var(--red);font-size:1rem;text-align:center}
@media(max-width:850px){.player-art{padding:24px}.player-art img{max-width:280px}.playlist{margin-top:24px}.track{grid-template-columns:48px 1fr 30px}.track img{width:48px;height:48px}}

/* v0.10 – Mobile-TÜV: eigener kompakter Hero; Desktop bleibt unverändert */
@media (max-width:850px){
  .hero{min-height:calc(100svh - var(--dock));}
  .hero-inner{
    min-height:calc(100svh - var(--dock));
    height:calc(100svh - var(--dock));
    display:block;
    padding:0 20px;
    overflow:hidden;
    position:relative;
  }
  .hero-inner:after{
    z-index:2;
    background:
      linear-gradient(to bottom,#070707 0%,rgba(7,7,7,.05) 17%,rgba(7,7,7,.08) 58%,#070707 82%,#070707 100%),
      linear-gradient(to right,#070707 0%,rgba(7,7,7,.16) 28%,transparent 70%);
    pointer-events:none;
  }
  .hero-photo{
    position:absolute;
    z-index:1;
    inset:34px -12% auto 15%;
    height:62%;
    margin:0;
    opacity:.9;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
  }
  .hero-photo img{
    width:100%;
    height:100%;
    max-width:none;
    object-fit:contain;
    object-position:right top;
    filter:none;
  }
  .hero-copy{
    position:absolute;
    z-index:4;
    left:20px;
    right:20px;
    bottom:38px;
    max-width:none;
    padding:0;
  }
  .hero-logo{
    width:min(390px,82vw);
    margin:0 0 26px -8px;
  }
  .hero-copy p{
    margin:0 0 22px;
    font-size:clamp(1.15rem,5.1vw,1.48rem);
    line-height:1.45;
    white-space:normal;
    max-width:100%;
  }
  .hero-copy p strong{display:block;margin-top:3px}
  .hero-copy .button{padding:14px 22px;border-radius:10px}
  .more{margin-top:20px}
}
@media (max-width:430px){
  .hero-photo{inset:24px -18% auto 8%;height:60%}
  .hero-copy{bottom:28px}
  .hero-logo{width:min(360px,84vw);margin-bottom:22px}
  .hero-copy p{font-size:1.15rem;margin-bottom:18px}
  .hero-copy .button{padding:13px 20px}
  .more{margin-top:17px}
}

/* v0.11 – /hoeren Smartlink-Landingpage */
.listen-body{padding:0;min-height:100svh;background:#070707}.listen-page{min-height:100svh;display:flex;flex-direction:column}.listen-card{width:min(1180px,calc(100% - 40px));min-height:720px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.listen-visual{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;position:relative}.listen-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,#070707 100%),linear-gradient(0deg,#070707 0%,transparent 26%);pointer-events:none}.listen-visual img{width:118%;max-width:none;height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 45px #000)}.listen-content{position:relative;z-index:2;padding:55px 30px 55px 10px}.listen-home{display:inline-block;color:#888;text-decoration:none;font-weight:800;font-size:.82rem;margin-bottom:30px}.listen-home:hover{color:#fff}.listen-logo{display:block;width:min(430px,90%);margin-left:-18px}.listen-content h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.98;letter-spacing:-.045em;margin:30px 0 14px}.listen-content>p{font-size:1.2rem;color:#ccc;margin:0 0 30px}.listen-content>p strong{color:var(--red)}.listen-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.listen-links a{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border:1px solid #303030;border-radius:11px;background:#0e0e0e;text-decoration:none;font-weight:900;transition:.18s}.listen-links a:hover{background:#181818;border-color:#666;transform:translateY(-1px)}.listen-links .listen-primary{grid-column:1/-1;background:var(--red);border-color:var(--red);justify-content:center}.listen-links .listen-primary:hover{background:#fff;border-color:#fff;color:#000}.listen-social{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px;color:#777;font-size:.82rem;font-weight:800}.listen-social span{text-transform:uppercase;letter-spacing:.1em}.listen-social a{color:#ddd;text-decoration:none}.listen-social a:hover{color:var(--red)}.listen-footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0 30px;border-top:1px solid #222;display:flex;justify-content:space-between;gap:20px;color:#666;font-size:.78rem}.listen-footer nav{display:flex;gap:18px}.listen-footer a{color:#aaa;text-decoration:none}.listen-footer a:hover{color:#fff}
@media(max-width:760px){.listen-card{width:100%;min-height:auto;display:block;padding:0 20px 35px}.listen-visual{height:43svh;min-height:300px;margin:0 -20px;overflow:hidden}.listen-visual:after{background:linear-gradient(0deg,#070707 0%,rgba(7,7,7,.18) 30%,transparent 65%)}.listen-visual img{height:115%;width:115%;object-position:center top;transform:translateY(10px)}.listen-content{padding:0;position:relative;margin-top:-30px}.listen-home{margin-bottom:20px}.listen-logo{width:min(330px,84vw);margin-left:-10px}.listen-content h1{font-size:clamp(2.45rem,12vw,3.8rem);margin-top:24px}.listen-content>p{font-size:1.05rem}.listen-links{grid-template-columns:1fr}.listen-links .listen-primary{grid-column:auto}.listen-footer{width:calc(100% - 40px);flex-direction:column;gap:10px}.listen-footer nav{gap:16px}}