/* Radiopunkte.de – portalweites Community-Design 2026
   Zentrale, funktionsschonende Gestaltung für öffentliche Seiten,
   Mitglieder-, Betreiber- und gemeinsam gerenderte Verwaltungsbereiche. */
:root{
  --rpm-bg:#06101d;
  --rpm-bg-soft:#091624;
  --rpm-panel:#0d1b2c;
  --rpm-panel-2:#112238;
  --rpm-panel-hover:#142841;
  --rpm-border:rgba(151,174,203,.16);
  --rpm-border-strong:rgba(151,174,203,.26);
  --rpm-gold:#f2bd4b;
  --rpm-gold-deep:#d99125;
  --rpm-cyan:#29cfe0;
  --rpm-green:#2bd18b;
  --rpm-red:#ff6c7a;
  --rpm-text:#f4f7fb;
  --rpm-muted:#94a8bf;
  --rpm-radius:18px;
  --rpm-radius-sm:12px;
  --rpm-shadow:0 16px 42px rgba(0,0,0,.24);
}
html{background:var(--rpm-bg);scroll-behavior:smooth}
body{
  color:var(--rpm-text);
  background:
    radial-gradient(circle at 10% -10%,rgba(41,207,224,.075),transparent 26rem),
    radial-gradient(circle at 92% 4%,rgba(242,189,75,.07),transparent 28rem),
    linear-gradient(180deg,#07111e 0,#06101d 45%,#050d18 100%) fixed!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:42px 42px;
}
body a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
body img{max-width:100%}
body :focus-visible{outline:3px solid rgba(41,207,224,.65)!important;outline-offset:2px!important}

/* Navigation */
.rp-premium-nav{
  min-height:66px!important;
  border-bottom:1px solid var(--rpm-border)!important;
  background:rgba(5,14,25,.93)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
}
.rp-premium-nav-shell{width:min(1540px,calc(100% - 28px))!important;min-height:66px!important;gap:20px!important}
.rp-premium-brand{gap:9px!important}
.rp-premium-brand-icon{
  width:38px!important;height:38px!important;border-radius:11px!important;
  background:rgba(242,189,75,.1)!important;border:1px solid rgba(242,189,75,.25)!important;
  color:var(--rpm-gold)!important;box-shadow:none!important;
}
.rp-premium-brand-text strong{font-size:17px!important;letter-spacing:-.02em!important}
.rp-premium-brand-text small{font-size:9px!important;color:var(--rpm-muted)!important}
.rp-social-search{
  min-width:220px!important;max-width:390px!important;height:39px!important;border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;border:1px solid var(--rpm-border)!important;box-shadow:none!important;
}
.rp-social-search:focus-within{border-color:rgba(41,207,224,.5)!important;background:rgba(255,255,255,.055)!important}
.rp-social-search input{font-size:12px!important;color:var(--rpm-text)!important}
.rp-premium-nav-menu{gap:3px!important}
.rp-premium-nav-menu>a,.rp-premium-more-btn{
  min-height:38px!important;padding:8px 11px!important;border-radius:9px!important;
  color:#c9d5e3!important;font-size:12px!important;font-weight:780!important;
}
.rp-premium-nav-menu>a:hover,.rp-premium-nav-menu>a.active,.rp-premium-more-btn:hover{
  color:#fff!important;background:rgba(255,255,255,.055)!important;
}
.rp-premium-nav-menu>a.active{box-shadow:inset 0 -2px var(--rpm-gold)!important}
.rp-premium-user-zone{gap:7px!important}
.rp-premium-login,.rp-premium-join{
  min-height:38px!important;border-radius:10px!important;padding:8px 13px!important;font-size:12px!important;
}
.rp-premium-join,.rp-premium-login:hover{
  background:linear-gradient(135deg,var(--rpm-gold),var(--rpm-gold-deep))!important;
  color:#111827!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(217,145,37,.18)!important;
}
.rp-premium-more-menu,.rp-right-menu-panel{
  border:1px solid var(--rpm-border-strong)!important;border-radius:15px!important;
  background:rgba(8,19,33,.98)!important;box-shadow:0 24px 60px rgba(0,0,0,.42)!important;
}

/* Seitenbreite, Überschriften und Breadcrumbs */
main.wrap,main.wrap.page,.wrap.page,.rp-premium-wrap,.rp-content-wrap{
  width:min(1480px,calc(100% - 28px))!important;
  max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;
}
main.wrap,main.wrap.page{padding-top:18px!important;padding-bottom:155px!important}
.breadcrumbs,.breadcrumb,.rp-breadcrumbs{
  margin:0 0 12px!important;padding:8px 11px!important;border:1px solid var(--rpm-border)!important;
  border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:var(--rpm-muted)!important;font-size:11px!important;
}
h1,h2,h3,h4{letter-spacing:-.022em}
main h1{color:#fff!important}
.page-title,.section-title{margin-bottom:14px!important}
.muted,.text-muted,.rp-muted{color:var(--rpm-muted)!important}

/* Gemeinsame Karten */
body .card,body .box,body .hero,body .community-card,body .member-panel,
body .member-card,body .radio-card,body .shop-item-card,body .gift-card,
body .house-card,body .pet-card,body .level-card,body .battlepass-card,
body .rp-card,body .rpv2-card,body .rp-premium-card{
  border:1px solid var(--rpm-border)!important;
  border-radius:var(--rpm-radius)!important;
  background:linear-gradient(180deg,rgba(14,28,46,.97),rgba(9,20,34,.97))!important;
  box-shadow:var(--rpm-shadow)!important;
}
body .card:hover,body .box:hover,body .member-card:hover,body .radio-card:hover,
body .shop-item-card:hover{
  border-color:rgba(242,189,75,.28)!important;
}
.rp-card-auto-head,.card-header,.box-header,.section-header{
  min-height:54px!important;margin:0!important;padding:11px 14px!important;
  border-bottom:1px solid var(--rpm-border)!important;
  background:rgba(255,255,255,.018)!important;box-shadow:none!important;
}
.card>.rp-card-auto-head:first-child,.box>.rp-card-auto-head:first-child,.hero>.rp-card-auto-head:first-child{
  margin:0 -18px 14px!important;
}
.rp-card-auto-icon,.card-header-icon{
  width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important;
  background:rgba(242,189,75,.11)!important;border:1px solid rgba(242,189,75,.2)!important;
  color:var(--rpm-gold)!important;box-shadow:none!important;font-size:16px!important;
}
.rp-card-auto-title,.card-header h2,.card-header h3{font-size:14px!important;color:#fff!important}

/* Buttons und Status */
.btn,button.btn,a.btn,.rp-btn,.button,input[type=submit],button[type=submit]{
  min-height:39px;border-radius:10px!important;padding:9px 14px!important;border:1px solid transparent!important;
  background:linear-gradient(135deg,var(--rpm-gold),var(--rpm-gold-deep))!important;
  color:#111827!important;font-weight:850!important;box-shadow:0 8px 20px rgba(217,145,37,.14)!important;
}
.btn:hover,.rp-btn:hover,button[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn.ghost,.btn.secondary,.rp-btn.secondary{
  color:#dce6f2!important;background:rgba(255,255,255,.045)!important;
  border-color:var(--rpm-border)!important;box-shadow:none!important;
}
.btn.danger,.danger,.btn-delete{background:rgba(255,108,122,.12)!important;color:#ff9aa4!important;border-color:rgba(255,108,122,.25)!important}
.badge,.pill,.tag,.status,.rp-badge{
  border-radius:999px!important;padding:5px 9px!important;border:1px solid var(--rpm-border)!important;
  background:rgba(255,255,255,.045)!important;color:#dce6f2!important;font-size:11px!important;font-weight:800!important;
}
.online,.is-online,.status-online{color:var(--rpm-green)!important}

/* Formulare */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{
  min-height:42px!important;border:1px solid var(--rpm-border-strong)!important;border-radius:10px!important;
  background:#091727!important;color:var(--rpm-text)!important;padding:10px 12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
textarea{min-height:110px}
input:focus,select:focus,textarea:focus{border-color:rgba(41,207,224,.5)!important;box-shadow:0 0 0 3px rgba(41,207,224,.08)!important;outline:0!important}
input::placeholder,textarea::placeholder{color:#70859e!important}
label{color:#cbd7e5;font-weight:760}
form{accent-color:var(--rpm-gold)}
fieldset{border:1px solid var(--rpm-border)!important;border-radius:14px!important}

/* Tabellen und Listen */
.table-wrap,.rp-table-wrap{overflow-x:auto;border:1px solid var(--rpm-border);border-radius:14px}
table{border-collapse:collapse}
table:not(.calendar){width:100%;background:rgba(7,17,31,.42)!important}
table th{
  background:rgba(255,255,255,.035)!important;color:#dce6f2!important;
  font-size:11px!important;text-transform:uppercase;letter-spacing:.045em;
}
table th,table td{padding:11px 12px!important;border-bottom:1px solid var(--rpm-border)!important}
table tr:hover td{background:rgba(255,255,255,.022)!important}

/* Grid-Systeme */
.grid,.cards-grid,.radio-grid,.member-grid,.shop-grid,.gift-grid,.collector-grid{
  gap:14px!important;
}
.radio-grid,.member-grid,.shop-grid{
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;
}

/* Radios, Mitglieder, Profile */
.radio-card img,.radio-logo,.member-card img,.member-avatar{border-radius:14px}
.radio-card .radio-name,.member-card .member-name{font-size:15px!important}
.radio-card:hover,.member-card:hover{transform:translateY(-2px)}
.profile-card-hero,.member-profile-head{
  overflow:hidden;border-radius:var(--rpm-radius)!important;
}
.profile-cover,.profile-cover-image{min-height:230px;max-height:360px;object-fit:cover}
.profile-avatar{border:4px solid var(--rpm-panel)!important;box-shadow:0 10px 30px rgba(0,0,0,.32)!important}
.profile-tabs,.tabs,.tab-nav{
  display:flex;gap:5px;overflow-x:auto;padding:6px!important;border:1px solid var(--rpm-border)!important;
  border-radius:12px!important;background:rgba(255,255,255,.025)!important;
}
.profile-tabs a,.tabs a,.tab-nav a{white-space:nowrap;border-radius:8px!important;padding:8px 12px!important}
.profile-tabs a.active,.tabs a.active,.tab-nav a.active{background:rgba(242,189,75,.12)!important;color:var(--rpm-gold)!important}

/* Shop und Sammlungen */
.rp-modern-shop{width:min(1480px,calc(100% - 28px))!important;margin-top:16px!important}
.rp-shop-hero{border-radius:20px!important;background:linear-gradient(120deg,#10213a,#0a1728)!important}
.rp-shop-tools{border:1px solid var(--rpm-border)!important;border-radius:13px!important;background:rgba(8,19,33,.94)!important}
.shop-category-intro{margin-top:22px!important;border-radius:15px!important}
.shop-item-card{overflow:hidden}
.collector-img,.rp-shop-extra-image{background:radial-gradient(circle at 50% 15%,rgba(242,189,75,.12),transparent 48%),#081523!important}
.collector-img img,.rp-shop-extra-image img{border-radius:12px!important}

/* Forum, Magazin, Artikel */
.rp-forum-card,.forum-card,.topic-card,.magazine-card,.article-card{
  border:1px solid var(--rpm-border)!important;border-radius:var(--rpm-radius)!important;
  background:linear-gradient(180deg,rgba(14,28,46,.96),rgba(9,20,34,.96))!important;box-shadow:var(--rpm-shadow)!important;
}
.forum-category,.forum-topic,.article-list-item{border-bottom:1px solid var(--rpm-border)!important}
article{overflow-wrap:anywhere}
article img{height:auto}
.article-content,.magazine-content,.blog-content{line-height:1.75;color:#dbe5f1}
.article-content h2,.article-content h3,.magazine-content h2,.blog-content h2{color:#fff!important;margin-top:1.45em}
.article-content a,.magazine-content a,.blog-content a{color:#69dce7}

/* Hinweise */
.alert,.notice,.success,.error,.warning,.rp-notice{
  border:1px solid var(--rpm-border)!important;border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;color:#e7eef7!important;padding:12px 14px!important;
}
.success{border-color:rgba(43,209,139,.28)!important;background:rgba(43,209,139,.08)!important}
.error{border-color:rgba(255,108,122,.3)!important;background:rgba(255,108,122,.08)!important}
.warning{border-color:rgba(242,189,75,.3)!important;background:rgba(242,189,75,.08)!important}

/* Footer und Player */
footer:not(.footer-player),.site-footer{
  border-top:1px solid var(--rpm-border)!important;background:#050d18!important;
}
.footer-player,.rp-footer-player{
  border-top:1px solid rgba(151,174,203,.2)!important;
  background:rgba(5,14,25,.97)!important;box-shadow:0 -14px 40px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(18px)!important;
}
.rp-player-logo{border-radius:12px!important;border-color:rgba(242,189,75,.28)!important}
.rp-player-progress,.player-progress{accent-color:var(--rpm-gold)}
.rp-player-play,.footer-player .play-btn{
  background:linear-gradient(135deg,var(--rpm-gold),var(--rpm-gold-deep))!important;color:#111827!important;
}
.rp-guest-footer-nav{
  border:1px solid var(--rpm-border)!important;border-radius:14px!important;
  background:rgba(5,14,25,.96)!important;box-shadow:0 16px 38px rgba(0,0,0,.3)!important;
}

/* Betreiber- und gemeinsam gerenderte Verwaltungsbereiche */
body[class*="operator"] main,body[class*="admin"] main{max-width:1500px}
.admin-grid,.operator-grid,.rp-admin-grid{gap:14px!important}
.admin-sidebar,.operator-sidebar,.rp-admin-sidebar{
  border:1px solid var(--rpm-border)!important;border-radius:15px!important;background:#091727!important;
}
.admin-nav a,.operator-nav a,.rp-admin-tabs a{
  border-radius:9px!important;color:#c9d5e3!important;
}
.admin-nav a:hover,.admin-nav a.active,.operator-nav a:hover,.operator-nav a.active,.rp-admin-tabs a:hover{
  background:rgba(242,189,75,.1)!important;color:var(--rpm-gold)!important;
}

/* Kleinere Animationen */
@media(hover:hover){
  .card,.box,.radio-card,.member-card,.shop-item-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
}
@media(max-width:980px){
  .rp-premium-nav-shell{width:calc(100% - 18px)!important}
  .rp-social-search{max-width:none!important}
  main.wrap,main.wrap.page,.wrap.page,.rp-premium-wrap,.rp-content-wrap,.rp-modern-shop{width:calc(100% - 18px)!important}
  .radio-grid,.member-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body{font-size:14px}
  main.wrap,main.wrap.page{padding-top:10px!important}
  .rp-premium-nav{min-height:58px!important}
  .rp-premium-nav-shell{min-height:58px!important}
  .rp-premium-brand-text small{display:none}
  .card,.box,.hero,.community-card,.member-panel,.member-card,.radio-card,.shop-item-card{border-radius:14px!important}
  .radio-grid,.member-grid,.shop-grid,.gift-grid,.collector-grid{grid-template-columns:1fr!important}
  .profile-cover,.profile-cover-image{min-height:165px}
  .rp-shop-tools{position:static!important}
  table th,table td{padding:9px 8px!important;font-size:12px}
}
@media(max-width:430px){
  .rp-premium-brand-text strong{font-size:15px!important}
  .btn,button.btn,a.btn,.rp-btn{width:100%;justify-content:center}
  .rp-guest-footer-nav{left:7px!important;right:7px!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}

/* Variante 1: kompakte Community-Navigation und kompakter Radioplayer */
@media(min-width:1101px){
  html body .rp-premium-nav{min-height:62px!important}
  html body .rp-premium-nav-shell{
    width:min(1580px,calc(100% - 24px))!important;min-height:62px!important;
    display:flex!important;align-items:center!important;gap:13px!important;
  }
  html body .rp-premium-brand-zone{display:flex!important;align-items:center!important;gap:13px!important;flex:0 1 525px!important;min-width:300px!important}
  html body .rp-premium-brand{flex:0 0 auto!important}
  html body .rp-social-search{flex:1 1 245px!important;min-width:155px!important;max-width:310px!important;height:36px!important}
  html body .rp-premium-nav-menu{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:1 1 auto!important;min-width:0!important;gap:1px!important;
  }
  html body .rp-premium-nav-menu>a,
  html body .rp-premium-more-btn{min-height:36px!important;padding:8px 9px!important;font-size:11.5px!important;white-space:nowrap!important}
  html body .rp-premium-nav-menu>a>span,
  html body .rp-premium-more-btn>span{display:none!important}
  html body .rp-premium-user-zone{margin-left:5px!important;flex:0 0 auto!important}
  html body .rp-premium-notify{width:36px!important;height:36px!important;border-radius:10px!important}
  html body .rp-premium-profile-btn{min-height:40px!important;padding:3px 7px 3px 4px!important;border-radius:12px!important}
  html body .rp-premium-profile-btn img{width:32px!important;height:32px!important}
  html body .rp-premium-profile-meta{display:none!important}
}
@media(min-width:1101px) and (max-width:1320px){
  html body .rp-premium-brand-text small{display:none!important}
  html body .rp-premium-brand-zone{flex-basis:350px!important}
  html body .rp-social-search{max-width:210px!important}
  html body .rp-premium-nav-menu>a,
  html body .rp-premium-more-btn{padding-left:7px!important;padding-right:7px!important}
}
@media(min-width:981px){
  html body .rp-footer-player{
    left:50%!important;right:auto!important;bottom:12px!important;transform:translateX(-50%)!important;
    width:min(1540px,calc(100% - 28px))!important;min-height:72px!important;height:72px!important;
    display:grid!important;grid-template-columns:minmax(230px,.95fr) minmax(420px,1.45fr) minmax(245px,.8fr)!important;
    align-items:center!important;gap:16px!important;padding:8px 13px!important;
    border:1px solid var(--rpm-border-strong)!important;border-radius:16px!important;overflow:visible!important;
  }
  html body .rp-player-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  html body .rp-player-logo{width:52px!important;height:52px!important;min-width:52px!important;border-radius:11px!important;overflow:hidden!important}
  html body .rp-player-logo img{width:100%!important;height:100%!important;object-fit:cover!important}
  html body .rp-player-meta{min-width:0!important;display:grid!important;gap:1px!important}
  html body .rp-player-meta strong,
  html body .rp-player-meta small,
  html body .rp-player-meta span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body .rp-player-meta strong{font-size:13px!important}
  html body .rp-player-meta small{font-size:10px!important;color:var(--rpm-green)!important}
  html body .rp-player-meta span{font-size:10px!important;color:var(--rpm-muted)!important}
  html body .rp-player-center{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;min-width:0!important}
  html body .rp-player-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important}
  html body .rp-control-btn{min-height:34px!important;height:34px!important;border-radius:9px!important;padding:7px 11px!important;font-size:11px!important;white-space:nowrap!important}
  html body .rp-play-btn,
  html body .rp-pause-btn,
  html body .rp-fav-btn{width:34px!important;min-width:34px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:14px!important}
  html body .rp-play-btn{border-radius:50%!important;background:linear-gradient(135deg,var(--rpm-gold),var(--rpm-gold-deep))!important;color:#111827!important}
  html body .rp-pause-btn,
  html body .rp-fav-btn{background:rgba(255,255,255,.045)!important;color:#dce6f2!important;border:1px solid var(--rpm-border)!important}
  html body .rp-confirm{background:rgba(41,207,224,.09)!important;color:#78e6ee!important;border:1px solid rgba(41,207,224,.24)!important}
  html body .rp-point-note,
  html body .rp-guest-note{font-size:9.5px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--rpm-muted)!important}
  html body .rp-player-volume{display:flex!important;align-items:center!important;gap:5px!important;color:var(--rpm-muted)!important}
  html body .rp-player-volume input{width:72px!important;height:4px!important;min-height:4px!important;padding:0!important;border:0!important;accent-color:var(--rpm-gold)!important}
  html body .rp-player-right{display:grid!important;gap:5px!important;min-width:0!important;font-size:10px!important}
  html body .rp-player-right>div:first-child{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body .rp-progress{height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;overflow:hidden!important}
  html body .rp-progress>span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--rpm-gold-deep),var(--rpm-gold))!important}
  html body #fp-confirm-timer{color:var(--rpm-muted)!important;font-size:9.5px!important}
  html body main.wrap,
  html body main.wrap.page{padding-bottom:112px!important}
}
@media(max-width:980px){
  html body .rp-footer-player{
    left:8px!important;right:8px!important;bottom:74px!important;width:auto!important;height:auto!important;min-height:104px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 10px!important;
    padding:9px!important;border:1px solid var(--rpm-border-strong)!important;border-radius:15px!important;
  }
  html body .rp-player-left{min-width:0!important}
  html body .rp-player-logo{width:44px!important;height:44px!important;min-width:44px!important}
  html body .rp-player-meta{min-width:0!important}
  html body .rp-player-meta>*{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body .rp-player-center{grid-column:1/-1!important;min-width:0!important}
  html body .rp-player-controls{display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;padding-bottom:2px!important}
  html body .rp-control-btn{min-height:34px!important;padding:7px 10px!important;font-size:10px!important;white-space:nowrap!important}
  html body .rp-play-btn,
  html body .rp-pause-btn,
  html body .rp-fav-btn{width:34px!important;min-width:34px!important;padding:0!important}
  html body .rp-player-volume{display:flex!important;align-items:center!important;gap:4px!important;min-width:72px!important}
  html body .rp-player-volume input{width:55px!important;min-height:4px!important;height:4px!important;padding:0!important}
  html body .rp-player-right{grid-column:2!important;grid-row:1!important;max-width:155px!important;font-size:9px!important;text-align:right!important}
  html body .rp-progress{height:4px!important}
  html body .rp-point-note,
  html body .rp-guest-note{font-size:9px!important;margin-top:3px!important}
  html body main.wrap,
  html body main.wrap.page{padding-bottom:205px!important}
}
@media(max-width:520px){
  html body .rp-footer-player{grid-template-columns:minmax(0,1fr)!important}
  html body .rp-player-right{grid-column:1!important;grid-row:auto!important;max-width:none!important;text-align:left!important}
  html body .rp-player-volume{display:none!important}
  html body .rp-confirm{padding-left:8px!important;padding-right:8px!important}
}

/* Direkt sichtbares Portal-Redesign – in der bestehenden Haupt-CSS */
html body{
  --rp-visible-panel:#101f32;
  --rp-visible-panel-2:#0b1727;
  --rp-visible-line:rgba(151,178,209,.22);
  --rp-visible-gold:#f4bd4d;
  background:
    radial-gradient(circle at 12% 0,rgba(37,205,224,.12),transparent 32rem),
    radial-gradient(circle at 88% 0,rgba(244,189,77,.11),transparent 34rem),
    linear-gradient(180deg,#081522,#06101c 48%,#050c16)!important;
}
html body .rp-premium-nav{
  min-height:70px!important;background:rgba(5,14,25,.95)!important;
  border-bottom:1px solid rgba(244,189,77,.24)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.34)!important;
}
html body main.wrap,
html body main.wrap.page{
  width:min(1500px,calc(100% - 32px))!important;
  padding-top:26px!important;padding-bottom:125px!important;
}
html body .card,
html body .box,
html body .rp-big-card,
html body .rp-home-list-box,
html body .rp-radio-tile,
html body .member-card,
html body .shop-item-card,
html body .gift-card,
html body .house-card,
html body .pet-card,
html body .forum-card,
html body .article-card,
html body .rp-card{
  border:1px solid var(--rp-visible-line)!important;border-radius:18px!important;
  background:linear-gradient(160deg,var(--rp-visible-panel),var(--rp-visible-panel-2))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.3)!important;
}
html body .card-header,
html body .rp-card-auto-head{
  min-height:58px!important;margin:0!important;padding:13px 16px!important;
  border-bottom:1px solid var(--rp-visible-line)!important;
  background:linear-gradient(90deg,rgba(244,189,77,.12),rgba(255,255,255,.025))!important;
}
html body .card-header-icon,
html body .rp-card-auto-icon{
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  border-radius:11px!important;background:rgba(244,189,77,.13)!important;
  color:var(--rp-visible-gold)!important;border:1px solid rgba(244,189,77,.28)!important;box-shadow:none!important;
}
html body .btn,
html body a.btn,
html body button.btn,
html body .rp-btn,
html body button[type=submit]{
  min-height:41px!important;border-radius:11px!important;
  background:linear-gradient(135deg,#f5c451,#d88d24)!important;color:#111827!important;
  box-shadow:0 9px 22px rgba(216,141,36,.2)!important;
}
html body input:not([type=checkbox]):not([type=radio]):not([type=range]),
html body select,
html body textarea{
  min-height:44px!important;border-radius:11px!important;
  border:1px solid rgba(151,178,209,.28)!important;background:#091727!important;color:#f5f8fc!important;
}
html body table{
  border:1px solid var(--rp-visible-line)!important;border-radius:14px!important;
  background:#091727!important;overflow:hidden!important;
}
html body table th{
  background:#14263c!important;color:#e7eef7!important;
  border-bottom:1px solid rgba(244,189,77,.2)!important;
}
html body .rp-social-mobile-nav,
html body .rp-guest-footer-nav{display:none!important}
html body .rp-footer-player{
  border:1px solid rgba(244,189,77,.26)!important;border-radius:17px!important;
  background:rgba(5,14,25,.98)!important;box-shadow:0 -14px 46px rgba(0,0,0,.42)!important;
}
@media(max-width:980px){
  html body main.wrap,
  html body main.wrap.page{width:calc(100% - 20px)!important;padding-bottom:145px!important}
  html body .rp-premium-nav-menu{max-height:calc(100vh - 92px)!important;overflow:auto!important}
}
@media(max-width:700px){
  html body main.wrap,
  html body main.wrap.page{width:calc(100% - 16px)!important;padding-top:12px!important;padding-bottom:155px!important}
  html body .card,
  html body .box,
  html body .rp-big-card,
  html body .rp-radio-tile,
  html body .member-card,
  html body .shop-item-card{border-radius:14px!important}
}

/* Footerplayer immer exakt horizontal zentrieren – auch bei Gästezuständen */
html body .rp-footer-player,
html body.rp-logged-in .rp-footer-player,
html body.rp-guest-user .rp-footer-player,
html body.rp-guest-user.rp-guest-player-open .rp-footer-player{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:translateX(-50%)!important;
  width:min(1540px,calc(100vw - 28px))!important;
}
html body.rp-guest-user.rp-guest-player-closed .rp-footer-player{
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,calc(100% + 120px))!important;
}
@media(max-width:980px){
  html body .rp-footer-player,
  html body.rp-logged-in .rp-footer-player,
  html body.rp-guest-user .rp-footer-player,
  html body.rp-guest-user.rp-guest-player-open .rp-footer-player{
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    transform:translateX(-50%)!important;
  }
  html body.rp-guest-user.rp-guest-player-closed .rp-footer-player{
    transform:translate(-50%,calc(100% + 120px))!important;
  }
}

/* Gastdarstellung vollständig innerhalb der Player-Umrandung */
html body.rp-guest-user .rp-footer-player{
  overflow:hidden!important;
  grid-template-columns:minmax(220px,.9fr) minmax(360px,1.35fr) minmax(205px,.7fr)!important;
}
html body.rp-guest-user .rp-player-left,
html body.rp-guest-user .rp-player-meta,
html body.rp-guest-user .rp-player-center,
html body.rp-guest-user .rp-player-right{min-width:0!important;max-width:100%!important}
html body.rp-guest-user .rp-player-meta strong,
html body.rp-guest-user .rp-player-meta small,
html body.rp-guest-user .rp-player-meta span{
  max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body.rp-guest-user .rp-guest-note{
  display:block!important;width:100%!important;max-width:100%!important;margin:3px 0 0!important;padding:0 6px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;
  color:var(--rpm-muted)!important;font-size:9.5px!important;line-height:1.3!important;
}
html body.rp-guest-user .rp-player-login-info{
  max-width:100%!important;overflow:hidden!important;color:var(--rpm-muted)!important;
  font-size:9.5px!important;line-height:1.35!important;
}
@media(max-width:980px){
  html body.rp-guest-user .rp-footer-player{
    overflow:hidden!important;grid-template-columns:minmax(0,1fr) minmax(120px,155px)!important;
  }
  html body.rp-guest-user .rp-player-center{grid-column:1/-1!important}
  html body.rp-guest-user .rp-guest-note{white-space:normal!important;max-height:2.7em!important}
}
@media(max-width:520px){
  html body.rp-guest-user .rp-footer-player{grid-template-columns:minmax(0,1fr)!important}
  html body.rp-guest-user .rp-player-right{grid-column:1!important;grid-row:auto!important;text-align:left!important}
}

/* Startseite – moderne, geordnete Community-Karten */
html body.rp-page-index .rp-startseite-mic-cards{display:grid!important;gap:22px!important}
html body.rp-page-index .rp-start-jumpnav{
  position:sticky!important;top:78px!important;z-index:50!important;
  display:flex!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;
  margin:0!important;padding:8px!important;
  border:1px solid var(--rpm-border)!important;border-radius:14px!important;
  background:rgba(7,17,30,.92)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px)!important;scrollbar-width:thin!important;
}
html body.rp-page-index .rp-start-jumpnav a{
  flex:0 0 auto!important;padding:8px 12px!important;border-radius:9px!important;
  color:#cbd7e5!important;background:rgba(255,255,255,.035)!important;border:1px solid transparent!important;
  font-size:11px!important;font-weight:820!important;
}
html body.rp-page-index .rp-start-jumpnav a:hover{
  color:#fff!important;border-color:rgba(242,189,75,.24)!important;background:rgba(242,189,75,.09)!important;
}
html body.rp-page-index .rp-home-compact-info,
html body.rp-page-index .rp-big-card,
html body.rp-page-index .feature-box,
html body.rp-page-index .rp-home-list-box{
  position:relative!important;margin:0!important;border:1px solid rgba(151,174,203,.2)!important;
  border-radius:18px!important;background:linear-gradient(155deg,rgba(16,32,52,.98),rgba(8,19,33,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
html body.rp-page-index .rp-home-compact-info::after,
html body.rp-page-index .rp-big-card::after,
html body.rp-page-index .feature-box::after,
html body.rp-page-index .rp-home-list-box::after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(120deg,rgba(242,189,75,.045),transparent 32%,rgba(41,207,224,.025))!important;
}
html body.rp-page-index .rp-home-split{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important;
}
html body.rp-page-index .feature-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important;
}
html body.rp-page-index .rp-big-card,
html body.rp-page-index .feature-box{min-height:210px!important;padding:0 18px 18px!important}
html body.rp-page-index .rp-big-card>.card-header,
html body.rp-page-index .feature-box>.card-header,
html body.rp-page-index .rp-home-list-box>.card-header{
  margin:0 -18px 16px!important;padding:13px 16px!important;min-height:58px!important;
  border-bottom:1px solid rgba(151,174,203,.18)!important;
  background:linear-gradient(90deg,rgba(242,189,75,.105),rgba(255,255,255,.02))!important;
}
html body.rp-page-index .rp-big-card p,
html body.rp-page-index .feature-box p{position:relative!important;z-index:1!important;color:#bdcad9!important;line-height:1.65!important}
html body.rp-page-index .rp-operator-card{
  border-color:rgba(41,207,224,.25)!important;
  background:radial-gradient(circle at 92% 12%,rgba(41,207,224,.1),transparent 16rem),linear-gradient(155deg,#10243a,#091827)!important;
}
html body.rp-page-index .rp-benefit-list{
  position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
html body.rp-page-index .rp-benefit-list span{
  padding:9px 10px!important;border:1px solid var(--rpm-border)!important;border-radius:10px!important;
  background:rgba(255,255,255,.03)!important;color:#d9e3ed!important;font-size:11px!important;font-weight:750!important;
}
html body.rp-page-index .rp-mini-list{display:grid!important;padding:0 14px 14px!important}
html body.rp-page-index .rp-mini-row{
  min-height:76px!important;padding:10px 4px!important;display:flex!important;align-items:center!important;gap:11px!important;
  border-bottom:1px solid var(--rpm-border)!important;background:transparent!important;
}
html body.rp-page-index .rp-mini-row:last-child{border-bottom:0!important}
html body.rp-page-index .rp-new-radio-logo{
  width:52px!important;height:52px!important;min-width:52px!important;border-radius:13px!important;overflow:hidden!important;
  border:1px solid rgba(242,189,75,.25)!important;background:#091727!important;
}
html body.rp-page-index .rp-new-radio-logo img{width:100%!important;height:100%!important;object-fit:cover!important}
html body.rp-page-index .rp-new-radio-info,
html body.rp-page-index .rp-top-listener-info{min-width:0!important;flex:1!important}
html body.rp-page-index .rp-new-radio-info strong,
html body.rp-page-index .rp-top-listener-info strong{display:block!important;color:#fff!important;font-size:13px!important}
html body.rp-page-index .rp-new-radio-info span,
html body.rp-page-index .rp-top-listener-info span{color:var(--rpm-muted)!important;font-size:10px!important}
html body.rp-page-index .rp-listener-progress{
  height:5px!important;margin-top:7px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;
}
html body.rp-page-index .rp-listener-progress i{
  display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--rpm-gold-deep),var(--rpm-gold),var(--rpm-cyan))!important;
}
@media(hover:hover){
  html body.rp-page-index .rp-big-card:hover,
  html body.rp-page-index .feature-box:hover,
  html body.rp-page-index .rp-home-list-box:hover{
    transform:translateY(-3px)!important;border-color:rgba(242,189,75,.32)!important;
    box-shadow:0 24px 58px rgba(0,0,0,.34),0 0 30px rgba(242,189,75,.045)!important;
  }
}
@media(max-width:900px){
  html body.rp-page-index .rp-home-split,
  html body.rp-page-index .feature-grid{grid-template-columns:1fr!important}
  html body.rp-page-index .rp-start-jumpnav{top:68px!important}
}
@media(max-width:600px){
  html body.rp-page-index .rp-startseite-mic-cards{gap:13px!important}
  html body.rp-page-index .rp-start-jumpnav{position:relative!important;top:auto!important}
  html body.rp-page-index .rp-big-card,
  html body.rp-page-index .feature-box{min-height:0!important;padding-left:14px!important;padding-right:14px!important}
  html body.rp-page-index .rp-benefit-list{grid-template-columns:1fr!important}
}