/* Heroradio Hero Blue 2026 – sitewide skin based on supplied visual reference */
:root{
 --hero-bg:#020b15;--hero-bg2:#03182a;--hero-panel:#061b2e;--hero-panel2:#08263f;
 --hero-line:#155d88;--hero-line2:#1ebcff;--hero-blue:#22baff;--hero-blue2:#087ed2;
 --hero-text:#fff;--hero-muted:#bfd2e2;--hero-red:#ed1c2e;
 --primary:#22baff!important;--secondary:#087ed2!important;--accent:#68d9ff!important;
 --hra-bg:#020b15!important;--hra-panel:#061b2e!important;--hra-panel2:#08263f!important;
 --hra-gold:#22baff!important;--hra-text:#fff!important;--hra-muted:#bfd2e2!important;--hra-line:#155d88!important;
}
html,body{background:radial-gradient(circle at 50% -10%,#0b3558 0,#03182a 35%,#020b15 72%) fixed!important;color:#fff!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(3,18,31,.35),rgba(1,8,15,.72)),radial-gradient(circle at 15% 10%,rgba(24,151,225,.12),transparent 28%)}
a{transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s}
a:hover{color:#54d4ff}
/* public pages */
.hr-header{background:rgba(2,15,28,.96)!important;border-bottom:1px solid var(--hero-line)!important;box-shadow:0 8px 26px rgba(0,0,0,.38)!important}
.hr-header__top{min-height:76px}.hr-brand img{height:58px!important;max-width:230px!important}.hr-header__nav{left:245px!important;right:250px!important;top:10px!important}
.hr-nav{background:rgba(2,14,26,.9)!important;border:1px solid var(--hero-line)!important;border-radius:8px!important;box-shadow:inset 0 0 20px rgba(20,143,215,.08)!important}
.hr-nav a{color:#fff!important}.hr-nav a.active,.hr-nav a:hover{color:#fff!important;background:linear-gradient(180deg,rgba(20,151,231,.38),rgba(4,68,113,.3))!important;border-color:#20baff!important;box-shadow:0 0 14px rgba(30,185,255,.25)!important}
.hr-pill,.hr-btn,.btn,button:not(.hr-nav-toggle){border-radius:7px!important}.hr-pill,.hr-btn--ghost{border-color:var(--hero-line)!important;background:rgba(5,27,46,.92)!important;color:#fff!important}.hr-pill--gold,.hr-btn--primary{background:linear-gradient(180deg,#128fdc,#0870b9)!important;color:#fff!important;border:1px solid #31c8ff!important;box-shadow:0 0 16px rgba(25,178,247,.25)!important}
.hr-card,.card,.panel,.news-card,.hx-panel,.hx-tile{background:linear-gradient(180deg,rgba(7,31,51,.98),rgba(3,18,32,.98))!important;border:1px solid var(--hero-line)!important;border-radius:7px!important;box-shadow:0 10px 26px rgba(0,0,0,.24)!important}
.hr-h1,.hr-h2,h1,h2,h3{color:#fff}.hr-lead,.muted,.hx-muted{color:var(--hero-muted)!important}
input,select,textarea{background:#031525!important;color:#fff!important;border:1px solid var(--hero-line)!important;border-radius:6px!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#25bdff!important;box-shadow:0 0 0 3px rgba(37,189,255,.12)!important}
table{background:#04192a!important;border:1px solid var(--hero-line)!important;border-radius:7px!important;overflow:hidden}th{background:#082944!important;color:#fff!important}td,th{border-color:#123e5d!important}tr:hover td{background:rgba(18,120,180,.12)}
.alert{border:1px solid var(--hero-line)!important;border-radius:7px!important}.site-main{min-height:60vh}
/* member/admin shell */
body.hra{background:radial-gradient(circle at 50% 0,#0a3151 0,#031526 36%,#020b15 75%) fixed!important}.bg-grain{opacity:.08!important}
.hra-topbar{background:rgba(2,15,28,.97)!important;border-bottom:1px solid var(--hero-line)!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important}.hra-topbar-inner{max-width:1540px!important}.hra-brand img{height:52px!important;width:auto!important}.hra-area-label{color:#d8edfb!important}
.hra-shell{max-width:1540px!important}.hra-card{background:linear-gradient(180deg,#071e32,#031523)!important;border:1px solid var(--hero-line)!important;border-radius:8px!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important}.hra-side{border-color:var(--hero-line)!important}.hra-main>h1{font-weight:800!important}
.hra-nav h5,.hra-block-title{color:#59d2ff!important}.hra-nav a{color:#e8f5ff!important;border:1px solid transparent!important;border-radius:6px!important}.hra-nav a:hover,.hra-nav a.active{background:linear-gradient(90deg,rgba(14,132,204,.35),rgba(7,61,101,.45))!important;border-color:#168bc8!important;color:#fff!important;box-shadow:inset 3px 0 #2bc5ff!important}.hra-nav a i{color:#7bdcff!important}.hra-navsearch{background:#031525!important;border:1px solid var(--hero-line)!important;border-radius:6px!important}.hra-navsearch input{border:0!important;box-shadow:none!important}
.hra-pill,.hra-btn-wide{background:#06213a!important;border:1px solid var(--hero-line)!important;color:#fff!important;border-radius:6px!important}.hra-pill.gold,.hra-pill.solid,.hra-btn-wide{background:linear-gradient(180deg,#128fdc,#0870b9)!important;border-color:#27bfff!important}.hra-quick a{background:#06213a!important;border:1px solid var(--hero-line)!important;color:#fff!important}.hra-avatar{border:2px solid #2cc5ff!important;box-shadow:0 0 18px rgba(44,197,255,.28)!important}.hra-role{background:#0b4f7c!important;color:#dff6ff!important}.hra-stat,.hx-stat{background:#061b2e!important;border:1px solid var(--hero-line)!important;border-radius:7px!important}.hra-tabbar{background:#031526!important;border-color:var(--hero-line)!important}
/* common forms / lists / pagination */
.pagination a,.pagination span,.tag,.badge{border-color:var(--hero-line)!important}.badge,.nav-count{background:#e51f32!important;color:#fff!important}.tag{background:#0a3150!important;color:#dff5ff!important}
/* mobile – same hierarchy as the reference */
@media(max-width:1200px){.hr-header__nav{position:static!important;left:auto!important;right:auto!important;top:auto!important}.hr-nav{border-radius:0!important}.hr-header__top{min-height:64px}.hr-brand img{height:50px!important}}
@media(max-width:900px){.hra-shell{padding:0 .75rem!important}.hra-main{min-width:0}.hra-topbar{position:sticky;top:0;z-index:1000}.hr-nav{justify-content:flex-start!important}.hr-nav a{min-width:72px;text-align:center}}
@media(max-width:600px){.hr-brand img{height:44px!important}.hr-shell{padding-left:.7rem!important;padding-right:.7rem!important}.hr-card,.card,.panel,.hra-card{border-radius:6px!important}.hra-area-label{font-size:.8rem}}

/* Hero 2026 final responsive pass – public/member/admin pages */
img,video,iframe{max-width:100%;height:auto}.hr-shell{width:min(1540px,calc(100% - 28px))!important;margin-inline:auto!important}.site-main{overflow-x:hidden}.hr-card,.card,.panel,.hra-card{max-width:100%}.grid{min-width:0}.grid>*{min-width:0}
.hr-footer{background:linear-gradient(180deg,#03182a,#020b15)!important;border-top:1px solid #176897!important;margin-top:18px!important}.hr-footer__grid{display:none!important}.hr-footer__bottom{border-top:0!important}.hr-footer__bottom-inner{min-height:82px;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:14px 0!important}.hr-footer__bottom-inner:before{content:'Mehr als nur Radio – Eine Community – Eine Familie ❤';font-family:cursive;font-size:1.45rem;color:#fff;text-align:center;grid-column:2}.hr-footer__bottom-inner span:first-of-type{display:block!important;grid-column:1;grid-row:1;font-size:0}.hr-footer__bottom-inner span:first-of-type:after{content:'Musik. Freundschaft. Leidenschaft.';font-size:.75rem;color:#d3e7f6}.hr-footer__bottom-inner span:last-of-type{grid-column:3;grid-row:1;font-size:.72rem;color:#c5d9e8}.hr-footer__bottom-inner span:last-of-type:after{content:'  ·  #TeamHeroradio · Seit 2005';color:#fff}.hr-footer__bottom a{color:#55d3ff!important}
@media(max-width:1000px){.hr-footer__bottom-inner{grid-template-columns:1fr;text-align:center;gap:8px;min-height:110px}.hr-footer__bottom-inner:before,.hr-footer__bottom-inner span:first-of-type,.hr-footer__bottom-inner span:last-of-type{grid-column:1;grid-row:auto}.hr-footer__bottom-inner:before{font-size:1.2rem;order:1}.hr-footer__bottom-inner span:first-of-type{order:2}.hr-footer__bottom-inner span:last-of-type{order:3}.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr!important}}
@media(max-width:700px){html{font-size:15px}.hr-shell{width:calc(100% - 18px)!important}.hr-header__top{padding:.45rem 0!important}.hr-brand img{height:42px!important;max-width:160px!important}.hr-header__tools{gap:.3rem!important}.hr-social{width:32px!important;height:32px!important}.hr-nav-toggle{width:40px!important;height:40px!important;border:1px solid #2086bf!important;background:#031729!important;color:#fff!important;border-radius:8px!important}.hr-nav.open{max-height:70vh;overflow:auto}.hr-nav a{font-size:.72rem!important}.site-main{padding-bottom:0}.hr-footer__bottom-inner:before{font-size:1.05rem}.hra-shell{display:block!important}.hra-side{width:100%!important;position:static!important;margin-bottom:12px}.hra-main{width:100%!important;padding:0!important}table{display:block;overflow-x:auto;white-space:nowrap}.form-group input,.form-group select,.form-group textarea{width:100%!important}.btn,.hr-btn,.hra-pill{max-width:100%}}

/* 2026-09 autumn/player cleanup */
.hr-footer-player{display:none!important}.wish[data-wunschbox]{background:#061f35;cursor:pointer;font:inherit}.wish[data-wunschbox]:hover{background:#0a3557;box-shadow:0 0 18px rgba(35,189,255,.24)}