:root{--bg:#101111;--panel:#191b1b;--ink:#f5f4ee;--muted:#b6bbb7;--green:#d3fa68;--purple:#a18cff;--line:#353a35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 36px}.skip{position:absolute;left:20px;top:-80px;background:var(--green);color:#111;padding:12px;z-index:20}.skip:focus{top:10px}header{position:sticky;top:0;background:#101111f5;border-bottom:1px solid var(--line);z-index:10;backdrop-filter:blur(12px)}nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px}.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--green)}.navlinks{display:flex;gap:26px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;background:var(--green);color:#141710;border:1px solid var(--green);font-size:15px;font-weight:700;border-radius:3px;cursor:pointer}.button:hover{background:#e4ffa5;color:#111}.button.secondary{background:transparent;color:var(--ink);border-color:#646b61}.button.secondary:hover{border-color:var(--green);color:var(--green)}.menu{display:none;background:none;color:var(--ink);border:1px solid var(--line);padding:8px 12px}.hero{padding:83px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin:0 0 23px}.eyebrow::before{content:'●';margin-right:11px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,6.7vw,94px);line-height:1.02;letter-spacing:-5px;font-weight:900;margin-bottom:27px}h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;max-width:520px;color:var(--muted)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:29px 0}.note{font-size:13px;color:var(--muted)}.record-stage{min-height:460px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 75% 25%,#6b47843b,transparent 60%),radial-gradient(ellipse at 15% 70%,#b1ea3830,transparent 60%);border-radius:50%}.record{width:100%;max-width:425px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#1c201c 0 2px,#090b09 3px 5px);box-shadow:0 0 75px #b2e64d16,18px 22px 40px #000;display:grid;place-items:center;position:relative;border:1px solid #566449}.record::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff13,transparent,#ffffff0a,transparent)}.label{width:39%;aspect-ratio:1;border-radius:50%;background:var(--purple);color:#121212;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-15deg);font-size:12px;letter-spacing:2px}.label strong{font-size:28px;letter-spacing:-1px}.label::after{content:'';width:12px;height:12px;background:#141414;border:3px solid #ded4ff;border-radius:50%;margin-top:8px}.sticker{position:absolute;right:-3px;bottom:10px;background:var(--green);color:#171a14;border-radius:50%;width:114px;height:114px;display:grid;place-items:center;text-align:center;font-size:13px;font-weight:800;line-height:1.35;transform:rotate(10deg);border:5px solid var(--bg)}.genre-strip{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:2px}.genre-strip span::before{content:'✦';color:var(--purple);margin-right:16px}section{padding:90px 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:-2px;margin-bottom:24px}h3{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin-bottom:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.muted{color:var(--muted)}.quote{border-left:3px solid var(--purple);padding-left:25px;margin-top:28px;font-size:21px}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-top p{max-width:380px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:5px}.number{color:var(--purple);font-size:13px;letter-spacing:2px;display:block;margin-bottom:30px}.card p{color:var(--muted);font-size:15px}.tag{font-size:11px;letter-spacing:1.5px;color:var(--green);text-transform:uppercase}.price{font-size:53px;letter-spacing:-2px;font-weight:900;margin:10px 0}.price small{font-size:18px;font-weight:400;letter-spacing:0}.featured{border-color:var(--green);position:relative}.featured .tag{color:var(--green)}ul{padding-left:20px;color:var(--muted);font-size:15px;margin-bottom:28px}.card .button{width:100%}.tech{margin-top:23px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.tech>div{padding:23px;border-right:1px solid var(--line)}.tech>div:last-child{border:0}.tech strong{display:block}.tech p{font-size:13px;color:var(--muted);margin:5px 0 0}.music-art{aspect-ratio:1.8;background:linear-gradient(130deg,#504a75,#171b20 60%,#8ba24a);display:grid;place-items:center;font-size:65px;border-radius:3px;margin-bottom:24px}.music-art.purple{background:linear-gradient(150deg,#b99bdd,#352854 55%,#19171d)}.text-link{color:var(--green);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.special{background:linear-gradient(120deg,#242b20,#201e2a);border:1px solid #535b48;padding:42px}.special h2{font-size:39px}.contact{background:var(--green);color:#131810}.contact .eyebrow,.contact .muted,.contact .note{color:#3d492e}.contact a:hover{color:#53692e}.contact .button{background:#131810;color:#fff;border-color:#131810}.contact-info{display:grid;gap:10px;font-size:21px;margin:30px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:13px;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:6px;padding:13px;background:#ffffff60;border:1px solid #93ae55;border-radius:3px;color:#131810}textarea{min-height:120px;resize:vertical}.full{grid-column:1/-1}.result{margin-top:20px}.result textarea{background:#fff}footer{padding:35px 0;color:var(--muted);font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:24px}.legal{max-width:780px;padding-top:65px;padding-bottom:65px}.legal h1{font-size:48px;letter-spacing:-2px}.legal h2{font-size:26px;letter-spacing:-.5px;margin-top:36px}.legal a{text-decoration:underline}.banner{padding:16px 20px;border:1px solid var(--purple);font-size:15px;background:#a18cff13}dialog{max-width:640px;width:calc(100% - 32px);background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:30px}dialog::backdrop{background:#000b}.dialog-close{float:right;background:none;border:1px solid var(--line);color:#fff;padding:4px 12px;cursor:pointer}@media(max-width:900px){.navlinks{gap:15px}.hero-grid{gap:15px}.record-stage{min-height:350px}.split{gap:35px}.grid3{gap:12px}.card{padding:22px}h1{letter-spacing:-3px}.wrap{padding:0 24px}}@media(max-width:700px){nav{min-height:72px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:72px;background:#171a16;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero{padding:48px 0}.hero-grid,.split,.grid3,.grid2{grid-template-columns:1fr}.hero-grid{gap:20px}h1{font-size:62px;letter-spacing:-3px}.record-stage{min-height:300px;max-width:330px;width:100%;margin:auto}.record{max-width:280px}.sticker{width:90px;height:90px;font-size:11px;right:5px}.label strong{font-size:20px}.label{font-size:9px}.genre-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;letter-spacing:1px;gap:15px}.genre-strip span::before{margin-right:8px}section{padding:58px 0}.section-top{display:block;margin-bottom:25px}.split{gap:25px}.tech{grid-template-columns:1fr}.tech>div{border-right:0;border-bottom:1px solid var(--line)}.special{padding:26px}.special h2{font-size:33px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.contact-info{font-size:19px}.actions .button{flex:1}.music-art{aspect-ratio:2.2}.legal h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.portrait{display:block;width:100%;max-width:390px;max-height:440px;object-fit:cover;object-position:center top;border-radius:5px;border:1px solid var(--line);margin-top:30px;background:#000}.wish-box{padding:25px;border:1px solid #708c43;background:#d3fa680b;margin:24px 0}.wish-box h3{margin:10px 0}.wish-box p{color:var(--muted);margin:0}.wish-box strong{color:var(--green)}

/* Dunkler Kontaktbereich entsprechend der Referenz */
.contact{background:#111514;color:var(--ink)}.contact .eyebrow{color:var(--green)}.contact .muted,.contact .note{color:var(--muted)}.contact a:hover{color:var(--green)}.contact .button{background:var(--green);color:#141710;border-color:var(--green)}.contact input,.contact select,.contact textarea{background:#1b211e;color:var(--ink);border-color:#465148}.contact input::placeholder,.contact textarea::placeholder{color:#a4afa7}.contact .result textarea{background:#1b211e;color:var(--ink)}.contact input[type=date]{color-scheme:dark}.subnav{display:flex;align-items:center;gap:22px;font-size:14px}.subpage-intro{padding-top:65px}.subpage-intro h1{font-size:clamp(42px,6vw,75px);letter-spacing:-3px}.sticker{display:none}@media(max-width:700px){.subnav{gap:12px;flex-wrap:wrap;font-size:12px}.subnav .button{padding:8px 12px}nav:has(.subnav){padding-top:15px;padding-bottom:15px;align-items:flex-start;flex-direction:column}.contact{background:#111514}}
.music-intro h1{font-size:clamp(46px,6.5vw,84px);letter-spacing:-3px}.music-intro .lead{max-width:650px}.video-frame{aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:20px;text-align:center;background:radial-gradient(ellipse at 75% 20%,#5d42734d,transparent 65%),linear-gradient(145deg,#17221b,#151617);border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-bottom:24px}.video-frame .note{font-size:12px;margin:0}.video-frame:has(iframe){padding:0}.video-frame iframe{display:block;width:100%;height:100%;border:0}.mix-cover{aspect-ratio:1.8;position:relative;display:block;overflow:hidden;background:#1a211b;border:1px solid var(--line);border-radius:5px;margin-bottom:24px}.mix-cover img{height:100%;width:100%;object-fit:cover;object-position:center 35%;opacity:.65}.mix-cover span{position:absolute;top:25px;left:25px;border:1px solid #ffffff80;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;color:var(--green);background:#101111a0}.spotify-frame{min-height:250px;padding:30px;background:#191e1a;border:1px solid var(--line);border-radius:8px;margin:25px 0}.spotify-frame.loaded{padding:0;height:352px;overflow:hidden}.spotify-frame iframe{width:100%;height:100%;border:0;display:block}.album-card{padding:35px;background:linear-gradient(140deg,#2e2540,#17191b);border:1px solid #524360;border-radius:5px}.album-card h3{font-size:75px;letter-spacing:-4px;margin:30px 0}.album-card p{color:var(--muted)}@media(max-width:700px){.video-frame{gap:10px}.video-frame .button{font-size:12px;padding:10px}.video-frame .note{font-size:10px}}

#dj-promo{background:radial-gradient(ellipse at 100% 20%,#a18cff12,transparent 65%)}.promo-card h3{margin-top:14px}.promo-steps{padding-left:22px;color:var(--muted);font-size:15px}.promo-steps li{padding-left:5px;margin:20px 0}.promo-steps strong{color:var(--ink)}

.inline-player{padding:25px;background:#181e1b;border:1px solid var(--line);border-radius:5px;margin:20px 0}.inline-player.loaded{padding:0;overflow:hidden}.inline-player iframe{display:block;width:100%;height:400px;border:0}.inline-player[data-service=SoundCloud] iframe{height:300px}.video-frame:has(iframe){position:relative;display:block;min-height:0}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%}.video-local-note{font-size:13px;color:var(--muted);border-left:2px solid var(--purple);padding-left:15px;margin-bottom:25px}

/* Spotify: mehr Raum für Titelliste */
.spotify-frame.loaded{height:520px}.spotify-frame.loaded iframe{height:100%}@media(max-width:700px){.spotify-frame.loaded{height:560px}}

.inline-player:has([title="Rockmusik auf SoundCloud"]) iframe{height:600px}#promo-anfrage input,#promo-anfrage select,#promo-anfrage textarea{color:var(--ink);background:#1b211e;border-color:#465148}#promo-result{margin-top:30px}#promo-result textarea{color:var(--ink);background:#1b211e}#promo-anfrage{max-width:850px}

#dj-zugang{max-width:850px}#dj-zugang input{color:var(--ink);background:#1b211e;border-color:#465148}#dj-zugang label{margin-top:25px}

.brand-art{width:100%;max-width:527px;justify-self:center}.brand-art img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid #3a4234}@media(max-width:700px){.brand-art{max-width:380px;margin-top:20px}}

/* Ruhige Musikseite */
.music-clean .music-intro{padding:65px 0 45px}.music-clean .music-intro h1{font-size:clamp(45px,6vw,75px);margin-bottom:20px}.music-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);position:relative}.music-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:18px 2px;font-size:16px;cursor:pointer}.music-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.music-clean [role=tabpanel]>section{padding:48px 0;border-bottom:0}.music-clean [hidden]{display:none!important}.music-clean .album-card h3{font-size:45px;letter-spacing:-2px;margin:22px 0}.music-clean .album-card{padding:24px}.music-clean summary{cursor:pointer;font-weight:700;line-height:1.5}.music-clean details[open]>summary{margin-bottom:22px}.music-clean .promo-compact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0}.promo-options>details{border-top:1px solid var(--line);padding:22px 0}.promo-options>details:last-child{border-bottom:1px solid var(--line)}.promo-options>details>summary{font-size:17px;color:var(--green)}.promo-options section{padding:0;border:0}.promo-options .eyebrow{display:none}.promo-options .formgrid{grid-template-columns:1fr}.promo-options .full{grid-column:auto}.music-clean .music-intro .text-link{font-size:13px}.music-clean .spotify-frame{margin-bottom:0}.music-clean .video-frame{margin-top:15px}@media(max-width:700px){.music-clean .promo-compact{grid-template-columns:1fr;gap:20px}.music-tabs{gap:22px}.music-tabs button{font-size:14px}.music-clean .music-intro{padding-top:40px}.music-clean [role=tabpanel]>section{padding:35px 0}}

.release-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.release-heading h2{margin-bottom:0}.release-heading>p{font-size:14px;margin:0}.release-catalog{border-top:1px solid var(--line)}.release-row{display:grid;grid-template-columns:118px minmax(180px,1fr) auto;gap:25px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.release-cover{width:118px;height:118px;position:relative;overflow:hidden;border-radius:3px;background:#202520;flex-shrink:0}.release-cover img{position:absolute;width:1447px;height:752px;max-width:none;left:-111px;top:calc(var(--cover-y)* -1px)}.release-info h3{font-size:25px;margin:8px 0 10px}.release-info .tag{font-size:10px;color:var(--muted)}.release-listen{border:0;background:none;padding:0;color:var(--green);font-size:13px;cursor:pointer;text-align:left}.release-platforms{display:flex;gap:9px;flex-wrap:wrap;max-width:390px;justify-content:end}.release-platforms a{border:1px solid #424a43;padding:9px 12px;border-radius:4px;font-size:12px;white-space:nowrap}.release-platforms span{display:block;font-size:10px;color:var(--muted)}.release-platforms a:hover{border-color:var(--green)}.release-player-area{margin-top:45px;max-width:850px}.release-next,.platform-info{margin-top:25px;padding:18px 0;color:var(--muted);font-size:13px}.release-next[open] p{margin-top:18px}@media(max-width:850px){.release-row{grid-template-columns:118px 1fr}.release-platforms{grid-column:2;justify-content:start;max-width:none}.release-heading{align-items:start;flex-direction:column;gap:15px}}@media(max-width:480px){.release-row{gap:16px;padding:22px 0}.release-info h3{font-size:20px}.release-platforms{grid-column:1/-1}.release-platforms a{flex:1;text-align:center;padding:9px 6px;font-size:11px}.release-info .tag{letter-spacing:.8px}}

/* Discografie: kompakte Titelliste, Player darunter. */
.discography-list{list-style:none;margin:0 0 2rem;padding:0}.discography-list li{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.14)}.discography-list h3{margin:0 0 .35rem}.discography-list p{margin:0}.discography-list .text-link{flex-shrink:0}@media(max-width:540px){.discography-list li{align-items:flex-start;flex-direction:column;gap:.65rem}}

/* DJ- und Pressebereich */
.press-hub{margin:4rem 0;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:radial-gradient(ellipse at top right,rgba(126,90,170,.12),transparent 60%),#17191a;scroll-margin-top:2rem}.press-hub-heading{max-width:780px}.press-hub-heading h2{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.1;margin:.8rem 0 1.3rem}.press-hub-heading .lead{font-size:1.08rem;max-width:660px}.press-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.press-download-card,.press-request-card{min-width:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(255,255,255,.1);border-radius:16px}.press-download-card{background:linear-gradient(135deg,rgba(129,157,111,.1),rgba(255,255,255,.015));display:flex;flex-direction:column;align-items:flex-start}.press-download-card h3,.press-request-card h3{font-size:1.55rem;margin:1rem 0}.press-download-card .button{margin-top:1rem}.press-download-card .note{margin-bottom:0}.press-request-card details{margin-top:1.25rem}.press-request-card summary{cursor:pointer;font-weight:700;padding:.8rem 0}.press-request-card section{padding:1rem 0 0;margin:0}.press-request-card .formgrid{grid-template-columns:1fr}.press-request-card input,.press-request-card textarea,.press-request-card select{max-width:100%;box-sizing:border-box}.press-footnote{margin:2rem 0 0;color:#a7aba7;font-size:.85rem;border-top:1px solid rgba(255,255,255,.09);padding-top:1.25rem}@media(max-width:760px){.press-hub-grid{grid-template-columns:1fr}.press-hub{border-radius:16px;margin:2.5rem 0}.press-hub .button{white-space:normal}}

/* Bestehende Cover in der Discografie-Liste. */
.discography-title{display:flex;align-items:center;gap:1.25rem;min-width:0}.discography-title .release-cover{flex-shrink:0}.discography-title h3{overflow-wrap:anywhere}@media(max-width:540px){.discography-title{gap:1rem}.discography-list li>.text-link{align-self:flex-start}}

/* Kompaktes Logo mit Schallplatte auf der Startseite. */
.brand-art{max-width:360px}.brand-art img{border:0;border-radius:0}@media(max-width:700px){.brand-art{max-width:270px;margin-top:16px}}

/* Logo und Porträt bewusst deutlich kleiner. */
.brand-art{max-width:220px}.portrait{width:180px;max-width:100%;height:auto;max-height:none}@media(max-width:700px){.brand-art{max-width:170px}.portrait{width:140px}}

/* Porträt im Kopfbereich, kompaktes Logo bei Über mich. */
.hero-portrait{width:120px;max-width:120px;justify-self:center}.hero-portrait img{width:120px;max-width:100%;height:auto;border-radius:6px}.about-logo{display:block;width:130px;max-width:100%;height:auto;margin-top:20px}@media(max-width:700px){.hero-portrait{width:120px;max-width:120px}.about-logo{width:130px}}

/* Logo oben und Porträt bei Über mich, in mittlerer Größe. */
.home-logo{width:220px;max-width:220px;justify-self:center}.home-logo img{width:220px;height:auto}.about-portrait{width:240px;max-width:100%;height:auto;max-height:none}@media(max-width:700px){.home-logo{width:220px;max-width:220px}.about-portrait{width:240px}}

/* Logo etwas größer, Porträt unverändert. */
.home-logo{width:280px;max-width:280px}.home-logo img{width:280px;height:auto}@media(max-width:700px){.home-logo{width:280px;max-width:100%}}

/* Feinabstimmung Startseite: größeres Logo, kompaktere Überschrift. */
.home-logo{width:320px;max-width:100%}.home-logo img{width:320px;height:auto}.hero h1{font-size:clamp(40px,5vw,68px);letter-spacing:-2px;line-height:1.06}@media(max-width:700px){.home-logo{width:320px;max-width:100%}.hero h1{font-size:clamp(36px,8vw,48px);letter-spacing:-1.5px}}

.discography-toggle{margin-bottom:2rem;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.discography-toggle>summary{padding:1.2rem 0;cursor:pointer;font-size:1.15rem;font-weight:700}.discography-toggle .discography-list{margin-bottom:1rem}

#spotify-player.compact-spotify{width:100%;max-width:520px;height:152px;min-height:0;padding:0;overflow:hidden;border-radius:12px}#spotify-player.compact-spotify iframe{display:block;width:100%;height:152px;min-height:0;border:0}

.album-announcement{margin-top:2.5rem;padding:1.75rem 0;border-top:1px solid rgba(255,255,255,.14)}.album-announcement h2{font-size:clamp(26px,3.5vw,40px);line-height:1.15;margin-bottom:1rem}.album-announcement p:last-child{margin-bottom:0}

.about-title{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-1px}

/* Originalcover kommender Veröffentlichungen in der Discografie. */
.discography-original-cover,.discography-album-placeholder{width:118px;height:118px;flex-shrink:0;border-radius:3px}.discography-original-cover{display:block;object-fit:cover}.discography-album-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;background:linear-gradient(135deg,#26302a,#2e2637);border:1px solid rgba(255,255,255,.12);box-sizing:border-box}.discography-album-placeholder span{font-weight:800;letter-spacing:.15em;font-size:1rem}.discography-album-placeholder small{font-size:.7rem;color:#b4b8b4}.discography-title>div:last-child{min-width:0}

/* Hervorgehobener Direktlink zum DJ-Promo-Bereich. */
.music-intro .promo-jump-link{display:inline-block;font-size:1.5rem;font-weight:800;line-height:1.35}

/* Ausklappbare Biografie unter Über mich. */
.bio-panel{margin-top:2rem;border:1px solid #414846;border-radius:16px;background:#191c1c;overflow:hidden}
.bio-panel>summary{padding:1.25rem 1.5rem;cursor:pointer;font-size:1.25rem;font-weight:800;color:#c2cfb9}
.bio-panel>summary span{display:block;margin-top:.3rem;font-size:.95rem;font-weight:400;color:#b5b9b6}
.bio-panel>summary:focus-visible{outline:2px solid #b6a4c9;outline-offset:-4px}
.bio-panel[open]>summary{border-bottom:1px solid #414846}
.bio-content{max-width:78ch;padding:1.5rem;line-height:1.75}
.bio-content h3{font-size:1.3rem;line-height:1.4;margin:0 0 1rem}
.bio-content p+h3{margin-top:1.75rem}
.bio-content p:last-child{margin-bottom:0}
@media(max-width:600px){.bio-panel>summary,.bio-content{padding:1rem}}

/* Consent notices must remain fully readable on small displays. */
#spotify-player.compact-spotify:not(.loaded){height:auto;min-height:152px;padding:18px;overflow:visible}
.video-frame:not(:has(iframe)){aspect-ratio:auto;min-height:220px;overflow:visible}
.video-frame .media-consent-note{font-size:14px;line-height:1.5}

/* Mehr Platz für die Spotify-Titelliste nach Zustimmung. */
#spotify-player.compact-spotify.loaded{height:552px;max-width:680px}
#spotify-player.compact-spotify iframe{height:552px}
#spotify-player.compact-spotify:not(.loaded){max-width:680px}

/* Direktlink und lokal gespeicherter QR-Code zum Spotify-Nutzerprofil. */
.spotify-profile-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px;margin:24px 0;border:1px solid var(--line);border-radius:16px;background:#191d1b}
.spotify-profile-card>div{min-width:0;max-width:52ch}
.spotify-profile-card h3{font-size:1.5rem;margin:8px 0}
.spotify-profile-card .button{white-space:normal}
.spotify-profile-qr{flex-shrink:0;text-align:center;color:#c2cfb9;text-decoration:none}
.spotify-profile-qr img{display:block;width:176px;height:176px;max-width:100%;border-radius:4px}
.spotify-profile-qr span{display:block;font-size:.85rem;margin-top:8px}
@media(max-width:600px){.spotify-profile-card{flex-direction:column;align-items:flex-start;padding:18px}.spotify-profile-qr{align-self:center}}