:root{--bg:#07111f;--card:#101d31;--card2:#14243c;--text:#edf6ff;--muted:#9cb3c9;--yellow:#ffd33d;--accent:#34d399;--danger:#fb7185;--line:rgba(255,255,255,.1);--soft:rgba(255,255,255,.06)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#18365a 0,#07111f 45%,#050914 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;padding-bottom:92px}.wrap{max-width:1180px;margin:auto;padding:0 18px}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.28)}.topbar{background:linear-gradient(90deg,rgba(255,211,61,.16),rgba(52,211,153,.12));border-bottom:1px solid var(--line)}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:14px}.topbar-links{display:flex;gap:12px;flex-wrap:wrap}.topbar a{color:var(--yellow);text-decoration:none;font-weight:800}.nav-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:82px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;min-width:230px}.brand-logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd33d,#f59e0b);color:#1c1400;font-weight:950;box-shadow:0 10px 25px rgba(245,158,11,.26)}.brand-text strong{display:block;font-size:23px;line-height:1;color:var(--yellow)}.brand-text small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.main-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.main-nav a{color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:10px 13px;font-weight:800;text-decoration:none;transition:.18s ease}.main-nav a:hover,.main-nav a.active{background:linear-gradient(135deg,#ffd33d,#f59e0b);color:#1c1400;transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,158,11,.2)}.nav-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.pill,.btn,button{background:linear-gradient(135deg,#ffd33d,#f59e0b);color:#1c1400;border:0;border-radius:13px;padding:10px 14px;font-weight:900;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.login-pill,.user-pill{background:#223a5c;color:#fff;border:1px solid var(--line)}.logout-pill{background:#372034;color:#ffd6df;border:1px solid rgba(251,113,133,.35)}.register-pill{box-shadow:0 8px 24px rgba(255,211,61,.22)}.quick-nav{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:13px}.quick-nav a{background:rgba(255,255,255,.055);color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:800;font-size:13px}.quick-nav a:hover{color:var(--yellow);background:rgba(255,211,61,.1)}.btn.alt{background:linear-gradient(135deg,#34d399,#10b981);color:#062115}.btn.red{background:linear-gradient(135deg,#fb7185,#e11d48);color:white}.btn.small{padding:8px 10px;font-size:13px}.nav-toggle{display:none}.page{padding-top:28px}.hero,.card{background:linear-gradient(180deg,rgba(20,36,60,.95),rgba(16,29,49,.95));border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.25);margin-bottom:20px}.hero h1{font-size:42px;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:170px}.box h3,.card h2{margin-top:0;color:var(--yellow)}input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#0b1626;color:var(--text);margin:7px 0 14px}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:16px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--yellow);background:#0c1829}.alert{padding:12px;border-radius:12px;background:#173d2e;border:1px solid #34d399;margin-bottom:15px}.error{background:#3d1720;border-color:#fb7185}.footer-player{position:fixed;bottom:0;left:0;right:0;background:#050914;border-top:1px solid var(--line);z-index:50}.footer-grid{display:grid;grid-template-columns:1fr minmax(240px,520px) auto;gap:15px;align-items:center;padding-top:12px;padding-bottom:12px}.footer-player span{display:block;color:var(--muted);font-size:13px}audio{width:100%}.badge{display:inline-block;background:#223a5c;color:var(--yellow);padding:7px 10px;border-radius:999px;font-weight:800}.muted{color:var(--muted)}.hero-xl{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:center}.hero-actions,.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.hero-stats div,.player-preview,.mini-list div{background:#0b1626;border:1px solid var(--line);border-radius:16px;padding:14px}.hero-stats strong{font-size:28px;color:var(--yellow);display:block}.hero-panel{display:grid;gap:14px}.disc{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:900;font-size:26px}.player-preview{display:flex;gap:15px;align-items:center}.mini-list{display:grid;gap:10px}.radio-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.box{text-decoration:none;color:var(--text)}.feature-box .icon{font-size:34px}.section-gap{margin:20px 0}.cta-card{display:flex;justify-content:space-between;gap:20px;align-items:center}.ghost{background:#223a5c;color:#fff}@media(max-width:1020px){.nav-wrap{grid-template-columns:auto auto}.main-nav,.nav-actions{display:none}.nav-toggle{display:inline-flex;justify-self:end}.nav-open .main-nav,.nav-open .nav-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr;justify-items:stretch}.nav-open .main-nav a,.nav-open .nav-actions a{border-radius:14px;text-align:center}.quick-nav{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.grid,.grid-2,.footer-grid{grid-template-columns:1fr}.hero-xl,.cta-card{display:block}.hero-stats{grid-template-columns:1fr}.hero h1{font-size:30px}body{padding-bottom:160px}.topbar-inner{display:block;padding-top:8px;padding-bottom:8px}.topbar-links{margin-top:6px}.quick-nav{grid-template-columns:1fr}.brand{min-width:auto}.brand-text small{display:none}}

/* === Radiopunkte Glow Layout Update === */
:root{
  --glow-yellow:rgba(255,211,61,.38);
  --glow-green:rgba(52,211,153,.28);
  --glow-blue:rgba(59,130,246,.22);
}
body{
  background:
    radial-gradient(circle at 15% 0%, rgba(255,211,61,.20) 0, transparent 28%),
    radial-gradient(circle at 85% 12%, rgba(52,211,153,.20) 0, transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(59,130,246,.18) 0, transparent 34%),
    linear-gradient(135deg,#050914 0%,#07111f 42%,#0d1b31 100%);
  background-attachment:fixed;
  position:relative;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.055) 48%, transparent 56%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 110px);
  animation:rp-shimmer 9s linear infinite;
  opacity:.7;
}
@keyframes rp-shimmer{0%{transform:translateX(-8%)}50%{transform:translateX(8%)}100%{transform:translateX(-8%)}}
.site-header{
  background:linear-gradient(180deg,rgba(5,9,20,.94),rgba(7,17,31,.88));
  box-shadow:0 18px 55px rgba(0,0,0,.45),0 0 40px rgba(255,211,61,.08);
}
.site-header:after{
  content:"";
  display:block;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--yellow),var(--accent),transparent);
  opacity:.75;
}
.brand-logo{
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 28px var(--glow-yellow),0 12px 25px rgba(0,0,0,.32);
}
.main-nav a,.quick-nav a,.pill,.btn,button{
  position:relative;
  overflow:hidden;
}
.main-nav a:before,.quick-nav a:before,.pill:before,.btn:before,button:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.24),transparent);
  transform:translateX(-130%);
  transition:.45s ease;
}
.main-nav a:hover:before,.quick-nav a:hover:before,.pill:hover:before,.btn:hover:before,button:hover:before{transform:translateX(130%)}
.hero,.card,.box{
  background:
    linear-gradient(180deg,rgba(20,36,60,.88),rgba(10,22,38,.92)),
    radial-gradient(circle at top right, rgba(255,211,61,.12), transparent 38%);
  box-shadow:0 18px 55px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08), 0 0 34px rgba(52,211,153,.045);
}
.hero{border-color:rgba(255,211,61,.22)}
.hero h1{
  text-shadow:0 0 26px rgba(255,211,61,.16);
}
.box,.card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.box:hover,.card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,211,61,.32);
  box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 35px rgba(255,211,61,.08),0 0 35px rgba(52,211,153,.06);
}
.feature-box .icon,.disc{
  filter:drop-shadow(0 0 14px rgba(255,211,61,.28));
}
.footer-player{
  background:linear-gradient(90deg,rgba(5,9,20,.98),rgba(9,20,37,.98));
  box-shadow:0 -12px 40px rgba(0,0,0,.5),0 0 26px rgba(255,211,61,.08);
}
.footer-player:before{
  content:"";
  display:block;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),var(--yellow),transparent);
}
input,select,textarea{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 rgba(255,211,61,0);
  transition:border-color .18s ease, box-shadow .18s ease;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:rgba(255,211,61,.55);
  box-shadow:0 0 0 3px rgba(255,211,61,.10);
}

body.no-footer-player{padding-bottom:0}
.play-disabled{opacity:.55;cursor:not-allowed;filter:grayscale(1)}


