/* ChrisEmm obere moderne Navigation - ersetzt die alte linke Sidebar */
@media (min-width: 901px){
  .hamburgerTop{display:none!important;}
  .cem-modern-topnav{position:sticky;top:64px;z-index:850;margin:0 auto 14px;padding:0 14px;}
  .cem-modern-topnav-inner{max-width:1440px;margin:0 auto;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(8,13,28,.86),rgba(13,19,42,.78));backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.23);border-radius:24px;padding:8px;overflow-x:auto;scrollbar-width:thin;}
  .cem-modern-topnav .cem-app-nav{display:block!important;}
  .cem-modern-topnav .cem-app-nav-section{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;min-width:max-content;}
  .cem-modern-topnav .cem-app-nav-label{display:none!important;}
  .cem-modern-topnav .cem-app-nav-item-wrap{position:relative;flex:0 0 auto;}
  .cem-modern-topnav .cem-app-nav-item{min-height:42px!important;padding:10px 13px!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;color:#eef5ff!important;box-shadow:none!important;transform:none!important;}
  .cem-modern-topnav .cem-app-nav-item:hover{background:linear-gradient(135deg,rgba(91,140,255,.20),rgba(157,92,255,.14))!important;border-color:rgba(150,180,255,.25)!important;transform:translateY(-1px)!important;}
  .cem-modern-topnav .cem-app-nav-item.is-active{background:linear-gradient(135deg,rgba(91,140,255,.34),rgba(236,72,153,.18))!important;border-color:rgba(160,190,255,.36)!important;}
  .cem-modern-topnav .cem-app-nav-item.is-active:before{display:none!important;}
  .cem-modern-topnav .cem-app-nav-item i{width:auto!important;color:#c8d7ff!important;}
  .cem-modern-topnav .cem-app-nav-item span{max-width:130px;}
  .cem-modern-topnav .cem-app-subnav{position:absolute!important;left:0;top:calc(100% + 8px);z-index:950;min-width:210px;margin:0!important;padding:8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:rgba(10,16,34,.96)!important;box-shadow:0 22px 60px rgba(0,0,0,.38);display:none!important;}
  .cem-modern-topnav .has-children:hover .cem-app-subnav{display:flex!important;}
  .cem-modern-topnav .cem-app-subnav a{background:transparent!important;border-color:transparent!important;}
  .cem-modern-topnav .cem-app-badge{margin-left:4px;}
  body .cem-app-sidebar, body .cem-app-overlay{display:none!important;}
  body .page{padding-top:0!important;padding-bottom:24px!important;}
  body.chat-page-static .cem-modern-topnav{display:none!important;}
}
@media (max-width: 900px){
  .cem-modern-topnav{display:none!important;}
  .hamburgerTop{display:none!important;}
}


/* FINAL: zentrierte Eltern/Kind-Navigation ohne Burger-Menü */
.hamburgerTop,.navHandle,.sidenav,.nav-overlay{display:none!important}
@media (min-width:901px){
  .topbar{justify-content:space-between;gap:18px;}
  .cem-modern-topnav{position:sticky;top:66px;z-index:850;margin:0 auto 16px;padding:0 14px;}
  .cem-modern-topnav-inner{max-width:1180px;margin:0 auto;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(7,13,30,.94),rgba(12,20,44,.90));backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.25);border-radius:24px;padding:10px;overflow:visible;}
  .cem-top-parent-nav{display:block!important;width:100%;}
  .cem-top-parent-nav-inner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}
  .cem-nav-parent{position:relative;}
  .cem-nav-parent summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#eef5ff;font-weight:900;cursor:pointer;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
  .cem-nav-parent summary::-webkit-details-marker{display:none;}
  .cem-nav-parent summary i{color:#93c5fd;}
  .cem-nav-parent summary b{font-size:11px;color:#bcd0ef;transition:transform .16s ease;}
  .cem-nav-parent[open] summary b{transform:rotate(180deg);}
  .cem-nav-parent.is-active summary,.cem-nav-parent[open] summary{background:linear-gradient(135deg,rgba(59,130,246,.32),rgba(168,85,247,.18));border-color:rgba(147,197,253,.32);box-shadow:0 12px 34px rgba(37,99,235,.20);}
  .cem-nav-children{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);z-index:1200;min-width:245px;max-width:320px;padding:9px;border-radius:20px;background:rgba(8,14,30,.98);border:1px solid rgba(148,163,184,.20);box-shadow:0 24px 70px rgba(0,0,0,.46);display:grid;gap:6px;}
  .cem-nav-children:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}
  .cem-nav-child{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;color:#eaf2ff!important;text-decoration:none;background:rgba(255,255,255,.045);border:1px solid transparent;white-space:nowrap;}
  .cem-nav-child:hover,.cem-nav-child.is-active{background:rgba(59,130,246,.22);border-color:rgba(147,197,253,.22);transform:translateX(2px);}
  .cem-nav-child i{width:18px;text-align:center;color:#b9ccff;}
  .cem-app-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;}
}
@media (max-width:900px){.cem-modern-topnav{display:block!important;position:sticky;top:58px;z-index:850;padding:8px}.cem-modern-topnav-inner{background:rgba(8,14,30,.96);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:8px;overflow:visible}.cem-top-parent-nav-inner{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.cem-nav-parent{position:relative}.cem-nav-parent summary{list-style:none;display:flex;gap:7px;align-items:center;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.07);color:#eef5ff;font-weight:900}.cem-nav-parent summary::-webkit-details-marker{display:none}.cem-nav-children{position:fixed;left:10px;right:10px;top:112px;z-index:2000;display:grid;gap:6px;padding:10px;border-radius:18px;background:rgba(8,14,30,.98);border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 70px rgba(0,0,0,.48)}.cem-nav-child{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;background:rgba(255,255,255,.055);color:#eaf2ff!important;text-decoration:none}}


/* 2026-05-29 FINAL: volle Topnavigation, zentrierte Links, kein Burger */
.hamburgerTop,.navHandle,.sidenav,.nav-overlay,.cem-app-sidebar,.cem-app-overlay{display:none!important}
@media (min-width:901px){
  .cem-modern-topnav{position:sticky!important;top:0!important;z-index:1200!important;margin:0!important;padding:0!important;width:100%!important;background:linear-gradient(180deg,rgba(5,10,24,.96),rgba(7,13,30,.90));border-bottom:1px solid rgba(148,163,184,.16);box-shadow:0 10px 38px rgba(0,0,0,.24)}
  .cem-modern-topnav-inner{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:9px 18px!important;overflow:visible!important;display:flex!important;justify-content:center!important}
  .cem-top-parent-nav{width:100%!important;display:flex!important;justify-content:center!important}
  .cem-top-parent-nav-inner{width:100%;max-width:1180px;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin:0 auto!important}
  .cem-nav-parent{position:relative!important}
  .cem-nav-parent summary{list-style:none!important;display:flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;padding:9px 17px!important;border-radius:999px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.10)!important;color:#eef5ff!important;font-weight:900!important;cursor:pointer!important;user-select:none!important;white-space:nowrap!important}
  .cem-nav-parent summary::-webkit-details-marker{display:none!important}
  .cem-nav-parent summary i{color:#93c5fd!important}.cem-nav-parent summary b{font-size:11px;color:#c7d2fe;transition:.16s ease}.cem-nav-parent[open] summary b{transform:rotate(180deg)}
  .cem-nav-parent[open] summary,.cem-nav-parent.is-active summary{background:linear-gradient(135deg,rgba(37,99,235,.38),rgba(168,85,247,.22))!important;border-color:rgba(147,197,253,.35)!important;box-shadow:0 12px 36px rgba(37,99,235,.20)!important}
  .cem-nav-children{position:absolute!important;left:50%!important;top:calc(100% + 9px)!important;transform:translateX(-50%)!important;z-index:3000!important;min-width:260px!important;max-width:340px!important;padding:10px!important;border-radius:22px!important;background:rgba(7,13,30,.985)!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 26px 80px rgba(0,0,0,.52)!important;display:grid!important;gap:7px!important}
  .cem-nav-children:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .cem-nav-child{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:16px!important;color:#eaf2ff!important;text-decoration:none!important;background:rgba(255,255,255,.052)!important;border:1px solid transparent!important;white-space:nowrap!important;transition:.16s ease!important}
  .cem-nav-child:hover,.cem-nav-child.is-active{background:rgba(59,130,246,.22)!important;border-color:rgba(147,197,253,.22)!important;transform:translateY(-1px)!important}.cem-nav-child i{width:18px;text-align:center;color:#bfdbfe!important}.cem-app-badge{margin-left:auto!important}
  body .page{padding-top:18px!important}
}
@media(max-width:900px){
  .cem-modern-topnav{position:sticky!important;top:0!important;z-index:1200!important;display:block!important;background:rgba(7,13,30,.96);border-bottom:1px solid rgba(148,163,184,.16);padding:7px!important}.cem-modern-topnav-inner{border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;overflow:visible!important}.cem-top-parent-nav-inner{display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important}.cem-nav-parent summary{list-style:none!important;display:flex!important;align-items:center!important;gap:7px!important;padding:9px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;color:#eef5ff!important;font-weight:900!important}.cem-nav-parent summary::-webkit-details-marker{display:none!important}.cem-nav-children{position:fixed!important;left:10px!important;right:10px!important;top:70px!important;z-index:4000!important;display:grid!important;gap:7px!important;padding:10px!important;border-radius:20px!important;background:rgba(7,13,30,.985)!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 24px 70px rgba(0,0,0,.52)!important}.cem-nav-child{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:15px!important;background:rgba(255,255,255,.06)!important;color:#eaf2ff!important;text-decoration:none!important}
}

/* VIP Lounge / edler VIP-Raum */
body.cem-vip-room .cem-chat-main{background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.18),transparent 34%),linear-gradient(145deg,rgba(17,24,39,.96),rgba(50,28,7,.82))!important;border-color:rgba(250,204,21,.32)!important;box-shadow:0 24px 80px rgba(250,204,21,.12),0 18px 60px rgba(0,0,0,.34)!important}
body.cem-vip-room .cem-chat-hero{background:linear-gradient(135deg,rgba(120,53,15,.42),rgba(250,204,21,.14))!important;border-color:rgba(250,204,21,.28)!important}
body.cem-vip-room .cem-chat-room-icon{background:linear-gradient(135deg,#facc15,#b45309)!important;color:#111827!important;box-shadow:0 0 32px rgba(250,204,21,.30)!important}
body.cem-vip-room .cem-room-link.active{background:linear-gradient(135deg,rgba(250,204,21,.22),rgba(180,83,9,.16))!important;border-color:rgba(250,204,21,.28)!important}

/* Gerade passiert: saubere Sidebar-Karte */
.wall-live-inline{background:linear-gradient(145deg,rgba(8,13,28,.96),rgba(15,23,42,.90))!important;border:1px solid rgba(96,165,250,.20)!important;box-shadow:0 18px 48px rgba(2,8,23,.30)!important}.wall-live-inline .cem-inline-panel-head{background:linear-gradient(135deg,rgba(239,68,68,.16),rgba(249,115,22,.12),rgba(59,130,246,.10))!important}.wall-live-inline .cem-inline-panel-body a{grid-template-columns:34px minmax(0,1fr)!important;padding:11px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(59,130,246,.055))!important}.wall-live-inline .cem-inline-panel-body a b{width:34px!important;height:34px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(239,68,68,.20),rgba(59,130,246,.18))!important}

/* 2026-05-29: Radio-Gruppe + sauberes Live-Widget */
.wall-live-inline,.cem-inline-panel.wall-live-inline{border-radius:24px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(10,16,36,.98),rgba(15,23,42,.94))!important;border:1px solid rgba(96,165,250,.22)!important;box-shadow:0 22px 60px rgba(2,6,23,.34)!important}.wall-live-inline .cem-inline-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 15px!important;background:linear-gradient(135deg,rgba(239,68,68,.20),rgba(249,115,22,.12),rgba(59,130,246,.10))!important;border-bottom:1px solid rgba(148,163,184,.14)!important}.wall-live-inline .cem-inline-panel-head b{font-size:15px!important;color:#fff!important}.wall-live-inline .cem-inline-panel-head a{font-size:12px!important;color:#bfdbfe!important;text-decoration:none!important;font-weight:900!important}.wall-live-inline .cem-inline-panel-body{display:grid!important;gap:9px!important;padding:12px!important}.wall-live-inline .cem-inline-panel-body>*{margin:0!important}.wall-live-inline .cem-inline-panel-body a,.wall-live-inline .cem-inline-panel-body .cem-activity-item{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:10px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(59,130,246,.055))!important;border:1px solid rgba(148,163,184,.11)!important;color:#eaf2ff!important;text-decoration:none!important}.wall-live-inline .cem-inline-panel-body a:hover{border-color:rgba(96,165,250,.32)!important;transform:translateY(-1px)!important}.wall-live-inline .cem-inline-panel-body b:first-child{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(239,68,68,.22),rgba(59,130,246,.18))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}.wall-live-inline .cem-inline-panel-body span,.wall-live-inline .cem-inline-panel-body small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.wall-live-inline .cem-inline-panel-body small{color:#9fb0c8!important}