/* Rockblog On Air – Sammelupdate 1.9 */
*{box-sizing:border-box}:root{color-scheme:dark;--bg:#07090d;--surface:#121822;--surface2:#192231;--text:#fffaf3;--muted:#c9c3bb;--orange:#ff6a1a;--orange2:#ff9c32;--blue:#168de2;--blue2:#54c5ff;--green:#45cf83;--red:#d83b2f;--line:rgba(255,255,255,.16);--line2:rgba(255,255,255,.28);--shadow:0 18px 48px rgba(0,0,0,.34);--radius:22px;--focus:#ffe071;--content:1180px}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 12% 5%,rgba(255,106,26,.16),transparent 28rem),radial-gradient(circle at 92% 4%,rgba(22,141,226,.18),transparent 31rem),linear-gradient(180deg,#080a0e,#0a0f16 54%,#06080c);line-height:1.6}img{max-width:100%;height:auto}a{color:#ffd06d;text-underline-offset:.18em}a:hover{text-decoration-thickness:.15em}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:6px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;transform:translateY(-180%);padding:.75rem 1rem;background:#fff;color:#111;font-weight:900;border-radius:12px}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,9,13,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{width:min(var(--content),calc(100% - 2rem));margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem;color:var(--text);text-decoration:none;min-width:0}.brand-logo{display:block;width:clamp(165px,18vw,220px);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35)}.brand-tagline{max-width:12rem;color:var(--muted);font-size:.66rem;font-weight:850;line-height:1.3;letter-spacing:.07em;text-transform:uppercase}.menu-toggle{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.65rem .85rem;border-radius:12px;font-weight:800}.main-nav ul{display:flex;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none}.main-nav a{display:block;padding:.6rem .72rem;color:var(--text);text-decoration:none;border-radius:11px;font-weight:760;font-size:.92rem}.main-nav a:hover,.main-nav a[aria-current=page]{background:linear-gradient(135deg,rgba(255,106,26,.18),rgba(22,141,226,.17))}.live-pill{background:linear-gradient(135deg,var(--red),var(--orange))!important;color:#fff!important}.page-shell{width:min(var(--content),calc(100% - 2rem));margin:auto}
h1,h2,h3{line-height:1.08;text-wrap:balance}h1{margin:.2rem 0 1rem;font-size:clamp(2.55rem,7vw,5.25rem);letter-spacing:-.045em}h2{font-size:clamp(1.65rem,3.5vw,2.7rem);margin:0 0 .7rem}h3{font-size:1.22rem;margin:0 0 .55rem}.lead{font-size:clamp(1.04rem,2.2vw,1.28rem);color:#eee7df;max-width:62ch}.kicker{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .9rem;padding:.38rem .72rem;border:1px solid var(--line2);border-radius:999px;background:rgba(8,11,16,.72);color:#ffd06d;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.eyebrow{margin:0 0 .4rem;color:#ffd06d!important;font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.section{padding:clamp(2.25rem,4.5vw,4.2rem) 0}.no-top{padding-top:0}.top-gap{margin-top:1.2rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.section-heading p{max-width:62ch;margin:.35rem 0 0;color:var(--muted)}
.hero{position:relative;min-height:500px;margin:1.35rem auto 1.7rem;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);display:grid;background:#080b10}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,7,12,.97),rgba(4,7,12,.8) 50%,rgba(4,7,12,.38)),url('../images/rockblog-hero.webp');background-size:cover;background-position:center}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(330px,1.05fr);align-items:center;gap:clamp(1.5rem,4vw,3.4rem);padding:clamp(1.8rem,4.5vw,3.8rem)}.hero-copy{max-width:650px}.hero h1{font-size:clamp(2.45rem,5.5vw,4.6rem)}.hero-logo-panel{padding:.45rem;border:1px solid rgba(255,255,255,.26);border-radius:20px;background:linear-gradient(135deg,rgba(255,106,26,.15),rgba(22,141,226,.12)),rgba(5,8,13,.82);box-shadow:0 24px 55px rgba(0,0,0,.45)}.hero-logo{display:block;width:100%;border-radius:15px}
.subhero{padding:clamp(2.7rem,6vw,5.2rem) 0 2rem}.subhero h1{font-size:clamp(2.45rem,6vw,4.7rem)}.subhero-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(1.5rem,4vw,3.2rem);align-items:center}.subhero-visual{margin:0;justify-self:end;width:min(100%,500px);padding:.55rem;border:1px solid var(--line);border-radius:20px;background:rgba(10,15,22,.88);box-shadow:var(--shadow)}.subhero-visual img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px}.people-visual{width:min(100%,470px)}.breadcrumbs{color:var(--muted);font-size:.9rem}.breadcrumbs a{color:var(--muted)}
.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}.button-row.vertical{align-content:center;justify-content:flex-start;flex-direction:column}.button,.button-secondary,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.75rem 1.05rem;border-radius:999px;text-decoration:none;font-weight:900;border:0;cursor:pointer}.button{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;box-shadow:0 12px 28px rgba(255,106,26,.22)}.button-secondary{background:linear-gradient(135deg,#0963a8,var(--blue));color:#fff}.button-ghost{border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--text)}.button:hover,.button-secondary:hover,.button-ghost:hover{filter:brightness(1.08);transform:translateY(-1px)}
.grid{display:grid;gap:1.15rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;padding:clamp(1.15rem,2.6vw,1.65rem);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.016)),rgba(15,20,28,.92);box-shadow:var(--shadow);overflow:hidden}.card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange2),var(--blue2));opacity:.9}.card p{color:var(--muted)}.card-link{display:block;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.card-link:hover{border-color:var(--line2);transform:translateY(-2px)}.content-card{padding:clamp(1.25rem,3vw,2rem)}.icon{font-size:1.65rem;margin-bottom:.55rem}.action-feature{background:linear-gradient(135deg,rgba(255,106,26,.15),rgba(22,141,226,.12)),rgba(15,20,28,.94)}
.media-card{padding:0}.media-card::before{z-index:2}.media-card-image{padding:.5rem;background:#0b1018;border-bottom:1px solid var(--line);display:grid;place-items:center}.media-card-image img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;border-radius:15px}.card-body{padding:1.25rem}.media-grid h2,.media-grid h3{font-size:1.35rem}
.live-grid{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.48fr);gap:1.15rem;align-items:stretch}.player-card{text-align:center}.audio-player{width:100%;margin:1rem 0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.tiny{font-size:.84rem;color:var(--muted)}.now-card{display:grid;grid-template-columns:minmax(145px,225px) 1fr;gap:1.3rem;align-items:center;background:linear-gradient(135deg,rgba(108,35,10,.32),rgba(7,29,48,.42)),rgba(15,20,28,.94)}.cover-wrap{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;border:1px solid var(--line2);background:linear-gradient(135deg,#2e1008,#07192a)}.cover-link{position:absolute;inset:0;z-index:2;display:none;width:100%;height:100%}.cover-link.is-visible{display:block}.cover-link:focus-visible{outline:3px solid var(--focus);outline-offset:-5px}.cover-link.is-apple-link{cursor:pointer}.cover{display:none;width:100%;height:100%;object-fit:cover}.cover.is-visible{display:block}.fallback-cover{height:100%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 18% 55%,rgba(255,106,26,.3),transparent 42%),radial-gradient(circle at 82% 25%,rgba(22,141,226,.3),transparent 42%),linear-gradient(145deg,#260f09,#071827)}.fallback-cover strong{font-size:clamp(1.45rem,3.5vw,2.4rem);line-height:.95}.song-title{margin:.1rem 0 .55rem;font-size:clamp(1.6rem,3.5vw,2.75rem)}.artist{font-size:1.15rem;font-weight:850;color:var(--text)!important;margin:.2rem 0}.meta{font-size:.86rem;color:var(--muted)}.cover-meta{font-size:.76rem;color:#989da6!important}.apple-cover-credit{margin:.12rem 0 .45rem;font-size:.78rem}.apple-cover-credit[hidden]{display:none}.apple-cover-credit a{font-weight:850}.like-button{margin-top:1rem}.like-button:disabled{opacity:.72;cursor:not-allowed}.like-button.is-liked{background:linear-gradient(135deg,#18834b,var(--green))}.like-button.is-blocked{background:#3d4653;color:#e5e8eb;box-shadow:none}.status{min-height:1.5em;color:var(--muted)!important}.privacy-note{font-size:.8rem;color:#aeb3bb!important}.song-list{display:grid;gap:.65rem;margin-top:1rem}.song-list-row{display:grid;grid-template-columns:40px 1fr;gap:.72rem;align-items:center;padding:.78rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.033)}.song-list-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(255,106,26,.3),rgba(22,141,226,.25));color:#ffd06d;font-weight:950}.song-list-title{font-weight:850}.song-list-artist,.song-list-time{color:var(--muted);font-size:.85rem}.list-loading,.list-empty,.list-error,.chart-loading,.chart-empty,.chart-error{padding:1rem;border:1px dashed var(--line2);border-radius:14px;color:var(--muted);text-align:center}.flow-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.15rem}
.chart-list{display:grid;gap:.75rem;margin-top:1.1rem}.chart-row{display:grid;grid-template-columns:60px 1fr auto;gap:1rem;align-items:center;padding:.95rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.038)}.chart-rank{font-size:1.3rem;font-weight:950;color:#ffd06d;text-align:center}.chart-song strong,.chart-song span{display:block}.chart-song span{color:var(--muted)}.chart-likes{font-weight:950;text-align:right}.chart-likes small{display:block;color:var(--muted);font-weight:500}
.visual-band,.community-strip,.visual-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:1.4rem;align-items:center;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,106,26,.09),rgba(22,141,226,.09)),rgba(15,20,28,.9);box-shadow:var(--shadow)}.visual-split{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.visual-split-image{padding:.45rem;border-radius:17px;background:#0b1018;border:1px solid var(--line)}.visual-split-image img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:12px}.compact-list{margin:.8rem 0 0;padding-left:1.2rem}.compact-list li+li{margin-top:.45rem}.social-actions{display:flex;gap:.7rem;justify-content:flex-end;flex-wrap:wrap}.social-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 25px rgba(0,0,0,.25);text-decoration:none}.social-icon svg{width:27px;height:27px;fill:currentColor}.social-icon:hover{filter:brightness(1.12);transform:translateY(-1px)}.social-icon--whatsapp{background:#176b46}.social-icon--facebook{background:#1858a8}.social-icon--youtube{background:#a9272c}.social-channel-grid{display:grid;gap:1rem}.social-channel{display:grid;grid-template-columns:auto 1fr;gap:1.15rem;align-items:start;padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,20,28,.9);box-shadow:var(--shadow)}.social-channel h2{font-size:1.55rem}.social-channel p{color:var(--muted);margin:.3rem 0}.social-channel .social-icon{width:64px;height:64px}.social-channel .social-icon svg{width:34px;height:34px}
.show-list{display:grid;gap:1rem}.show-card{display:grid;grid-template-columns:72px 1fr;gap:1.1rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,20,28,.9);box-shadow:var(--shadow)}.show-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(255,106,26,.28),rgba(22,141,226,.25));font-size:1.8rem}.show-card h2{font-size:1.65rem}.show-card p{color:var(--muted);margin:.3rem 0}
.schedule-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.day-card{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,20,28,.9);box-shadow:var(--shadow)}.day-card h2{font-size:1.6rem}.day-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.day-card li{display:grid;grid-template-columns:105px 1fr;gap:.8rem;padding-top:.7rem;border-top:1px solid var(--line)}.day-card time{color:#ffd06d;font-weight:900;font-size:.9rem}.day-card strong,.day-card span{display:block}.day-card span{color:var(--muted);font-size:.86rem}.notice{padding:1rem 1.1rem;border-left:4px solid var(--orange);border-radius:12px;background:rgba(255,106,26,.1);color:#eee7df}.notice.info{border-color:var(--blue);background:rgba(22,141,226,.1)}.legal-draft{border-color:#ffd06d;background:rgba(255,224,113,.08)}.quote-panel{padding:1.2rem 1.35rem;border-left:4px solid var(--blue2);border-radius:12px;background:rgba(22,141,226,.09);font-size:1.08rem}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.meta-box{padding:1rem;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.033)}.meta-box strong,.meta-box span{display:block}.meta-box strong{color:#ffd06d}.meta-box span{color:var(--muted);font-size:.9rem}.check-list{padding-left:1.3rem}.check-list li::marker{content:"✓  ";color:var(--green);font-weight:900}.check-list li+li{margin-top:.4rem}.steps{list-style:none;padding:0;display:grid;gap:.8rem}.steps li{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:start}.steps li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--blue));font-weight:950}.steps p{margin:.2rem 0}.link-list{display:grid;gap:.65rem}.link-list a{padding:.75rem .85rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);text-decoration:none}.prose{max-width:80ch}.prose h2{margin-top:2.2rem}.prose p,.prose li{color:#ddd6ce}.content-stack{display:grid;gap:1.1rem}blockquote{margin:1rem 0 0;padding:1rem;border-left:4px solid var(--orange);background:rgba(255,106,26,.08);border-radius:10px;color:#eee7df}
.site-footer{margin-top:3rem;border-top:1px solid var(--line);background:#07090d}.footer-inner{width:min(var(--content),calc(100% - 2rem));margin:auto;padding:2rem 0 2.5rem;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:1.4rem}.footer-title{font-weight:950;font-size:1.1rem}.footer-links{display:grid;gap:.4rem}.footer-links a{color:var(--muted)}.footer-logo{display:block;width:min(220px,100%);margin-bottom:.75rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.32))}.footer-about p{color:var(--muted)}.footer-social{display:flex;gap:.55rem;margin-top:.9rem}.footer-social .social-icon{width:42px;height:42px;border-radius:13px}.footer-social .social-icon svg{width:22px;height:22px}.footer-bottom{grid-column:1/-1;padding-top:1rem;border-top:1px solid var(--line);color:#a1a7b0;font-size:.84rem}.cookie-note{position:fixed;z-index:300;left:1rem;right:1rem;bottom:1rem;max-width:920px;margin:auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line2);border-radius:18px;background:#111824;box-shadow:0 20px 60px rgba(0,0,0,.55)}.cookie-note[hidden]{display:none}.cookie-note p{margin:0;color:#ddd6ce}.cookie-actions{flex:0 0 auto}.standalone-brand{display:block;width:min(520px,100%);margin:0 0 2rem}.standalone-brand img{display:block;width:100%;border:1px solid var(--line2);border-radius:18px;box-shadow:var(--shadow)}.standalone-page{min-height:70vh;display:flex;flex-direction:column;justify-content:center}
@media(max-width:1000px){.main-nav{position:absolute;top:86px;left:1rem;right:1rem;display:none;padding:.7rem;border:1px solid var(--line);border-radius:18px;background:#0d131c;box-shadow:var(--shadow)}.main-nav.is-open{display:block}.main-nav ul{display:grid}.main-nav a{padding:.8rem}.menu-toggle{display:inline-flex}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.live-grid,.flow-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.subhero-split{grid-template-columns:1fr minmax(280px,.65fr)}}
@media(max-width:760px){.header-inner{min-height:76px}.brand-logo{width:155px}.brand-tagline{display:none}.main-nav{top:76px}.hero{min-height:auto}.hero::before{background-image:linear-gradient(0deg,rgba(4,7,12,.98),rgba(4,7,12,.76)),url('../images/rockblog-hero-small.webp')}.hero-content{grid-template-columns:1fr;padding:1.25rem}.hero-logo-panel{order:-1}.hero h1{font-size:clamp(2.25rem,11vw,3.25rem)}.subhero-split{grid-template-columns:1fr}.subhero-visual{justify-self:start;width:min(100%,430px);order:-1;margin-top:.4rem}.grid-2,.grid-3,.grid-4,.schedule-days{grid-template-columns:1fr}.now-card{grid-template-columns:1fr}.cover-wrap{max-width:290px;width:100%;margin:auto}.section-heading{display:block}.section-heading .button-ghost{margin-top:.7rem}.visual-band,.community-strip,.visual-split{grid-template-columns:1fr}.visual-split-image{order:-1}.social-actions{justify-content:flex-start}.day-card li{grid-template-columns:92px 1fr}.chart-row{grid-template-columns:46px 1fr}.chart-likes{grid-column:2;text-align:left}.meta-grid{grid-template-columns:1fr}.cookie-note{display:block}.cookie-actions{margin-top:.8rem}.footer-inner{grid-template-columns:1fr}.footer-about{grid-column:auto}.show-card{grid-template-columns:54px 1fr}.show-icon{width:50px;height:50px;border-radius:15px}.social-channel{grid-template-columns:1fr}.media-card-image img{max-height:none}.button-row.vertical{align-items:stretch}.button-row.vertical a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Sammelupdate 1.9: kompaktere Seitenbilder und persönliche Profilkarten */
.subhero-visual{width:min(100%,430px);padding:.45rem;border-radius:18px}
.subhero-visual img{display:block;width:auto;max-width:100%;height:auto;max-height:285px;margin-inline:auto;object-fit:contain;border-radius:12px}
.people-visual{width:min(100%,420px)}
.people-grid{align-items:stretch}
.person-card{display:grid;grid-template-columns:148px minmax(0,1fr);gap:1.2rem;align-items:center;min-height:100%}
.person-photo{width:148px;aspect-ratio:1;margin:0;overflow:hidden;border:2px solid rgba(255,255,255,.22);border-radius:50%;background:linear-gradient(145deg,rgba(255,106,26,.18),rgba(22,141,226,.18)),#0b1018;box-shadow:0 16px 34px rgba(0,0,0,.34)}
.person-photo img{display:block;width:100%;height:100%;object-fit:cover}
.person-photo--ingo{object-position:50% 25%}
.person-photo--andreas{object-position:50% 50%}
.person-copy{min-width:0}
.person-copy h2{margin-bottom:.55rem}
.person-copy p:last-child{margin-bottom:0}
@media(max-width:760px){
  .subhero-visual{width:min(100%,390px)}
  .subhero-visual img{max-height:260px}
  .person-card{grid-template-columns:112px minmax(0,1fr);gap:1rem}
  .person-photo{width:112px}
}
@media(max-width:430px){
  .person-card{grid-template-columns:1fr;text-align:left}
  .person-photo{width:118px}
}


/* Hörerfavorit des Monats */
.monthly-winner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(190px,280px) minmax(0,1fr);
  gap:clamp(1.25rem,3vw,2.4rem);
  align-items:center;
  padding:clamp(1.2rem,3vw,2rem);
  border:1px solid rgba(255,208,109,.48);
  border-radius:26px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 30%,rgba(255,106,26,.25),transparent 38%),
    radial-gradient(circle at 90% 20%,rgba(22,141,226,.2),transparent 38%),
    linear-gradient(135deg,rgba(55,24,10,.96),rgba(8,20,34,.97));
  box-shadow:var(--shadow);
}
.monthly-winner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.055),transparent 70%);
}
.winner-trophy-image{
  position:absolute;
  top:50%;
  right:clamp(.8rem,2vw,1.5rem);
  z-index:1;
  width:clamp(130px,18vw,220px);
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid rgba(255,208,109,.5);
  border-radius:22px;
  background:#140b05;
  box-shadow:
    0 22px 46px rgba(0,0,0,.46),
    0 0 34px rgba(255,158,48,.22);
  transform:translateY(-50%) rotate(1.5deg);
}
.winner-trophy-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 34px rgba(255,184,76,.16);
}
.winner-trophy-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.winner-cover-wrap{
  position:relative;
  z-index:1;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.22);
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(145deg,#2c1008,#071b2d);
  box-shadow:0 24px 50px rgba(0,0,0,.4);
}
.winner-cover-link,
.winner-tie-cover-link,
.archive-cover-link{
  position:absolute;
  inset:0;
  z-index:2;
  display:none;
  width:100%;
  height:100%;
}
.winner-cover-link.is-visible,
.winner-tie-cover-link.is-visible,
.archive-cover-link.is-visible{display:block}
.winner-cover-link:focus-visible,
.winner-tie-cover-link:focus-visible,
.archive-cover-link:focus-visible{outline:3px solid var(--focus);outline-offset:-5px}
.winner-cover-link.is-apple-link,
.winner-tie-cover-link.is-apple-link,
.archive-cover-link.is-apple-link{cursor:pointer}
.winner-cover{
  display:none;
  width:100%;
  height:100%;
  object-fit:cover;
}
.winner-cover.is-visible{display:block}
.winner-cover-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-content:center;
  gap:.65rem;
  padding:1rem;
  text-align:center;
  background:
    radial-gradient(circle at 20% 75%,rgba(255,106,26,.36),transparent 42%),
    radial-gradient(circle at 82% 20%,rgba(22,141,226,.34),transparent 42%),
    linear-gradient(145deg,#2d1008,#061a2c);
}
.winner-cover-fallback[hidden]{display:none}
.winner-cover-fallback span{font-size:clamp(3rem,8vw,5rem)}
.winner-cover-fallback strong{
  font-size:clamp(1.15rem,3vw,1.75rem);
  line-height:1.05;
}
.winner-copy{position:relative;z-index:2;padding-right:clamp(8.5rem,22vw,15rem)}
.winner-copy h2{
  margin:.15rem 0 .35rem;
  font-size:clamp(2rem,5vw,3.7rem);
  line-height:1;
}
.winner-artist{
  margin:.2rem 0 .8rem;
  color:#f3e7da!important;
  font-size:clamp(1.15rem,2.5vw,1.55rem);
  font-weight:850;
}
.winner-votes{
  display:inline-flex;
  align-items:center;
  margin:.35rem 0 .9rem;
  padding:.55rem .85rem;
  border:1px solid rgba(255,208,109,.45);
  border-radius:999px;
  background:rgba(255,208,109,.1);
  color:#ffd06d!important;
  font-weight:950;
}
.winner-text{max-width:68ch}
.winner-cover-source{
  margin-top:.8rem;
  color:var(--muted)!important;
  font-size:.78rem;
}
.winner-cover-source a,.winner-tie-source a,.archive-apple-credit a{font-weight:850}