/* === Screenshot-Style Header + Footer Radioplayer === */
body{background:
 radial-gradient(circle at 80% 35%,rgba(80,50,160,.26),transparent 30%),
 radial-gradient(circle at 12% 0,rgba(255,211,61,.14),transparent 23%),
 linear-gradient(135deg,#07101d 0%,#0b1426 50%,#15113a 100%) !important;
 font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.rp-header{position:sticky;top:0;z-index:30;padding:22px 0 12px;background:linear-gradient(180deg,rgba(7,16,29,.96),rgba(12,20,38,.86));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,211,61,.16)}
.rp-header-inner{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.rp-brand-area{display:grid;gap:8px}.rp-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:27px;font-weight:950;text-shadow:0 0 18px rgba(255,255,255,.12)}.rp-brand-icon{filter:drop-shadow(0 0 8px rgba(255,211,61,.35))}.rp-slogan{display:inline-flex;width:max-content;max-width:100%;padding:11px 20px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,211,61,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(255,211,61,.06);font-weight:900;color:#f5f0d9}.rp-main-nav{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.rp-main-nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 22px;border-radius:999px;background:linear-gradient(180deg,#ffd51e,#f0b900);border:1px solid rgba(255,255,255,.18);color:#111827;text-decoration:none;font-weight:950;box-shadow:0 10px 26px rgba(255,211,61,.16),inset 0 1px 0 rgba(255,255,255,.38);transition:.18s}.rp-main-nav a:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(255,211,61,.26)}.rp-main-nav .rp-login{background:rgba(11,22,38,.9);color:#39e981;border:1px solid rgba(52,211,153,.55);box-shadow:0 0 22px rgba(52,211,153,.09)}.rp-main-nav a.active:not(.rp-login){filter:saturate(1.1);box-shadow:0 12px 34px rgba(255,211,61,.28)}.rp-mobile-extra{display:none;gap:8px;flex-wrap:wrap;padding-top:10px}.rp-mobile-extra a{color:#f8d23c;text-decoration:none;border:1px solid rgba(255,211,61,.22);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.06);font-weight:800}
.radio-page-title{margin-bottom:18px}.radio-detail-list{display:grid;gap:18px}.rp-radio-card{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:stretch;background:rgba(14,25,46,.86);border:1px solid rgba(255,211,61,.18);border-radius:24px;padding:18px;box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 60px rgba(105,80,255,.06)}.rp-radio-logo{display:grid;place-items:center;min-height:300px;border-radius:22px;background:linear-gradient(180deg,rgba(45,60,82,.94),rgba(9,17,31,.98));border:1px solid rgba(255,211,61,.16)}.rp-radio-cover{width:150px;height:150px;border-radius:38px;background:#0d1627;display:grid;place-items:center;font-size:70px;box-shadow:inset 0 0 0 999px rgba(0,0,0,.04)}.rp-radio-cover:before{content:"";position:absolute}.rp-radio-info{padding:4px 0}.rp-radio-info h2{font-size:30px;margin:0 0 12px;color:#fff}.rp-radio-sub{font-size:18px;color:#9fb2cc;margin:0 0 18px}.rp-now-box{background:#050a19;border:1px solid rgba(255,211,61,.22);border-radius:18px;overflow:hidden;margin-bottom:16px}.rp-now-box small{display:block;padding:10px 16px;color:#a68cff;background:rgba(0,0,0,.28)}.rp-now-box strong{display:block;padding:14px 16px;color:#ffe873;font-size:20px;text-shadow:0 0 12px rgba(255,211,61,.2)}.rp-radio-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 14px}.rp-radio-stats div{background:rgba(5,13,27,.78);border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:14px}.rp-radio-stats b{display:block;font-size:28px;line-height:1;color:#ffd51e}.rp-radio-stats span{display:block;color:#fff;font-size:18px}.rp-radio-actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.btn.big,button.big{padding:16px 20px;border-radius:15px;font-size:16px}.ghost{background:linear-gradient(180deg,#253142,#172335)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.rp-footer-player{position:fixed;left:14px;right:14px;bottom:12px;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;min-height:94px;padding:14px 18px;background:rgba(4,9,21,.96);border:1px solid rgba(255,211,61,.42);border-radius:22px;box-shadow:0 -18px 70px rgba(0,0,0,.46),0 0 54px rgba(255,211,61,.08);backdrop-filter:blur(14px)}.rp-player-left{display:flex;align-items:center;gap:14px}.rp-player-disc{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(circle,#ffd51e 0 44%,#121b2c 45% 100%);border:1px solid rgba(255,211,61,.25);box-shadow:0 0 28px rgba(255,211,61,.18)}.rp-player-disc span{font-size:25px}.rp-player-meta strong{display:block;color:#fff;font-size:20px}.rp-player-meta small{display:block;color:#cbd5e1;margin:3px 0}.rp-player-meta span{display:block;color:#ffe873;font-weight:800;font-size:13px}.rp-player-center{display:grid;grid-template-columns:auto auto;gap:10px;justify-items:center;align-items:center}.rp-round-btn{width:50px;height:50px;border-radius:50%;padding:0;font-size:18px}.rp-confirm{background:linear-gradient(180deg,#233041,#162234)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important}.rp-point-note{grid-column:1/-1;color:#e9d063;font-size:14px}.rp-player-right{min-width:300px}.rp-player-right strong{font-size:18px}.rp-progress{height:16px;background:#111b2e;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:8px 0}.rp-progress span{display:block;height:100%;background:linear-gradient(90deg,#48e65f,#22c55e);box-shadow:0 0 12px rgba(34,197,94,.45)}.rp-player-right small{color:#d7f9dc}.no-footer-player .rp-footer-player{display:none!important}.has-footer-player{padding-bottom:128px!important}.no-footer-player{padding-bottom:0!important}
@media(max-width:980px){.rp-header-inner{grid-template-columns:1fr auto}.rp-main-nav{display:none;grid-column:1/-1;justify-content:stretch}.nav-open .rp-main-nav{display:grid;grid-template-columns:1fr}.nav-open .rp-main-nav a{border-radius:15px}.rp-mobile-extra{display:flex}.radio-detail-list .rp-radio-card,.rp-radio-card{grid-template-columns:1fr}.rp-radio-logo{min-height:210px}.rp-footer-player{grid-template-columns:1fr;left:8px;right:8px}.rp-player-center{grid-template-columns:auto auto;justify-content:center}.rp-player-right{min-width:0}.has-footer-player{padding-bottom:260px!important}.nav-toggle{display:inline-flex!important}}


/* === Gast-Hören ohne Punkte === */
.rp-member-only-box{
  margin:16px 0;
  padding:20px;
  border-radius:20px;
  border:1px solid rgba(255,211,61,.28);
  background:linear-gradient(135deg,rgba(99,37,12,.72),rgba(25,21,30,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 32px rgba(255,130,40,.08);
}
.rp-member-only-box h3{margin:0 0 12px;color:#ffe873;font-size:24px}
.rp-member-only-box p{margin:0 0 14px;color:#fff;font-size:17px;line-height:1.35}
.rp-guest-note{
  grid-column:1/-1;
  padding:13px 18px;
  border-radius:17px;
  background:linear-gradient(135deg,rgba(105,39,8,.95),rgba(78,27,8,.95));
  border:1px solid rgba(255,211,61,.38);
  color:#fff4cc;
  font-size:15px;
  line-height:1.35;
  box-shadow:0 0 22px rgba(255,130,40,.09);
}
.rp-guest-note a{color:#ffe873;font-weight:900}
.rp-player-login-info{
  color:#e6edf7;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,211,61,.18);
  border-radius:16px;
  padding:13px 16px;
}
.rp-player-login-info strong{color:#ffe873}

/* === Radiopunkte Community Startseite + globale Navigation === */
body{
  background:
    radial-gradient(circle at 0 0, rgba(61,74,180,.34), transparent 28%),
    radial-gradient(circle at 78% 36%, rgba(255,211,61,.12), transparent 18%),
    radial-gradient(circle at 93% 80%, rgba(110,58,255,.18), transparent 30%),
    linear-gradient(135deg,#0b1329 0%,#070d1b 44%,#0b0f22 100%) !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}
.rp-community-header{position:sticky;top:0;z-index:80;padding:24px 0 18px;background:linear-gradient(180deg,rgba(7,12,27,.86),rgba(7,12,27,.48));backdrop-filter:blur(18px)}
.rp-community-nav{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:rgba(13,18,36,.86);border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:16px 22px;box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}
.rp-community-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;white-space:nowrap}.rp-brand-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd327,#ffab00);box-shadow:0 0 28px rgba(255,190,0,.34);font-size:23px}.rp-brand-name{font-size:24px;font-weight:950;letter-spacing:-.03em}.rp-community-brand small{color:#9aa8c2;font-size:13px;margin-left:2px}.rp-community-links{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.rp-community-links a,.rp-login-btn,.rp-join-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:14px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.095);color:#f5f7fb;text-decoration:none;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.18s ease}.rp-community-links a:hover,.rp-community-links a.active,.rp-login-btn:hover{transform:translateY(-2px);border-color:rgba(255,211,61,.32);background:rgba(255,255,255,.1);color:#ffd51e}.rp-community-actions{display:flex;align-items:center;gap:8px}.rp-login-btn{background:rgba(255,255,255,.06);font-weight:950}.rp-join-btn{background:linear-gradient(135deg,#ffd21c,#ffae00);color:#101522;border-color:rgba(255,209,28,.5);font-weight:950;box-shadow:0 12px 34px rgba(255,174,0,.22)}.rp-nav-toggle{display:none!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.page{padding-top:34px}.rp-home-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:28px;align-items:stretch;margin-bottom:38px}.rp-hero-main{position:relative;overflow:hidden;border-radius:28px;padding:52px 44px;background:radial-gradient(circle at 100% 8%,rgba(255,211,61,.28),transparent 34%),linear-gradient(135deg,rgba(52,64,112,.78),rgba(23,31,54,.82));border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}.rp-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffd51e;font-weight:950;margin-bottom:26px}.rp-hero-main h1{font-size:clamp(48px,6.2vw,82px);line-height:.96;margin:0 0 24px;letter-spacing:-.07em;color:#f8fafc;text-shadow:0 0 30px rgba(255,255,255,.08)}.rp-hero-main p{max-width:780px;font-size:20px;line-height:1.45;color:#bcc9df;margin:0 0 30px}.rp-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.rp-hero-actions .btn{border-radius:15px}.rp-hero-actions .ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important}.rp-hero-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rp-stat-card{min-height:175px;border-radius:24px;background:linear-gradient(180deg,rgba(28,34,52,.94),rgba(24,30,46,.92));border:1px solid rgba(255,255,255,.1);padding:32px;box-shadow:0 22px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055)}.rp-stat-card strong{display:block;font-size:44px;line-height:1;color:#f8fafc;margin-bottom:10px}.rp-stat-card span{display:block;color:#aab8d2;font-size:18px}.rp-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 18px}.rp-section-head h2{font-size:30px;margin:0 0 10px;color:#f8fafc}.rp-section-head p{margin:0;color:#aab8d2;font-size:17px}.rp-home-radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rp-home-radio-card{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;background:rgba(25,31,50,.88);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.rp-home-radio-icon{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd21c,#ffae00);font-size:36px;box-shadow:0 0 28px rgba(255,190,0,.2)}.rp-home-radio-body h3{margin:0 0 6px;color:#fff}.rp-home-radio-body p{margin:0 0 6px;color:#aab8d2}.rp-home-radio-body small{display:block;color:#ffd51e;font-weight:900;margin-bottom:10px}.rp-feature-space{margin-top:28px}.rp-footer-player{left:50%!important;right:auto!important;bottom:24px!important;transform:translateX(-50%);width:min(980px,calc(100% - 32px));min-height:74px!important;grid-template-columns:1fr auto!important;border-radius:22px!important;border-color:rgba(255,255,255,.11)!important;background:rgba(7,11,23,.96)!important;box-shadow:0 22px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)!important}.rp-player-right{display:none}.rp-player-left{min-width:0}.rp-player-center{grid-template-columns:auto auto auto!important}.rp-player-meta strong{color:#ffd51e!important}.rp-player-meta small{color:#aebbd0!important}.rp-round-btn{background:#273044!important;color:#fff!important;border-radius:16px!important}.rp-confirm{border-radius:16px!important}.rp-guest-note{display:none}.has-footer-player{padding-bottom:125px!important}
@media(max-width:1100px){.rp-community-nav{grid-template-columns:auto auto;align-items:center}.rp-community-links,.rp-community-actions{display:none}.rp-nav-toggle{display:inline-flex!important;justify-self:end}.nav-open .rp-community-links,.nav-open .rp-community-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr;gap:10px}.nav-open .rp-community-links a,.nav-open .rp-community-actions a{width:100%;border-radius:16px}.rp-home-hero{grid-template-columns:1fr}.rp-hero-stats-grid{grid-template-columns:repeat(4,1fr)}.rp-stat-card{min-height:120px;padding:22px}.rp-home-radio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.rp-community-brand small{display:none}.rp-brand-name{font-size:20px}.rp-home-hero{gap:18px}.rp-hero-main{padding:34px 24px}.rp-hero-main h1{font-size:44px}.rp-hero-main p{font-size:17px}.rp-hero-stats-grid,.rp-home-radio-grid{grid-template-columns:1fr}.rp-footer-player{grid-template-columns:1fr!important;width:calc(100% - 18px);bottom:10px!important}.rp-player-center{grid-template-columns:auto auto!important}.rp-player-meta span{font-size:12px}.has-footer-player{padding-bottom:190px!important}}

/* === FINAL STARTSEITE + NAVIGATION WIE SCREENSHOT === */
body{
  background:
    radial-gradient(circle at 0% 0%, rgba(74,88,180,.38) 0, transparent 32%),
    radial-gradient(circle at 100% 35%, rgba(255,204,0,.12) 0, transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(35,25,95,.42) 0, transparent 40%),
    #070c1a!important;
}
.wrap{max-width:1280px!important}.page{padding-top:26px!important}
.rp-community-header,.site-header{display:none!important}
.rp-screen-header{position:sticky;top:0;z-index:70;padding:18px 16px 8px;background:linear-gradient(180deg,rgba(7,12,26,.92),rgba(7,12,26,.56),transparent);backdrop-filter:blur(10px)}
.rp-screen-nav{width:min(1280px,calc(100% - 24px));margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:72px;padding:0 22px;border-radius:26px;background:rgba(13,18,35,.92);border:1px solid rgba(255,255,255,.095);box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}
.rp-screen-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-width:max-content}.rp-screen-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd21a,#ffab00);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 28px rgba(255,174,0,.24);font-size:25px}.rp-screen-title{font-size:24px;font-weight:950;letter-spacing:-.04em}.rp-screen-sub{font-size:13px;color:#9da8be;margin-left:2px}
.rp-screen-links{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;flex-wrap:wrap}.rp-screen-links a,.rp-screen-login,.rp-screen-join{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.105);color:#f7f9ff;text-decoration:none;font-weight:850;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:.16s ease}.rp-screen-links a:hover,.rp-screen-links a.active,.rp-screen-login:hover{transform:translateY(-1px);background:rgba(255,255,255,.12);color:#ffd51d;border-color:rgba(255,213,29,.36)}.rp-screen-actions{display:flex;align-items:center;gap:8px}.rp-screen-login{font-weight:950}.rp-screen-join{background:linear-gradient(135deg,#ffd21a,#ffac00);color:#101522;border-color:rgba(255,210,26,.55);font-weight:950;box-shadow:0 13px 34px rgba(255,172,0,.22)}.rp-screen-toggle{display:none!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;min-height:44px!important}
.rp-home-hero{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(350px,.92fr)!important;gap:28px!important;align-items:stretch!important;margin-bottom:40px!important}.rp-hero-main{min-height:360px;border-radius:28px!important;padding:52px 44px!important;background:radial-gradient(circle at 96% 10%,rgba(255,211,61,.32),transparent 34%),linear-gradient(135deg,rgba(54,65,112,.78),rgba(23,31,54,.86))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important}.rp-kicker{display:inline-flex;align-items:center;gap:9px;color:#ffd51d;font-weight:950;margin-bottom:26px}.rp-hero-main h1{font-size:clamp(52px,6.3vw,82px)!important;line-height:.96!important;margin:0 0 24px!important;letter-spacing:-.075em!important;color:#f8fafc!important}.rp-hero-main p{max-width:780px;font-size:20px!important;line-height:1.45!important;color:#c0cbe0!important;margin:0 0 30px!important}.rp-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.rp-hero-actions .btn,.btn.big{min-height:48px;border-radius:15px!important;padding-left:20px!important;padding-right:20px!important}.ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f7f9ff!important}.ghost:hover{color:#ffd51d!important;border-color:rgba(255,213,29,.32)!important}.rp-hero-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.rp-stat-card{min-height:175px;border-radius:24px!important;background:linear-gradient(180deg,rgba(29,35,53,.94),rgba(24,30,46,.92))!important;border:1px solid rgba(255,255,255,.105)!important;padding:32px!important;box-shadow:0 22px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055)!important}.rp-stat-card strong{display:block;font-size:44px;line-height:1;color:#f8fafc;margin-bottom:10px}.rp-stat-card span{display:block;color:#aab8d2;font-size:18px}.rp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:10px 0 18px}.rp-section-head.compact{margin-top:0}.rp-section-head h2{font-size:30px;margin:0 0 10px;color:#f8fafc}.rp-section-head p{margin:0;color:#aab8d2;font-size:17px}.rp-home-radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.rp-home-radio-card{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;min-height:132px;background:rgba(25,31,50,.9);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}.rp-home-radio-icon{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd21c,#ffae00);font-size:36px;box-shadow:0 0 28px rgba(255,190,0,.2)}.rp-home-radio-body h3{margin:0 0 6px;color:#fff}.rp-home-radio-body p{margin:0 0 6px;color:#aab8d2}.rp-home-radio-body small{display:block;color:#ffd51e;font-weight:900;margin-bottom:10px}.rp-full{grid-column:1/-1}.rp-home-gap{margin-top:30px;margin-bottom:30px}.rp-home-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rp-big-card,.rp-final-cta{border-radius:26px;background:linear-gradient(180deg,rgba(29,35,53,.92),rgba(18,24,42,.94));border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 70px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.055);padding:30px}.rp-big-card h2,.rp-final-cta h2{font-size:34px;line-height:1.05;margin:0 0 16px;color:#fff}.rp-big-card p,.rp-final-cta p{color:#b8c4d9;font-size:18px;line-height:1.5}.rp-operator-card{background:radial-gradient(circle at 100% 0%,rgba(255,211,61,.22),transparent 34%),linear-gradient(180deg,rgba(34,39,58,.94),rgba(19,25,43,.94))}.rp-benefit-list{display:grid;gap:10px;margin-top:18px}.rp-benefit-list span{display:block;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:850}.rp-feature-space{margin-top:28px}.feature-grid .box{min-height:190px;border-radius:24px!important;background:linear-gradient(180deg,rgba(28,34,52,.9),rgba(18,24,42,.92))!important;border:1px solid rgba(255,255,255,.095)!important;box-shadow:0 18px 55px rgba(0,0,0,.22)}.feature-box .icon{font-size:34px}.rp-mini-list{display:grid;gap:12px}.rp-mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-radius:18px;background:rgba(25,31,50,.9);border:1px solid rgba(255,255,255,.09)}.rp-mini-row strong{display:block;color:#fff}.rp-mini-row span{display:block;color:#aab8d2;margin-top:3px}.rp-final-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:34px 0 38px;background:radial-gradient(circle at 100% 0%,rgba(255,211,61,.23),transparent 34%),linear-gradient(135deg,rgba(54,65,112,.65),rgba(19,25,43,.92))}.rp-final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
/* kompakter Player unten mittig wie Screenshot */
.rp-footer-player{left:50%!important;right:auto!important;bottom:20px!important;transform:translateX(-50%)!important;width:min(980px,calc(100% - 32px))!important;min-height:74px!important;border-radius:22px!important;background:rgba(7,11,23,.96)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 22px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)!important}.has-footer-player{padding-bottom:130px!important}
@media(max-width:1180px){.rp-screen-nav{grid-template-columns:auto auto;align-items:center}.rp-screen-links,.rp-screen-actions{display:none}.rp-screen-toggle{display:inline-flex!important;justify-self:end}.nav-open .rp-screen-links,.nav-open .rp-screen-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr;gap:10px;padding-bottom:14px}.nav-open .rp-screen-links a,.nav-open .rp-screen-actions a{width:100%;border-radius:16px}.rp-home-hero{grid-template-columns:1fr!important}.rp-hero-stats-grid{grid-template-columns:repeat(4,1fr)!important}.rp-stat-card{min-height:120px!important;padding:22px!important}.rp-home-radio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.rp-screen-sub{display:none}.rp-screen-title{font-size:20px}.rp-home-hero{gap:18px!important}.rp-hero-main{padding:34px 24px!important;min-height:auto}.rp-hero-main h1{font-size:44px!important}.rp-hero-main p{font-size:17px!important}.rp-hero-stats-grid,.rp-home-radio-grid,.rp-home-split{grid-template-columns:1fr!important}.rp-final-cta{display:block}.rp-final-actions{justify-content:flex-start}.rp-footer-player{width:calc(100% - 18px)!important;bottom:10px!important}.has-footer-player{padding-bottom:190px!important}}


/* === RESTORE: grosser Radiopunkte Footerplayer mit Punktebalken === */
.rp-footer-player{
  position:fixed!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  transform:none!important;
  width:auto!important;
  z-index:60!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:18px!important;
  align-items:center!important;
  min-height:94px!important;
  padding:14px 18px!important;
  background:rgba(4,9,21,.96)!important;
  border:1px solid rgba(255,211,61,.42)!important;
  border-radius:22px!important;
  box-shadow:0 -18px 70px rgba(0,0,0,.46),0 0 54px rgba(255,211,61,.08)!important;
  backdrop-filter:blur(14px)!important;
}
.rp-player-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
.rp-player-disc{width:68px!important;height:68px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle,#ffd51e 0 44%,#121b2c 45% 100%)!important;border:1px solid rgba(255,211,61,.25)!important;box-shadow:0 0 28px rgba(255,211,61,.18)!important}
.rp-player-disc span{font-size:25px!important}.rp-player-meta strong{display:block!important;color:#fff!important;font-size:20px!important}.rp-player-meta small{display:block!important;color:#cbd5e1!important;margin:3px 0!important}.rp-player-meta span{display:block!important;color:#ffe873!important;font-weight:800!important;font-size:13px!important}.rp-player-center{display:grid!important;grid-template-columns:auto auto!important;gap:10px!important;justify-items:center!important;align-items:center!important}.rp-round-btn{width:50px!important;height:50px!important;border-radius:50%!important;padding:0!important;font-size:18px!important;background:linear-gradient(180deg,#ffd51e,#f0b900)!important;color:#111827!important}.rp-confirm{background:linear-gradient(180deg,#233041,#162234)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important}.rp-point-note{grid-column:1/-1!important;color:#e9d063!important;font-size:14px!important}.rp-player-right{display:block!important;min-width:300px!important}.rp-player-right strong{font-size:18px!important;color:#fff!important}.rp-progress{height:16px!important;background:#111b2e!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;overflow:hidden!important;margin:8px 0!important}.rp-progress span{display:block!important;height:100%!important;background:linear-gradient(90deg,#48e65f,#22c55e)!important;box-shadow:0 0 12px rgba(34,197,94,.45)!important}.rp-player-right small{color:#d7f9dc!important}.rp-guest-note{display:block!important;grid-column:1/-1!important}.has-footer-player{padding-bottom:128px!important}
@media(max-width:980px){.rp-footer-player{grid-template-columns:1fr!important;left:8px!important;right:8px!important;width:auto!important}.rp-player-center{grid-template-columns:auto auto!important;justify-content:center!important}.rp-player-right{min-width:0!important}.has-footer-player{padding-bottom:260px!important}}


/* Radio Logo Upload & Streamtest */
.admin-radio-logo{width:54px;height:54px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,211,30,.35);background:#101827;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.rp-radio-cover-img{width:190px;height:190px;max-width:80%;object-fit:cover;border-radius:28px;border:1px solid rgba(255,211,30,.35);box-shadow:0 22px 60px rgba(0,0,0,.35),0 0 30px rgba(255,211,30,.15);background:#101827;display:block;margin:auto}
.stream-test-box,.stream-test-form .stream-test-box{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 16px;padding:14px;border:1px solid rgba(255,211,30,.25);border-radius:18px;background:rgba(255,211,30,.06)}
.stream-test-status{display:inline-block;margin-left:10px;font-weight:800}.stream-test-status.ok{color:#22c55e}.stream-test-status.bad{color:#fb7185}
.submit-after-test:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
input[type=file]{width:100%;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);color:#e5e7eb;border:1px solid rgba(255,255,255,.14)}


/* Vote Widgets Betreiberbereich */
.vote-widget-card{margin-top:26px}.operator-radio-widget-block{margin-top:24px;padding:20px;border-radius:24px;background:rgba(15,23,42,.72);border:1px solid rgba(255,213,30,.18);box-shadow:0 18px 60px rgba(0,0,0,.18)}
.widget-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0 20px}.widget-stats-grid div{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-align:center}.widget-stats-grid strong{display:block;font-size:24px;color:#ffd51e}.widget-stats-grid span{display:block;color:#94a3b8;font-size:13px;margin-top:4px}.vote-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vote-widget-box{padding:16px;border-radius:20px;background:rgba(2,6,23,.55);border:1px solid rgba(255,255,255,.08)}.vote-widget-box h4{margin:0 0 12px}.vote-widget-preview{display:flex;justify-content:center;align-items:center;min-height:190px;background:radial-gradient(circle at top,rgba(255,213,30,.08),transparent 45%);border-radius:18px;margin-bottom:12px;overflow:hidden}.vote-widget-box textarea{width:100%;min-height:96px;font-family:ui-monospace,Consolas,monospace;font-size:12px;background:#06101f;color:#dbeafe;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;resize:vertical}.stream-test-status.ok{color:#22c55e!important}.stream-test-status.bad{color:#ef4444!important}@media(max-width:850px){.vote-widget-grid,.widget-stats-grid{grid-template-columns:1fr}.vote-widget-preview{min-height:150px}}

/* === Footerplayer Button-Reihe Fix === */
.rp-footer-player .rp-player-center{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:420px!important;
}
.rp-player-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
.rp-control-btn{
  min-width:112px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  cursor:pointer!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}
.rp-play-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#04130a!important;border-color:rgba(34,197,94,.38)!important}
.rp-pause-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#1c1000!important;border-color:rgba(245,158,11,.38)!important}
.rp-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-color:rgba(59,130,246,.42)!important}
.rp-fav-btn{background:linear-gradient(135deg,#fb7185,#e11d48)!important;color:#fff!important;border-color:rgba(251,113,133,.42)!important}
.rp-login-btn{background:linear-gradient(135deg,#334155,#1e293b)!important;color:#fff!important}
.rp-register-btn{background:linear-gradient(135deg,#ffd51e,#f59e0b)!important;color:#1c1400!important}
.rp-point-note,.rp-guest-note{width:100%!important;text-align:center!important;grid-column:auto!important;font-size:14px!important;color:#ffe873!important}
.rp-guest-note a{color:#ffd51e!important;font-weight:900!important}
.rp-round-btn{display:none!important}
@media(max-width:980px){
  .rp-footer-player .rp-player-center{min-width:0!important;width:100%!important}
  .rp-player-controls{justify-content:center!important}
  .rp-control-btn{min-width:130px!important;flex:1 1 130px!important}
}
@media(max-width:560px){
  .rp-control-btn{min-width:calc(50% - 8px)!important;flex:1 1 calc(50% - 8px)!important;font-size:13px!important;padding:10px 8px!important}
}

/* Betreiberbereich Dashboard Upgrade */
.operator-hero{
  position:relative; overflow:hidden; padding:32px; border-radius:26px;
  background:linear-gradient(135deg,rgba(22,28,52,.96),rgba(45,20,70,.92));
  border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 55px rgba(0,0,0,.35);
  margin-bottom:22px;
}
.operator-hero:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle at 25% 10%,rgba(255,213,74,.25),transparent 33%),radial-gradient(circle at 80% 30%,rgba(124,92,255,.32),transparent 35%);filter:blur(8px);pointer-events:none}
.operator-hero>*{position:relative;z-index:1}.operator-hero h1{font-size:clamp(30px,4vw,52px);margin:8px 0 10px}.operator-hero p{max-width:820px;font-size:1.08rem;line-height:1.7;color:rgba(255,255,255,.78)}
.operator-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.operator-quick-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px}.operator-quick-card strong{display:block;font-size:1.5rem;color:#ffd54a}.operator-quick-card span{color:rgba(255,255,255,.72)}
.operator-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.operator-action-box{border-radius:22px;padding:22px;background:rgba(12,16,32,.82);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 38px rgba(0,0,0,.22)}.operator-action-box .icon{font-size:2.1rem;margin-bottom:10px}.operator-action-box h3{margin:0 0 8px}.operator-action-box p{color:rgba(255,255,255,.70);line-height:1.6}.operator-action-box ul{padding-left:18px;color:rgba(255,255,255,.72);line-height:1.8}
.operator-form-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:24px;margin:20px 0}.operator-form-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.operator-help-box{background:rgba(255,213,74,.09);border:1px solid rgba(255,213,74,.22);border-radius:18px;padding:18px;color:rgba(255,255,255,.78)}.operator-help-box h3{margin-top:0;color:#ffd54a}
.operator-table-card{overflow:auto;border-radius:22px;background:rgba(12,16,32,.72);border:1px solid rgba(255,255,255,.1);padding:18px;margin-top:20px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.9rem}.status-pill.ok{background:rgba(55,220,120,.15);color:#8ff0a4}.status-pill.wait{background:rgba(255,213,74,.14);color:#ffd54a}.status-pill.bad{background:rgba(255,92,92,.14);color:#ff9b9b}
@media(max-width:900px){.operator-quick-grid,.operator-action-grid,.operator-form-grid{grid-template-columns:1fr}.operator-hero{padding:24px}}

/* Radiosender-Karten wie Screenshot + Detailseite */
.rp-radio-search-wrap{max-width:1580px;margin:0 auto 30px;padding:0 8px}.rp-radio-search{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:rgba(20,30,52,.9);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.22)}.rp-radio-search input{height:58px;border-radius:18px;background:#050a18;border:1px solid rgba(160,176,205,.28);color:#fff;font-size:20px;padding:0 22px;outline:none}.rp-radio-search input:focus{border-color:rgba(255,213,29,.55);box-shadow:0 0 0 4px rgba(255,213,29,.08)}.btn.blue{background:linear-gradient(135deg,#3f7cff,#1f57dc)!important;color:#fff!important;border:none!important;border-radius:22px!important;min-width:130px;height:54px}.rp-radio-grid-page{display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:24px;align-items:start}.rp-radio-tile{min-height:560px;border-radius:28px;background:linear-gradient(180deg,rgba(19,30,51,.96),rgba(16,26,44,.96));border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 75px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);padding:22px;display:flex;flex-direction:column}.rp-radio-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.rp-radio-tile-logo{width:126px;height:126px;border-radius:32px;background:rgba(8,16,31,.88);border:6px solid rgba(255,213,29,.12);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 8px rgba(255,213,29,.04),0 0 55px rgba(255,213,29,.13)}.rp-radio-tile-logo img{width:100%;height:100%;object-fit:cover}.rp-radio-tile-logo span{width:78px;height:78px;border-radius:999px;background:#ffb21a;display:grid;place-items:center;font-size:36px}.rp-radio-tile-logo small{font-size:10px;font-weight:950;color:#fff;margin-top:-20px}.rp-onair{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(32,94,72,.75);border:1px solid rgba(103,255,170,.18);color:#d8ffe6;font-weight:950;padding:12px 16px;box-shadow:0 0 28px rgba(53,255,145,.13)}.rp-radio-tile h2{font-size:28px;margin:0 0 18px;color:#fff}.rp-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.rp-tags span{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:8px 12px;color:#dce6f6;font-size:14px}.rp-radio-desc{color:#d7deec;font-size:18px;line-height:1.45;min-height:78px;margin:0 0 28px}.rp-tile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;margin-bottom:16px}.rp-tile-stats div{background:rgba(5,13,27,.78);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px}.rp-tile-stats b{display:block;font-size:27px;line-height:1;color:#ffd51e}.rp-tile-stats span{display:block;color:#fff;font-size:18px}.rp-tile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.rp-tile-actions .btn{min-height:58px;border-radius:17px;text-align:center}.btn.listen{background:linear-gradient(135deg,#25d766,#72efa2)!important;color:#06101e!important}.btn.vote{background:linear-gradient(135deg,#ffd51e,#ffab00)!important;color:#06101e!important}.rp-tile-bottom-actions{display:grid;gap:10px}.rp-web-link,.rp-fav-link{display:block;text-align:center;padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:850;text-decoration:none}.rp-web-link:hover,.rp-fav-link:hover{border-color:rgba(255,213,29,.36);color:#ffd51e}.rp-radio-detail-hero{display:grid;grid-template-columns:300px 1fr;gap:24px;background:rgba(15,27,49,.86);border:1px solid rgba(255,213,29,.18);border-radius:28px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.30)}.rp-radio-detail-logo{min-height:360px;border-radius:24px;background:linear-gradient(180deg,rgba(45,60,82,.94),rgba(8,16,31,.98));border:1px solid rgba(255,213,29,.16);display:grid;place-items:center;overflow:hidden}.rp-radio-detail-logo img{width:100%;height:100%;object-fit:cover}.rp-radio-detail-logo span{width:150px;height:150px;border-radius:42px;background:#ffd51e;display:grid;place-items:center;font-size:72px}.rp-radio-detail-main h1{font-size:44px;margin:10px 0;color:#fff}.rp-radio-desc-big{font-size:18px;color:#d7deec;line-height:1.55}.rp-radio-detail-main .rp-radio-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1400px){.rp-radio-grid-page{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media(max-width:980px){.rp-radio-grid-page{grid-template-columns:repeat(2,minmax(240px,1fr))}.rp-radio-detail-hero{grid-template-columns:1fr}.rp-radio-detail-main .rp-radio-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.rp-radio-search{grid-template-columns:1fr}.rp-radio-grid-page{grid-template-columns:1fr}.rp-radio-tile{min-height:auto}.rp-radio-detail-main .rp-radio-stats,.rp-tile-actions{grid-template-columns:1fr}.rp-radio-search-wrap{padding:0}.rp-radio-search input{font-size:17px}}

/* Detailseite: kleineres Logo + Live-Statistiken besser lesbar */
.rp-radio-detail-logo{min-height:240px!important;align-self:start;padding:24px!important;}
.rp-radio-detail-logo img{width:150px!important;height:150px!important;object-fit:contain!important;border-radius:28px!important;background:rgba(5,10,24,.55);padding:12px;border:1px solid rgba(255,213,29,.18);box-shadow:0 0 45px rgba(255,213,29,.10);}
.rp-radio-detail-logo span{width:130px!important;height:130px!important;font-size:62px!important;}
.rp-radio-detail-main .rp-radio-stats span{font-size:15px;line-height:1.25;color:#dce6f6;}
.rp-radio-detail-main .rp-radio-stats b{font-size:30px;}
#radio-live-info{color:#ffd51e;}
@media(max-width:980px){.rp-radio-detail-logo{min-height:170px!important}.rp-radio-detail-logo img{width:120px!important;height:120px!important}.rp-radio-detail-logo span{width:110px!important;height:110px!important;font-size:54px!important}}

/* Social Media Links auf Sender-Detailseite */
.social-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.rp-social-links{margin:18px 0;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,213,30,.12),rgba(33,44,74,.72));border:1px solid rgba(255,213,30,.25)}
.rp-social-links>strong{display:block;color:#ffd51e;margin-bottom:12px;font-size:18px}
.rp-social-links>div{display:flex;gap:10px;flex-wrap:wrap}
.rp-social-links a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:14px;background:rgba(11,18,37,.86);border:1px solid rgba(255,255,255,.10);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.rp-social-links a:hover{transform:translateY(-2px);border-color:rgba(255,213,30,.55);box-shadow:0 14px 34px rgba(255,213,30,.14)}
.rp-social-links a span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd51e,#ffab00);color:#081126;font-weight:950}
.rp-radio-detail-logo{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:18px;overflow:visible!important}
.rp-radio-detail-logo>img,.rp-radio-detail-logo>span{align-self:center;flex:0 0 auto}
.rp-radio-detail-side-actions{display:grid;gap:14px;width:100%}
.rp-radio-actions-logo{display:grid!important;grid-template-columns:1fr;gap:10px;margin:0!important}
.rp-radio-actions-logo .btn{width:100%;min-height:52px;text-align:center}
.rp-social-links-logo{margin:0!important;padding:14px!important}
.rp-social-links-logo>div{display:grid!important;grid-template-columns:1fr;gap:9px}
.rp-social-links-logo a{justify-content:center;width:100%}
@media(max-width:780px){.social-input-grid{grid-template-columns:1fr}.rp-social-links>div{display:grid}.rp-social-links a{justify-content:center}}

/* Player bleibt beim Seitenwechsel aktiv: Ajax-Seitenwechsel */
main.rp-page-loading{opacity:.55;transition:opacity .18s ease;pointer-events:none;}

/* Betreiberbereich: Sender bearbeiten im schönen Grid */
.operator-edit-area{
  margin:24px 0;
  padding:24px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.operator-edit-grid{display:grid;gap:22px;margin-top:18px}
.operator-edit-card{
  border-radius:24px;
  background:rgba(8,15,31,.82);
  border:1px solid rgba(255,213,30,.16);
  padding:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 46px rgba(0,0,0,.22);
  scroll-margin-top:110px;
}
.operator-edit-head{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;margin-bottom:18px}
.operator-edit-logo{width:96px;height:96px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,213,30,.22);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 35px rgba(255,213,30,.08)}
.operator-edit-logo img{width:100%;height:100%;object-fit:cover}.operator-edit-logo span{font-size:42px}
.operator-edit-head h3{margin:4px 0 6px;font-size:28px;color:#fff}
.operator-edit-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.operator-field-box{border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);padding:18px}
.operator-field-box h4{margin:0 0 14px;color:#ffd51e;font-size:19px}
.operator-field-box label{font-weight:850;color:#fff;margin-top:12px;display:block}
.operator-table-actions{display:flex;gap:8px;flex-wrap:wrap}.operator-table-actions .btn{white-space:nowrap}
.stream-test-status.ok{color:#8ff0a4!important;font-weight:900}.stream-test-status.bad{color:#ff9b9b!important;font-weight:900}
@media(max-width:900px){.operator-edit-form-grid{grid-template-columns:1fr}.operator-edit-head{grid-template-columns:1fr}.operator-edit-logo{width:82px;height:82px}}

/* Betreiberbereich Fix: keine doppelten Tabellen, Sender als Karten */
.operator-sender-overview{
  margin:22px 0;
  padding:22px;
  border-radius:24px;
  background:rgba(12,16,32,.76);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.operator-sender-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.operator-sender-card{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,213,30,.14);padding:16px}
.operator-sender-logo{width:92px;height:92px;border-radius:22px;background:rgba(5,10,24,.7);border:1px solid rgba(255,213,30,.22);display:grid;place-items:center;overflow:hidden}
.operator-sender-logo img{width:100%;height:100%;object-fit:cover}.operator-sender-logo span{font-size:38px}
.operator-sender-info h3{margin:0 0 4px;color:#fff}.operator-status-line{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.test-stream-btn[disabled]{opacity:.65;cursor:wait}.submit-after-test[disabled]{opacity:.55;filter:grayscale(.4);cursor:not-allowed}
@media(max-width:900px){.operator-sender-grid{grid-template-columns:1fr}.operator-sender-card{grid-template-columns:76px 1fr}.operator-sender-logo{width:76px;height:76px}}

/* Ausgelagerte Betreiber-Seite: Radio bearbeiten */
.edit-radio-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.edit-radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 120px}
.edit-radio-box{border-radius:26px;background:rgba(12,16,32,.78);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);padding:22px;position:relative;overflow:hidden}
.edit-radio-box:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 90% 0,rgba(255,213,30,.18),transparent 32%),radial-gradient(circle at 10% 100%,rgba(104,168,255,.13),transparent 35%);pointer-events:none}
.edit-radio-box>*{position:relative;z-index:1}.edit-radio-box h2{margin:0 0 8px;color:#fff;font-size:23px}.edit-radio-box label{display:block;margin-top:14px;font-weight:900;color:#fff}
.edit-radio-box input,.edit-radio-box textarea{width:100%;margin-top:7px}.edit-radio-logo-preview{width:150px;height:150px;border-radius:28px;background:rgba(5,10,24,.78);border:1px solid rgba(255,213,30,.24);display:grid;place-items:center;overflow:hidden;margin:16px 0}.edit-radio-logo-preview img{width:100%;height:100%;object-fit:contain;padding:12px}.edit-radio-logo-preview span{font-size:58px}.stream-test-card audio{width:100%;margin-top:15px}.edit-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.edit-stat-grid div{border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);padding:15px;text-align:center}.edit-stat-grid strong{display:block;font-size:24px;color:#ffd51e}.edit-stat-grid span{display:block;color:#cbd5e1;font-size:13px}.edit-radio-savebox{margin-top:18px;padding:18px;border-radius:20px;background:rgba(255,213,30,.08);border:1px solid rgba(255,213,30,.2)}.stop-preview-btn{margin-left:8px}.stream-preview-audio{background:#111827;border-radius:14px}
@media(max-width:900px){.edit-radio-grid{grid-template-columns:1fr}.edit-radio-logo-preview{width:120px;height:120px}.stop-preview-btn{margin-left:0;margin-top:8px}}
.rp-floating-chat{position:fixed;left:18px;right:18px;bottom:104px;z-index:45;max-width:1180px;margin:auto;background:rgba(9,18,34,.96);border:1px solid rgba(255,213,30,.22);border-radius:18px;box-shadow:0 18px 70px rgba(0,0,0,.35);overflow:hidden}
.rp-floating-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:rgba(255,213,30,.08)}
.rp-floating-chat-head button{min-height:36px;padding:8px 12px;border-radius:12px}
.rp-floating-chat-body{display:grid;grid-template-columns:1fr 360px;gap:12px;padding:12px}
.rp-floating-chat.is-collapsed .rp-floating-chat-body{display:none}
.rp-chat-messages{height:130px;overflow:auto;display:grid;gap:8px;padding-right:4px}
.rp-chat-message{border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:9px 11px}
.rp-chat-message strong{display:block;color:#ffd51e}.rp-chat-message p{margin:3px 0;color:#fff}.rp-chat-message small{color:#9cb3c9}
.rp-chat-form{display:flex;gap:8px;align-self:end}.rp-chat-form input{margin:0;height:44px}.rp-chat-form button{min-height:44px;border-radius:12px}
.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.community-main,.community-sidebar{display:grid;gap:16px;align-content:start}.community-card,.community-post,.shop-item-card{background:rgba(15,27,49,.86);border:1px solid rgba(255,213,30,.16);border-radius:20px;padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.community-card h1,.community-card h2,.community-post strong,.shop-item-card h2{color:#ffd51e;margin-top:0}.community-feed{display:grid;gap:14px}.community-post small{display:block;color:#9cb3c9;margin-top:4px}.community-post p{line-height:1.55}.inline-chat .rp-chat-messages{height:280px}.inline-chat .rp-chat-form{display:grid;grid-template-columns:1fr auto}.shop-mini-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.shop-mini-item .btn{grid-column:1/-1}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.shop-item-card{display:grid;gap:12px}.shop-item-card strong{font-size:24px;color:#ffd51e}
@media(max-width:980px){.rp-floating-chat-body,.community-layout,.shop-grid{grid-template-columns:1fr}.rp-floating-chat{bottom:150px}.rp-chat-form{display:grid;grid-template-columns:1fr}.rp-chat-messages{height:170px}}
.rp-notify-link{position:relative}.rp-notify-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:950}.rp-notify-count.has-new{background:#fb7185;color:#fff;box-shadow:0 0 0 4px rgba(251,113,133,.16)}.rp-notify-link.has-new{border-color:rgba(251,113,133,.45)!important}
.member-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.member-panel,.member-card{background:rgba(15,27,49,.86);border:1px solid rgba(255,213,30,.16);border-radius:20px;padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.member-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.member-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ffd51e,#ffab00);color:#07111f;display:grid;place-items:center;font-size:28px;font-weight:1000;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar.big{width:86px;height:86px;border-radius:26px;font-size:42px}.avatar-upload-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:12px 0}.avatar-upload-form input{margin:0}.member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.member-row span{display:block;color:#9cb3c9;margin-top:4px}.member-row form{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.notification-list p{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.notification-list p.unseen{color:#ffd51e}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.member-card{text-align:center}.member-card form{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.member-search{display:grid;grid-template-columns:1fr auto;gap:12px}.member-search input{margin:0}
@media(max-width:900px){.member-dashboard,.member-grid,.member-search{grid-template-columns:1fr}.member-row{display:grid}.member-row form{justify-content:flex-start}}
.member-chat-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;margin-bottom:18px}.friend-chat-list{display:grid;gap:10px;align-content:start}.friend-chat-user{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;width:100%;text-align:left;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);color:#fff;padding:10px;cursor:pointer}.friend-chat-user.active,.friend-chat-user:hover{border-color:rgba(255,213,30,.45);background:rgba(255,213,30,.1)}.friend-chat-user strong{display:block}.friend-chat-user small{display:block;color:#9cb3c9;margin-top:4px}.friend-chat-user small.online,.friend-chat-head .online{color:#7cf3a0}.friend-chat-window{display:grid;grid-template-rows:auto minmax(300px,48vh) auto auto;gap:12px}.friend-chat-head{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.friend-chat-head h2{margin:0;color:#ffd51e}.friend-chat-messages{overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:rgba(5,10,24,.68);border:1px solid rgba(255,255,255,.08)}.friend-message{max-width:min(72%,560px);padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.friend-message p{margin:0 0 6px;white-space:pre-wrap}.friend-message small{color:#9cb3c9;font-size:12px}.friend-message.mine{align-self:flex-end;background:linear-gradient(135deg,rgba(255,213,30,.28),rgba(255,171,0,.18));border-color:rgba(255,213,30,.28)}.friend-message.theirs{align-self:flex-start;background:rgba(255,255,255,.07)}.friend-chat-smilies{display:flex;flex-wrap:wrap;gap:8px}.friend-chat-smilies button{min-width:38px;min-height:36px;border-radius:12px;padding:6px 8px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.1)}.friend-chat-form{display:grid;grid-template-columns:1fr auto;gap:10px}.friend-chat-form input{margin:0}.friend-chat-form button{min-height:48px}
@media(max-width:900px){.member-chat-shell{grid-template-columns:1fr}.friend-chat-window{grid-template-rows:auto minmax(260px,45vh) auto auto}.friend-message{max-width:88%}.friend-chat-form{grid-template-columns:1fr}}

/* Compact header + Facebook-like friends chat above the player */
.rp-screen-header{padding:8px 12px 6px!important}
.rp-screen-nav{width:min(1500px,calc(100% - 16px))!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important}
.rp-screen-links{justify-content:flex-start!important;gap:5px!important;flex-wrap:nowrap!important;overflow:hidden}
.rp-screen-links a,.rp-screen-login,.rp-screen-join{min-height:34px!important;padding:7px 9px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap}
.rp-screen-actions{display:flex!important;gap:5px!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important}
.rp-screen-toggle{display:none}
.rp-notify-count{min-width:18px!important;height:18px!important;font-size:11px!important}
.rp-friend-chat-launcher{position:fixed;left:22px;bottom:132px;z-index:72;min-height:44px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#ffd51e,#ffab00);color:#07111f;border:0;font-weight:1000;box-shadow:0 14px 36px rgba(0,0,0,.35),0 0 0 5px rgba(255,213,30,.14)}
.rp-friend-chat-popover{position:fixed;left:22px;bottom:184px;z-index:72;width:min(760px,calc(100vw - 44px));height:min(560px,calc(100vh - 230px));display:grid;grid-template-columns:240px 1fr;gap:0;background:rgba(8,16,31,.98);border:1px solid rgba(255,213,30,.22);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.45);overflow:hidden}
.rp-friend-chat-popover.is-closed{display:none}
.rp-friend-chat-popover .friend-chat-list{background:rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.08);padding:12px;overflow:auto}
.rp-friend-chat-popover .friend-chat-list h2{font-size:18px;margin:0 0 10px;color:#ffd51e}
.rp-friend-chat-popover .friend-chat-window{padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0}
.rp-friend-chat-popover .friend-chat-messages{min-height:0;height:auto}
.rp-friend-chat-popover .friend-chat-user{grid-template-columns:42px 1fr;padding:8px;border-radius:12px}
.rp-friend-chat-popover .member-avatar{width:42px;height:42px;border-radius:13px;font-size:20px}
.rp-friend-chat-popover .member-avatar.big{width:58px;height:58px;border-radius:17px;font-size:28px}
@media(max-width:1180px){.rp-screen-nav{grid-template-columns:auto auto!important}.rp-screen-toggle{display:inline-flex!important;grid-column:2;justify-self:end;min-height:34px!important;padding:7px 10px!important;border-radius:10px!important}.rp-screen-links,.rp-screen-actions{display:none!important}.nav-open .rp-screen-links,.nav-open .rp-screen-actions{display:flex!important;grid-column:1/-1;width:100%;overflow:auto;justify-content:flex-start!important;padding:4px 0}.nav-open .rp-screen-actions{padding-bottom:6px}.rp-screen-links a,.rp-screen-login,.rp-screen-join{font-size:12px!important;padding:7px 9px!important}}
@media(max-width:760px){.rp-friend-chat-launcher{left:12px;bottom:168px}.rp-friend-chat-popover{left:10px;right:10px;bottom:218px;width:auto;height:min(560px,calc(100vh - 250px));grid-template-columns:1fr}.rp-friend-chat-popover .friend-chat-list{max-height:150px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}

/* Final navigation/chat sizing */
.rp-screen-links a.active,.rp-screen-login.active,.rp-screen-join.active{background:linear-gradient(135deg,#ffd51e,#ffab00)!important;color:#07111f!important;border-color:rgba(255,213,30,.72)!important;box-shadow:0 6px 16px rgba(255,171,0,.18)!important}
.rp-screen-links a:not(.active),.rp-screen-login:not(.active),.rp-screen-join:not(.active){background:rgba(255,255,255,.055)!important;color:#eaf2ff!important}
.rp-screen-links a,.rp-screen-login,.rp-screen-join{line-height:1!important}
.rp-friend-chat-launcher{left:auto!important;right:22px!important;bottom:132px!important;min-height:38px!important;padding:8px 14px!important;border-radius:14px!important;font-size:13px!important}
.rp-friend-chat-popover{left:auto!important;right:22px!important;bottom:178px!important;width:min(390px,calc(100vw - 28px))!important;height:min(500px,calc(100vh - 220px))!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;border-radius:16px!important}
.rp-friend-chat-popover .friend-chat-list{max-height:118px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:10px!important;overflow:auto!important}
.rp-friend-chat-popover .friend-chat-list h2{font-size:15px!important;margin:0 0 8px!important}
.rp-friend-chat-popover .friend-chat-user{grid-template-columns:34px 1fr!important;padding:6px!important;gap:8px!important;border-radius:10px!important}
.rp-friend-chat-popover .friend-chat-user small{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-friend-chat-popover .member-avatar{width:34px!important;height:34px!important;border-radius:10px!important;font-size:16px!important}
.rp-friend-chat-popover .member-avatar.big{width:44px!important;height:44px!important;border-radius:13px!important;font-size:22px!important}
.rp-friend-chat-popover .friend-chat-window{padding:10px!important;gap:8px!important;grid-template-rows:auto minmax(0,1fr) auto auto!important}
.rp-friend-chat-popover .friend-chat-head{gap:10px!important;padding-bottom:8px!important}
.rp-friend-chat-popover .friend-chat-head h2{font-size:17px!important;margin:0!important}
.rp-friend-chat-popover .friend-chat-head p{font-size:12px!important;margin:3px 0 0!important}
.rp-friend-chat-popover .friend-chat-messages{padding:8px!important;border-radius:12px!important;gap:7px!important}
.rp-friend-chat-popover .friend-message{max-width:88%!important;padding:8px 10px!important;border-radius:12px!important}
.rp-friend-chat-popover .friend-message p{font-size:13px!important}
.rp-friend-chat-popover .friend-message small{font-size:10px!important}
.rp-friend-chat-popover .friend-chat-smilies{gap:5px!important}
.rp-friend-chat-popover .friend-chat-smilies button{min-width:30px!important;min-height:30px!important;padding:4px!important;border-radius:9px!important}
.rp-friend-chat-popover .friend-chat-form{grid-template-columns:1fr auto!important;gap:6px!important}
.rp-friend-chat-popover .friend-chat-form input{height:38px!important;font-size:13px!important}
.rp-friend-chat-popover .friend-chat-form button{min-height:38px!important;padding:8px 10px!important;font-size:12px!important}
@media(max-width:760px){.rp-friend-chat-launcher{right:12px!important;bottom:168px!important}.rp-friend-chat-popover{right:10px!important;bottom:212px!important;width:calc(100vw - 20px)!important;height:min(480px,calc(100vh - 245px))!important}}

/* Friend chat: compact two-step window */
.rp-friend-chat-popover{width:min(340px,calc(100vw - 28px))!important;height:min(455px,calc(100vh - 220px))!important;grid-template-rows:minmax(0,1fr)!important}
.rp-friend-chat-popover .friend-chat-list{max-height:none!important;height:100%!important;border-bottom:0!important}
.rp-friend-chat-popover .friend-chat-window{display:none!important;min-height:0!important}
.rp-friend-chat-popover.has-active-chat .friend-chat-list{display:none!important}
.rp-friend-chat-popover.has-active-chat .friend-chat-window{display:grid!important}
.rp-friend-chat-popover .friend-chat-user{min-height:54px!important}
.rp-friend-chat-popover .friend-chat-user strong{font-size:13px!important}
.friend-chat-back{min-height:30px;padding:6px 9px;border-radius:9px;border:1px solid rgba(255,213,30,.22);background:rgba(255,213,30,.1);color:#ffd51e;font-weight:900;cursor:pointer}
.rp-friend-chat-popover .friend-chat-head{display:grid!important;grid-template-columns:auto 40px minmax(0,1fr)!important}
.rp-friend-chat-popover .friend-chat-head>div:last-child{min-width:0}
.rp-friend-chat-popover .friend-chat-head h2,.rp-friend-chat-popover .friend-chat-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start}
.activity-body p{margin:8px 0 12px;line-height:1.5}
.activity-like-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.activity-like-form .btn.liked{background:rgba(255,213,30,.14)!important;color:#ffd51e!important;border:1px solid rgba(255,213,30,.35)!important}
.activity-like-form button[disabled]{opacity:.6;cursor:not-allowed}
@media(max-width:760px){.rp-friend-chat-popover{width:calc(100vw - 20px)!important;height:min(430px,calc(100vh - 245px))!important}.activity-item{grid-template-columns:46px minmax(0,1fr)}}

/* Community: restore the three-column layout and keep the collection cards aligned below the feed. */
.community-layout.community-layout-three{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr) 320px!important;
  gap:20px!important;
  align-items:start!important;
}
.community-layout-three .community-sidebar-left{
  grid-column:1!important;
  position:static!important;
  display:grid!important;
  gap:16px!important;
  min-width:0!important;
}
.community-layout-three .community-main{
  grid-column:2!important;
  min-width:0!important;
  display:grid!important;
  gap:16px!important;
  align-content:start!important;
}
.community-layout-three .community-sidebar-right{
  grid-column:3!important;
  min-width:0!important;
  display:grid!important;
  gap:16px!important;
  align-content:start!important;
}
.community-layout-three .community-card,
.community-layout-three .community-post{
  width:100%;
  min-width:0;
}
.community-fav-item{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.community-fav-logo{
  width:54px;
  height:54px;
  border-radius:16px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:rgba(255,213,30,.12);
  border:1px solid rgba(255,213,30,.25);
  font-weight:800;
  color:#ffd51e;
}
.community-fav-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.community-fav-content{
  min-width:0;
}
.community-fav-item strong a{
  color:#ffd51e;
  text-decoration:none;
}
.community-fav-item small{
  display:block;
  color:#9cb3c9;
  margin:4px 0 8px;
}
.community-fav-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.community-profile-grid{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.community-profile-grid span,
.community-profile-grid small{
  display:block;
  color:#9cb3c9;
  margin-top:4px;
}
.community-profile-actions.grid-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.community-collection-under-feed{
  grid-column:auto!important;
  width:100%!important;
  margin-top:0!important;
  clear:both!important;
}
.community-under-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.collection-under-card{
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
  align-content:start!important;
  background:linear-gradient(180deg,rgba(15,27,49,.94),rgba(7,13,25,.96))!important;
  border:1px solid rgba(255,213,30,.22)!important;
  border-radius:22px!important;
  padding:16px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.22)!important;
}
.collection-under-card .btn{
  justify-content:center!important;
  text-align:center!important;
}
.community-collection-under-feed .gift-vitrine-grid.compact{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-height:none!important;
  overflow:visible!important;
}
.under-collectible-img{
  width:100%;
  max-height:150px;
  object-fit:contain;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  padding:10px;
}
.collectible-name-header b{
  color:#ffd51e;
}
.collection-empty-img{
  min-height:110px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  color:#ffd51e;
  font-size:38px;
}
.no-footer-player .rp-friend-chat-launcher{
  bottom:22px!important;
}
.no-footer-player .rp-friend-chat-popover{
  bottom:72px!important;
  height:min(455px,calc(100vh - 110px))!important;
}
@media(max-width:1240px){
  .community-layout.community-layout-three{
    grid-template-columns:280px minmax(0,1fr) 300px!important;
  }
}
@media(max-width:1080px){
  .community-layout.community-layout-three{
    grid-template-columns:1fr!important;
  }
  .community-layout-three .community-sidebar-left,
  .community-layout-three .community-main,
  .community-layout-three .community-sidebar-right{
    grid-column:auto!important;
  }
  .community-under-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .community-profile-grid{
    grid-template-columns:58px minmax(0,1fr);
  }
  .community-profile-actions.grid-actions,
  .community-collection-under-feed .gift-vitrine-grid.compact{
    grid-template-columns:1fr!important;
  }
  .no-footer-player .rp-friend-chat-launcher{
    bottom:16px!important;
  }
  .no-footer-player .rp-friend-chat-popover{
    bottom:62px!important;
    height:min(430px,calc(100vh - 92px))!important;
  }
}

/* Radio cards and detail logo polish. */
.rp-home-radio-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:4px 0 12px;
}
.rp-home-radio-meta small{
  margin:0!important;
}
.rp-radio-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#dbeafe;
  font-size:12px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}
.rp-radio-status:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#94a3b8;
}
.rp-radio-status.is-online{
  color:#bbf7d0;
  border-color:rgba(34,197,94,.34);
  background:rgba(34,197,94,.12);
}
.rp-radio-status.is-online:before{
  background:#22c55e;
  box-shadow:0 0 12px rgba(34,197,94,.7);
}
.rp-radio-status.is-offline{
  color:#fecaca;
  border-color:rgba(239,68,68,.34);
  background:rgba(239,68,68,.12);
}
.rp-radio-status.is-offline:before{
  background:#ef4444;
}
.rp-radio-detail-logo{
  background:linear-gradient(180deg,rgba(19,30,51,.96),rgba(16,26,44,.96))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 24px 75px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  border-radius:28px!important;
  padding:22px!important;
}
.rp-radio-detail-logo>img,
.rp-radio-detail-logo>span{
  width:100%!important;
  max-width:210px!important;
  height:auto!important;
  aspect-ratio:1/1;
  object-fit:contain!important;
  border-radius:24px!important;
  background:rgba(8,16,31,.88)!important;
  border:6px solid rgba(255,213,29,.12)!important;
  padding:16px!important;
  box-shadow:0 0 0 8px rgba(255,213,29,.04),0 0 55px rgba(255,213,29,.13)!important;
}
.rp-radio-detail-logo>span{
  display:grid!important;
  place-items:center!important;
  font-size:72px!important;
  color:#ffd51e!important;
}
@media(max-width:980px){
  .rp-radio-detail-logo{
    min-height:auto!important;
  }
  .rp-radio-detail-logo>img,
  .rp-radio-detail-logo>span{
    max-width:170px!important;
  }
}

/* Global navigation visibility fix. */
.rp-screen-header{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:90!important;
}
.rp-screen-nav{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}
.rp-screen-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  gap:6px!important;
  min-width:0!important;
}
.rp-screen-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.rp-screen-toggle{
  display:none!important;
}
@media(max-width:1180px){
  .rp-screen-nav{
    grid-template-columns:auto auto!important;
  }
  .rp-screen-toggle{
    display:inline-flex!important;
    justify-self:end!important;
  }
  .rp-screen-links,
  .rp-screen-actions{
    grid-column:1/-1!important;
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    padding:4px 0!important;
  }
}
@media(max-width:640px){
  .rp-screen-nav{
    width:calc(100% - 12px)!important;
    padding:8px 10px!important;
  }
  .rp-screen-links a,
  .rp-screen-login,
  .rp-screen-join{
    flex:1 1 calc(50% - 6px)!important;
    min-width:130px!important;
  }
}

/* Faster-feeling logo rendering: reserve space and decode predictably. */
.rp-home-radio-logo,
.rp-radio-tile-logo,
.community-fav-logo,
.operator-sender-logo,
.edit-radio-logo-preview,
.admin-radio-logo,
.rp-vote-highlight-logo{
  contain:layout paint!important;
}
.rp-home-radio-logo img,
.rp-radio-tile-logo img,
.community-fav-logo img,
.operator-sender-logo img,
.edit-radio-logo-preview img,
.admin-radio-logo,
.rp-vote-highlight-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:rgba(8,16,31,.88)!important;
}
.admin-radio-logo{
  width:54px!important;
  height:54px!important;
  border-radius:12px!important;
  object-fit:cover!important;
}

/* Homepage headings aligned with the community header style. */
.rp-section-head h2,
.rp-big-card h2,
.rp-final-cta h2{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 12px!important;
  color:#f8fafc!important;
  line-height:1.12!important;
}
.activity-feed-head{
  padding:18px 20px 0!important;
  margin:0 0 10px!important;
}
.activity-feed-head h2{
  margin:0!important;
}

/* Clean homepage list headers. */
.rp-home-list-box{
  min-width:0!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(29,35,53,.92),rgba(18,24,42,.94))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
  padding:24px!important;
}
.rp-home-list-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 14px!important;
}
.rp-home-list-box > .card-header,
.rp-home-list-head .card-header{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 8px!important;
}
.rp-home-list-box .card-header-icon{
  min-width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  background:linear-gradient(135deg,#ffd33d,#f59e0b)!important;
  color:#1c1400!important;
  font-weight:950!important;
  font-size:13px!important;
}
.rp-home-list-box .card-header h2{
  margin:0!important;
  color:#f8fafc!important;
  font-size:28px!important;
  line-height:1.1!important;
}
.rp-home-list-intro{
  margin:0 0 16px!important;
}
.rp-home-list-head .rp-home-list-intro{
  margin:0!important;
}
@media(max-width:640px){
  .rp-home-list-head{
    display:block!important;
  }
  .rp-home-list-head .btn{
    margin-top:12px!important;
  }
}

/* Levels page. */
.levels-page{
  display:grid!important;
  gap:20px!important;
}
.collector-hero.level-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-radius:26px!important;
  padding:32px!important;
  background:radial-gradient(circle at 100% 0%,rgba(255,211,61,.23),transparent 34%),linear-gradient(135deg,rgba(54,65,112,.65),rgba(19,25,43,.94))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.collector-hero.level-hero h1{
  margin:0 0 10px!important;
  color:#f8fafc!important;
  font-size:42px!important;
  line-height:1.05!important;
}
.collector-hero.level-hero p{
  max-width:760px!important;
  margin:0!important;
  color:#b8c4d9!important;
  font-size:18px!important;
  line-height:1.5!important;
}
.collector-points{
  min-width:150px!important;
  border-radius:20px!important;
  padding:18px 20px!important;
  text-align:center!important;
  color:#aab8d2!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
.collector-points strong{
  display:block!important;
  margin-top:6px!important;
  color:#ffd33d!important;
  font-size:26px!important;
}
.level-summary-card,
.level-card{
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(29,35,53,.92),rgba(18,24,42,.94))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.level-summary-card{
  padding:24px!important;
}
.level-mini-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:18px 0 10px!important;
}
.level-mini-head b{
  color:#f8fafc!important;
}
.level-mini-head span{
  color:#ffd33d!important;
  font-weight:900!important;
}
.level-progress{
  height:12px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.level-progress span{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ffd33d,#34d399)!important;
}
.levels-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.level-card{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:16px!important;
  align-items:flex-start!important;
  padding:20px!important;
}
.level-card.reached{
  border-color:rgba(52,211,153,.38)!important;
}
.level-card-icon{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  color:#1c1400!important;
  background:linear-gradient(135deg,#ffd33d,#f59e0b)!important;
  font-weight:950!important;
}
.level-card h2{
  margin:0 0 8px!important;
  color:#f8fafc!important;
  font-size:20px!important;
}
.level-card p{
  margin:0 0 10px!important;
  color:#b8c4d9!important;
  line-height:1.45!important;
}
.level-card span{
  color:#ffd33d!important;
  font-weight:900!important;
}
@media(max-width:760px){
  .collector-hero.level-hero{
    display:block!important;
    padding:24px!important;
  }
  .collector-points{
    margin-top:18px!important;
  }
  .levels-grid{
    grid-template-columns:1fr!important;
  }
}

/* v29: Grid-Style für Geschenke, Häuser und Haustiere */
.collector-layout,
.gift-layout{
  width:min(1380px,calc(100% - 28px))!important;
  margin:22px auto 120px!important;
}
.collector-hero,
.gift-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 210px!important;
  gap:18px!important;
  align-items:center!important;
  margin-bottom:20px!important;
  padding:20px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,215,64,.18),rgba(16,28,52,.94) 42%,rgba(7,13,25,.98))!important;
  border:1px solid rgba(255,213,30,.32)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.collector-hero h1,.gift-hero h1{margin:0 0 8px!important;color:#ffe36a!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.05!important}
.collector-hero p,.gift-hero p{margin:0!important;color:#dceaff!important;line-height:1.55!important;font-size:16px!important}
.collector-points,.shop-points-box{
  min-height:92px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,213,30,.20),rgba(255,213,30,.08))!important;
  border:1px solid rgba(255,213,30,.34)!important;
  color:#ffe36a!important;
  font-weight:950!important;
}
.collector-points strong,.shop-points-box strong{font-size:38px!important;color:#ffe36a!important;line-height:1!important}.shop-points-box span{color:#dceaff!important;font-weight:800!important}
.collector-grid,
.gift-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
.collector-card,
.collector-card-3d,
.gift-card,
.game-collector-card{
  min-width:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  border-radius:24px!important;
  padding:0!important;
  background:linear-gradient(180deg,rgba(17,29,54,.98),rgba(5,10,21,.98))!important;
  border:1px solid rgba(255,213,30,.34)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.collector-name-header,
.gift-name-header{
  margin:0!important;
  min-height:58px!important;
  padding:13px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:linear-gradient(135deg,rgba(255,232,130,.38),rgba(255,193,7,.16) 50%,rgba(255,255,255,.07))!important;
  border-bottom:1px solid rgba(255,213,30,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 28px rgba(0,0,0,.22)!important;
}
.collector-name-header h2,
.gift-name-header h2{
  margin:0!important;
  color:#ffe36a!important;
  font-size:19px!important;
  font-weight:950!important;
  text-shadow:0 2px 14px rgba(255,193,7,.24)!important;
}
.collector-img,
.gift-game-image{
  height:250px!important;
  padding:14px!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 18%,rgba(255,213,30,.18),rgba(18,28,50,.40) 52%,rgba(0,0,0,.28))!important;
}
.collector-img img,
.gift-game-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:19px!important;
  border:1px solid rgba(255,232,130,.32)!important;
  background:#07111f!important;
  box-shadow:0 16px 42px rgba(0,0,0,.36),0 0 26px rgba(255,213,30,.08)!important;
}
.gift-game-image span{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;border-radius:19px!important;background:rgba(255,213,30,.12)!important;font-size:56px!important;color:#ffd51e!important}
.collector-body,
.gift-card-body{
  display:grid!important;
  gap:11px!important;
  padding:16px!important;
  background:linear-gradient(180deg,rgba(4,10,22,.18),rgba(4,10,22,.66))!important;
}
.collector-body h2{display:none!important}.collector-body p,.gift-card-body p{margin:0!important;color:#e7f1ff!important;line-height:1.55!important;padding:11px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important}
.collector-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.collector-pill,.gift-card-body strong{display:inline-flex!important;width:max-content!important;max-width:100%!important;border:1px solid rgba(255,213,30,.30)!important;background:rgba(255,213,30,.13)!important;color:#ffe36a!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:950!important}
.collector-actions,.gift-send-form{padding:0 16px 16px!important;display:grid!important;gap:9px!important}.gift-send-form label{color:#ffe36a!important;font-weight:900!important}.gift-send-form input,.gift-send-form select{width:100%!important;background:rgba(0,0,0,.30)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:12px!important;padding:10px!important}.gift-send-form .btn,.collector-actions .btn{width:100%!important;justify-content:center!important;text-align:center!important}.collector-owned{color:#8ef0b0!important;font-weight:950!important;text-align:center!important}
.gift-layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}.gift-vitrine{position:static!important}.gift-vitrine-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.gift-vitrine-item{min-width:0!important;border:1px solid rgba(255,213,30,.22)!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(18,28,50,.92),rgba(7,13,25,.92))!important;padding:10px!important;text-align:center!important}.gift-vitrine-item img{width:100%!important;height:86px!important;object-fit:cover!important;border-radius:13px!important;border:1px solid rgba(255,213,30,.28)!important}.gift-vitrine-item strong{display:block!important;color:#fff!important;font-size:13px!important;margin-top:6px!important}.gift-vitrine-item small{display:block!important;color:#9cb3c9!important;margin-top:3px!important}
@media(max-width:1180px){.collector-grid,.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gift-layout{grid-template-columns:1fr!important}}
@media(max-width:760px){.collector-layout,.gift-layout{width:min(100% - 18px,1380px)!important;margin-top:14px!important}.collector-hero,.gift-hero{grid-template-columns:1fr!important}.collector-grid,.gift-grid{grid-template-columns:1fr!important}.collector-img,.gift-game-image{height:220px!important}}

/* v33: Startseite Chat-Status, neue Sender Logos und Top-User Fortschritt */
.rp-chat-status-text{
  display:block!important;
  margin-top:2px!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.1!important;
  color:#101522!important;
}
.rp-friend-chat-launcher.has-new-message .rp-chat-status-text{
  color:#7a0000!important;
}
.rp-new-radio-row{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  align-items:center!important;
}
.rp-new-radio-logo{
  width:54px!important;
  height:54px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ffd33d,#34d399)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#101522!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
.rp-new-radio-logo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  background:#07111f!important;
}
.rp-new-radio-info{
  min-width:0!important;
}
.rp-new-radio-info strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.rp-top-listener-row{
  align-items:center!important;
}
.rp-top-listener-info{
  width:100%!important;
  min-width:0!important;
}
.rp-listener-progress{
  width:100%!important;
  height:12px!important;
  margin-top:9px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.32)!important;
}
.rp-listener-progress i{
  display:block!important;
  height:100%!important;
  min-width:8px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff3d81 0%,#ffd33d 42%,#34d399 72%,#60a5fa 100%)!important;
  box-shadow:0 0 18px rgba(255,211,61,.34)!important;
}
@media(max-width:560px){
  .rp-new-radio-row{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .rp-new-radio-row .btn{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .rp-new-radio-logo{
    width:48px!important;
    height:48px!important;
  }
}


/* Chat: ungelesene Nachrichten und korrekte Namensanzeige */
.rp-chat-badge,
.rp-chat-user-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    padding:0 7px;
    margin-left:7px;
    border-radius:999px;
    background:#ff2d55;
    color:#fff;
    font-size:12px;
    font-weight:900;
    font-style:normal;
    line-height:1;
    box-shadow:0 0 0 3px rgba(255,45,85,.18);
}
.rp-chat-badge[hidden]{display:none!important}
.friend-chat-user{position:relative}
.friend-chat-user .rp-chat-user-badge{position:absolute;right:8px;top:8px;margin-left:0}
.friend-message strong{display:block;margin-bottom:4px;color:#ffd51e;font-size:12px}
.friend-message.mine strong{color:#111}

/* Chat: sichtbare Statusmeldung bei neuen Nachrichten */
.rp-friend-chat-launcher.has-new-message{
    animation: rpChatPulse 1.2s infinite;
    box-shadow:0 14px 36px rgba(0,0,0,.35),0 0 0 5px rgba(255,213,30,.22),0 0 22px rgba(255,80,80,.55)!important;
}
.rp-chat-badge,
.rp-chat-user-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    margin-left:7px;
    padding:0 7px;
    border-radius:999px;
    background:#ff2f55;
    color:#fff;
    font-size:12px;
    font-weight:1000;
    line-height:1;
    box-shadow:0 0 0 2px rgba(255,255,255,.25),0 4px 12px rgba(0,0,0,.3);
}
.rp-chat-badge[hidden]{display:none!important}
@keyframes rpChatPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}


/* === Radiopunkte: Beta-Ecke an der ersten Startseiten-Box === */
.rp-hero-ribbon-wrap{
    position:relative!important;
    overflow:visible!important;
    margin:18px 0 40px!important;
    isolation:isolate!important;
}
.rp-hero-ribbon-wrap .rp-home-hero{
    position:relative!important;
    overflow:visible!important;
    margin-bottom:0!important;
}
.rp-hero-ribbon-wrap .rp-hero-main{
    position:relative!important;
    overflow:hidden!important;
    padding-top:72px!important;
}
.corner-ribbon{
    position:absolute!important;
    top:0!important;
    left:0!important;
    min-height:42px!important;
    max-width:calc(100% - 48px)!important;
    padding:0 24px 0 22px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
    z-index:30!important;
    pointer-events:none!important;
    transform:none!important;
    background:linear-gradient(135deg,#fff176 0%,#ffd21c 44%,#14d29b 100%)!important;
    color:#101522!important;
    font-size:13px!important;
    font-weight:1000!important;
    line-height:1.1!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
    border:1px solid rgba(255,255,255,.52)!important;
    border-left:0!important;
    border-top:0!important;
    border-radius:28px 0 18px 0!important;
    box-shadow:0 18px 42px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
.corner-ribbon::before,
.corner-ribbon::after{
    content:''!important;
    position:absolute!important;
    pointer-events:none!important;
}
.corner-ribbon::before{
    left:0!important;
    top:100%!important;
    width:16px!important;
    height:16px!important;
    background:#9b760c!important;
    clip-path:polygon(0 0,100% 0,0 100%)!important;
}
.corner-ribbon::after{
    left:100%!important;
    top:-1px!important;
    width:28px!important;
    height:calc(100% + 1px)!important;
    background:linear-gradient(135deg,#14d29b 0%,#0ca978 100%)!important;
    clip-path:polygon(0 0,100% 0,0 100%)!important;
    border-top:1px solid rgba(255,255,255,.42)!important;
}
@media(max-width:780px){
    .rp-hero-ribbon-wrap{margin-top:14px!important;}
    .rp-hero-ribbon-wrap .rp-hero-main{padding-top:58px!important;}
    .corner-ribbon{
        min-height:34px!important;
        max-width:calc(100% - 34px)!important;
        padding:0 16px 0 14px!important;
        font-size:10px!important;
        border-radius:24px 0 14px 0!important;
    }
    .corner-ribbon::after{width:22px!important;}
}

/* SEO Ultimate Erweiterungen */
.rp-radio-seo-intro,.rp-seo-home-text,.rp-seo-faq{margin-bottom:22px;position:relative;overflow:hidden}
.rp-radio-seo-intro h1,.rp-seo-home-text h2,.rp-seo-faq h2{margin:6px 0 10px}
.rp-radio-seo-intro p,.rp-seo-home-text p,.rp-seo-faq p{line-height:1.65}
.rp-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.rp-faq-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px}
.rp-faq-grid h3{font-size:16px;margin:0 0 8px;color:#ffd84a}
@media(max-width:900px){.rp-faq-grid{grid-template-columns:1fr}}

/* Community: Freunde online links */
.community-online-friends-box{position:relative;}
.community-online-friends-list{display:grid;gap:10px;}
.community-online-friend{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);text-decoration:none;color:inherit;}
.community-online-friend:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);}
.community-online-friend .member-avatar.small{width:38px;height:38px;min-width:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;position:relative;}
.community-online-friend .member-avatar.small:after{content:'';position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#25d366;border:2px solid rgba(20,20,20,.95);}
.community-online-friend strong{display:block;line-height:1.15;}
.community-online-friend small{display:block;opacity:.75;margin-top:3px;}
.community-fav-item[data-community-fav-radio]{scroll-margin-top:120px;}

/* === Radiopunkte Fix: Mobile Header-Navigation aus, rechte Navigation bleibt === */
@media (max-width: 768px){
    /* NUR die Header-/Top-Navigation und deren Hamburger ausblenden */
    .rp-screen-links,
    .rp-screen-actions,
    .rp-screen-toggle,
    .rp-main-nav,
    .main-nav,
    .nav-actions,
    .quick-nav,
    .rp-mobile-extra,
    .rp-community-links,
    .rp-community-actions,
    .rp-nav-toggle,
    .nav-toggle,
    .mobile-menu,
    .mobile-menu-btn,
    .hamburger,
    .menu-toggle,
    header button[aria-label*="Navigation"],
    header button[aria-label*="Menü"]{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }

    /* Rechte Seiten-Navigation ausdruecklich NICHT ausblenden */
    #rpRightMenuToggle,
    .rp-right-menu-toggle{
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
    #rpRightMenuOverlay,
    #rpRightMenuPanel,
    .rp-right-menu-overlay,
    .rp-right-menu-panel{
        visibility:visible!important;
        pointer-events:auto!important;
    }

    body.nav-open .rp-screen-links,
    body.nav-open .rp-screen-actions,
    body.nav-open .rp-main-nav,
    body.nav-open .main-nav,
    body.nav-open .nav-actions,
    body.nav-open .rp-community-links,
    body.nav-open .rp-community-actions{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }

    /* Header bleibt sauber: nur Logo/Marke + rechte Navigation sichtbar */
    .rp-screen-nav{
        grid-template-columns:1fr auto!important;
        min-height:64px!important;
        justify-items:start!important;
    }

    .rp-screen-brand{
        max-width:100%!important;
    }
}

/* FINAL: visible card icons */
.card-header{display:flex;align-items:center;gap:10px}
.card-header-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(135deg,#ffd33d,#f59e0b)!important;color:#1c1400!important;font-size:18px!important;font-weight:950!important;box-shadow:0 8px 20px rgba(245,158,11,.22)!important;line-height:1!important;overflow:hidden!important}
.card-header.big .card-header-icon{min-width:42px!important;width:42px!important;height:42px!important;font-size:20px!important;border-radius:14px!important}
@media(max-width:768px){#rpRightMenuToggle.rp-right-menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.rp-right-menu-panel{display:flex!important;visibility:visible!important;opacity:1!important}.rp-screen-links,.rp-screen-actions,.rp-screen-toggle,.rp-main-nav,.main-nav,.nav-actions,.quick-nav,.rp-mobile-extra,.mobile-menu,.mobile-menu-btn,.hamburger,.menu-toggle{display:none!important}}


/* === Radiopunkte Gold-Schimmer für alle Karten/Boxen === */
:root{
  --rp-gold:#ffd51e;
  --rp-gold-deep:#ffab00;
  --rp-gold-soft:rgba(255,213,30,.16);
  --rp-gold-line:rgba(255,213,30,.28);
}
.hero,
.card,
.box,
.community-card,
.community-post,
.shop-item-card,
.member-panel,
.member-card,
.operator-panel,
.operator-edit-card,
.operator-field-box,
.edit-radio-box,
.rp-radio-tile,
.rp-radio-detail-hero,
.rp-home-list-box,
.rp-big-card,
.rp-final-cta,
.rp-tile,
.rp-right-menu-panel,
.rp-floating-chat,
.rp-friend-chat-popover,
.admin-card,
.dashboard-card,
.panel,
.ticket-card,
.gift-card,
.pet-card,
.house-card,
.level-card,
.battlepass-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 0%, rgba(255,213,30,.20), transparent 34%),
    radial-gradient(circle at 10% 100%, rgba(255,171,0,.12), transparent 32%),
    linear-gradient(180deg, rgba(21,31,51,.94), rgba(10,18,34,.96)) !important;
  border-color:var(--rp-gold-line)!important;
  box-shadow:
    0 20px 65px rgba(0,0,0,.30),
    0 0 38px rgba(255,213,30,.10),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.hero::before,
.card::before,
.box::before,
.community-card::before,
.community-post::before,
.shop-item-card::before,
.member-panel::before,
.member-card::before,
.operator-panel::before,
.operator-edit-card::before,
.operator-field-box::before,
.edit-radio-box::before,
.rp-radio-tile::before,
.rp-home-list-box::before,
.rp-big-card::before,
.rp-final-cta::before,
.panel::before,
.ticket-card::before,
.gift-card::before,
.pet-card::before,
.house-card::before,
.level-card::before,
.battlepass-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 28%, rgba(255,213,30,.18) 44%, transparent 62%);
  opacity:.55;
  transform:translateX(-45%);
}
.hero > *,
.card > *,
.box > *,
.community-card > *,
.community-post > *,
.shop-item-card > *,
.member-panel > *,
.member-card > *,
.operator-panel > *,
.operator-edit-card > *,
.operator-field-box > *,
.edit-radio-box > *,
.rp-radio-tile > *,
.rp-home-list-box > *,
.rp-big-card > *,
.rp-final-cta > *,
.panel > *,
.ticket-card > *,
.gift-card > *,
.pet-card > *,
.house-card > *,
.level-card > *,
.battlepass-card > *{
  position:relative;
  z-index:1;
}
.community-feed.activity-feed{
  display:grid!important;
  gap:14px!important;
  padding:20px!important;
}
.activity-feed-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 12px!important;
  margin:0!important;
  border-bottom:1px solid rgba(255,213,30,.22)!important;
}
.activity-feed-head .card-header-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--rp-gold),var(--rp-gold-deep));
  color:#07111f;
  box-shadow:0 0 28px rgba(255,213,30,.24);
}
.activity-feed-head h2{
  margin:0!important;
  color:#fff7c2!important;
  font-size:28px!important;
  line-height:1.1!important;
}
.activity-feed-subtitle{
  margin:-4px 0 2px!important;
}

/* Projektweit: goldene Karten-Header mit Icon */
.card,.box,.hero{border-color:rgba(255,215,0,.24)!important}
.card>h1:first-child,.card>h2:first-child,.card>h3:first-child,.box>h1:first-child,.box>h2:first-child,.box>h3:first-child,.hero>h1:first-child,.hero>h2:first-child,.hero>h3:first-child{color:#fff!important}


/* === Portalweite Karten-Ausrichtung + Sammlung-Fix === */
*,*::before,*::after{box-sizing:border-box}
.card,.box,.community-card,.member-panel,.member-card,.collection-under-card,.gift-vitrine-item,.community-post{min-width:0!important}
.card-header,.rp-card-auto-head{width:100%;min-width:0;flex-wrap:nowrap}
.card-header h1,.card-header h2,.card-header h3,.rp-card-auto-title{min-width:0;overflow-wrap:anywhere}
.community-layout-three{align-items:start!important}
.community-main,.community-sidebar,.community-sidebar-left,.community-sidebar-right{min-width:0!important}
.community-card{padding:20px!important}
.community-card > .card-header:first-child{margin-bottom:14px!important}
.community-collection-under-feed{display:block!important;overflow:visible!important;padding:20px!important}
.community-collection-under-feed > .card-header.big{margin-bottom:12px!important}
.community-under-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;margin-top:16px!important;width:100%!important}
.collection-under-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:12px!important;padding:18px!important;margin:0!important;height:100%!important;overflow:hidden!important}
.collection-under-card > .card-header{margin:0 0 4px!important;padding:0!important}
.collection-under-card p{margin:0 0 8px!important}
.collection-under-card .gift-vitrine-grid{width:100%!important}
.collection-under-card .btn{margin-top:auto!important;width:100%!important}
.gift-vitrine-grid.compact{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:10px!important}
.gift-vitrine-item,.game-mini-card{display:grid!important;place-items:center!important;text-align:center!important;gap:6px!important;padding:12px!important;border-radius:16px!important;min-height:118px!important}
.member-profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;max-width:420px}
.member-profile-stats span{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:rgba(255,213,30,.08);border:1px solid rgba(255,213,30,.18);color:#e5edf9}.member-profile-stats b{color:#ffd51e;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.community-last-heard-mini{display:grid;gap:7px;margin:14px 0;padding:12px;border-radius:16px;background:rgba(255,213,30,.07);border:1px solid rgba(255,213,30,.18)}.community-last-heard-mini b{color:#ffd51e}.community-last-heard-mini a{color:#fff;text-decoration:none;font-weight:800}.community-last-heard-mini span{color:#9cb3c9}
.last-radio-row{align-items:center!important}
@media(max-width:1080px){.community-under-grid{grid-template-columns:1fr!important}.community-card{padding:18px!important}}
@media(max-width:700px){.member-profile-head{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important}.member-profile-stats{grid-template-columns:1fr}.collection-under-card{padding:16px!important}.gift-vitrine-grid.compact{grid-template-columns:1fr!important}}

/* === Fix: Radiologo im Footerplayer === */
.rp-player-logo{
  width:68px!important;
  height:68px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 30% 20%,rgba(255,213,30,.28),transparent 42%),linear-gradient(135deg,#111827,#020617)!important;
  border:1px solid rgba(255,211,61,.38)!important;
  box-shadow:0 0 28px rgba(255,211,61,.20)!important;
  flex:0 0 68px!important;
}
.rp-player-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#fff!important;
}
.rp-player-logo span{
  font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',Arial,sans-serif!important;
  font-size:30px!important;
}

/* === Fix: Shop Header und Icons sichtbar === */
.shop-item-card{padding-top:0!important;overflow:hidden!important;align-content:start!important}
.shop-item-card .rp-card-auto-head{margin:0 -18px 14px!important}
.shop-item-card .shop-item-body{display:grid;gap:12px;position:relative;z-index:2}
.shop-item-card .shop-price{font-size:24px;color:#ffd51e;font-weight:1000}


/* === FIX: Chat-Button wieder klickbar ===
   Unsichtbare Overlays duerfen den Chat nicht ueberdecken. */
#rpRightMenuOverlay.rp-right-menu-overlay{
  pointer-events:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
body.rp-right-menu-open #rpRightMenuOverlay.rp-right-menu-overlay{
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
}
.rp-friend-chat-launcher{
  z-index:2147483600!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
}
.rp-friend-chat-popover{
  z-index:2147483601!important;
  pointer-events:auto!important;
}
body.rp-right-menu-open .rp-friend-chat-launcher,
body.rp-right-menu-open .rp-friend-chat-popover{
  z-index:2147483600!important;
}
.rp-footer-player{z-index:60!important;}
@media(max-width:768px){
  #rpRightMenuOverlay.rp-right-menu-overlay{
    pointer-events:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  body.rp-right-menu-open #rpRightMenuOverlay.rp-right-menu-overlay{
    pointer-events:auto!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .rp-friend-chat-launcher{right:12px!important;bottom:168px!important;z-index:2147483600!important;}
  .rp-friend-chat-popover{right:10px!important;bottom:212px!important;z-index:2147483601!important;}
}

/* =========================================================
   Radiopunkte FIX: Freundes-Chat immer sichtbar nach Klick
   - rechts unten
   - ueber Footer-Player und rechter Navigation
   - geschlossen wirklich unsichtbar, offen wirklich sichtbar
   ========================================================= */
#rpFriendChatToggle.rp-friend-chat-launcher{
  position:fixed!important;
  left:auto!important;
  right:22px!important;
  bottom:132px!important;
  z-index:2147483642!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
#rpFriendChatPopover.rp-friend-chat-popover{
  position:fixed!important;
  left:auto!important;
  right:22px!important;
  bottom:184px!important;
  width:min(390px,calc(100vw - 44px))!important;
  height:min(520px,calc(100vh - 230px))!important;
  z-index:2147483643!important;
  background:rgba(8,16,31,.99)!important;
  border:1px solid rgba(255,213,30,.42)!important;
  box-shadow:0 30px 95px rgba(0,0,0,.62),0 0 34px rgba(255,213,30,.16)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
#rpFriendChatPopover.rp-friend-chat-popover.is-closed{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#rpFriendChatPopover.rp-friend-chat-popover.is-open{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#rpFriendChatPopover.rp-friend-chat-popover:not(.has-active-chat) .friend-chat-list{
  display:grid!important;
  height:100%!important;
  max-height:none!important;
  overflow:auto!important;
}
#rpFriendChatPopover.rp-friend-chat-popover:not(.has-active-chat) .friend-chat-window{
  display:none!important;
}
#rpFriendChatPopover.rp-friend-chat-popover.has-active-chat .friend-chat-list{
  display:none!important;
}
#rpFriendChatPopover.rp-friend-chat-popover.has-active-chat .friend-chat-window{
  display:grid!important;
  min-height:0!important;
}
#rpFriendChatPopover .friend-chat-messages{
  min-height:0!important;
  overflow:auto!important;
}
.rp-footer-player{z-index:60!important;}
.rp-right-menu-panel{z-index:2147483638!important;}
.rp-right-menu-overlay{z-index:2147483637!important;}
.rp-right-menu-toggle{z-index:2147483639!important;}
body.rp-right-menu-open #rpFriendChatToggle.rp-friend-chat-launcher,
body.rp-right-menu-open #rpFriendChatPopover.rp-friend-chat-popover{
  z-index:2147483644!important;
}
@media(max-width:760px){
  #rpFriendChatToggle.rp-friend-chat-launcher{
    right:12px!important;
    bottom:168px!important;
  }
  #rpFriendChatPopover.rp-friend-chat-popover{
    right:10px!important;
    bottom:214px!important;
    width:calc(100vw - 20px)!important;
    height:min(500px,calc(100vh - 245px))!important;
  }
}
body.no-footer-player #rpFriendChatToggle.rp-friend-chat-launcher{bottom:22px!important;}
body.no-footer-player #rpFriendChatPopover.rp-friend-chat-popover{bottom:74px!important;height:min(520px,calc(100vh - 112px))!important;}
@media(max-width:760px){
  body.no-footer-player #rpFriendChatToggle.rp-friend-chat-launcher{bottom:16px!important;}
  body.no-footer-player #rpFriendChatPopover.rp-friend-chat-popover{bottom:64px!important;height:min(500px,calc(100vh - 96px))!important;}
}
.friend-chat-close{float:right;margin-left:8px;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,213,30,.3);background:rgba(255,213,30,.12);color:#ffd51e;font-size:20px;font-weight:900;line-height:1;cursor:pointer}.friend-chat-close:hover{background:rgba(255,213,30,.22)}

/* === Radios.php Feinschliff: einheitliche Karten, echte Icons, schmalere Buttons === */
.rp-radio-grid-page{
    align-items:stretch !important;
}
.rp-radio-tile{
    height:100% !important;
    min-height:560px !important;
    display:flex !important;
    flex-direction:column !important;
}
.rp-radio-tile h2{
    min-height:68px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.rp-radio-desc{
    min-height:84px !important;
    max-height:84px !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
}
.rp-tile-stats{
    margin-top:auto !important;
}
.rp-tile-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:10px !important;
}
.rp-tile-actions .btn{
    width:auto !important;
    min-width:104px !important;
    max-width:132px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    font-size:14px !important;
    line-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    white-space:nowrap !important;
}
.rp-tile-bottom-actions{
    margin-top:2px !important;
}
.rp-web-link,
.rp-fav-link{
    min-height:42px !important;
    padding:10px 12px !important;
    font-size:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
@media(max-width:620px){
    .rp-radio-tile{min-height:auto !important;}
    .rp-radio-tile h2{min-height:auto !important;}
    .rp-radio-desc{max-height:none !important;}
    .rp-tile-actions .btn{max-width:none !important; flex:1 1 120px !important;}
}

/* === Finale Prüfung radios.php: gleiche Kartenhöhe, kleine ON-AIR-Anzeige, schmale Buttons === */
.rp-radio-grid-page{
  display:grid !important;
  align-items:stretch !important;
}
.rp-radio-tile{
  height:100% !important;
  min-height:560px !important;
  display:flex !important;
  flex-direction:column !important;
  padding:20px !important;
}
.rp-radio-tile-top{
  min-height:132px !important;
  align-items:flex-start !important;
}
.rp-radio-tile-logo{
  flex:0 0 116px !important;
  width:116px !important;
  height:116px !important;
}
.rp-onair,
.live-badge,
.on-air,
.badge-live{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:3px 7px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
.rp-radio-tile h2{
  min-height:66px !important;
  margin-bottom:12px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.rp-tags{
  min-height:36px !important;
  margin-bottom:16px !important;
}
.rp-tags span{
  padding:6px 10px !important;
  font-size:13px !important;
}
.rp-radio-desc{
  min-height:78px !important;
  max-height:78px !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  margin-bottom:18px !important;
}
.rp-tile-stats{
  margin-top:auto !important;
  margin-bottom:14px !important;
}
.rp-tile-stats div{
  padding:12px !important;
}
.rp-tile-stats b{
  font-size:22px !important;
}
.rp-tile-stats span{
  font-size:14px !important;
}
.rp-tile-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
.rp-tile-actions .btn,
.rp-tile-actions button.btn,
.rp-tile-actions a.btn{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:86px !important;
  max-width:118px !important;
  min-height:36px !important;
  height:36px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  font-size:13px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.rp-tile-actions .fav-small{
  min-width:96px !important;
  max-width:112px !important;
}
.rp-web-link,
.rp-fav-link{
  min-height:38px !important;
  padding:9px 10px !important;
  border-radius:13px !important;
  font-size:13px !important;
}
@media(max-width:620px){
  .rp-radio-tile{min-height:auto !important;}
  .rp-radio-tile-top{min-height:112px !important;}
  .rp-radio-tile-logo{width:96px !important;height:96px !important;flex-basis:96px !important;}
  .rp-radio-tile h2,.rp-tags,.rp-radio-desc{min-height:auto !important;max-height:none !important;}
  .rp-tile-actions .btn,
  .rp-tile-actions button.btn,
  .rp-tile-actions a.btn{flex:1 1 96px !important;max-width:none !important;}
}

/* Rechtliche Seiten, Admin-Editor, Startseiten-Karten und Cookie-Banner */
.rp-legal-page{max-width:1100px;margin-inline:auto}.rp-legal-content{display:grid;gap:14px;line-height:1.75}.rp-legal-content p{margin:0}.rp-legal-content strong{color:#ffd84a}.rp-admin-editor .rp-editor-form{display:grid;gap:12px}.rp-admin-editor label{font-weight:900;color:#f4f7ff}.rp-admin-editor input,.rp-admin-editor textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:13px 15px;font:inherit}.rp-admin-editor textarea{min-height:460px;resize:vertical;line-height:1.55}.rp-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.rp-home-radio-grid,.feature-grid{align-items:stretch}.rp-home-radio-card,.feature-box,.rp-big-card,.rp-stat-card{height:100%;min-height:100%;box-sizing:border-box}.rp-home-radio-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px}.rp-home-radio-logo{height:110px;min-height:110px}.rp-home-radio-logo img{width:100%;height:100%;object-fit:contain}.rp-home-radio-body{display:flex;flex-direction:column;gap:8px}.rp-radio-card-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.rp-cookie-banner{position:fixed;left:18px;bottom:118px;z-index:2147483625;width:min(440px,calc(100vw - 36px));display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px;border-radius:22px;border:1px solid rgba(255,215,0,.38);background:linear-gradient(145deg,rgba(12,18,34,.97),rgba(28,22,8,.97));box-shadow:0 22px 60px rgba(0,0,0,.48),0 0 32px rgba(255,196,0,.16);color:#fff}.rp-cookie-banner[hidden]{display:none!important}.rp-cookie-banner.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s ease}.rp-cookie-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:rgba(255,216,74,.16);border:1px solid rgba(255,216,74,.28);font-size:24px}.rp-cookie-text strong{display:block;font-size:17px;margin-bottom:4px}.rp-cookie-text p{margin:0;color:#d9e1f7;line-height:1.45;font-size:14px}.rp-cookie-links{display:flex;gap:12px;margin-top:8px}.rp-cookie-links a{color:#ffd84a;text-decoration:none;font-weight:850}.rp-cookie-accept{grid-column:1/-1;justify-self:end;border:0;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#ffd84a,#ffac00);color:#101522;font-weight:950;cursor:pointer}.rp-cookie-accept:hover{filter:brightness(1.05)}@media(max-width:700px){.rp-cookie-banner{left:10px;bottom:108px;width:calc(100vw - 20px);border-radius:18px}.rp-home-radio-card{grid-template-columns:1fr}.rp-home-radio-logo{height:150px}.rp-cookie-accept{justify-self:stretch}}

.rp-admin-edit-table{width:100%;border-collapse:separate;border-spacing:0 12px}.rp-admin-edit-table th{text-align:left;color:#ffd84a;font-size:14px;padding:0 12px}.rp-admin-edit-table td{vertical-align:top;background:rgba(255,255,255,.055);border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);padding:14px}.rp-admin-edit-table td:first-child{width:260px;border-left:1px solid rgba(255,255,255,.11);border-radius:16px 0 0 16px}.rp-admin-edit-table td:last-child{border-right:1px solid rgba(255,255,255,.11);border-radius:0 16px 16px 0}.rp-admin-edit-table small{display:block;margin-top:6px;color:#aeb8d4;line-height:1.4}.rp-admin-edit-table textarea{min-height:520px}.rp-admin-edit-table input,.rp-admin-edit-table textarea{background:rgba(0,0,0,.22)!important}@media(max-width:760px){.rp-admin-edit-table,.rp-admin-edit-table thead,.rp-admin-edit-table tbody,.rp-admin-edit-table tr,.rp-admin-edit-table th,.rp-admin-edit-table td{display:block}.rp-admin-edit-table thead{display:none}.rp-admin-edit-table td:first-child,.rp-admin-edit-table td:last-child{width:auto;border-radius:16px;border:1px solid rgba(255,255,255,.11)}.rp-admin-edit-table td:last-child{margin-top:-14px;border-top:0;border-radius:0 0 16px 16px}.rp-admin-edit-table td:first-child{border-radius:16px 16px 0 0}}

/* Profil: einheitliche Community-Karten, Klappbereiche und farbiger Upload-Button */
.member-dashboard-main{grid-template-columns:1.35fr .85fr .85fr;align-items:stretch}.profile-community-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.profile-card{min-height:260px;display:flex;flex-direction:column}.profile-card .card-header{min-height:48px}.profile-card-hero{min-height:360px;grid-column:span 1}.profile-card-favorites{order:1}.profile-card-chat{order:2}.profile-card-friends{order:3}.profile-card-requests{order:4}.profile-card-heard{order:5}.profile-card-gifts{order:6}.profile-card-notes{order:7}.profile-card-points{order:8}.profile-card-blocked{order:9}.rp-collapse{margin-top:8px;display:flex;flex-direction:column;min-height:0}.rp-collapse summary{cursor:pointer;list-style:none;border:1px solid rgba(255,213,30,.22);background:rgba(255,213,30,.08);border-radius:14px;padding:10px 12px;color:#ffd51e;font-weight:800}.rp-collapse summary::-webkit-details-marker{display:none}.rp-collapse summary:after{content:' +';float:right}.rp-collapse[open] summary:after{content:' −'}.rp-collapse-body{margin-top:10px;max-height:230px;overflow:auto;padding-right:4px}.profile-card-favorites .member-row,.profile-card-heard .member-row,.profile-card-friends .member-row,.profile-card-requests .member-row{min-height:74px}.avatar-upload-form input[type=file]{width:100%;border:1px dashed rgba(255,213,30,.45);border-radius:14px;background:rgba(255,255,255,.06);padding:8px;color:#dbeafe}.avatar-upload-form input[type=file]::file-selector-button{border:0;border-radius:999px;background:linear-gradient(135deg,#ffd51e,#ff9f1c);color:#07111f;font-weight:900;padding:10px 16px;margin-right:12px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25)}.avatar-upload-form input[type=file]::-webkit-file-upload-button{border:0;border-radius:999px;background:linear-gradient(135deg,#ffd51e,#ff9f1c);color:#07111f;font-weight:900;padding:10px 16px;margin-right:12px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25)}
@media(max-width:1100px){.member-dashboard-main,.profile-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{min-height:240px}}
@media(max-width:760px){.member-dashboard-main,.profile-community-grid{grid-template-columns:1fr}.profile-card{min-height:auto}.avatar-upload-form{grid-template-columns:1fr}.rp-collapse-body{max-height:260px}}

/* Dummybilder fuer fehlende Logos und Profilbilder */
.rp-home-radio-logo img,
.rp-vote-highlight-logo img,
.rp-radio-tile-logo img,
.rp-radio-detail-logo img,
.community-fav-logo img,
.rp-player-logo img,
.admin-radio-logo,
.member-avatar img,
.activity-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.member-avatar img,
.activity-avatar img { border-radius: 50%; }
.admin-radio-logo { width: 54px; height: 54px; border-radius: 14px; }

/* Einheitliche Header fuer Karten und Radiosender-Namen */
.rp-section-head-header{align-items:center!important;padding:16px 18px;border-radius:22px;background:rgba(25,31,50,.78);border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 42px rgba(0,0,0,.20)}
.rp-section-head .card-header{margin:0 0 8px!important}.rp-section-head .card-header h2{margin:0!important}
.rp-radio-name-header{display:flex;align-items:center;min-height:44px;margin:0 0 8px;padding:9px 12px;border-radius:15px;background:linear-gradient(135deg,rgba(255,211,61,.16),rgba(255,255,255,.055));border:1px solid rgba(255,211,61,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.rp-radio-name-header h2,.rp-radio-name-header h3{margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.15!important;overflow-wrap:anywhere}
.rp-home-radio-body .rp-radio-name-header{margin-bottom:2px}.rp-home-radio-body .rp-radio-name-header h3{font-size:18px!important}.feature-box .card-header{margin-bottom:10px}.feature-box .card-header h3{margin:0!important;color:#fff}.rp-big-card>.card-header,.rp-final-cta .card-header,.rp-seo-home-text>.card-header,.rp-radio-seo-intro>.card-header{margin-bottom:14px}

/* Startseite Layout-Fix: Karten sauber an Hauptlayout angepasst */
.rp-home-radio-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
  margin:0 0 30px !important;
}
.rp-home-radio-card{
  width:100% !important;
  height:100% !important;
  min-height:190px !important;
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:16px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.rp-home-radio-logo{
  width:112px !important;
  height:112px !important;
  min-width:112px !important;
  min-height:112px !important;
  align-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.rp-home-radio-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:8px !important;
  box-sizing:border-box !important;
}
.rp-home-radio-body{
  min-width:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
.rp-home-radio-body .rp-radio-name-header{
  min-height:50px !important;
  max-height:60px !important;
  overflow:hidden !important;
}
.rp-home-radio-body .rp-radio-name-header h3{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  font-size:18px !important;
  line-height:1.15 !important;
}
.rp-home-radio-body p{
  min-height:42px !important;
  max-height:42px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  line-height:1.35 !important;
  margin:0 !important;
}
.rp-home-radio-body small{margin:0 !important;}
.rp-radio-card-actions{
  margin-top:auto !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
.rp-radio-card-actions .btn{
  min-height:36px !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
}
.feature-grid.rp-feature-space{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}
.feature-grid.rp-feature-space .feature-box{
  height:100% !important;
  min-height:190px !important;
  display:flex !important;
  flex-direction:column !important;
  box-sizing:border-box !important;
}
.feature-grid.rp-feature-space .feature-box p{
  margin-top:auto !important;
  line-height:1.5 !important;
}
.rp-home-split{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.rp-home-split > div,
.rp-home-split .rp-big-card{
  min-width:0 !important;
}
.rp-big-card{
  height:100% !important;
  box-sizing:border-box !important;
}
.rp-mini-list{
  height:100% !important;
}
.rp-mini-row{
  min-height:72px !important;
  box-sizing:border-box !important;
}
.rp-section-head-header,
.rp-seo-home-text.card,
.rp-final-cta{
  max-width:100% !important;
  box-sizing:border-box !important;
}
@media(max-width:1180px){
  .rp-home-radio-grid,
  .feature-grid.rp-feature-space{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .rp-home-radio-grid,
  .feature-grid.rp-feature-space,
  .rp-home-split{grid-template-columns:1fr !important;}
  .rp-home-radio-card{grid-template-columns:96px minmax(0,1fr) !important;min-height:170px !important;}
  .rp-home-radio-logo{width:96px !important;height:96px !important;min-width:96px !important;min-height:96px !important;}
}
@media(max-width:520px){
  .rp-home-radio-card{grid-template-columns:1fr !important;}
  .rp-home-radio-logo{width:100% !important;height:150px !important;min-width:0 !important;}
  .rp-radio-card-actions .btn{flex:1 1 120px !important;}
}

/* Startseite Karten Final-Fix: saubere Textdarstellung, gleiche Hoehen, ruhiges Layout */
body .rp-seo-home-text.card,
body .rp-section-head-header,
body .rp-home-radio-card,
body .rp-big-card,
body .feature-grid.rp-feature-space .feature-box,
body .rp-final-cta{
  overflow:visible !important;
}
body .rp-seo-home-text.card{
  margin:0 0 28px !important;
  padding:26px 28px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(28,34,52,.92),rgba(18,24,42,.94)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
body .rp-section-head-header{
  margin:0 0 22px !important;
  padding:20px 22px !important;
  align-items:center !important;
}
body .rp-section-head-header .card-header,
body .rp-seo-home-text .card-header{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
body .rp-section-head-header h2,
body .rp-seo-home-text h2,
body .rp-big-card h2,
body .feature-box h3,
body .rp-final-cta h2{
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  hyphens:auto !important;
  line-height:1.18 !important;
}
body .rp-home-radio-grid{
  grid-template-columns:repeat(3,minmax(280px,1fr)) !important;
  gap:22px !important;
  margin-bottom:34px !important;
}
body .rp-home-radio-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:360px !important;
  padding:0 !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(30,36,55,.94),rgba(18,24,42,.96)) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
  overflow:hidden !important;
}
body .rp-home-radio-logo{
  width:100% !important;
  height:150px !important;
  min-width:0 !important;
  min-height:150px !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  background:radial-gradient(circle at 50% 30%,rgba(255,216,74,.14),rgba(255,255,255,.045)) !important;
}
body .rp-home-radio-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:18px !important;
}
body .rp-home-radio-body{
  flex:1 1 auto !important;
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-width:0 !important;
}
body .rp-home-radio-body .rp-radio-name-header{
  min-height:auto !important;
  max-height:none !important;
  padding:11px 13px !important;
  margin:0 !important;
}
body .rp-home-radio-body .rp-radio-name-header h3{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  overflow:visible !important;
  font-size:19px !important;
  line-height:1.22 !important;
}
body .rp-home-radio-body p{
  min-height:auto !important;
  max-height:none !important;
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  overflow:visible !important;
  color:#c3cde0 !important;
  line-height:1.5 !important;
  margin:0 !important;
}
body .rp-home-radio-body small{
  color:#ffd84a !important;
  font-weight:900 !important;
}
body .rp-radio-card-actions{
  margin-top:auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
body .rp-radio-card-actions .btn{
  width:100% !important;
  justify-content:center !important;
  text-align:center !important;
}
body .rp-home-split{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
  margin-top:34px !important;
  margin-bottom:34px !important;
}
body .rp-big-card{
  padding:28px !important;
  min-height:250px !important;
  display:flex !important;
  flex-direction:column !important;
}
body .rp-big-card p,
body .feature-box p,
body .rp-final-cta p,
body .rp-seo-home-text p{
  color:#c3cde0 !important;
  line-height:1.62 !important;
  font-size:16px !important;
  margin-top:0 !important;
}
body .rp-benefit-list{
  margin-top:auto !important;
}
body .feature-grid.rp-feature-space{
  grid-template-columns:repeat(3,minmax(260px,1fr)) !important;
  gap:22px !important;
  margin-top:30px !important;
}
body .feature-grid.rp-feature-space .feature-box{
  min-height:220px !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:14px !important;
}
body .feature-grid.rp-feature-space .feature-box .card-header{
  margin:0 !important;
}
body .feature-grid.rp-feature-space .feature-box p{
  margin:0 !important;
}
body .rp-mini-row{
  align-items:flex-start !important;
  min-height:76px !important;
}
body .rp-new-radio-info,
body .rp-top-listener-info{
  min-width:0 !important;
}
body .rp-new-radio-info strong,
body .rp-top-listener-info strong{
  overflow-wrap:anywhere !important;
  line-height:1.25 !important;
}
body .rp-final-cta{
  padding:30px !important;
}
@media(max-width:1180px){
  body .rp-home-radio-grid,
  body .feature-grid.rp-feature-space{grid-template-columns:repeat(2,minmax(260px,1fr)) !important;}
  body .rp-home-radio-card{min-height:340px !important;}
}
@media(max-width:780px){
  body .rp-home-radio-grid,
  body .feature-grid.rp-feature-space,
  body .rp-home-split{grid-template-columns:1fr !important;}
  body .rp-home-radio-card{min-height:auto !important;}
  body .rp-home-radio-logo{height:145px !important;min-height:145px !important;}
  body .rp-section-head-header{display:block !important;}
  body .rp-section-head-header .btn{margin-top:14px !important;}
  body .rp-final-cta{display:block !important;}
  body .rp-final-actions{margin-top:16px !important;justify-content:flex-start !important;}
}
@media(max-width:520px){
  body .rp-seo-home-text.card,
  body .rp-section-head-header,
  body .rp-big-card,
  body .feature-grid.rp-feature-space .feature-box,
  body .rp-final-cta{padding:20px !important;border-radius:22px !important;}
  body .rp-radio-card-actions{grid-template-columns:1fr !important;}
  body .rp-home-radio-logo{height:132px !important;min-height:132px !important;}
}


/* Fix 20.06: Startseiten-CTA tiefer setzen, nichts mehr ueberdecken */
body .rp-final-cta{
  clear:both !important;
  position:relative !important;
  z-index:1 !important;
  transform:none !important;
  margin-top:64px !important;
  margin-bottom:58px !important;
  width:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}
body .rp-final-cta .card-header{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}
body .rp-final-cta h2{
  margin:0 !important;
  max-width:100% !important;
}
body .rp-home-split + .rp-final-cta,
body .feature-grid.rp-feature-space + .rp-home-split{
  margin-top:44px !important;
}
@media(max-width:780px){
  body .rp-final-cta{margin-top:38px !important;margin-bottom:36px !important;}
  body .rp-final-cta .card-header{align-items:flex-start !important;}
}

/* Fix 20.06: Drag-Symbol sichtbar und wirklich greifbar */
.rp-card-layout-ready .rp-drag-icon{
  min-width:30px !important;
  min-height:30px !important;
  border:1px solid rgba(35,22,0,.18) !important;
  touch-action:none !important;
  cursor:grab !important;
}
.rp-card-layout-ready.rp-user-dragging{
  opacity:.97 !important;
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.45)) !important;
}
.rp-user-card-placeholder{
  display:block !important;
  width:100% !important;
}
.activity-feed-extra[hidden]{display:none !important;}
.activity-feed-extra.is-open{display:block !important;}
.activity-feed-toggle{margin-top:14px !important;width:100% !important;}

/* =========================================================
   GLOBAL CARD HEADER FIX 1.5
   Header-Leisten passen sich jetzt sauber der jeweiligen Karte an:
   - volle Kartenbreite innerhalb der Box
   - gleiche Rundungen wie Karten
   - keine überstehenden oder zu kurzen Header
   - Farbe/Glas-Effekt passend zum Kartenlayout
   ========================================================= */
body .card > .card-header:first-child,
body .box > .card-header:first-child,
body .feature-box > .card-header:first-child,
body .profile-card > .card-header:first-child,
body .community-card > .card-header:first-child,
body .rp-big-card > .card-header:first-child,
body .rp-seo-home-text > .card-header:first-child,
body .rp-final-cta > .card-header:first-child,
body .collection-under-card > .card-header:first-child,
body .community-collection-under-feed > .card-header:first-child,
body .activity-feed-head,
body .rp-section-head-header,
body .rp-radio-name-header,
body .collector-name-header,
body .gift-name-header,
body .collectible-name-header{
    width: calc(100% + 0px) !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    padding: 12px 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(255,211,61,.18), rgba(255,255,255,.065)) !important;
    border: 1px solid rgba(255,211,61,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.16) !important;
    color: #fff !important;
    overflow: hidden !important;
}

body .card > .card-header:first-child,
body .box > .card-header:first-child,
body .feature-box > .card-header:first-child,
body .profile-card > .card-header:first-child,
body .community-card > .card-header:first-child,
body .rp-big-card > .card-header:first-child,
body .rp-seo-home-text > .card-header:first-child,
body .rp-final-cta > .card-header:first-child{
    margin-bottom: 14px !important;
}

body .card-header h1,
body .card-header h2,
body .card-header h3,
body .card-header h4,
body .rp-section-head-header h1,
body .rp-section-head-header h2,
body .rp-section-head-header h3,
body .rp-radio-name-header h2,
body .rp-radio-name-header h3,
body .collector-name-header h2,
body .gift-name-header h2,
body .collectible-name-header b{
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body .card-header-icon{
    flex: 0 0 38px !important;
}

/* Header darf bei schmalen Karten nicht breiter werden als die Karte selbst. */
body .grid .card-header,
body .grid-2 .card-header,
body .feature-grid .card-header,
body .profile-community-grid .card-header,
body .member-dashboard-main .card-header,
body .rp-home-radio-body .rp-radio-name-header{
    width: 100% !important;
}

@media (max-width: 700px){
    body .card > .card-header:first-child,
    body .box > .card-header:first-child,
    body .feature-box > .card-header:first-child,
    body .profile-card > .card-header:first-child,
    body .community-card > .card-header:first-child,
    body .rp-big-card > .card-header:first-child,
    body .rp-seo-home-text > .card-header:first-child,
    body .rp-final-cta > .card-header:first-child,
    body .activity-feed-head,
    body .rp-section-head-header,
    body .rp-radio-name-header,
    body .collector-name-header,
    body .gift-name-header,
    body .collectible-name-header{
        min-height: 48px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
    }
}


/* Fix 20.06: Drag & Drop nur Profil/Community, Startseite ohne Verschiebe-Symbole */
body:not(.rp-page-profile):not(.rp-page-community) .rp-drag-icon{display:none!important;}
body:not(.rp-page-profile):not(.rp-page-community) .rp-card-drag-handle{cursor:default!important;}

/* Fix 20.06: letzte Startseiten-Box darf nicht vom Footer-Player verdeckt werden */
body.has-footer-player main.wrap.page{padding-bottom:190px!important;}
body.has-footer-player .rp-final-cta{margin-bottom:130px!important;clear:both!important;}
@media(max-width:780px){
  body.has-footer-player main.wrap.page{padding-bottom:230px!important;}
  body.has-footer-player .rp-final-cta{margin-bottom:170px!important;}
}


/* =========================================================
   FINAL LAYOUT FIX 20.06 - Karten/Header/Startseite
   ========================================================= */
:root{
  --rp-card-header-font:18px;
  --rp-card-header-small:16px;
}
body .card-header.big,
body .activity-feed-head,
body .rp-section-head-header .card-header.big{
  min-height:48px!important;
  padding:10px 14px!important;
}
body .card-header h1,
body .card-header h2,
body .card-header h3,
body .activity-feed-head h2,
body .rp-radio-name-header h3{
  font-size:var(--rp-card-header-font)!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
body .feature-box .card-header h3,
body .rp-home-radio-card .rp-radio-name-header h3,
body .collection-under-card .card-header h2,
body .community-card .card-header h2,
body .profile-card .card-header h2,
body .member-panel .card-header h2{
  font-size:var(--rp-card-header-small)!important;
}
body .card-header-icon{
  width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;
  font-size:16px!important;border-radius:10px!important;
}
body.rp-page-index .rp-home-hero,
body.rp-page-index .rp-seo-home-text.card,
body.rp-page-index .rp-section-head-header,
body.rp-page-index .rp-home-radio-grid,
body.rp-page-index .rp-home-split,
body.rp-page-index .feature-grid,
body.rp-page-index .rp-final-cta{
  position:relative!important;z-index:1!important;transform:none!important;clear:both!important;
}
body.rp-page-index .rp-hero-ribbon-wrap{margin-bottom:34px!important;overflow:visible!important;}
body.rp-page-index .rp-home-hero{margin-bottom:26px!important;}
body.rp-page-index .rp-home-radio-grid,
body.rp-page-index .feature-grid.rp-feature-space{
  display:grid!important;grid-template-columns:repeat(3,minmax(240px,1fr))!important;gap:22px!important;align-items:stretch!important;
}
body.rp-page-index .rp-home-radio-card,
body.rp-page-index .feature-box,
body.rp-page-index .rp-big-card,
body.rp-page-index .rp-seo-home-text,
body.rp-page-index .rp-final-cta{
  overflow:hidden!important;box-sizing:border-box!important;min-width:0!important;
}
body.rp-page-index .rp-home-radio-card{min-height:330px!important;display:flex!important;flex-direction:column!important;}
body.rp-page-index .rp-home-radio-logo{height:135px!important;min-height:135px!important;}
body.rp-page-index .rp-home-radio-body{display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important;min-width:0!important;}
body.rp-page-index .rp-home-radio-body p{overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.45!important;margin:0!important;}
body.rp-page-index .rp-radio-card-actions{margin-top:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
body.rp-page-index .rp-home-split{display:grid!important;grid-template-columns:repeat(2,minmax(280px,1fr))!important;gap:22px!important;margin-top:34px!important;margin-bottom:34px!important;}
body.rp-page-index .rp-final-cta{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:22px!important;align-items:center!important;
  margin-top:70px!important;margin-bottom:170px!important;padding:24px!important;min-height:auto!important;
}
body.rp-page-index .rp-final-cta p{margin:0!important;line-height:1.5!important;overflow-wrap:anywhere!important;}
body.rp-page-index .rp-final-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
body.rp-page-profile .rp-drag-icon,
body.rp-page-community .rp-drag-icon{display:inline-flex!important;}
body.rp-page-index .rp-drag-icon{display:none!important;}
.activity-feed-extra[hidden]{display:none!important;}
.activity-feed-extra.is-open{display:block!important;}
@media(max-width:1180px){
  body.rp-page-index .rp-home-radio-grid,
  body.rp-page-index .feature-grid.rp-feature-space{grid-template-columns:repeat(2,minmax(240px,1fr))!important;}
}
@media(max-width:780px){
  body.rp-page-index .rp-home-radio-grid,
  body.rp-page-index .feature-grid.rp-feature-space,
  body.rp-page-index .rp-home-split,
  body.rp-page-index .rp-final-cta{grid-template-columns:1fr!important;}
  body.rp-page-index .rp-final-actions{justify-content:flex-start!important;}
  body.rp-page-index .rp-final-cta{margin-top:42px!important;margin-bottom:210px!important;}
  body .card-header h1,body .card-header h2,body .card-header h3{font-size:16px!important;}
}

/* Final Startseiten-Karten: gleiche Hoehen, saubere Abstaende */
body.rp-page-index .feature-grid.rp-feature-space{align-items:stretch!important;}
body.rp-page-index .feature-grid.rp-feature-space > *,
body.rp-page-index .rp-home-radio-grid > *{height:100%!important;}
body.rp-page-index .feature-box{min-height:230px!important;display:flex!important;flex-direction:column!important;}
body.rp-page-index .feature-box p{line-height:1.5!important;overflow-wrap:anywhere!important;word-break:normal!important;}
body.rp-page-index .feature-box .btn,
body.rp-page-index .feature-box .button{margin-top:auto!important;align-self:flex-start!important;}
body.rp-page-index .rp-home-radio-card img,
body.rp-page-index img.radio-logo,
body.rp-page-index .radio-logo img{max-width:96px!important;max-height:96px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
body.rp-page-index .rp-final-cta{margin-bottom:220px!important;}
body.has-footer-player.rp-page-index main,
body.has-footer-player.rp-page-index .main-content,
body.has-footer-player.rp-page-index .container{padding-bottom:220px!important;}

/* Profil/Community Drag & Drop: kein Flackern beim Ziehen */
body.rp-page-profile.rp-card-drag-active *,
body.rp-page-community.rp-card-drag-active *{scroll-behavior:auto!important;}
body.rp-page-profile .rp-card-layout-ready,
body.rp-page-community .rp-card-layout-ready{backface-visibility:hidden!important;}
body.rp-page-profile .rp-user-card-placeholder,
body.rp-page-community .rp-user-card-placeholder{contain:layout paint!important;}

/* Chat Smileys + Nachrichtenton */
.friend-chat-tools{display:flex;justify-content:flex-end;gap:8px;margin:0 0 6px!important}
.friend-chat-sound-toggle{min-height:30px!important;padding:5px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;font-size:12px!important;font-weight:900!important}
.friend-chat-sound-toggle.is-on{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#062115!important;border-color:rgba(52,211,153,.55)!important}
#rpFriendChatPopover .friend-chat-smilies{display:flex!important;flex-wrap:wrap!important;gap:5px!important;max-height:82px!important;overflow:auto!important;padding:6px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important}
#rpFriendChatPopover .friend-chat-smilies button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:9px!important;font-size:18px!important;line-height:1!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
#rpFriendChatPopover .friend-chat-smilies button:hover{background:rgba(255,213,30,.18)!important;border-color:rgba(255,213,30,.45)!important;transform:translateY(-1px)}

/* Voteliste Layout */
.rp-vote-page{overflow:visible!important;padding-bottom:34px!important}
.rp-vote-list{display:grid!important;gap:14px!important;margin-top:18px!important}
.rp-vote-card{display:grid!important;grid-template-columns:78px 72px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;background:linear-gradient(180deg,rgba(20,36,60,.96),rgba(12,24,41,.96))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;padding:14px!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important;position:relative!important;overflow:hidden!important}
.rp-vote-card.rank-1{border-color:rgba(255,211,61,.65)!important;background:linear-gradient(135deg,rgba(255,211,61,.20),rgba(20,36,60,.96) 42%,rgba(12,24,41,.98))!important;box-shadow:0 12px 34px rgba(255,211,61,.16)!important}
.rp-vote-card.rank-2{border-color:rgba(203,213,225,.58)!important;background:linear-gradient(135deg,rgba(203,213,225,.18),rgba(20,36,60,.96) 42%,rgba(12,24,41,.98))!important}
.rp-vote-card.rank-3{border-color:rgba(251,146,60,.58)!important;background:linear-gradient(135deg,rgba(251,146,60,.18),rgba(20,36,60,.96) 42%,rgba(12,24,41,.98))!important}
.rp-vote-rank{display:grid!important;place-items:center!important;align-content:center!important;min-height:62px!important;border-radius:15px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;font-weight:950!important;text-align:center!important}
.rp-vote-card.rank-1 .rp-vote-rank{background:linear-gradient(135deg,#ffd33d,#f59e0b)!important;color:#1c1400!important}
.rp-vote-card.rank-2 .rp-vote-rank{background:linear-gradient(135deg,#e5e7eb,#94a3b8)!important;color:#0f172a!important}
.rp-vote-card.rank-3 .rp-vote-rank{background:linear-gradient(135deg,#fb923c,#b45309)!important;color:#fff!important}
.rp-vote-rank span{font-size:25px!important;line-height:1!important}.rp-vote-rank small{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;opacity:.82!important;margin-top:4px!important}
.rp-vote-logo{width:66px!important;height:66px!important;border-radius:16px!important;background:rgba(0,0,0,.22)!important;border:1px solid rgba(255,255,255,.10)!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex-shrink:0!important}
.rp-vote-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:7px!important}.rp-vote-logo span{font-size:30px!important}
.rp-vote-title{padding:0!important;margin:0 0 5px!important;background:transparent!important;border:0!important}.rp-vote-title h2{font-size:18px!important;line-height:1.25!important;margin:0!important;color:#ffd33d!important;overflow-wrap:anywhere!important}
.rp-vote-info p{margin:0 0 8px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.rp-vote-meta span{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;padding:6px 10px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;font-size:12px!important;font-weight:900!important}
.rp-vote-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;min-width:190px!important}.rp-vote-actions form{display:inline-flex!important;margin:0!important}.rp-vote-actions .btn{min-width:86px!important;margin:0!important;white-space:nowrap!important}
.rp-empty-state{display:grid!important;place-items:center!important;gap:8px!important;padding:34px!important;border-radius:18px!important;background:rgba(255,255,255,.05)!important;border:1px dashed rgba(255,255,255,.18)!important;color:#fff!important}.rp-empty-state span{font-size:42px!important}
@media(max-width:780px){.rp-vote-card{grid-template-columns:58px 58px minmax(0,1fr)!important}.rp-vote-actions{grid-column:1/-1!important;justify-content:stretch!important;min-width:0!important}.rp-vote-actions .btn,.rp-vote-actions form{width:100%!important}.rp-vote-logo{width:54px!important;height:54px!important}.rp-vote-rank{min-height:54px!important}.rp-vote-rank span{font-size:21px!important}}

/* Chatbutton Statusanzeige repariert */
.rp-friend-chat-launcher{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    line-height:1.05!important;
    min-width:112px!important;
}
.rp-friend-chat-launcher .rp-chat-badge{
    position:absolute!important;
    top:-8px!important;
    right:-8px!important;
    margin-left:0!important;
}
.rp-chat-status-text{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    max-width:128px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10.5px!important;
    font-weight:950!important;
    color:#101522!important;
}
.rp-friend-chat-launcher.has-online-friends .rp-chat-status-text,
.rp-chat-status-text.is-online{
    color:#064d1f!important;
}
.rp-friend-chat-launcher.has-new-message .rp-chat-status-text,
.rp-chat-status-text.has-new-message{
    color:#7a0000!important;
}
.friend-chat-user.is-online{border-color:rgba(96,255,150,.42)!important;background:rgba(96,255,150,.08)!important}
.friend-chat-user small.online{color:#7cf3a0!important;font-weight:900!important}
.friend-chat-user small.offline{color:#9cb3c9!important}

/* === Einheitliches Login/Register Layout === */
.rp-auth-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:start;margin:12px 0 60px}.rp-auth-card,.rp-auth-info{background:linear-gradient(180deg,rgba(20,36,60,.96),rgba(16,29,49,.96));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.rp-auth-card h1,.rp-auth-card h2,.rp-auth-info h2,.rp-auth-info h3{margin:0 0 12px;color:#ffd33d;font-size:24px;line-height:1.25}.rp-auth-lead{color:#c7d3e5;line-height:1.5;margin:0 0 18px}.rp-auth-form label{display:block;font-weight:850;color:#edf6ff;margin:10px 0 5px}.rp-auth-form input{margin:0 0 12px}.rp-auth-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.rp-auth-info-grid{display:grid;gap:13px}.rp-auth-info-box{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:18px;padding:16px}.rp-auth-info-box strong{display:block;color:#fff;font-size:17px;margin-bottom:5px}.rp-auth-info-box span{display:block;color:#aebed4;line-height:1.4}.rp-auth-security{margin-top:14px;padding:14px;border-radius:16px;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.25);color:#dffcf0;line-height:1.45}.rp-hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.rp-security-row{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:end}.rp-auth-note{margin-top:14px;color:#9cb3c9}.rp-auth-note a{color:#ffd33d;font-weight:900}.rp-auth-card .btn,.rp-auth-card button{min-width:150px}.rp-auth-password-hint{font-size:13px;color:#9cb3c9;margin-top:-7px;margin-bottom:10px}@media(max-width:900px){.rp-auth-page{grid-template-columns:1fr}.rp-security-row{grid-template-columns:1fr}.rp-auth-card,.rp-auth-info{padding:20px}}

/* === FINAL FIX: Chatbutton Status + Ton sichtbar/bedienbar === */
#rpFriendChatToggle.rp-friend-chat-launcher{
  min-width:132px!important;
  min-height:50px!important;
  padding:8px 13px!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:2px!important;
  overflow:visible!important;
}
#rpFriendChatToggle.rp-friend-chat-launcher strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.05!important;
  color:#07111f!important;
}
#rpChatStatusText.rp-chat-status-text{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:120px!important;
  min-height:12px!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#172033!important;
}
#rpFriendChatToggle.has-new-message{background:linear-gradient(135deg,#ff6b6b,#ffd33d)!important;animation:rpChatPulse 1.4s infinite!important}
#rpFriendChatToggle.has-online-friends{background:linear-gradient(135deg,#64f29a,#ffd33d)!important}
#rpChatStatusText.has-new-message{color:#7a0000!important}
#rpChatStatusText.is-online{color:#064d1f!important}
@keyframes rpChatPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
#rpChatSoundToggle.friend-chat-sound-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;user-select:none!important}
#rpChatSoundToggle.friend-chat-sound-toggle.is-on{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#062115!important}


/* === FIX 2026-06-20: Top-Hörer + Startseite letzte Karten freistellen === */
body.rp-page-index .wrap.page{
  padding-bottom:300px!important;
}
body.rp-page-index .rp-home-bottom-split{
  align-items:stretch!important;
  margin-bottom:46px!important;
}
body.rp-page-index .rp-home-list-box{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:visible!important;
}
body.rp-page-index .rp-home-list-box .rp-section-head{
  align-items:flex-start!important;
  margin-bottom:16px!important;
}
body.rp-page-index .rp-home-list-box .rp-mini-list{
  flex:1 1 auto!important;
}
body.rp-page-index .rp-mini-row{
  min-height:74px!important;
  overflow:hidden!important;
}
body.rp-page-index .rp-new-radio-logo,
body.rp-page-index .rp-new-radio-logo img{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  border-radius:14px!important;
  object-fit:contain!important;
  display:block!important;
  background:rgba(8,16,31,.88)!important;
}
body.rp-page-index .rp-final-cta{
  margin-top:42px!important;
  margin-bottom:300px!important;
  clear:both!important;
  z-index:2!important;
}
body.has-footer-player.rp-page-index{
  padding-bottom:260px!important;
}
body.rp-page-index .rp-footer-player{
  z-index:50!important;
}

body.rp-page-top-hoerer .rp-ranking-page{
  max-width:980px!important;
  margin:0 auto 260px!important;
  overflow:visible!important;
}
.rp-ranking-list{
  display:grid!important;
  gap:12px!important;
  margin-top:18px!important;
}
.rp-ranking-row{
  display:grid!important;
  grid-template-columns:74px 62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px!important;
  border-radius:20px!important;
  background:rgba(8,16,31,.72)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.rp-ranking-row.gold{border-color:rgba(255,213,30,.65)!important;background:linear-gradient(135deg,rgba(255,213,30,.18),rgba(8,16,31,.74))!important;}
.rp-ranking-row.silver{border-color:rgba(203,213,225,.55)!important;background:linear-gradient(135deg,rgba(203,213,225,.14),rgba(8,16,31,.74))!important;}
.rp-ranking-row.bronze{border-color:rgba(205,127,50,.55)!important;background:linear-gradient(135deg,rgba(205,127,50,.16),rgba(8,16,31,.74))!important;}
.rp-ranking-place span{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffd51e,#ffab00)!important;
  color:#111827!important;
  font-weight:1000!important;
  font-size:18px!important;
}
.rp-ranking-avatar,
.rp-ranking-avatar img,
.rp-ranking-avatar span{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  object-fit:cover!important;
  background:#101b2e!important;
  overflow:hidden!important;
}
.rp-ranking-main strong{display:block!important;color:#fff!important;font-size:17px!important;}
.rp-ranking-main small{display:block!important;color:#cbd5e1!important;margin-top:3px!important;}
.rp-ranking-progress{height:10px!important;background:rgba(255,255,255,.08)!important;border-radius:999px!important;overflow:hidden!important;margin-top:9px!important;}
.rp-ranking-progress i{display:block!important;height:100%!important;background:linear-gradient(90deg,#22c55e,#ffd51e)!important;border-radius:999px!important;}
.rp-empty-state{padding:18px!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;color:#cbd5e1!important;}
@media(max-width:720px){
  body.rp-page-index .wrap.page{padding-bottom:360px!important;}
  body.rp-page-index .rp-final-cta{margin-bottom:360px!important;}
  .rp-ranking-row{grid-template-columns:54px 48px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;}
  .rp-ranking-place span{width:46px!important;height:46px!important;border-radius:14px!important;font-size:14px!important;}
  .rp-ranking-avatar,.rp-ranking-avatar img,.rp-ranking-avatar span{width:44px!important;height:44px!important;border-radius:14px!important;}
}

/* === Punkteshop Aktiv-Extras und Inventar === */
.rp-shop-effect-profile_highlight .member-profile,
.rp-shop-effect-profile_highlight .community-profile-info{box-shadow:0 0 0 2px rgba(255,215,0,.55),0 18px 48px rgba(255,176,0,.20)!important}
.rp-shop-effect-gold_name .member-profile h2,
.rp-shop-effect-gold_name .friend-chat-head h2{color:#ffd666!important;text-shadow:0 0 16px rgba(255,214,102,.35)}
.rp-shop-effect-vip_badge .member-profile .badge::after,
.rp-shop-effect-vip_week .member-profile .badge::after,
.rp-shop-effect-vip_month .member-profile .badge::after{content:'  VIP';display:inline-flex;margin-left:8px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#ffd666,#ff9f1a);color:#1b1300;font-weight:900}
.rp-shop-effect-radiofan_badge .member-profile .badge::before{content:'📻 Radiofan ';font-weight:900;color:#ffd666}
.rp-shop-effect-top_listener_badge .member-profile .badge::before{content:'🏆 Top-Hörer ';font-weight:900;color:#ffd666}
.rp-shop-effect-community_star .community-profile-info .rp-card-auto-title::after,
.rp-shop-effect-community_star .member-profile h2::after{content:' ⭐';color:#ffd666}
.rp-shop-effect-legend_badge .member-profile .badge::after{content:'  Legende';display:inline-flex;margin-left:8px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#ffd666);color:#fff;font-weight:900}
.rp-shop-effect-avatar_frame_silver .member-avatar.big img{border:4px solid #d9e2ef!important;box-shadow:0 0 22px rgba(217,226,239,.35)}
.rp-shop-effect-avatar_frame_gold .member-avatar.big img{border:4px solid #ffd666!important;box-shadow:0 0 24px rgba(255,214,102,.42)}
.rp-shop-effect-profile_background .member-profile{background:radial-gradient(circle at top left,rgba(255,214,102,.18),transparent 38%),linear-gradient(135deg,rgba(21,34,64,.96),rgba(41,23,59,.94))!important}
.rp-shop-effect-points_spark .member-level-box::after{content:' ✨';font-size:22px;float:right}.rp-shop-effect-level_booster_style .level-progress span{box-shadow:0 0 16px rgba(255,214,102,.8)}
.shop-inventory-mini .member-row.is-active-shop-item{border-color:rgba(255,215,0,.55);background:rgba(255,215,0,.08)}

/* User-Drag&Drop entfernt: keine Verschiebe-Symbole auf Community/Profil */
.rp-drag-icon,
body.rp-page-profile .rp-drag-icon,
body.rp-page-community .rp-drag-icon{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.rp-free-layout-root{
  position:static!important;
  min-height:unset!important;
  padding-bottom:inherit!important;
}
.rp-free-layout-root>.rp-card-layout-ready{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  margin:inherit!important;
}

/* Radiopunkte Magazin Modul */
.magazine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:180px}.magazine-card{min-height:100%;overflow:hidden}.magazine-card h2{font-size:20px;line-height:1.25;margin:8px 0}.magazine-thumb{background:rgba(255,255,255,.06)}.admin-table{width:100%;border-collapse:separate;border-spacing:0 8px}.admin-table th,.admin-table td{padding:10px 12px;background:rgba(255,255,255,.06);vertical-align:top}.admin-table th{color:#ffd84a;text-align:left}.notice{padding:12px 14px;border-radius:14px;margin:10px 0;font-weight:800}.notice.success{background:rgba(30,180,90,.15);border:1px solid rgba(30,180,90,.35)}.notice.error{background:rgba(220,50,50,.15);border:1px solid rgba(220,50,50,.35)}.btn.danger{background:#9b1c1c!important;color:#fff!important}


/* === FIX: Community festes 3-Spalten-Grid ohne Kartenverschieben === */
body.rp-page-community .rp-drag-icon,
body.rp-page-community .rp-free-drag-handle,
body.rp-page-community [data-rp-free-drag],
body.rp-page-community [data-rp-card-drag],
body.rp-page-community .rp-card-move,
body.rp-page-community .card-move-handle{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.rp-page-community .community-layout.community-layout-three{
  display:grid!important;
  grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(280px,320px)!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto 190px!important;
  padding:0 16px 190px!important;
  box-sizing:border-box!important;
}
body.rp-page-community .community-sidebar-left{grid-column:1!important;grid-row:1!important;display:grid!important;gap:16px!important;align-content:start!important;position:static!important;transform:none!important}
body.rp-page-community .community-main{grid-column:2!important;grid-row:1!important;display:grid!important;gap:16px!important;align-content:start!important;position:static!important;transform:none!important;min-width:0!important}
body.rp-page-community .community-sidebar-right{grid-column:3!important;grid-row:1!important;display:grid!important;gap:16px!important;align-content:start!important;position:static!important;transform:none!important}
body.rp-page-community .community-card,
body.rp-page-community .community-post,
body.rp-page-community .collection-under-card{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.rp-page-community .community-main-title{order:1!important}
body.rp-page-community .community-profile-info{order:2!important}
body.rp-page-community .community-feed{order:3!important}
body.rp-page-community .community-collection-under-feed{order:4!important}
body.rp-page-community .community-under-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.rp-page-community .community-card .btn,
body.rp-page-community .community-post .btn{margin:4px 6px 4px 0!important}
@media(max-width:1180px){body.rp-page-community .community-layout.community-layout-three{grid-template-columns:minmax(240px,290px) minmax(0,1fr)!important}body.rp-page-community .community-sidebar-right{grid-column:1 / -1!important;grid-row:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}body.rp-page-community .community-under-grid{grid-template-columns:1fr!important}}
@media(max-width:860px){body.rp-page-community .community-layout.community-layout-three{grid-template-columns:1fr!important;padding:0 10px 190px!important}body.rp-page-community .community-sidebar-left,body.rp-page-community .community-main,body.rp-page-community .community-sidebar-right{grid-column:auto!important;grid-row:auto!important}body.rp-page-community .community-sidebar-right{grid-template-columns:1fr!important}}

/* === FIX: Magazin Admin sichtbar und einheitlich === */
.admin-magazine-shortcut{border:1px solid rgba(255,213,30,.38)!important;background:linear-gradient(135deg,rgba(255,213,30,.18),rgba(15,27,49,.92))!important}


/* Chat ohne sichtbare Scrollbalken + Smiley-Grid ohne Scrollleiste */
#rpFriendChatPopover.rp-friend-chat-popover{
  height:min(590px,calc(100vh - 190px))!important;
  overflow:hidden!important;
}
#rpFriendChatPopover .friend-chat-window{
  min-height:0!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  overflow:hidden!important;
}
#rpFriendChatPopover .friend-chat-messages,
#rpFriendChatPopover .friend-chat-list,
.rp-chat-messages,
.chat-messages{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#rpFriendChatPopover .friend-chat-messages::-webkit-scrollbar,
#rpFriendChatPopover .friend-chat-list::-webkit-scrollbar,
.rp-chat-messages::-webkit-scrollbar,
.chat-messages::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
#rpFriendChatPopover .friend-chat-messages{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#rpFriendChatPopover .friend-chat-list{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#rpFriendChatPopover .friend-chat-smilies{
  display:grid!important;
  grid-template-columns:repeat(10,30px)!important;
  justify-content:start!important;
  align-items:center!important;
  gap:5px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:6px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#rpFriendChatPopover .friend-chat-smilies::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#rpFriendChatPopover .friend-chat-smilies button{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  font-size:18px!important;
  line-height:1!important;
}
@media(max-width:760px){
  #rpFriendChatPopover.rp-friend-chat-popover{height:min(560px,calc(100vh - 225px))!important;}
  #rpFriendChatPopover .friend-chat-smilies{grid-template-columns:repeat(8,30px)!important;}
}
@media(max-width:380px){
  #rpFriendChatPopover .friend-chat-smilies{grid-template-columns:repeat(7,29px)!important;gap:4px!important;}
  #rpFriendChatPopover .friend-chat-smilies button{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;font-size:17px!important;}
}


/* =========================================================
   Radiopunkte Premium Navigation 2026
   Eine saubere Navigation mit Icons, Gruppen und Profilbild
   ========================================================= */

.rp-screen-header,
.rp-community-header,
.site-header,
.rp-right-menu-toggle,
.rp-right-menu-overlay,
.rp-right-menu-panel {
    display: none !important;
}

.rp-premium-nav {
    position: sticky;
    top: 0;
    z-index: 2147483000;
    padding: 14px 16px 8px;
    background:
        linear-gradient(180deg, rgba(5,9,20,.96), rgba(5,9,20,.82) 72%, rgba(5,9,20,0));
    backdrop-filter: blur(18px);
}

.rp-premium-nav-shell {
    width: min(1420px, calc(100% - 18px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 78px;
    padding: 12px 14px;
    border-radius: 28px;
    border: 1px solid rgba(255, 213, 61, .18);
    background:
        radial-gradient(circle at 0 0, rgba(255, 213, 61, .16), transparent 28%),
        linear-gradient(135deg, rgba(14, 22, 42, .94), rgba(6, 11, 25, .96));
    box-shadow:
        0 24px 70px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 44px rgba(255, 213, 61, .06);
}

.rp-premium-brand-zone {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 240px;
}

.rp-premium-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    min-width: 0;
}

.rp-premium-brand-icon {
    width: 50px;
    height: 50px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    font-size: 26px;
    background: linear-gradient(135deg, #ffd51e, #ff9f00);
    box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 12px 34px rgba(255, 174, 0, .24);
}

.rp-premium-brand-text strong {
    display: block;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -.04em;
    color: #fff;
}

.rp-premium-brand-text small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #aab8d2;
    white-space: nowrap;
}

.rp-premium-nav-menu {
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
}

.rp-premium-nav-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px;
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
    min-width: 0;
}

.rp-premium-nav-label {
    position: absolute;
    top: -9px;
    left: 15px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #080e1d;
    border: 1px solid rgba(255, 213, 61, .2);
    color: #ffd51e;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.rp-premium-nav-group a,
.rp-premium-nav-chat {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border-radius: 15px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: #eef5ff;
    text-decoration: none;
    font-weight: 850;
    white-space: nowrap;
    transition: .18s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    font-size: 14px;
}

.rp-premium-nav-chat {
    cursor: pointer;
    font-family: inherit;
}

.rp-premium-nav-group a span,
.rp-premium-nav-chat span {
    font-size: 17px;
    line-height: 1;
}

.rp-premium-nav-group a:hover,
.rp-premium-nav-group a.active,
.rp-premium-nav-chat:hover {
    transform: translateY(-1px);
    color: #101522;
    background: linear-gradient(135deg, #ffd51e, #ffac00);
    border-color: rgba(255, 213, 61, .55);
    box-shadow: 0 10px 28px rgba(255, 174, 0, .2);
}

.rp-premium-user-zone {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    min-width: 260px;
}

.rp-premium-notify {
    position: relative;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    color: #fff;
    text-decoration: none;
}

.rp-premium-notify span {
    font-size: 20px;
}

.rp-premium-notify em,
.rp-notify-count {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #fb355d;
    color: #fff;
    border: 2px solid #080e1d;
    font-style: normal;
    font-size: 11px;
    font-weight: 950;
}

.rp-premium-notify em:not(.has-new),
.rp-notify-count:not(.has-new) {
    background: #253247;
    color: #aab8d2;
}

.rp-premium-profile-btn {
    min-width: 225px;
    min-height: 54px;
    padding: 6px 9px 6px 6px !important;
    border-radius: 20px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    cursor: pointer;
    text-align: left;
}

.rp-premium-profile-btn img {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    object-fit: cover;
    background: #121b2d;
    border: 2px solid rgba(255, 213, 61, .42);
}

.rp-premium-profile-meta {
    min-width: 0;
}

.rp-premium-profile-meta strong {
    display: block;
    max-width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    line-height: 1.15;
}

.rp-premium-profile-meta small {
    display: block;
    margin-top: 3px;
    color: #ffd51e;
    font-weight: 850;
    font-size: 12px;
    white-space: nowrap;
}

.rp-premium-profile-arrow {
    color: #aab8d2;
    transition: transform .18s ease;
}

body.rp-premium-profile-open .rp-premium-profile-arrow {
    transform: rotate(180deg);
}

.rp-premium-profile-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 310px;
    padding: 12px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(255, 213, 61, .13), transparent 32%),
        linear-gradient(180deg, rgba(13, 22, 42, .98), rgba(5, 9, 20, .98));
    border: 1px solid rgba(255, 213, 61, .18);
    box-shadow: 0 24px 80px rgba(0,0,0,.52);
    display: none;
    z-index: 2147483001;
}

body.rp-premium-profile-open .rp-premium-profile-menu {
    display: grid;
    gap: 7px;
}

.rp-premium-profile-card {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 12px;
    align-items: center;
    padding: 10px;
    margin-bottom: 6px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
}

.rp-premium-profile-card img {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    object-fit: cover;
    border: 2px solid rgba(255, 213, 61, .38);
}

.rp-premium-profile-card strong {
    display: block;
    color: #fff;
}

.rp-premium-profile-card span {
    display: block;
    color: #aab8d2;
    font-size: 13px;
    margin-top: 4px;
}

.rp-premium-profile-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 14px;
    color: #eef5ff;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.06);
    text-decoration: none;
    font-weight: 850;
}

.rp-premium-profile-menu a:hover {
    background: rgba(255, 213, 61, .13);
    color: #ffd51e;
}

.rp-premium-profile-menu .rp-premium-logout {
    color: #ffd5dc;
    border-color: rgba(251, 113, 133, .25);
}

.rp-premium-login,
.rp-premium-join {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    padding: 0 16px;
    border-radius: 16px;
    text-decoration: none;
    font-weight: 950;
}

.rp-premium-login {
    color: #d8fff1;
    background: rgba(52, 211, 153, .09);
    border: 1px solid rgba(52, 211, 153, .34);
}

.rp-premium-join {
    color: #101522;
    background: linear-gradient(135deg, #ffd51e, #ffac00);
    border: 1px solid rgba(255, 213, 61, .45);
    box-shadow: 0 12px 30px rgba(255, 174, 0, .18);
}

.rp-premium-mobile-toggle {
    display: none !important;
    width: 48px;
    height: 48px;
    border-radius: 16px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #fff !important;
    padding: 0 !important;
}

.rp-premium-mobile-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 4px auto;
    background: #fff;
    border-radius: 99px;
}

@media (max-width: 1320px) {
    .rp-premium-nav-shell {
        grid-template-columns: 1fr auto;
    }

    .rp-premium-brand-zone {
        min-width: 0;
        justify-content: space-between;
    }

    .rp-premium-mobile-toggle {
        display: inline-flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .rp-premium-nav-menu {
        display: none;
        grid-column: 1 / -1;
        order: 3;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body.rp-premium-nav-open .rp-premium-nav-menu {
        display: grid;
    }

    .rp-premium-nav-group {
        flex-wrap: wrap;
        align-items: flex-start;
        padding-top: 18px;
    }

    .rp-premium-nav-group a,
    .rp-premium-nav-chat {
        flex: 1 1 145px;
        justify-content: flex-start;
    }

    .rp-premium-user-zone {
        min-width: 0;
    }
}

@media (max-width: 820px) {
    .rp-premium-nav {
        padding: 8px;
    }

    .rp-premium-nav-shell {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 10px;
        border-radius: 22px;
        padding: 10px;
    }

    .rp-premium-brand-zone {
        width: 100%;
    }

    .rp-premium-brand-text strong {
        font-size: 19px;
    }

    .rp-premium-brand-text small {
        display: none;
    }

    .rp-premium-user-zone {
        width: 100%;
        justify-content: stretch;
        order: 2;
    }

    .rp-premium-notify {
        flex: 0 0 46px;
    }

    .rp-premium-profile-btn {
        min-width: 0;
        width: 100%;
    }

    .rp-premium-profile-meta strong {
        max-width: 100%;
    }

    .rp-premium-profile-menu {
        position: fixed;
        left: 10px;
        right: 10px;
        top: 92px;
        width: auto;
    }

    .rp-premium-nav-menu {
        order: 3;
        grid-template-columns: 1fr;
    }

    .rp-premium-nav-group {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        padding-top: 22px;
    }

    .rp-premium-nav-label {
        grid-column: 1 / -1;
    }

    .rp-premium-nav-group a,
    .rp-premium-nav-chat {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 470px) {
    .rp-premium-nav-group {
        grid-template-columns: 1fr;
    }

    .rp-premium-profile-btn {
        grid-template-columns: 40px 1fr auto;
    }

    .rp-premium-brand-icon {
        width: 44px;
        height: 44px;
        border-radius: 15px;
    }
}


/* =========================================================
   Radiopunkte Premium Navigation - Kompakt Fix
   Hauptpunkte sichtbar, alle weiteren Punkte im Mehr-Menü
   ========================================================= */

.rp-premium-nav-shell{
    grid-template-columns:auto minmax(620px,1fr) auto !important;
    gap:18px !important;
}

.rp-premium-nav-menu-compact{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-width:0 !important;
}

.rp-premium-nav-menu-compact > a,
.rp-premium-more-btn{
    min-height:54px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:0 18px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    color:#f7f9ff !important;
    text-decoration:none !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
    transition:.16s ease !important;
    font-size:15px !important;
}

.rp-premium-nav-menu-compact > a span,
.rp-premium-more-btn span{
    font-size:21px !important;
}

.rp-premium-nav-menu-compact > a:hover,
.rp-premium-nav-menu-compact > a.active,
.rp-premium-more-btn:hover,
body.rp-premium-more-open .rp-premium-more-btn{
    color:#101522 !important;
    background:linear-gradient(135deg,#ffd51e,#ffac00) !important;
    border-color:rgba(255,213,61,.55) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 12px 30px rgba(255,174,0,.23) !important;
}

.rp-premium-more{
    position:relative !important;
}

.rp-premium-more-btn{
    cursor:pointer !important;
    font-family:inherit !important;
}

.rp-premium-more-btn b{
    font-size:13px;
    transition:transform .18s ease;
}

body.rp-premium-more-open .rp-premium-more-btn b{
    transform:rotate(180deg);
}

.rp-premium-more-menu{
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    width:320px;
    max-height:min(70vh,620px);
    overflow:auto;
    padding:14px;
    border-radius:24px;
    background:
        radial-gradient(circle at top right,rgba(255,213,61,.16),transparent 32%),
        linear-gradient(180deg,rgba(13,22,42,.99),rgba(5,9,20,.99));
    border:1px solid rgba(255,213,61,.22);
    box-shadow:0 28px 85px rgba(0,0,0,.56);
    display:none;
    z-index:2147483002;
}

body.rp-premium-more-open .rp-premium-more-menu{
    display:grid;
    gap:8px;
}

.rp-premium-more-menu strong{
    color:#ffd51e;
    font-size:13px;
    letter-spacing:.05em;
    text-transform:uppercase;
    padding:5px 8px 8px;
}

.rp-premium-more-menu a,
.rp-premium-more-menu button{
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:0 12px !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    color:#eef5ff !important;
    text-decoration:none !important;
    font-weight:850 !important;
    font-family:inherit !important;
    cursor:pointer !important;
}

.rp-premium-more-menu a:hover,
.rp-premium-more-menu a.active,
.rp-premium-more-menu button:hover{
    color:#ffd51e !important;
    background:rgba(255,213,61,.12) !important;
    border-color:rgba(255,213,61,.22) !important;
}

.rp-premium-more-menu span{
    font-size:19px;
    width:24px;
    text-align:center;
}

.rp-premium-nav-group,
.rp-premium-nav-label{
    display:none !important;
}

.rp-premium-brand-zone{
    min-width:270px !important;
}

.rp-premium-user-zone{
    min-width:250px !important;
}

.rp-premium-profile-btn{
    min-width:215px !important;
}

@media (max-width:1280px){
    .rp-premium-nav-shell{
        grid-template-columns:auto 1fr auto !important;
    }

    .rp-premium-nav-menu-compact > a,
    .rp-premium-more-btn{
        padding:0 13px !important;
        font-size:14px !important;
    }

    .rp-premium-brand-text small{
        display:none !important;
    }

    .rp-premium-brand-zone{
        min-width:220px !important;
    }
}

@media (max-width:1100px){
    .rp-premium-nav-shell{
        grid-template-columns:1fr auto !important;
    }

    .rp-premium-mobile-toggle{
        display:inline-flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }

    .rp-premium-user-zone{
        grid-column:2;
        grid-row:1;
        min-width:0 !important;
    }

    .rp-premium-nav-menu-compact{
        display:none !important;
        grid-column:1 / -1;
        width:100%;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px !important;
    }

    body.rp-premium-nav-open .rp-premium-nav-menu-compact{
        display:grid !important;
    }

    .rp-premium-nav-menu-compact > a,
    .rp-premium-more{
        width:100%;
    }

    .rp-premium-nav-menu-compact > a,
    .rp-premium-more-btn{
        width:100%;
        justify-content:flex-start !important;
    }

    .rp-premium-more-menu{
        position:static;
        width:100%;
        margin-top:8px;
        grid-column:1 / -1;
    }
}

@media (max-width:760px){
    .rp-premium-nav-shell{
        grid-template-columns:1fr !important;
    }

    .rp-premium-brand-zone{
        min-width:0 !important;
        width:100%;
    }

    .rp-premium-user-zone{
        grid-column:1;
        grid-row:auto;
        width:100%;
    }

    .rp-premium-nav-menu-compact{
        grid-template-columns:1fr !important;
    }

    .rp-premium-profile-btn{
        min-width:0 !important;
        width:100%;
    }

    .rp-premium-more-menu{
        max-height:54vh;
    }
}

@media (max-width:460px){
    .rp-premium-brand-text strong{
        font-size:18px !important;
    }

    .rp-premium-brand-icon{
        width:42px !important;
        height:42px !important;
    }

    .rp-premium-nav-shell{
        border-radius:18px !important;
    }

    .rp-premium-nav-menu-compact > a,
    .rp-premium-more-btn{
        min-height:48px !important;
    }
}


/* =====================================================
   HERO VOLLBREITE RADIOPUNKTE - FINAL FIX
   Macht den Startseiten-Hero unabhängig vom .wrap-Container
   ===================================================== */

.rp-hero-ribbon-wrap{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0!important;
}

.rp-home-hero{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

.rp-hero-main{
    width:100%!important;
    max-width:none!important;
    min-height:460px!important;
    padding:60px 80px!important;
    border-radius:0!important;
    box-sizing:border-box!important;
}

.rp-hero-main h1,
.rp-hero-main p,
.rp-hero-actions{
    max-width:1100px!important;
}

.rp-hero-actions{
    margin-top:30px!important;
}

@media(max-width:900px){
    .rp-hero-main{
        padding:40px 24px!important;
        min-height:auto!important;
    }

    .rp-hero-main h1{
        font-size:42px!important;
    }
}

@media(max-width:520px){
    .rp-hero-main{
        padding:32px 18px!important;
    }

    .rp-hero-main h1{
        font-size:34px!important;
    }
}


/* =========================================================
   RADIOPUNKTE PREMIUM NAVIGATION FIX
   Passt zu header.php Klassen .rp-premium-*
   ========================================================= */
.site-header,.rp-header,.rp-community-header,.rp-screen-header,
.rp-right-menu-toggle,.rp-right-menu-overlay,.rp-right-menu-panel{
    display:none!important;
}

:root{
    --rp-gold-1:#fff6b0;
    --rp-gold-2:#f7d774;
    --rp-gold-3:#d4af37;
    --rp-gold-4:#b8860b;
    --rp-gold-5:#fff1a8;
}

.rp-premium-nav{position:sticky;top:0;z-index:2147483000;padding:10px 12px 6px;background:linear-gradient(180deg,rgba(4,8,19,.96),rgba(4,8,19,.74),transparent);backdrop-filter:blur(16px)}
.rp-premium-nav-shell{width:min(1540px,calc(100% - 10px));margin:0 auto;min-height:62px;display:grid;grid-template-columns:auto minmax(610px,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border-radius:23px;background:linear-gradient(135deg,rgba(12,19,35,.96),rgba(5,10,22,.98));border:1px solid rgba(212,175,55,.25);box-shadow:0 18px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)}
.rp-premium-brand-zone{display:flex;align-items:center;gap:10px;min-width:230px}.rp-premium-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important}.rp-premium-brand-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,var(--rp-gold-1),var(--rp-gold-3) 45%,var(--rp-gold-4) 75%,var(--rp-gold-5));box-shadow:0 8px 24px rgba(212,175,55,.25),inset 0 1px 0 rgba(255,255,255,.35)}.rp-premium-brand-text strong{display:block;font-size:20px;line-height:1;color:#fff;letter-spacing:-.05em}.rp-premium-brand-text small{display:block;margin-top:4px;color:#aab8d2;font-size:11px;white-space:nowrap}
.rp-premium-nav-menu{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.rp-premium-nav-menu>a,.rp-premium-more-btn{min-height:40px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:14px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.10)!important;color:#f7f9ff!important;text-decoration:none!important;font-weight:850!important;font-size:13px!important;white-space:nowrap!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;transition:.16s ease!important}.rp-premium-nav-menu>a span,.rp-premium-more-btn span{font-size:15px}
.rp-premium-nav-menu>a:hover,.rp-premium-nav-menu>a.active,.rp-premium-more-btn:hover,body.rp-premium-more-open .rp-premium-more-btn,.rp-premium-join{color:#2b1c00!important;background:linear-gradient(135deg,var(--rp-gold-1) 0%,var(--rp-gold-2) 18%,var(--rp-gold-3) 42%,var(--rp-gold-4) 68%,var(--rp-gold-5) 100%)!important;border-color:#d4af37!important;box-shadow:0 8px 24px rgba(212,175,55,.32)!important}
.rp-premium-more{position:relative}.rp-premium-more-btn{font-family:inherit!important;cursor:pointer!important}.rp-premium-more-btn b{font-size:11px;transition:.16s ease}body.rp-premium-more-open .rp-premium-more-btn b{transform:rotate(180deg)}
.rp-premium-more-menu{position:absolute;top:calc(100% + 10px);right:0;width:420px;max-height:min(70vh,620px);overflow:auto;padding:12px;border-radius:22px;display:none;grid-template-columns:1fr 1fr;gap:7px;background:linear-gradient(180deg,rgba(10,17,32,.99),rgba(4,8,19,.99));border:1px solid rgba(212,175,55,.24);box-shadow:0 24px 80px rgba(0,0,0,.56);z-index:2147483002}body.rp-premium-more-open .rp-premium-more-menu{display:grid}.rp-premium-more-menu strong{grid-column:1/-1;color:#d4af37;padding:4px 6px 6px;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.rp-premium-more-menu a,.rp-premium-more-menu button{min-height:40px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:9px!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.075)!important;color:#eef5ff!important;text-decoration:none!important;font-weight:820!important;font-family:inherit!important;cursor:pointer!important}.rp-premium-more-menu a:hover,.rp-premium-more-menu a.active,.rp-premium-more-menu button:hover{color:#d4af37!important;background:rgba(212,175,55,.12)!important;border-color:rgba(212,175,55,.25)!important}
.rp-premium-user-zone{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:230px}.rp-premium-notify{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10);color:#fff!important;text-decoration:none!important}.rp-premium-notify em{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;border:2px solid #080e1d;background:#fb355d;color:#fff;font-style:normal;font-size:10px;font-weight:950}.rp-premium-notify em:not(.has-new){background:#253247;color:#aab8d2}
.rp-premium-profile-btn{min-height:42px!important;min-width:205px!important;padding:4px 8px 4px 4px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;border-radius:16px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;text-align:left!important;cursor:pointer!important}.rp-premium-profile-btn img{width:34px;height:34px;border-radius:12px;object-fit:cover;border:2px solid rgba(212,175,55,.45)}.rp-premium-profile-meta strong{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;line-height:1.05}.rp-premium-profile-meta small{display:block;margin-top:2px;color:#d4af37;font-weight:850;font-size:11px;white-space:nowrap}
.rp-premium-profile-menu{position:absolute;top:calc(100% + 10px);right:0;width:250px;padding:10px;display:none;gap:7px;border-radius:20px;background:linear-gradient(180deg,rgba(10,17,32,.99),rgba(4,8,19,.99));border:1px solid rgba(212,175,55,.22);box-shadow:0 24px 80px rgba(0,0,0,.56);z-index:2147483002}body.rp-premium-profile-open .rp-premium-profile-menu{display:grid}.rp-premium-profile-menu a{min-height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);color:#eef5ff!important;text-decoration:none!important;font-weight:820}.rp-premium-profile-menu a:hover{color:#d4af37!important;background:rgba(212,175,55,.12)}
.rp-premium-login,.rp-premium-join{min-height:40px;display:inline-flex;align-items:center;padding:0 13px;border-radius:14px;text-decoration:none!important;font-weight:900}.rp-premium-login{color:#d8fff1!important;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.34)}
.rp-premium-mobile-toggle{display:none!important;width:40px;height:40px;border-radius:14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;padding:0!important}.rp-premium-mobile-toggle span{display:block;width:18px;height:2px;margin:3px auto;border-radius:99px;background:#fff}

@media(max-width:1320px){.rp-premium-nav-shell{grid-template-columns:auto 1fr auto;gap:8px}.rp-premium-brand-zone{min-width:200px}.rp-premium-brand-text small{display:none}.rp-premium-nav-menu>a,.rp-premium-more-btn{padding:0 8px!important;font-size:12px!important}.rp-premium-profile-btn{min-width:180px!important}}
@media(max-width:1100px){.rp-premium-nav-shell{grid-template-columns:1fr auto;align-items:center}.rp-premium-mobile-toggle{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center}.rp-premium-user-zone{grid-column:2;grid-row:1;min-width:0}.rp-premium-nav-menu{display:none;grid-column:1/-1;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.rp-premium-nav-open .rp-premium-nav-menu{display:grid}.rp-premium-nav-menu>a,.rp-premium-more,.rp-premium-more-btn{width:100%;justify-content:flex-start!important}.rp-premium-more-menu{position:static;width:100%;grid-column:1/-1;margin-top:8px}}
@media(max-width:760px){.rp-premium-nav{padding:8px}.rp-premium-nav-shell{width:100%;grid-template-columns:1fr;gap:9px;border-radius:20px}.rp-premium-brand-zone{min-width:0;width:100%}.rp-premium-user-zone{grid-column:1;width:100%;justify-content:stretch}.rp-premium-notify{flex:0 0 40px}.rp-premium-profile-btn{min-width:0!important;width:100%}.rp-premium-nav-menu{grid-template-columns:1fr}.rp-premium-more-menu{grid-template-columns:1fr;max-height:52vh}.rp-premium-profile-menu{position:fixed;left:10px;right:10px;top:92px;width:auto}}

/* HERO VOLLBREITE RADIOPUNKTE */
.rp-hero-ribbon-wrap{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important}
.rp-home-hero{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.rp-hero-main{width:100%!important;max-width:none!important;min-height:460px!important;padding:60px 80px!important;border-radius:0!important;box-sizing:border-box!important}
.rp-hero-main h1,.rp-hero-main p,.rp-hero-actions{max-width:1100px!important}.rp-hero-actions{margin-top:30px!important}
@media(max-width:900px){.rp-hero-main{padding:40px 24px!important;min-height:auto!important}.rp-hero-main h1{font-size:42px!important}}



/* === KORREKTUR STARTSEITE: Mikrofon nur in grossen Karten-Headern === */
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-section-head-header .card-header,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box .card-header{
  position:relative!important;
  overflow:hidden!important;
  min-height:58px!important;
  padding-right:96px!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .rp-section-head-header .card-header::after,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box .card-header::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  right:12px!important;
  width:76px!important;
  height:76px!important;
  transform:translateY(-50%) rotate(-3deg)!important;
  background:url("../img/deko/premium-microfon-freigestellt.png") center / contain no-repeat!important;
  opacity:.92!important;
  pointer-events:none!important;
  z-index:1!important;
  filter:drop-shadow(0 0 14px rgba(255,204,0,.38)) drop-shadow(0 8px 18px rgba(0,0,0,.45))!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child > *,
body.rp-page-index .rp-startseite-mic-cards .rp-section-head-header .card-header > *,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child > *,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child > *,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box .card-header > *{
  position:relative!important;
  z-index:2!important;
}

/* Wichtig: Sender-Karten nicht mehr zerziehen. Kein Mikrofon in den kleinen Sendernamen-Leisten. */
body.rp-page-index .rp-home-radio-card .rp-radio-name-header{
  min-height:auto!important;
  max-height:none!important;
  width:100%!important;
  padding:0!important;
  margin:0 0 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.rp-page-index .rp-home-radio-card .rp-radio-name-header::before,
body.rp-page-index .rp-home-radio-card .rp-radio-name-header::after{
  content:none!important;
  display:none!important;
}
body.rp-page-index .rp-home-radio-card .rp-radio-name-header h3{
  font-size:20px!important;
  line-height:1.18!important;
  margin:0!important;
  color:#fff!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

@media(max-width:780px){
  body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-section-head-header .card-header,
  body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box .card-header{
    padding-right:68px!important;
    min-height:50px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child::after,
  body.rp-page-index .rp-startseite-mic-cards .rp-section-head-header .card-header::after,
  body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child::after,
  body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child::after,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box .card-header::after{
    width:54px!important;
    height:54px!important;
    right:8px!important;
  }
}

/* =========================================================
   FIX 24.06: Startseite Senderkarten Header sauber ausrichten
   - kein automatischer Kartenkopf in den kleinen Senderkarten
   - Icon sitzt innerhalb der Leiste, nicht am linken Kartenrand
   - Header bleibt innerhalb der Karte und ist voll ausgerichtet
   - Hero-Box bleibt reines Bild ohne Textbereich
   ========================================================= */
body.rp-page-index .rp-home-hero.rp-home-hero-image-only,
body.rp-page-index .rp-hero-main.rp-hero-image-main{
  display:block!important;
}
body.rp-page-index .rp-hero-image-main .corner-ribbon,
body.rp-page-index .rp-hero-image-main .rp-kicker,
body.rp-page-index .rp-hero-image-main h1,
body.rp-page-index .rp-hero-image-main p,
body.rp-page-index .rp-hero-image-main .rp-hero-actions{
  display:none!important;
}

body.rp-page-index .rp-home-radio-card > .rp-card-auto-head,
body.rp-page-index .rp-home-radio-card .rp-card-auto-head{
  display:none!important;
}
body.rp-page-index .rp-home-radio-card.rp-card-auto-ready{
  padding:18px!important;
}

body.rp-page-index .rp-home-radio-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  padding:18px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
}
body.rp-page-index .rp-home-radio-card .rp-home-radio-logo{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  margin:0!important;
}
body.rp-page-index .rp-home-radio-card .rp-home-radio-body{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}
body.rp-page-index .rp-home-radio-card .rp-radio-name-header{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  margin:0 0 4px!important;
  padding:11px 14px 11px 56px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,rgba(255,211,61,.24),rgba(255,255,255,.07))!important;
  border:1px solid rgba(255,211,61,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.16)!important;
}
body.rp-page-index .rp-home-radio-card .rp-radio-name-header::before{
  content:"📻"!important;
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  width:34px!important;
  height:34px!important;
  transform:translateY(-50%)!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ffd84a,#ffac00)!important;
  color:#151000!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:0 7px 18px rgba(255,188,0,.22)!important;
  z-index:1!important;
}
body.rp-page-index .rp-home-radio-card .rp-radio-name-header::after{
  content:none!important;
  display:none!important;
}
body.rp-page-index .rp-home-radio-card .rp-radio-name-header h3{
  position:relative!important;
  z-index:2!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.18!important;
  font-weight:950!important;
  text-align:left!important;
  max-width:100%!important;
}

@media(max-width:780px){
  body.rp-page-index .rp-home-radio-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:13px!important;
    padding:14px!important;
  }
  body.rp-page-index .rp-home-radio-card .rp-home-radio-logo{
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
    min-height:88px!important;
  }
  body.rp-page-index .rp-home-radio-card .rp-radio-name-header{
    min-height:46px!important;
    padding:9px 12px 9px 50px!important;
    border-radius:14px!important;
  }
  body.rp-page-index .rp-home-radio-card .rp-radio-name-header::before{
    width:30px!important;
    height:30px!important;
    left:10px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  body.rp-page-index .rp-home-radio-card .rp-radio-name-header h3{
    font-size:16px!important;
  }
}

/* =========================================================
   FIX 24.06: Startseite alle Box-Header einheitlich
   - Top Radiosender, Neue Sender, Top Hörer bekommen denselben Premium-Header
   - Hero bleibt reines Bild ohne Textbereich
   - Senderkarten behalten saubere eigene Namen-Leiste
   ========================================================= */
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-start-card,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box{
  background:linear-gradient(180deg,rgba(29,35,53,.92),rgba(18,24,42,.94))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:26px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.055)!important;
  padding:0 22px 22px!important;
  overflow:hidden!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-top-radios-box{
  margin:0 0 28px!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:74px!important;
  margin:0 -22px 22px!important;
  padding:15px 112px 15px 22px!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(255,215,0,.28),rgba(255,172,0,.14),rgba(255,255,255,.04))!important;
  border:0!important;
  border-bottom:1px solid rgba(255,215,0,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header::after,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  width:86px!important;
  height:86px!important;
  transform:translateY(-50%) rotate(-3deg)!important;
  background:url("../img/deko/premium-microfon-freigestellt.png") center / contain no-repeat!important;
  opacity:.92!important;
  pointer-events:none!important;
  z-index:1!important;
  filter:drop-shadow(0 0 14px rgba(255,204,0,.38)) drop-shadow(0 8px 18px rgba(0,0,0,.45))!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header > *,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child > *,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child > *,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child > *,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child > *{
  position:relative!important;
  z-index:2!important;
}
body.rp-page-index .rp-startseite-mic-cards .card-header-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ffd84a,#ffac00)!important;
  color:#161100!important;
  font-size:21px!important;
  box-shadow:0 8px 22px rgba(255,188,0,.22)!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title h2,
body.rp-page-index .rp-startseite-mic-cards .card-header h2,
body.rp-page-index .rp-startseite-mic-cards .card-header h3{
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  text-shadow:0 0 16px rgba(255,215,0,.16)!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title p{
  margin:5px 0 0!important;
  color:#c7d2e5!important;
  font-size:14px!important;
  line-height:1.25!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-header-action{
  margin-left:auto!important;
  white-space:nowrap!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-top-radios-box .rp-home-radio-grid{
  margin:0!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-home-bottom-split .rp-home-list-box{
  min-height:100%!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-home-hero.rp-home-hero-image-only,
body.rp-page-index .rp-startseite-mic-cards .rp-hero-main.rp-hero-image-main{
  background:none!important;
}
body.rp-page-index .rp-startseite-mic-cards .rp-hero-image-main .corner-ribbon,
body.rp-page-index .rp-startseite-mic-cards .rp-hero-image-main .rp-kicker,
body.rp-page-index .rp-startseite-mic-cards .rp-hero-image-main h1,
body.rp-page-index .rp-startseite-mic-cards .rp-hero-image-main p,
body.rp-page-index .rp-startseite-mic-cards .rp-hero-image-main .rp-hero-actions{
  display:none!important;
}
@media(max-width:780px){
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-start-card,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box{
    padding:0 15px 16px!important;
    border-radius:22px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child{
    margin:0 -15px 16px!important;
    padding:12px 74px 12px 15px!important;
    min-height:62px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header::after,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child::after,
  body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child::after,
  body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child::after,
  body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child::after{
    width:58px!important;
    height:58px!important;
    right:8px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .card-header-icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    font-size:18px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title h2,
  body.rp-page-index .rp-startseite-mic-cards .card-header h2,
  body.rp-page-index .rp-startseite-mic-cards .card-header h3{
    font-size:17px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title p{
    font-size:12px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-header-action{
    display:none!important;
  }
}

/* =========================================================
   FIX 25.06: Startseite Radiologos größer und ohne schwarzen Hintergrund
   - Logos passen sich der Senderkarte an
   - kein dunkler/ schwarzer Logo-Kasten mehr
   - Logos werden größer dargestellt
========================================================= */
body.rp-page-index .rp-home-radio-card{
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:20px!important;
}
body.rp-page-index .rp-home-radio-card .rp-home-radio-logo,
body.rp-page-index .rp-home-radio-logo{
  width:150px!important;
  height:150px!important;
  min-width:150px!important;
  min-height:150px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:20px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.rp-page-index .rp-home-radio-card .rp-home-radio-logo img,
body.rp-page-index .rp-home-radio-logo img,
body.rp-page-index .rp-home-radio-card img,
body.rp-page-index img.radio-logo,
body.rp-page-index .radio-logo img{
  width:100%!important;
  height:100%!important;
  max-width:150px!important;
  max-height:150px!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0 auto!important;
  display:block!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.rp-page-index .rp-home-radio-body{
  align-self:stretch!important;
  justify-content:center!important;
}

@media(max-width:780px){
  body.rp-page-index .rp-home-radio-card{
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:14px!important;
    padding:16px!important;
  }
  body.rp-page-index .rp-home-radio-card .rp-home-radio-logo,
  body.rp-page-index .rp-home-radio-logo{
    width:118px!important;
    height:118px!important;
    min-width:118px!important;
    min-height:118px!important;
    border-radius:18px!important;
  }
  body.rp-page-index .rp-home-radio-card .rp-home-radio-logo img,
  body.rp-page-index .rp-home-radio-logo img,
  body.rp-page-index .rp-home-radio-card img,
  body.rp-page-index img.radio-logo,
  body.rp-page-index .radio-logo img{
    max-width:118px!important;
    max-height:118px!important;
    border-radius:14px!important;
  }
}

/* =========================================================
   FIX 25.06: Karten-Header Schrift und Inhalt mittig setzen
   - alle Startseiten-Kartenheader gleiche Höhe
   - Icon, Titel, Button und Mikrofon vertikal mittig
   - Titelbereich mittig ausgerichtet
========================================================= */
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:14px!important;
  padding:14px 112px 14px 22px!important;
  text-align:center!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header .card-header-icon,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child .card-header-icon,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child .card-header-icon,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child .card-header-icon,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child .card-header-icon{
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title,
body.rp-page-index .rp-startseite-mic-cards .card-header h2,
body.rp-page-index .rp-startseite-mic-cards .card-header h3{
  align-self:center!important;
  justify-self:center!important;
  text-align:center!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title h2,
body.rp-page-index .rp-startseite-mic-cards .card-header h2,
body.rp-page-index .rp-startseite-mic-cards .card-header h3{
  width:100%!important;
  text-align:center!important;
  margin:0!important;
  line-height:1.15!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title p{
  width:100%!important;
  text-align:center!important;
  margin:6px 0 0!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-header-action{
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header::after,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child::after,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child::after{
  top:50%!important;
  transform:translateY(-50%) rotate(-3deg)!important;
}

/* Karten-Titel der Senderkarten ebenfalls mittig */
body.rp-page-index .rp-radio-name-header,
body.rp-page-index .rp-radio-name-header h3{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}

body.rp-page-index .rp-home-radio-body{
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}

body.rp-page-index .rp-radio-card-actions{
  justify-content:center!important;
}

@media(max-width:780px){
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child{
    min-height:68px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:12px 72px 12px 14px!important;
    column-gap:10px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-header-action{
    display:none!important;
  }
}

/* =========================================================
   FIX 24.06: Karten-Header Hintergrund volle Breite
   - Header läuft bis an beide Kartenkanten
   - obere Rundungen passen zur Karte
   - Titel, Icon, Button und Mikrofon bleiben mittig
   ========================================================= */
body.rp-page-index .rp-startseite-mic-cards .rp-uniform-start-card,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card,
body.rp-page-index .rp-startseite-mic-cards .feature-box,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text{
  position:relative!important;
  overflow:hidden!important;
  padding:0 24px 24px!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header,
body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child{
  width:calc(100% + 48px)!important;
  max-width:none!important;
  margin:0 -24px 22px!important;
  min-height:86px!important;
  padding:16px 118px 16px 24px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  border-radius:24px 24px 0 0!important;
  background:linear-gradient(135deg,rgba(255,215,0,.34) 0%,rgba(255,172,0,.18) 42%,rgba(255,255,255,.06) 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,215,0,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  overflow:hidden!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title,
body.rp-page-index .rp-startseite-mic-cards .card-header h2,
body.rp-page-index .rp-startseite-mic-cards .card-header h3{
  text-align:center!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-title{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

body.rp-page-index .rp-startseite-mic-cards .rp-header-action{
  position:relative!important;
  z-index:3!important;
  margin-left:14px!important;
  flex:0 0 auto!important;
}

@media(max-width:780px){
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-start-card,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box,
  body.rp-page-index .rp-startseite-mic-cards .rp-big-card,
  body.rp-page-index .rp-startseite-mic-cards .feature-box,
  body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text{
    padding:0 15px 18px!important;
  }
  body.rp-page-index .rp-startseite-mic-cards .rp-uniform-card-header,
  body.rp-page-index .rp-startseite-mic-cards .rp-home-list-box > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-big-card > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .feature-box > .card-header:first-child,
  body.rp-page-index .rp-startseite-mic-cards .rp-seo-home-text > .card-header:first-child{
    width:calc(100% + 30px)!important;
    margin:0 -15px 18px!important;
    min-height:70px!important;
    padding:12px 72px 12px 15px!important;
    gap:10px!important;
    border-radius:22px 22px 0 0!important;
  }
}

/* === FIX: Premium Studio-Hintergrund feststehend === */
html{
  min-height:100%;
  background:#050812 url('../img/backgrounds/radiopunkte-studio-background.webp') center center / cover no-repeat fixed !important;
}
body{
  min-height:100%;
  background:
    linear-gradient(180deg,rgba(3,7,16,.72),rgba(3,7,16,.88)),
    url('../img/backgrounds/radiopunkte-studio-background.webp') center center / cover no-repeat fixed !important;
  background-attachment:fixed !important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,211,61,.10),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(170,70,255,.13),transparent 30%),
    linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.55));
}
@supports not (background-image:url('../img/backgrounds/radiopunkte-studio-background.webp')){
  html,
  body{
    background-image:url('../img/backgrounds/radiopunkte-studio-background.jpg') !important;
  }
}
@media(max-width:900px){
  html{background-attachment:scroll !important;}
  body{
    background-position:center top !important;
    background-attachment:scroll !important;
  }
  body::before{position:fixed;}
}

/* === Startseite: Bereichs-Navigation mit sauberem Scroll-Sprung === */
html{scroll-behavior:smooth;}
.rp-scroll-target{scroll-margin-top:130px;}
.rp-start-jumpnav{
  width:100%;
  margin:0 0 24px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px;
  border-radius:22px;
  background:rgba(8,14,30,.72);
  border:1px solid rgba(255,211,61,.18);
  box-shadow:0 18px 55px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
}
.rp-start-jumpnav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.10);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.rp-start-jumpnav a:hover{
  transform:translateY(-1px);
  color:#1b1300;
  background:linear-gradient(135deg,#ffd84a,#ffae00);
  border-color:rgba(255,216,74,.5);
}
@media(max-width:760px){
  .rp-scroll-target{scroll-margin-top:95px;}
  .rp-start-jumpnav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:10px;}
  .rp-start-jumpnav a{white-space:nowrap;font-size:14px;padding:0 13px;}
}


/* === Einheitliche Sprung-Navigation / Anker-Ziele === */
html{scroll-behavior:smooth;}
.rp-scroll-target,
#startseite,#top-radios,#warum-radiopunkte,#punkte-sammeln,#neue-sender,#top-hoerer,#betreiber,
#login-form,#register-form{
  scroll-margin-top:130px!important;
}
.rp-start-jumpnav a{cursor:pointer;}
@media(max-width:780px){
  .rp-scroll-target,
  #startseite,#top-radios,#warum-radiopunkte,#punkte-sammeln,#neue-sender,#top-hoerer,#betreiber,
  #login-form,#register-form{scroll-margin-top:95px!important;}
}

/* =========================================================
   FIX 25.06: Mobile Navigation wieder sichtbar + Hero-Bild sauber
   ========================================================= */
@media (max-width: 1100px){
  .rp-premium-nav{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  .rp-premium-nav-shell{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .rp-premium-brand-zone{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;}
  .rp-premium-mobile-toggle,
  header .rp-premium-mobile-toggle,
  button#rpPremiumMobileToggle{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .rp-premium-nav-menu{display:none!important;grid-column:1/-1!important;width:100%!important;grid-template-columns:1fr!important;gap:8px!important;}
  body.rp-premium-nav-open .rp-premium-nav-menu{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  body.rp-premium-nav-open .rp-premium-nav-menu > a,
  body.rp-premium-nav-open .rp-premium-more,
  body.rp-premium-nav-open .rp-premium-more-btn{width:100%!important;justify-content:flex-start!important;}
  .rp-premium-user-zone{grid-column:1/-1!important;width:100%!important;min-width:0!important;justify-content:stretch!important;}
  .rp-premium-login,.rp-premium-join{flex:1 1 auto!important;justify-content:center!important;}
}

@media (max-width: 768px){
  /* alte Regel hat alle Header-Buttons versteckt: Premium-Menuebutton wieder einschalten */
  header button#rpPremiumMobileToggle,
  .rp-premium-mobile-toggle{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.rp-premium-nav-open .rp-premium-nav-menu{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* Hero-Bild Startseite: korrekt ausrichten, kein Textbereich, kein falsches Padding */
body.rp-page-index .rp-hero-ribbon-wrap{overflow:hidden!important;}
body.rp-page-index .rp-home-hero.rp-home-hero-image-only,
body.rp-page-index .rp-startseite-mic-cards .rp-home-hero.rp-home-hero-image-only{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 26px!important;
  padding:0!important;
}
body.rp-page-index .rp-hero-main.rp-hero-image-main,
body.rp-page-index .rp-startseite-mic-cards .rp-hero-main.rp-hero-image-main{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:#050914!important;
  overflow:hidden!important;
}
body.rp-page-index .rp-hero-image-main picture,
body.rp-page-index .rp-hero-image-main img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media (max-width: 780px){
  body.rp-page-index .rp-hero-ribbon-wrap{margin-top:0!important;}
  body.rp-page-index .rp-hero-image-main img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* =========================================================
   FIX 25.06: Footer-Radioplayer mobil kompakt
   ========================================================= */
@media (max-width: 780px){
  body.has-footer-player{padding-bottom:86px!important;}
  .rp-footer-player,
  body .rp-footer-player{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    min-height:58px!important;
    max-height:74px!important;
    padding:8px 10px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .rp-player-left{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
  .rp-player-disc{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:13px!important;
  }
  .rp-player-disc span{font-size:18px!important;}
  .rp-player-meta{min-width:0!important;overflow:hidden!important;}
  .rp-player-meta strong{
    font-size:14px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .rp-player-meta small{
    font-size:11px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    margin-top:2px!important;
  }
  .rp-player-meta span{display:none!important;}
  .rp-player-center{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:auto!important;
  }
  .rp-round-btn,
  .rp-player-center .rp-round-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:15px!important;
  }
  .rp-confirm,
  .rp-player-center .rp-confirm{
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .rp-point-note,
  .rp-player-right,
  .rp-progress,
  .rp-guest-note{
    display:none!important;
  }
}

@media (max-width: 430px){
  body.has-footer-player{padding-bottom:78px!important;}
  .rp-footer-player,
  body .rp-footer-player{
    min-height:54px!important;
    max-height:66px!important;
    padding:7px 8px!important;
    border-radius:14px!important;
    gap:6px!important;
  }
  .rp-player-disc{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:11px!important;
  }
  .rp-player-disc span{font-size:16px!important;}
  .rp-player-meta strong{font-size:13px!important;}
  .rp-player-meta small{font-size:10px!important;}
  .rp-round-btn,
  .rp-player-center .rp-round-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    font-size:13px!important;
  }
  .rp-confirm,
  .rp-player-center .rp-confirm{
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
}


/* === Gäste: Headerbild auf allen öffentlichen Seiten (außer Startseite, dort ist es bereits die Hero-Box) === */
html{scroll-behavior:smooth;}
.rp-guest-page-hero{
  width:min(1280px,calc(100% - 36px));
  margin:18px auto 30px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(10,16,31,.72);
  box-shadow:0 34px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
  scroll-margin-top:120px;
}
.rp-guest-page-hero picture,.rp-guest-page-hero img{display:block;width:100%;}
.rp-guest-page-hero img{
  height:auto;
  max-height:420px;
  object-fit:cover;
  object-position:center center;
}
.rp-scroll-target,[id]{scroll-margin-top:120px;}
#login-form,#register-form{scroll-margin-top:140px;}
@media(max-width:780px){
  .rp-guest-page-hero{width:calc(100% - 18px);margin:10px auto 22px;border-radius:18px;scroll-margin-top:92px;}
  .rp-guest-page-hero img{min-height:175px;max-height:240px;object-fit:cover;object-position:center center;}
  .rp-scroll-target,[id]{scroll-margin-top:92px;}
  #login-form,#register-form{scroll-margin-top:105px;}
}


/* === FIX 25.06: Gast-Header vollständig anzeigen + Anker-Scroll repariert === */
html{scroll-behavior:smooth!important;}
.rp-premium-nav{scroll-margin-top:0!important;}
.rp-guest-page-hero{
  width:min(1280px,calc(100% - 36px))!important;
  margin:16px auto 30px!important;
  padding:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  line-height:0!important;
  background:#050914!important;
}
.rp-guest-page-hero picture,
.rp-guest-page-hero img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
body.rp-page-index .rp-hero-image-main img,
body.rp-page-index .rp-hero-image-main picture{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.rp-scroll-target,
[id]{
  scroll-margin-top:calc(var(--rp-fixed-header-offset, 125px) + 16px)!important;
}
#login-form,
#register-form{
  scroll-margin-top:calc(var(--rp-fixed-header-offset, 125px) + 28px)!important;
}
@media(max-width:780px){
  .rp-guest-page-hero{
    width:calc(100% - 18px)!important;
    margin:8px auto 22px!important;
    border-radius:18px!important;
  }
  .rp-guest-page-hero img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .rp-scroll-target,
  [id]{scroll-margin-top:calc(var(--rp-fixed-header-offset, 94px) + 14px)!important;}
  #login-form,
  #register-form{scroll-margin-top:calc(var(--rp-fixed-header-offset, 94px) + 24px)!important;}
}

/* === GAST-PLAYER: erst nach Klick auf Stream anzeigen + Footer-Navigation === */
body.rp-guest-user.has-footer-player{
  padding-bottom:86px!important;
}
body.rp-guest-user.rp-guest-player-closed .rp-footer-player,
body.rp-guest-user.rp-guest-player-closed .footer-player{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(calc(100% + 50px))!important;
  transition:opacity .22s ease, transform .28s ease, visibility .22s ease!important;
}
body.rp-guest-user.rp-guest-player-open .rp-footer-player,
body.rp-guest-user.rp-guest-player-open .footer-player{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:opacity .22s ease, transform .28s ease!important;
}
.rp-guest-player-close{
  position:absolute!important;
  top:8px!important;
  right:10px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  z-index:5!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.rp-guest-player-close:hover{
  background:linear-gradient(135deg,#ffd33d,#f59e0b)!important;
  color:#161100!important;
}
.rp-guest-footer-nav{
  position:fixed!important;
  left:50%!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  width:min(980px,calc(100% - 24px))!important;
  min-height:62px!important;
  z-index:58!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:22px!important;
  background:rgba(4,9,21,.94)!important;
  border:1px solid rgba(255,211,61,.32)!important;
  box-shadow:0 -18px 70px rgba(0,0,0,.42),0 0 44px rgba(255,211,61,.08)!important;
  backdrop-filter:blur(14px)!important;
}
.rp-guest-footer-nav a{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  min-height:46px!important;
  border-radius:16px!important;
  text-decoration:none!important;
  color:#eaf2ff!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  font-weight:900!important;
}
.rp-guest-footer-nav a span{font-size:18px!important;line-height:1!important;}
.rp-guest-footer-nav a b{font-size:12px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
.rp-guest-footer-nav a:hover,
.rp-guest-footer-nav a:focus{
  background:linear-gradient(135deg,#ffd33d,#f59e0b)!important;
  color:#151000!important;
  border-color:rgba(255,211,61,.8)!important;
}
.rp-guest-footer-nav .rp-guest-footer-join{
  background:linear-gradient(135deg,#ffd33d,#f59e0b)!important;
  color:#151000!important;
  border-color:rgba(255,211,61,.75)!important;
}
body.rp-guest-user.rp-guest-player-open .rp-guest-footer-nav{
  bottom:126px!important;
}
@media(max-width:780px){
  body.rp-guest-user.has-footer-player{padding-bottom:112px!important;}
  .rp-guest-footer-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    bottom:8px!important;
    width:calc(100% - 14px)!important;
    min-height:96px!important;
    gap:5px!important;
    padding:6px!important;
    border-radius:18px!important;
  }
  .rp-guest-footer-nav a{min-height:44px!important;border-radius:13px!important;}
  .rp-guest-footer-nav a span{font-size:16px!important;}
  .rp-guest-footer-nav a b{font-size:10px!important;}
  body.rp-guest-user.rp-guest-player-open .rp-guest-footer-nav{bottom:86px!important;}
  .rp-guest-player-close{top:5px!important;right:7px!important;width:28px!important;height:28px!important;min-width:28px!important;font-size:21px!important;}
}
@media(max-width:430px){
   .rp-guest-footer-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:104px!important;}
  body.rp-guest-user.has-footer-player{padding-bottom:120px!important;}
  body.rp-guest-user.rp-guest-player-open .rp-guest-footer-nav{bottom:86px!important;}
}

/* === FIX 25.06 FINAL: einheitlicher Header-Offset + sauberes Anker-Scrollen === */
:root{--rp-fixed-header-offset:110px;}
html{scroll-behavior:smooth!important;scroll-padding-top:calc(var(--rp-fixed-header-offset,110px) + 22px)!important;}
.rp-scroll-target,
main.wrap.page > section,
main.wrap.page > div[id],
#top-radios,#neue-sender,#top-hoerer,#warum-radiopunkte,#betreiber,#punkte-sammeln,#radiopunkte-info,#startseite,#seiten-header,#login-form,#register-form{
  scroll-margin-top:calc(var(--rp-fixed-header-offset,110px) + 22px)!important;
}
.rp-premium-header{position:sticky!important;top:0!important;z-index:1000!important;}
.rp-guest-page-hero{margin-top:14px!important;}
@media(max-width:780px){
  :root{--rp-fixed-header-offset:88px;}
  html{scroll-padding-top:calc(var(--rp-fixed-header-offset,88px) + 16px)!important;}
  .rp-scroll-target,
  main.wrap.page > section,
  main.wrap.page > div[id],
  #top-radios,#neue-sender,#top-hoerer,#warum-radiopunkte,#betreiber,#punkte-sammeln,#radiopunkte-info,#startseite,#seiten-header,#login-form,#register-form{
    scroll-margin-top:calc(var(--rp-fixed-header-offset,88px) + 16px)!important;
  }
}


/* =========================================================
   COMMUNITY 25.06: Kartenheader exakt wie Startseite (Mikrofon)
   Wird bewusst NACH allen Community-Regeln geladen und überschreibt sie.
   ========================================================= */
body.rp-page-community .rp-community-mic-cards .community-card,
body.rp-page-community .rp-community-mic-cards .collection-under-card{
  background:linear-gradient(180deg,rgba(29,35,53,.92),rgba(18,24,42,.94))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:26px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.055)!important;
  padding:0 22px 22px!important;
  overflow:hidden!important;
}
body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child,
body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child,
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:74px!important;
  margin:0 -22px 22px!important;
  padding:15px 112px 15px 22px!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(255,215,0,.28),rgba(255,172,0,.14),rgba(255,255,255,.04))!important;
  border:0!important;
  border-bottom:1px solid rgba(255,215,0,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child::after,
body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child::after,
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  width:86px!important;
  height:86px!important;
  transform:translateY(-50%) rotate(-3deg)!important;
  background:url("../img/deko/premium-microfon-freigestellt.png") center / contain no-repeat!important;
  opacity:.92!important;
  pointer-events:none!important;
  z-index:1!important;
  filter:drop-shadow(0 0 14px rgba(255,204,0,.38)) drop-shadow(0 8px 18px rgba(0,0,0,.45))!important;
}
body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child > *,
body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child > *,
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header > *{
  position:relative!important;
  z-index:2!important;
}
body.rp-page-community .rp-community-mic-cards .card-header-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ffd84a,#ffac00)!important;
  color:#161100!important;
  font-size:21px!important;
  box-shadow:0 8px 22px rgba(255,188,0,.22)!important;
}
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-title,
body.rp-page-community .rp-community-mic-cards .card-header > div:not(.card-header-icon){
  min-width:0!important;
  flex:1 1 auto!important;
}
body.rp-page-community .rp-community-mic-cards .card-header h1,
body.rp-page-community .rp-community-mic-cards .card-header h2,
body.rp-page-community .rp-community-mic-cards .card-header h3{
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  text-shadow:0 0 16px rgba(255,215,0,.16)!important;
}
body.rp-page-community .rp-community-mic-cards .card-header p,
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-title p{
  margin:5px 0 0!important;
  color:#c7d2e5!important;
  font-size:14px!important;
  line-height:1.25!important;
}
body.rp-page-community .rp-community-mic-cards .rp-header-action,
body.rp-page-community .rp-community-mic-cards .card-header .btn{
  margin-left:auto!important;
  white-space:nowrap!important;
}
@media(max-width:780px){
  body.rp-page-community .rp-community-mic-cards .community-card,
  body.rp-page-community .rp-community-mic-cards .collection-under-card{
    padding:0 15px 16px!important;
    border-radius:22px!important;
  }
  body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child,
  body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child,
  body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header{
    margin:0 -15px 16px!important;
    padding:12px 74px 12px 15px!important;
    min-height:62px!important;
  }
  body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child::after,
  body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child::after,
  body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header::after{
    width:58px!important;
    height:58px!important;
    right:8px!important;
  }
  body.rp-page-community .rp-community-mic-cards .card-header-icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  body.rp-page-community .rp-community-mic-cards .card-header h1,
  body.rp-page-community .rp-community-mic-cards .card-header h2,
  body.rp-page-community .rp-community-mic-cards .card-header h3{
    font-size:18px!important;
  }
}

/* COMMUNITY REPAIR 25.06 - restore full community, keep startpage mic header, smaller header text */
body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child,
body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child,
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header{
  min-height:92px!important;
  padding:18px 96px 18px 22px!important;
  overflow:hidden!important;
}
body.rp-page-community .rp-community-mic-cards .card-header-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  font-size:23px!important;
}
body.rp-page-community .rp-community-mic-cards .card-header h1,
body.rp-page-community .rp-community-mic-cards .card-header h2,
body.rp-page-community .rp-community-mic-cards .card-header h3{
  font-size:24px!important;
  line-height:1.12!important;
  max-width:100%!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  margin:0!important;
}
body.rp-page-community .rp-community-mic-cards .card-header p,
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-title p{
  font-size:15px!important;
  line-height:1.35!important;
}
body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child::after,
body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child::after,
body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header::after{
  width:92px!important;
  height:92px!important;
  right:10px!important;
}
body.rp-page-community .rp-community-mic-cards .community-favorites-box .card-header h2{font-size:21px!important;}
body.rp-page-community .community-stats .community-stat strong,
body.rp-page-community .community-stat strong{
  display:block!important;
  margin-top:7px!important;
  font-size:26px!important;
  line-height:1!important;
}
@media (max-width:700px){
  body.rp-page-community .rp-community-mic-cards .card-header h1,
  body.rp-page-community .rp-community-mic-cards .card-header h2,
  body.rp-page-community .rp-community-mic-cards .card-header h3{font-size:21px!important;}
  body.rp-page-community .rp-community-mic-cards .community-card > .card-header:first-child,
  body.rp-page-community .rp-community-mic-cards .collection-under-card > .card-header:first-child,
  body.rp-page-community .rp-community-mic-cards .rp-uniform-card-header{padding-right:72px!important;}
}

/* Profilseite: vollständiges Layout für die in profile.php verwendeten Klassen. */
.rp-profile-page{width:min(1440px,calc(100% - 28px));margin:24px auto 90px;position:relative;z-index:1}
.rp-facebook-profile-hero{padding:0!important;overflow:hidden;min-height:0!important;margin-bottom:20px}
.rp-profile-cover-stage{height:340px;position:relative;background:#121d31;overflow:hidden}
.rp-profile-cover-image{position:absolute;inset:0;background-image:var(--rp-cover);background-repeat:no-repeat;background-size:var(--rp-cover-fit,cover);background-position:var(--rp-cover-x,50%) var(--rp-cover-y,50%)}
.rp-profile-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,10,22,.82))}
.rp-profile-cover-actions{position:absolute;right:18px;bottom:18px;display:flex;gap:9px;z-index:2}.rp-cover-upload-form input[type=file],.rp-cover-edit-toggle{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.rp-profile-main-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:0 25px 22px;margin-top:-58px;position:relative;z-index:3}
.rp-profile-avatar-wrap{width:132px;height:132px}.rp-profile-avatar{display:block;width:132px;height:132px;border-radius:50%;overflow:hidden;border:5px solid #101a2d;background:#17243a;box-shadow:0 12px 35px rgba(0,0,0,.4);position:relative}.rp-profile-avatar img{width:100%;height:100%;object-fit:cover}.rp-profile-avatar input{display:none}.rp-profile-avatar span{position:absolute;left:0;right:0;bottom:0;padding:7px;text-align:center;background:rgba(0,0,0,.72);font-size:12px}
.rp-profile-title-area{padding-top:58px;min-width:0}.rp-profile-title-area h1{margin:2px 0 7px;overflow-wrap:anywhere}.rp-profile-kicker{color:#ffd51e;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.rp-profile-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;padding-top:58px}
.rp-cover-edit-box{display:none;padding:18px 24px 24px;border-top:1px solid rgba(255,255,255,.08)}.rp-cover-edit-toggle:checked~.rp-cover-edit-box{display:block}.rp-cover-edit-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:15px}.rp-cover-edit-grid label{display:grid;gap:7px}.rp-cover-edit-actions{display:flex;gap:9px;margin-top:14px}
.rp-profile-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:20px;align-items:start}.rp-profile-stream,.rp-profile-feed,.rp-profile-sidebar{display:grid;gap:18px;min-width:0}.rp-profile-page .profile-card{min-height:0}
.rp-profile-postline{display:grid;grid-template-columns:48px 1fr;gap:12px}.rp-profile-postline img,.rp-profile-feed-head img,.rp-profile-comment img,.rp-profile-mini-row img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#18243a}.rp-profile-postline textarea{min-height:105px;resize:vertical}.rp-profile-post-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.rp-profile-tool-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:11px;padding:8px 10px;cursor:pointer}.rp-profile-post-tools input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.rp-profile-post-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#9cb3c9}
.rp-profile-feed-head{display:flex;align-items:center;gap:11px}.rp-profile-feed-head div{display:grid}.rp-profile-feed-head small{color:#9cb3c9}.rp-profile-feed-text{font-size:16px;line-height:1.65;margin:16px 0;overflow-wrap:anywhere}.rp-profile-feed-image{margin:14px -18px}.rp-profile-feed-image img{display:block;width:100%;max-height:600px;object-fit:contain;background:#07101d}.rp-profile-feed-meta{padding:10px 0;border-top:1px solid rgba(255,255,255,.08);color:#9cb3c9}
.rp-profile-comments{display:grid;gap:10px}.rp-profile-comment{display:grid;grid-template-columns:38px 1fr;gap:9px}.rp-profile-comment img{width:38px;height:38px}.rp-profile-comment div{background:rgba(255,255,255,.055);padding:9px 12px;border-radius:14px}.rp-profile-comment p{margin:3px 0}.rp-profile-comment small{color:#9cb3c9}.rp-profile-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px}.rp-profile-comment-form input{margin:0}.rp-profile-comment-form button{border:0;border-radius:12px;padding:0 15px;background:#ffd51e;color:#07111f;font-weight:900}
.rp-profile-rank-badges,.rp-profile-side-body,.rp-profile-mini-list{display:grid;gap:10px}.rp-profile-rank-pill,.rp-profile-badge-list span{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,213,30,.22);background:rgba(255,213,30,.08);border-radius:12px;padding:9px 11px}.rp-profile-badge-list{display:flex;gap:7px;flex-wrap:wrap}.rp-profile-side-body>p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}.rp-profile-bio-box{margin-top:9px;padding:12px;border-radius:13px;background:rgba(255,255,255,.045)}.rp-profile-bio-form{display:grid;gap:9px}.rp-profile-mini-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}.rp-profile-mini-row.no-img{grid-template-columns:1fr}.rp-profile-mini-row div{display:grid;min-width:0}.rp-profile-mini-row small{color:#9cb3c9}.rp-profile-gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rp-profile-gift-grid article{display:grid;place-items:center;text-align:center;padding:12px;border-radius:13px;background:rgba(255,255,255,.055)}.rp-profile-gift-grid article span{font-size:28px}
@media(max-width:920px){.rp-profile-cover-stage{height:260px}.rp-profile-layout{grid-template-columns:1fr}.rp-profile-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-cover-edit-grid{grid-template-columns:1fr}.rp-profile-main-row{grid-template-columns:auto 1fr}.rp-profile-actions{grid-column:1/-1;padding-top:0;justify-content:flex-start}}
@media(max-width:620px){.rp-profile-page{width:min(100% - 16px,1440px);margin-top:12px}.rp-profile-cover-stage{height:210px}.rp-profile-main-row{display:flex;flex-direction:column;align-items:flex-start;margin-top:-48px;padding:0 15px 18px;gap:8px}.rp-profile-avatar-wrap,.rp-profile-avatar{width:105px;height:105px}.rp-profile-title-area,.rp-profile-actions{padding-top:0}.rp-profile-sidebar{grid-template-columns:1fr}.rp-profile-post-actions{align-items:stretch;flex-direction:column}.rp-profile-comment-form{grid-template-columns:1fr}.rp-profile-comment-form button{padding:11px}.rp-profile-cover-actions{right:10px;bottom:10px;flex-direction:column}.rp-profile-gift-grid{grid-template-columns:1fr 1fr}}

/* Benachrichtigungsfenster: war vorher nur in einer fehlenden Premium-CSS-Datei definiert. */
.rp-premium-notify-panel{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 24px));max-height:min(520px,70vh);overflow:hidden;z-index:1000;border:1px solid rgba(255,213,30,.25);border-radius:18px;background:#0d1829;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.rp-premium-notify-open .rp-premium-notify-panel{display:block}.rp-premium-notify-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.rp-premium-notify-panel header strong{color:#ffd51e}.rp-premium-notify-panel header button{width:32px;height:32px;padding:0;border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:22px}.rp-premium-notify-list{display:grid;max-height:430px;overflow:auto}.rp-premium-notify-list>p{margin:0;padding:18px;color:#9cb3c9}.rp-premium-notify-list>a{display:grid;gap:4px;padding:13px 16px;color:#edf6ff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}.rp-premium-notify-list>a:hover,.rp-premium-notify-list>a.is-new{background:rgba(255,213,30,.08)}.rp-premium-notify-list>a small{color:#9cb3c9}
@media(max-width:620px){.rp-premium-notify-panel{position:fixed;left:10px;right:10px;top:82px;width:auto}}

/* Shop-Effekt "Goldener Name" in allen Community-Mitgliederlisten. */
.rp-community-gold-name{color:#ffd24a!important;font-weight:950!important;text-shadow:0 0 7px rgba(255,210,74,.72),0 0 18px rgba(255,166,0,.42);background:linear-gradient(90deg,#fff3a3,#ffd24a 45%,#ffad21);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}


/* =========================================================
   Radiopunkte Magazin/Blog Bild-Fix
   Verhindert abgeschnittene Artikelbilder in allen Blogartikeln.
   Wichtig: object-fit: contain statt cover, damit Text im Bild sichtbar bleibt.
   ========================================================= */
.magazine-article-image,
.blog-article-image,
.rp-blog-article-image,
.rp-magazine-article-image,
.blog-detail img.featured-image,
.magazine-detail img.featured-image,
.article-featured-image,
.rp-article-featured-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
  border-radius:18px!important;
  background:#07101d!important;
}

.magazine-content img,
.blog-content img,
.rp-magazine-content img,
.rp-blog-content img,
.article-content img{
  display:block!important;
  max-width:100%!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:18px auto!important;
}

.magazine-thumb,
.blog-thumb,
.rp-magazine-thumb,
.rp-blog-thumb{
  width:100%!important;
  height:190px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#07101d!important;
}

@media (max-width:700px){
  .magazine-article-image,
  .blog-article-image,
  .rp-blog-article-image,
  .rp-magazine-article-image,
  .article-featured-image,
  .rp-article-featured-image{
    border-radius:14px!important;
  }
}