@media(max-width:900px){
  .winner-copy{padding-right:clamp(6.5rem,22vw,10rem)}
  .winner-trophy-image{
    width:clamp(110px,20vw,160px);
    opacity:.88;
  }
}
@media(max-width:760px){
  .monthly-winner{grid-template-columns:1fr}
  .winner-cover-wrap{width:min(100%,330px);margin:auto}
  .winner-copy{padding-right:0}
  .winner-trophy-image{
    position:relative;
    top:auto;
    right:auto;
    width:min(100%,260px);
    margin:0 auto;
    transform:none;
    order:3;
  }
}


/* Gemeinsame Monatssieger bei Punktgleichstand */
.monthly-winner.has-tie{grid-template-columns:1fr}
.monthly-winner.has-tie .winner-copy{padding-right:clamp(8.5rem,22vw,15rem)}
.winner-tie-list{
  position:relative;
  z-index:2;
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1rem;
}
.winner-tie-list[hidden]{display:none}
.winner-tie-card{
  display:grid;
  grid-template-columns:minmax(105px,145px) minmax(0,1fr);
  gap:1rem;
  align-items:center;
  padding:1rem;
  border:1px solid rgba(255,208,109,.34);
  border-radius:19px;
  background:rgba(5,9,15,.68);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.winner-tie-cover-wrap{
  position:relative;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:15px;
  background:linear-gradient(145deg,#2c1008,#071b2d);
}
.winner-tie-cover{display:none;width:100%;height:100%;object-fit:cover}
.winner-tie-cover.is-visible{display:block}
.winner-tie-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-content:center;
  gap:.3rem;
  padding:.55rem;
  text-align:center;
  background:
    radial-gradient(circle at 20% 75%,rgba(255,106,26,.32),transparent 42%),
    radial-gradient(circle at 82% 20%,rgba(22,141,226,.3),transparent 42%),
    linear-gradient(145deg,#2d1008,#061a2c);
}
.winner-tie-fallback[hidden]{display:none}
.winner-tie-fallback span{font-size:2rem}
.winner-tie-fallback strong{font-size:.82rem;line-height:1.05}
.winner-tie-copy h3{margin:0 0 .35rem;font-size:clamp(1.15rem,2.5vw,1.55rem)}
.winner-tie-artist{margin:.15rem 0 .65rem;color:#f3e7da!important;font-weight:800}
.winner-tie-votes{
  display:inline-flex;
  margin:0;
  padding:.38rem .62rem;
  border:1px solid rgba(255,208,109,.4);
  border-radius:999px;
  background:rgba(255,208,109,.09);
  color:#ffd06d!important;
  font-size:.88rem;
  font-weight:950;
}
.winner-tie-source{margin:.65rem 0 0;color:var(--muted)!important;font-size:.72rem}

@media(max-width:760px){
  .monthly-winner.has-tie .winner-copy{padding-right:0}
  .winner-tie-card{grid-template-columns:minmax(90px,120px) minmax(0,1fr)}
}
@media(max-width:470px){
  .winner-tie-card{grid-template-columns:1fr}
  .winner-tie-cover-wrap{width:min(100%,240px);margin:auto}
  .winner-tie-copy{text-align:center}
}


/* Archiv der Monatssieger */
.winner-archive{
  padding-top:.2rem;
}
.winner-archive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.winner-archive-grid>.chart-loading,
.winner-archive-grid>.chart-empty,
.winner-archive-grid>.chart-error{
  grid-column:1/-1;
}
.archive-month-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(22,141,226,.12),transparent 38%),
    linear-gradient(145deg,rgba(27,18,16,.96),rgba(8,18,30,.96));
  box-shadow:0 16px 36px rgba(0,0,0,.28);
}
.archive-month-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  padding:.85rem 1rem;
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.025);
}
.archive-month-header time{
  color:#fff5e9;
  font-size:1.04rem;
  font-weight:950;
  text-transform:capitalize;
}
.archive-month-badge{
  flex:0 0 auto;
  padding:.3rem .55rem;
  border:1px solid rgba(255,208,109,.35);
  border-radius:999px;
  background:rgba(255,208,109,.08);
  color:#ffd06d;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.02em;
}
.archive-winner-list{
  display:grid;
  gap:0;
}
.archive-winner-entry{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:.85rem;
  align-items:center;
  min-width:0;
  padding:1rem;
}
.archive-winner-entry+.archive-winner-entry{
  border-top:1px solid var(--line);
}
.archive-cover-wrap{
  position:relative;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:linear-gradient(145deg,#2c1008,#071b2d);
}
.archive-cover{
  display:none;
  width:100%;
  height:100%;
  object-fit:cover;
}
.archive-cover.is-visible{display:block}
.archive-cover-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-content:center;
  background:
    radial-gradient(circle at 20% 75%,rgba(255,106,26,.28),transparent 42%),
    radial-gradient(circle at 82% 20%,rgba(22,141,226,.28),transparent 42%),
    linear-gradient(145deg,#2d1008,#061a2c);
}
.archive-cover-fallback[hidden]{display:none}
.archive-cover-fallback span[aria-hidden="true"]{font-size:2rem}
.archive-winner-copy{
  min-width:0;
}
.archive-winner-copy h4{
  margin:0 0 .25rem;
  overflow-wrap:anywhere;
  font-size:1.02rem;
  line-height:1.15;
}
.archive-winner-artist{
  margin:0 0 .55rem;
  color:#e8dfd6!important;
  font-size:.9rem;
  font-weight:750;
  overflow-wrap:anywhere;
}
.archive-winner-votes{
  display:inline-flex;
  margin:0;
  padding:.3rem .52rem;
  border:1px solid rgba(255,208,109,.32);
  border-radius:999px;
  background:rgba(255,208,109,.075);
  color:#ffd06d!important;
  font-size:.76rem;
  font-weight:950;
}
.archive-apple-credit{
  margin:.45rem 0 0;
  font-size:.72rem;
}
.archive-apple-credit[hidden]{display:none}

@media(max-width:1000px){
  .winner-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .winner-archive-grid{grid-template-columns:1fr}
  .archive-winner-entry{grid-template-columns:82px minmax(0,1fr)}
}
@media(max-width:380px){
  .archive-month-header{align-items:flex-start;flex-direction:column}
  .archive-winner-entry{grid-template-columns:72px minmax(0,1fr);padding:.85rem}
}

/* Update 1.9.1: transparenter Hinweis zur Streambereitstellung über laut.fm */
.stream-provider-note{
  margin:.3rem 0 1rem;
  padding:.8rem .9rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
  text-align:left;
}
.stream-provider-note p{margin:0}
.stream-provider-note strong{color:var(--text)}
.stream-provider-note a{
  display:inline-block;
  margin-top:.35rem;
  font-weight:850;
}
.player-window .stream-provider-note{margin:.15rem 0 1.15rem}


/* Fix Hörerfavoriten v2:
   Leere/ausgeblendete Monatssieger-Hilfsfelder dürfen keinen leeren Gold-Rahmen zeigen. */
.winner-artist[hidden],
.winner-votes[hidden],
.winner-cover-source[hidden],
.winner-artist:empty,
.winner-votes:empty,
.winner-cover-source:empty{
  display:none!important;
}

/* ==========================================================
   Rockblog On Air – Warm Dark v2 / deutlich sichtbarer Test
   Dunkel und rockig bleibt, aber freundlicher, wärmer, weniger schwarze Wand.
   Zum Zurücksetzen diesen Block entfernen oder Backup nutzen.
   ========================================================== */

:root{
  color-scheme:dark;

  --bg:#17151a;
  --surface:#252834;
  --surface2:#303544;

  --text:#fff8ee;
  --muted:#e1d5c7;

  --orange:#ff7d2f;
  --orange2:#ffc05a;
  --blue:#2e9ce0;
  --blue2:#7bd7ff;
  --green:#58db91;
  --red:#df4e3b;

  --line:rgba(255,232,190,.24);
  --line2:rgba(255,205,120,.42);

  --shadow:0 16px 38px rgba(0,0,0,.22);
  --focus:#ffe38a;
}

/* Sichtbar wärmerer Seitenhintergrund */
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,125,47,.30),transparent 31rem),
    radial-gradient(circle at 92% 0%,rgba(123,215,255,.17),transparent 34rem),
    radial-gradient(circle at 50% 100%,rgba(255,192,90,.16),transparent 42rem),
    linear-gradient(180deg,#19161c 0%,#1b2029 48%,#15171d 100%);
}

/* Header/Footer nicht mehr fast schwarz */
.site-header{
  background:rgba(25,23,29,.95);
  border-bottom-color:rgba(255,205,120,.26);
}

.site-footer{
  background:#17151a;
  border-top-color:rgba(255,205,120,.26);
}

.footer-bottom{
  border-top-color:rgba(255,205,120,.20);
  color:#c5bcb1;
}

/* Navigation mit wärmerem Hover */
.main-nav a:hover,
.main-nav a[aria-current=page]{
  background:linear-gradient(135deg,rgba(255,125,47,.28),rgba(123,215,255,.16));
}

.live-pill{
  background:linear-gradient(135deg,#c83c35,#ff7d2f)!important;
}

/* Hero sichtbar freundlicher, weniger schwere schwarze Fläche */
.hero{
  background:#1b1820;
  border-color:rgba(255,205,120,.28);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}

.hero::before{
  background-image:
    linear-gradient(90deg,rgba(24,20,22,.91),rgba(28,25,27,.68) 52%,rgba(36,29,26,.34)),
    url('../images/rockblog-hero.webp');
}

.hero-logo-panel{
  background:
    linear-gradient(135deg,rgba(255,125,47,.25),rgba(123,215,255,.13)),
    rgba(31,29,35,.86);
  border-color:rgba(255,205,120,.34);
  box-shadow:0 18px 38px rgba(0,0,0,.26);
}

/* Cards deutlich sichtbarer und wärmer */
.card,
.day-card,
.show-card,
.social-channel,
.archive-month-card,
.subhero-visual,
.visual-split-image,
.media-card-image,
.stream-provider-note,
.cookie-note{
  background:
    linear-gradient(145deg,rgba(255,248,236,.095),rgba(255,255,255,.035)),
    rgba(37,40,52,.94);
  border-color:rgba(255,232,190,.24);
  box-shadow:0 14px 32px rgba(0,0,0,.20);
}

/* Karten bekommen stärkere warme Kante */
.card::before{
  height:4px;
  background:linear-gradient(90deg,#ff7d2f,#ffc05a,#7bd7ff);
  opacity:1;
}

.card-link:hover,
.card:hover,
.social-channel:hover{
  border-color:rgba(255,205,120,.48);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}

/* große Bänder und Community-Block: sichtbarer warm */
.visual-band,
.community-strip,
.visual-split{
  background:
    radial-gradient(circle at 0% 0%,rgba(255,125,47,.18),transparent 24rem),
    linear-gradient(135deg,rgba(255,125,47,.16),rgba(123,215,255,.10)),
    rgba(38,41,53,.94);
  border-color:rgba(255,232,190,.26);
  box-shadow:0 14px 32px rgba(0,0,0,.20);
}

/* Live-Bereich wärmer */
.now-card{
  background:
    radial-gradient(circle at 0% 20%,rgba(255,125,47,.22),transparent 24rem),
    linear-gradient(135deg,rgba(134,58,25,.33),rgba(29,78,112,.30)),
    rgba(38,41,53,.95);
}

.cover-wrap,
.winner-cover-wrap,
.archive-cover-wrap,
.winner-tie-cover-wrap{
  border-color:rgba(255,205,120,.36);
}

/* Text wirkt freundlicher */
.lead{
  color:#f3e8dc;
}

.section-heading p,
.card p,
.social-channel p,
.footer-about p,
.prose p,
.prose li{
  color:var(--muted);
}

/* Kicker/Labels/Links wärmer und sichtbarer */
a{
  color:#ffdc8b;
}

.kicker{
  background:rgba(255,215,140,.10);
  border-color:rgba(255,205,120,.38);
  color:#ffdc8b;
}

.eyebrow,
.chart-rank,
.song-list-rank,
.meta-box strong,
.day-card time{
  color:#ffdc8b!important;
}

/* Buttons kräftiger und etwas freundlicher */
.button{
  background:linear-gradient(135deg,#cf4438,#ff7d2f);
  color:#fff;
  box-shadow:0 12px 26px rgba(255,125,47,.28);
}

.button-secondary{
  background:linear-gradient(135deg,#1673b9,#2e9ce0);
}

.button-ghost{
  background:rgba(255,248,236,.09);
  border-color:rgba(255,205,120,.38);
}

.button:hover,
.button-secondary:hover,
.button-ghost:hover{
  filter:brightness(1.12);
}

/* Listen/Zeilen weniger dunkel */
.song-list-row,
.chart-row,
.meta-box,
.link-list a{
  background:rgba(255,248,236,.055);
  border-color:rgba(255,232,190,.20);
}

/* Monatssieger/Hall-of-Fame bleibt edel, aber weniger düster */
.monthly-winner{
  border-color:rgba(255,205,120,.56);
  background:
    radial-gradient(circle at 12% 30%,rgba(255,125,47,.32),transparent 38%),
    radial-gradient(circle at 90% 20%,rgba(123,215,255,.18),transparent 38%),
    linear-gradient(135deg,rgba(72,36,20,.96),rgba(20,38,55,.97));
}

.winner-votes,
.archive-winner-votes,
.winner-tie-votes,
.archive-month-badge{
  background:rgba(255,220,139,.13);
  border-color:rgba(255,205,120,.48);
  color:#ffdc8b!important;
}

/* Mobile Hero ebenfalls heller/wärmer */
@media(max-width:760px){
  .hero::before{
    background-image:
      linear-gradient(0deg,rgba(24,20,22,.94),rgba(28,25,27,.66)),
      url('../images/rockblog-hero-small.webp');
  }
}