:root{--primary:#fff;--border:#ffa200;--btn:#3a5cfc;--btn-hover:#4337e1;--bg:#071326;--card:rgba(10,20,40,.72);--radius:7px;--header-h:96px;--footer-h:60px;--shout-h:48px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--primary)}body{background:#071326 radial-gradient(circle at 15% 10%,#102751 0,transparent 38%),radial-gradient(circle at 90% 90%,#111d45 0,transparent 42%);background-size:cover;background-position:center;background-attachment:fixed}a{color:inherit}.container{width:min(1240px,94vw);margin:auto}.site-header{position:fixed;inset:0 0 auto 0;z-index:30;background:rgba(5,14,30,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.header-flex{min-height:var(--header-h);display:flex;align-items:center;gap:18px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.logo-image{max-height:74px;max-width:280px;object-fit:contain}.logo-text h1{margin:0;font-size:1.45rem}.logo-text p{margin:3px 0 0;opacity:.75;font-size:.85rem}.header-right{margin-left:auto}.main-nav{list-style:none;display:flex;gap:4px;align-items:center;margin:0;padding:0}.main-nav a,.nav-btn{display:block;padding:9px 13px;border-radius:var(--radius);text-decoration:none;background:transparent;border:0;color:var(--primary);cursor:pointer;font:inherit}.main-nav a:hover,.main-nav a.active,.nav-btn:hover{background:rgba(255,255,255,.08)}.burger{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px}.main-content{padding:calc(var(--header-h) + 24px) 0 calc(var(--footer-h) + var(--shout-h) + 30px)}.widget-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 10px 35px rgba(0,0,0,.2)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:10px;margin-bottom:14px}.card-header h2{font-size:1.05rem;margin:0}.empty{padding:24px 12px;text-align:center;color:rgba(255,255,255,.48)}.stream-layout{display:flex;gap:18px}.dj-avatar{width:140px;height:204px;border:1px dashed var(--border);border-radius:var(--radius);display:grid;place-items:center;overflow:hidden;background:rgba(0,0,0,.18);flex:0 0 auto}.dj-avatar img{width:100%;height:100%;object-fit:contain}.stream-info{flex:1;display:flex;flex-direction:column;gap:11px;min-width:0}.info-row{display:flex;gap:10px;font-size:15px}.info-label{min-width:105px;color:var(--primary);opacity:.82}.info-value{font-weight:600;min-width:0;word-break:break-word}.player-buttons{display:flex;gap:9px;flex-wrap:wrap;padding-top:14px;margin-top:14px;border-top:1px solid rgba(255,255,255,.1)}.btn,.player-btn{background:var(--btn);color:#fff!important;border:0;border-radius:var(--radius);padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover,.player-btn:hover{background:var(--btn-hover)}.player-btn{flex:1;min-width:90px}.form-field{margin-bottom:12px}.form-field label{display:block;font-size:.8rem;opacity:.7;margin-bottom:5px}.form-input,textarea,select{width:100%;padding:10px 11px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.16);background:#091a31;color:#fff}textarea{min-height:90px}.list-item{padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);margin-bottom:9px;background:rgba(255,255,255,.03)}.list-item h3{font-size:.95rem;margin:0 0 5px;color:var(--border)}.meta{font-size:.76rem;opacity:.55}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.team-card{text-align:center}.team-avatar{height:170px;display:grid;place-items:center;overflow:hidden}.team-avatar img{max-width:100%;max-height:100%;object-fit:contain}.team-name{font-weight:700;margin-top:8px}.team-role{font-size:.78rem;opacity:.58}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.schedule-table th{font-size:.75rem;opacity:.65}.shoutbox-bar{position:fixed;left:0;right:0;bottom:var(--footer-h);height:var(--shout-h);z-index:25;background:rgba(5,14,30,.97);border-top:1px solid var(--border);display:flex;align-items:center}.shout-flex{display:flex;align-items:center;gap:12px;width:min(1240px,94vw);margin:auto}.shout-left{font-weight:700}.shout-ticker{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.social-footer{position:fixed;left:0;right:0;bottom:0;height:var(--footer-h);z-index:24;background:rgba(5,14,30,.98);border-top:1px solid var(--border);display:flex;align-items:center}.footer-flex{display:flex;justify-content:center;gap:15px;align-items:center;flex-wrap:wrap;font-size:.77rem}.modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.75);align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{width:min(560px,96vw);max-height:90vh;overflow:auto;background:#09182e;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-close{background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.tabs{display:flex;gap:6px;margin-bottom:14px}.tab{flex:1}.tab.active{outline:2px solid var(--border)}.panel{display:none}.panel.active{display:block}.alert{padding:10px;border-radius:6px;margin-bottom:10px}.alert.ok{background:rgba(0,210,90,.15);border:1px solid rgba(0,210,90,.3)}.alert.err{background:rgba(255,60,70,.15);border:1px solid rgba(255,60,70,.3)}.admin-grid{display:grid;grid-template-columns:220px 1fr;gap:18px}.admin-nav{position:sticky;top:calc(var(--header-h) + 18px);align-self:start}.admin-nav a{display:block;padding:9px;border-radius:6px;text-decoration:none}.admin-nav a:hover{background:rgba(255,255,255,.08)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.small{font-size:.78rem}.danger{background:#952d36}.partner-logo{max-width:100%;max-height:130px;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{text-align:center;padding:18px 8px;background:rgba(255,255,255,.04);border-radius:var(--radius)}.stat strong{display:block;font-size:1.6rem}.nowrap{white-space:nowrap}@media(max-width:850px){.burger{display:block}.header-right{display:none;position:absolute;top:100%;left:0;right:0;background:#071326;border-bottom:1px solid var(--border);padding:10px}.header-right.open{display:block}.main-nav{flex-direction:column;align-items:stretch}.widget-row{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-nav{position:static}.stream-layout{gap:10px}.dj-avatar{width:105px;height:155px}.info-row{flex-direction:column;gap:3px}.info-label{min-width:0}.logo-text h1{font-size:1.05rem}.logo-text p{font-size:.7rem}.logo-image{max-width:150px;max-height:64px}}@media(max-width:520px){.container{width:96vw}.card{padding:12px}.stats{grid-template-columns:1fr 1fr}.shout-left{display:none}.shout-flex{gap:6px}.btn{padding:8px 10px}.footer-flex{font-size:.68rem;gap:8px}.site-header{--header-h:82px}}

/* ===== Header 2026-08-15: breiter Banner + Navigation direkt darunter ===== */
:root{
  --header-h: 154px;
}
.site-header{
  width:100%;
}
.site-header .header-flex{
  width:100%;
  max-width:none;
  min-height:var(--header-h);
  margin:0;
  padding:0 20px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
}
.site-header .logo{
  width:100%;
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:5px 0;
  overflow:hidden;
}
.site-header .logo-image{
  width:min(100%, 1500px);
  max-width:100%;
  height:94px;
  max-height:94px;
  object-fit:contain;
  object-position:center;
  display:block;
  flex:1 1 auto;
}
.site-header .logo-text{
  flex:0 0 auto;
  text-align:center;
}
.site-header .header-right{
  width:100%;
  margin:0;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid rgba(255,255,255,.08);
}
.site-header .main-nav{
  width:100%;
  min-height:49px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}
.site-header .main-nav a,
.site-header .nav-btn{
  padding:8px 13px;
}
.main-content{
  padding-top:calc(var(--header-h) + 20px);
}
.admin-nav{
  top:calc(var(--header-h) + 18px);
}

@media (max-width:850px){
  :root{--header-h:96px;}
  .site-header .header-flex{
    min-height:var(--header-h);
    padding:0 12px;
    flex-direction:row;
    align-items:center;
    position:relative;
  }
  .site-header .logo{
    min-height:var(--header-h);
    width:calc(100% - 54px);
    justify-content:flex-start;
    padding:4px 0;
  }
  .site-header .logo-image{
    width:auto;
    max-width:min(72vw, 520px);
    height:78px;
    max-height:78px;
    flex:0 1 auto;
  }
  .site-header .logo-text{
    text-align:left;
  }
  .site-header .burger{
    display:block;
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
  }
  .site-header .header-right{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:100%;
    min-height:0;
    padding:8px 12px 12px;
    background:#071326;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid var(--border);
  }
  .site-header .header-right.open{
    display:block;
  }
  .site-header .main-nav{
    min-height:0;
    flex-direction:column;
    align-items:stretch;
  }
  .site-header .main-nav a,
  .site-header .nav-btn{
    width:100%;
    text-align:center;
  }
}

@media (max-width:520px){
  :root{--header-h:84px;}
  .site-header .logo{min-height:var(--header-h);}
  .site-header .logo-image{height:68px;max-height:68px;max-width:68vw;}
}


/* ===== Headerbild: volle Breite + gut lesbar ===== */
:root{
  --header-banner-h: clamp(120px, 14vw, 205px);
  --header-nav-h: 50px;
  --header-h: calc(var(--header-banner-h) + var(--header-nav-h));
}
.site-header .header-flex{
  padding:0 !important;
  overflow:visible;
}
.site-header .logo{
  position:relative;
  width:100%;
  height:var(--header-banner-h);
  min-height:var(--header-banner-h);
  padding:0 !important;
  margin:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.2);
}
.site-header .logo.has-image{
  display:block;
}
.site-header .logo.has-image .logo-image{
  display:block;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  max-height:none !important;
  margin:0;
  object-fit:cover;
  object-position:center center;
}
.site-header .logo.has-image .logo-text{
  display:none;
}
.site-header .logo:not(.has-image) .logo-text{
  width:100%;
  text-align:center;
}
.site-header .header-right{
  min-height:var(--header-nav-h);
  height:var(--header-nav-h);
  padding:0 16px;
  background:rgba(5,14,30,.98);
}
.site-header .main-nav{
  min-height:var(--header-nav-h);
}
.main-content{
  padding-top:calc(var(--header-h) + 18px) !important;
}
.admin-nav{
  top:calc(var(--header-h) + 18px) !important;
}

@media (max-width:850px){
  :root{
    --header-banner-h: clamp(84px, 24vw, 126px);
    --header-nav-h: 0px;
    --header-h: var(--header-banner-h);
  }
  .site-header .header-flex{
    min-height:var(--header-h) !important;
    padding:0 !important;
    display:block;
    position:relative;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    width:100%;
    height:var(--header-banner-h);
    min-height:var(--header-banner-h);
    padding:0 !important;
  }
  .site-header .logo.has-image .logo-image{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover;
    object-position:center center;
  }
  .site-header .burger{
    display:block;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:42px;
    height:42px;
    border-radius:8px;
    background:rgba(0,0,0,.55);
  }
  .site-header .header-right{
    top:100%;
    height:auto;
    padding:8px 12px 12px;
  }
}

@media (max-width:520px){
  :root{--header-banner-h:92px;}
}

/* ===== Header kompakter in der Hoehe ===== */
:root{
  --header-banner-h: clamp(82px, 8vw, 122px);
  --header-nav-h: 46px;
  --header-h: calc(var(--header-banner-h) + var(--header-nav-h));
}
.site-header .logo,
.site-header .logo.has-image{
  height:var(--header-banner-h) !important;
  min-height:var(--header-banner-h) !important;
}
.site-header .logo.has-image .logo-image{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.site-header .header-right,
.site-header .main-nav{
  min-height:var(--header-nav-h) !important;
  height:var(--header-nav-h) !important;
}
.site-header .main-nav a,
.site-header .nav-btn{
  padding:7px 12px !important;
}
.main-content{
  padding-top:calc(var(--header-h) + 14px) !important;
}
.admin-nav{
  top:calc(var(--header-h) + 14px) !important;
}

@media (max-width:850px){
  :root{
    --header-banner-h: clamp(68px, 18vw, 92px);
    --header-nav-h: 0px;
    --header-h: var(--header-banner-h);
  }
  .site-header .header-right{
    height:auto !important;
    min-height:0 !important;
  }
  .site-header .main-nav{
    height:auto !important;
    min-height:0 !important;
  }
}

@media (max-width:520px){
  :root{--header-banner-h:72px;}
}

/* ===== Header: Hoehe unveraendert, nur Breite voll ausnutzen ===== */
.site-header,
.site-header .header-flex,
.site-header .logo,
.site-header .logo.has-image{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.site-header .logo.has-image .logo-image{
  width:100% !important;
  max-width:none !important;
  height:var(--header-banner-h) !important;
  max-height:var(--header-banner-h) !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* ===== Header: Breite beibehalten, nur Hoehe etwas reduzieren ===== */
:root{
  --header-banner-h: clamp(74px, 7vw, 108px);
  --header-nav-h: 46px;
  --header-h: calc(var(--header-banner-h) + var(--header-nav-h));
}
.site-header,
.site-header .header-flex,
.site-header .logo,
.site-header .logo.has-image{
  width:100% !important;
  max-width:none !important;
}
.site-header .logo,
.site-header .logo.has-image{
  height:var(--header-banner-h) !important;
  min-height:var(--header-banner-h) !important;
  overflow:hidden !important;
}
.site-header .logo.has-image .logo-image{
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
.main-content{
  padding-top:calc(var(--header-h) + 14px) !important;
}
.admin-nav{
  top:calc(var(--header-h) + 14px) !important;
}

@media (max-width:850px){
  :root{
    --header-banner-h: clamp(66px, 17vw, 82px);
    --header-nav-h: 0px;
    --header-h: var(--header-banner-h);
  }
}
@media (max-width:520px){
  :root{--header-banner-h:64px;}
}

/* ===== Header feste Desktop-Groesse: 1920 x 100 px ===== */
:root{
  --header-banner-h:100px;
  --header-nav-h:46px;
  --header-h:146px;
}
.site-header .header-flex{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}
.site-header .logo,
.site-header .logo.has-image{
  width:min(1920px,100vw) !important;
  max-width:1920px !important;
  height:100px !important;
  min-height:100px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
}
.site-header .logo.has-image .logo-image{
  display:block !important;
  width:1920px !important;
  max-width:100% !important;
  height:100px !important;
  max-height:100px !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.site-header .header-right,
.site-header .main-nav{
  min-height:46px !important;
  height:46px !important;
}
.main-content{
  padding-top:160px !important;
}
.admin-nav{
  top:160px !important;
}

@media (max-width:850px){
  :root{
    --header-banner-h:100px;
    --header-nav-h:0px;
    --header-h:100px;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    width:100% !important;
    height:100px !important;
    min-height:100px !important;
  }
  .site-header .logo.has-image .logo-image{
    width:100% !important;
    height:100px !important;
    max-height:100px !important;
    object-fit:contain !important;
  }
  .site-header .header-right,
  .site-header .main-nav{
    height:auto !important;
    min-height:0 !important;
  }
  .main-content{
    padding-top:114px !important;
  }
  .admin-nav{
    top:114px !important;
  }
}


/* ===== Finaler Header fuer Pitbull-Party-Banner ===== */
:root{
  --header-banner-h:300px;
  --header-nav-h:50px;
  --header-h:350px;
}
.site-header{
  background:rgba(5,14,30,.98) !important;
}
.site-header .header-flex{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  min-height:var(--header-h) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:0 !important;
}
.site-header .logo,
.site-header .logo.has-image{
  width:min(1920px,100vw) !important;
  max-width:1920px !important;
  height:var(--header-banner-h) !important;
  min-height:var(--header-banner-h) !important;
  margin:0 auto !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#050e1e !important;
}
.site-header .logo.has-image .logo-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050e1e !important;
}
.site-header .logo.has-image .logo-text{
  display:none !important;
}
.site-header .header-right{
  width:100% !important;
  margin:0 !important;
  min-height:var(--header-nav-h) !important;
  height:var(--header-nav-h) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(5,14,30,.98) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.site-header .main-nav{
  width:min(1920px,100vw) !important;
  min-height:var(--header-nav-h) !important;
  height:var(--header-nav-h) !important;
  margin:0 auto !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
}
.main-content{
  padding-top:calc(var(--header-h) + 18px) !important;
}
.admin-nav{
  top:calc(var(--header-h) + 18px) !important;
}

@media (max-width:1200px){
  :root{
    --header-banner-h:240px;
    --header-nav-h:48px;
    --header-h:288px;
  }
}

@media (max-width:850px){
  :root{
    --header-banner-h:150px;
    --header-nav-h:0px;
    --header-h:150px;
  }
  .site-header .header-flex{
    min-height:var(--header-h) !important;
    display:block !important;
    position:relative !important;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    width:100% !important;
    max-width:none !important;
    height:var(--header-banner-h) !important;
    min-height:var(--header-banner-h) !important;
  }
  .site-header .logo.has-image .logo-image{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
  .site-header .burger{
    display:block !important;
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
    width:42px !important;
    height:42px !important;
    border-radius:8px !important;
    background:rgba(0,0,0,.55) !important;
  }
  .site-header .header-right{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:8px 12px 12px !important;
    background:#071326 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:1px solid var(--border) !important;
  }
  .site-header .header-right.open{
    display:block !important;
  }
  .site-header .main-nav{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .site-header .main-nav a,
  .site-header .nav-btn{
    width:100% !important;
    text-align:center !important;
  }
  .main-content{
    padding-top:calc(var(--header-h) + 14px) !important;
  }
  .admin-nav{
    top:calc(var(--header-h) + 14px) !important;
  }
}

@media (max-width:520px){
  :root{
    --header-banner-h:120px;
    --header-h:120px;
  }
}


/* ===== Final Override: Headerbild komplett in den Rahmen einpassen ===== */
:root{
  --header-banner-h: min(41.05vw, 788px);
  --header-nav-h: 50px;
  --header-h: calc(var(--header-banner-h) + var(--header-nav-h));
}
.site-header{
  background: rgba(5,14,30,.98) !important;
}
.site-header .header-flex{
  width:100% !important;
  max-width:none !important;
  min-height:var(--header-h) !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:0 !important;
}
.site-header .logo,
.site-header .logo.has-image{
  width:min(1920px, 100vw) !important;
  max-width:1920px !important;
  height:var(--header-banner-h) !important;
  min-height:var(--header-banner-h) !important;
  margin:0 auto !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#050e1e !important;
}
.site-header .logo.has-image .logo-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050e1e !important;
}
.site-header .logo.has-image .logo-text{
  display:none !important;
}
.site-header .header-right{
  width:100% !important;
  min-height:var(--header-nav-h) !important;
  height:var(--header-nav-h) !important;
  margin:0 !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(5,14,30,.98) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.site-header .main-nav{
  width:min(1920px, 100vw) !important;
  min-height:var(--header-nav-h) !important;
  height:var(--header-nav-h) !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}
.main-content{
  padding-top:calc(var(--header-h) + 18px) !important;
}
.admin-nav{
  top:calc(var(--header-h) + 18px) !important;
}

@media (max-width:850px){
  :root{
    --header-banner-h: min(41.05vw, 349px);
    --header-nav-h: 0px;
    --header-h: var(--header-banner-h);
  }
  .site-header .header-flex{
    min-height:var(--header-h) !important;
    display:block !important;
    position:relative !important;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    width:100% !important;
    max-width:none !important;
    height:var(--header-banner-h) !important;
    min-height:var(--header-banner-h) !important;
  }
  .site-header .logo.has-image .logo-image{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
  .site-header .burger{
    display:block !important;
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
    width:42px !important;
    height:42px !important;
    border-radius:8px !important;
    background:rgba(0,0,0,.55) !important;
  }
  .site-header .header-right{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:8px 12px 12px !important;
    background:#071326 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:1px solid var(--border) !important;
  }
  .site-header .header-right.open{
    display:block !important;
  }
  .site-header .main-nav{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .site-header .main-nav a,
  .site-header .nav-btn{
    width:100% !important;
    text-align:center !important;
  }
  .main-content{
    padding-top:calc(var(--header-h) + 14px) !important;
  }
  .admin-nav{
    top:calc(var(--header-h) + 14px) !important;
  }
}

/* ===== Normalzustand: kompakter Header-Rahmen ===== */
:root{
  --header-banner-h:150px;
  --header-nav-h:46px;
  --header-h:196px;
}
.site-header .header-flex{
  width:100% !important;
  max-width:none !important;
  min-height:var(--header-h) !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:0 !important;
}
.site-header .logo,
.site-header .logo.has-image{
  width:min(1920px,100vw) !important;
  max-width:1920px !important;
  height:var(--header-banner-h) !important;
  min-height:var(--header-banner-h) !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
  display:block !important;
  background:#050e1e !important;
}
.site-header .logo.has-image .logo-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center 48% !important;
}
.site-header .logo.has-image .logo-text{
  display:none !important;
}
.site-header .header-right{
  width:100% !important;
  height:var(--header-nav-h) !important;
  min-height:var(--header-nav-h) !important;
  margin:0 !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(5,14,30,.98) !important;
}
.site-header .main-nav{
  width:min(1920px,100vw) !important;
  height:var(--header-nav-h) !important;
  min-height:var(--header-nav-h) !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
.main-content{
  padding-top:calc(var(--header-h) + 16px) !important;
}
.admin-nav{
  top:calc(var(--header-h) + 16px) !important;
}

@media (max-width:850px){
  :root{
    --header-banner-h:110px;
    --header-nav-h:0px;
    --header-h:110px;
  }
  .site-header .header-flex{
    min-height:var(--header-h) !important;
    display:block !important;
    position:relative !important;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    width:100% !important;
    max-width:none !important;
    height:var(--header-banner-h) !important;
    min-height:var(--header-banner-h) !important;
  }
  .site-header .logo.has-image .logo-image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 48% !important;
  }
  .site-header .burger{
    display:block !important;
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
  }
  .site-header .header-right{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:8px 12px 12px !important;
  }
  .site-header .header-right.open{display:block !important;}
  .site-header .main-nav{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .main-content{padding-top:calc(var(--header-h) + 14px) !important;}
  .admin-nav{top:calc(var(--header-h) + 14px) !important;}
}

@media (max-width:520px){
  :root{
    --header-banner-h:88px;
    --header-h:88px;
  }
}


/* ===== Final: Header-Hoehe passend, ohne gequetschte Darstellung ===== */
:root{
  --header-banner-h:190px;
  --header-nav-h:46px;
  --header-h:236px;
}
.site-header .logo,
.site-header .logo.has-image{
  height:var(--header-banner-h) !important;
  min-height:var(--header-banner-h) !important;
}
.site-header .logo.has-image .logo-image{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 48% !important;
}
.main-content{
  padding-top:calc(var(--header-h) + 16px) !important;
}
.admin-nav{
  top:calc(var(--header-h) + 16px) !important;
}

@media (max-width:850px){
  :root{
    --header-banner-h:135px;
    --header-nav-h:0px;
    --header-h:135px;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    height:var(--header-banner-h) !important;
    min-height:var(--header-banner-h) !important;
  }
  .site-header .logo.has-image .logo-image{
    object-fit:cover !important;
    object-position:center 48% !important;
  }
}

@media (max-width:520px){
  :root{
    --header-banner-h:105px;
    --header-h:105px;
  }
}


/* ===== Final: Header exakt so breit wie der Kartenbereich ===== */
.site-header{
  width:100% !important;
}
.site-header .header-flex{
  width:min(1240px,94vw) !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:0 !important;
}
.site-header .logo,
.site-header .logo.has-image{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
.site-header .logo.has-image .logo-image{
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 48% !important;
}
.site-header .header-right{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
.site-header .main-nav{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}

@media(max-width:520px){
  .site-header .header-flex{
    width:96vw !important;
  }
}


/* ===== Final: Hintergrund hinter dem Header transparent ===== */
.site-header{
  background:transparent !important;
  backdrop-filter:none !important;
}
.site-header .header-flex,
.site-header .logo,
.site-header .logo.has-image{
  background:transparent !important;
}
.site-header .logo.has-image .logo-image{
  background:transparent !important;
}
/* Navigation bleibt separat lesbar */
.site-header .header-right{
  background:rgba(5,14,30,.96) !important;
}


/* ===== Final: Header UND Navigation komplett transparent ===== */
.site-header,
.site-header .header-flex,
.site-header .logo,
.site-header .logo.has-image,
.site-header .header-right,
.site-header .main-nav {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* Navigationspunkte ohne gefuellten Hintergrund */
.site-header .main-nav li,
.site-header .main-nav a,
.site-header .nav-btn {
  background: transparent !important;
  box-shadow: none !important;
}

/* Auch aktiv / Hover transparent halten */
.site-header .main-nav a:hover,
.site-header .main-nav a.active,
.site-header .main-nav a:focus,
.site-header .nav-btn:hover,
.site-header .nav-btn:focus {
  background: transparent !important;
  box-shadow: none !important;
}

/* Lesbarkeit auf dem Hintergrund erhalten */
.site-header .main-nav a,
.site-header .nav-btn {
  color: var(--primary) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.85);
}

/* Aktiven Menüpunkt nur dezent markieren, ohne Hintergrund */
.site-header .main-nav a.active {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* Rahmenlinie unter Navigation transparent */
.site-header,
.site-header .header-right {
  border-color: transparent !important;
}

@media (max-width:850px){
  .site-header .header-right,
  .site-header .header-right.open {
    background: rgba(5,14,30,.88) !important;
  }
}


/* ===== Final: Header und Navigation etwas tiefer setzen ===== */
.site-header .header-flex{
  padding-top: 18px !important;
}
.site-header .logo,
.site-header .logo.has-image{
  margin-top: 10px !important;
}
.site-header .header-right{
  margin-top: 12px !important;
}
.site-header .main-nav{
  margin-top: 6px !important;
}
.main-content{
  padding-top: calc(var(--header-h) + 46px) !important;
}
.admin-nav{
  top: calc(var(--header-h) + 46px) !important;
}

@media (max-width:850px){
  .site-header .header-flex{
    padding-top: 12px !important;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    margin-top: 8px !important;
  }
  .main-content{
    padding-top: calc(var(--header-h) + 28px) !important;
  }
  .admin-nav{
    top: calc(var(--header-h) + 28px) !important;
  }
}


/* ===== FINAL: Original-Header komplett sichtbar, proportional passend ===== */
.site-header{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
  z-index:30 !important;
}
.site-header .header-flex{
  width:min(1240px,94vw) !important;
  max-width:1240px !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:14px 0 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:0 !important;
  position:relative !important;
}
.site-header .logo,
.site-header .logo.has-image{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1920 / 788 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:transparent !important;
}
.site-header .logo.has-image .logo-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}
.site-header .logo.has-image .logo-text{
  display:none !important;
}
.site-header .header-right{
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
}
.site-header .main-nav{
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  background:transparent !important;
}
.site-header .main-nav li,
.site-header .main-nav a,
.site-header .nav-btn,
.site-header .main-nav a:hover,
.site-header .main-nav a.active,
.site-header .nav-btn:hover{
  background:transparent !important;
  box-shadow:none !important;
}
.site-header .main-nav a,
.site-header .nav-btn{
  color:var(--primary) !important;
  text-shadow:0 1px 3px rgba(0,0,0,.9) !important;
}
.site-header .main-nav a.active{
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:5px !important;
}
.main-content{
  padding-top:18px !important;
}
.admin-nav{
  top:18px !important;
}

@media (max-width:850px){
  .site-header .header-flex{
    width:96vw !important;
    padding-top:10px !important;
    display:block !important;
  }
  .site-header .logo,
  .site-header .logo.has-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1920 / 788 !important;
  }
  .site-header .burger{
    display:block !important;
    position:absolute !important;
    right:8px !important;
    top:18px !important;
    transform:none !important;
    z-index:5 !important;
    width:42px !important;
    height:42px !important;
    border-radius:8px !important;
    background:rgba(0,0,0,.50) !important;
  }
  .site-header .header-right{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px 12px 12px !important;
    background:rgba(5,14,30,.94) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    z-index:40 !important;
  }
  .site-header .header-right.open{
    display:block !important;
  }
  .site-header .main-nav{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .site-header .main-nav a,
  .site-header .nav-btn{
    width:100% !important;
    text-align:center !important;
  }
  .main-content{
    padding-top:14px !important;
  }
  .admin-nav{
    top:14px !important;
  }
}


/* ===== Startseite: Kacheln links/rechts, Mitte frei fuer Text ===== */
.home-three-column{
  display:grid;
  grid-template-columns:minmax(250px,300px) minmax(320px,1fr) minmax(250px,300px);
  gap:22px;
  align-items:start;
  width:100%;
}
.home-side{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.home-side .card{
  width:100%;
  margin:0;
  min-height:230px;
}
.home-side .stream-layout{
  gap:10px;
}
.home-side .dj-avatar{
  width:88px;
  height:120px;
}
.home-side .info-row{
  font-size:12px;
  gap:5px;
  flex-direction:column;
}
.home-side .info-label{
  min-width:0;
  font-size:11px;
}
.home-side .player-buttons{
  gap:5px;
}
.home-side .player-btn{
  min-width:0;
  padding:8px 7px;
  font-size:11px;
}
.home-center{
  min-height:720px;
  padding:8px 10px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.home-center-text{
  width:100%;
  max-width:760px;
  padding:22px 12px;
  font-size:16px;
  line-height:1.7;
  text-align:center;
  color:var(--primary);
  text-shadow:0 1px 3px rgba(0,0,0,.8);
}
.home-center-placeholder{
  opacity:.26;
  padding-top:45px;
  text-align:center;
  font-size:14px;
}

@media(max-width:1100px){
  .home-three-column{
    grid-template-columns:260px minmax(260px,1fr) 260px;
    gap:14px;
  }
  .home-side .card{padding:12px;}
}

@media(max-width:850px){
  .home-three-column{
    grid-template-columns:1fr;
  }
  .home-center{
    order:-1;
    min-height:180px;
    padding:0 4px 12px;
  }
  .home-left,.home-right{
    display:grid;
    grid-template-columns:1fr;
  }
  .home-side .card{
    min-height:0;
  }
}


/* ===== Final: Shoutbox-Leiste weg + Kacheln/Mitte transparent ===== */
:root{
  --card: transparent !important;
}
.shoutbox-bar{
  display:none !important;
}
.main-content{
  padding-bottom: calc(var(--footer-h) + 24px) !important;
}
.card,
.home-side .card,
.team-card,
.list-item,
.stat,
.home-center,
.home-center-text,
.home-center-placeholder,
.admin-nav{
  background: transparent !important;
  box-shadow: none !important;
}
.card,
.home-side .card,
.team-card,
.list-item,
.stat,
.home-center-text,
.admin-nav{
  border-color: rgba(255,255,255,.22) !important;
}
.home-center{
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: var(--radius) !important;
}
.card-header,
.player-buttons,
.schedule-table th,
.schedule-table td,
.admin-nav a,
.footer-flex,
.social-footer{
  background: transparent !important;
}
.social-footer{
  background: transparent !important;
  border-top-color: rgba(255,255,255,.15) !important;
}
.team-card .team-avatar,
.dj-avatar{
  background: rgba(255,255,255,.04) !important;
}
.form-input, textarea, select{
  background: rgba(9,26,49,.35) !important;
}
.modal-box{
  background: rgba(9,24,46,.78) !important;
}


/* ===== Final: Kacheln ohne Umrandung und noch transparenter ===== */
.card,
.home-side .card,
.team-card,
.list-item,
.stat,
.home-center,
.home-center-text,
.home-center-placeholder,
.admin-nav {
  background: rgba(255,255,255,0.015) !important;
  border: none !important;
  box-shadow: none !important;
}

.card-header,
.player-buttons,
.schedule-table th,
.schedule-table td,
.team-card .team-avatar,
.dj-avatar {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-center {
  background: rgba(255,255,255,0.01) !important;
  border: none !important;
}

.social-footer {
  background: transparent !important;
  border-top: none !important;
}

.form-input,
textarea,
select {
  background: rgba(9,26,49,0.22) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

.modal-box {
  background: rgba(9,24,46,0.72) !important;
}


/* ===== Final: Kacheln 100% transparent, ohne jede Folie ===== */
.card,
.home-side .card,
.team-card,
.list-item,
.stat,
.home-center,
.home-center-text,
.home-center-placeholder,
.admin-nav,
.team-avatar,
.dj-avatar,
.player-buttons,
.card-header {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.card::before,
.card::after,
.home-center::before,
.home-center::after,
.team-card::before,
.team-card::after {
  display: none !important;
  content: none !important;
}

.home-center {
  border: none !important;
  outline: none !important;
}

.list-item,
.stat {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ===== Final: Goldene Schrift in den Kacheln/Tafeln ===== */
:root{
  --panel-gold: #f4c85d;
  --panel-gold-strong: #ffd978;
  --panel-gold-soft: #d8a93a;
}

.card,
.home-side .card,
.home-center,
.home-center-text,
.home-center-placeholder,
.list-item,
.stat,
.team-card,
.admin-nav {
  color: var(--panel-gold) !important;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card strong,
.card-header h2,
.home-center-text,
.home-center-placeholder,
.team-name,
.list-item h3,
.stat strong {
  color: var(--panel-gold-strong) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.65);
}

.card p,
.card span,
.card div,
.card label,
.card td,
.card th,
.card a,
.card article,
.card small,
.home-center *,
.list-item *,
.stat *,
.team-card *,
.admin-nav a {
  color: var(--panel-gold) !important;
}

.info-label {
  color: var(--panel-gold-soft) !important;
}

.info-value,
.empty,
.meta,
.small,
.team-role,
.schedule-table th,
.schedule-table td {
  color: var(--panel-gold) !important;
}

.player-btn,
.btn {
  color: #fff7df !important;
}

.form-input,
textarea,
select {
  color: var(--panel-gold-strong) !important;
}

.form-field label {
  color: var(--panel-gold-soft) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(244,200,93,.72) !important;
}


/* ===== Admin-Kategorie: Startseiten-Kacheln verschieben/bearbeiten ===== */
.tile-note{margin:-3px 0 12px;font-size:.82rem;line-height:1.45;opacity:.92}
.tile-admin-help{margin:0 0 16px;line-height:1.55}
.tile-admin-board{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px;align-items:start}
.tile-drop-column{min-width:0}
.tile-drop-column h3{margin:0 0 8px;font-size:.95rem;text-align:center}
.tile-dropzone{min-height:180px;padding:8px;border:1px dashed rgba(244,200,93,.45);border-radius:10px;background:rgba(255,255,255,.02)}
.tile-editor{padding:12px;margin-bottom:10px;border:1px solid rgba(244,200,93,.35)!important;border-radius:9px;background:rgba(7,19,38,.62)!important;box-shadow:0 5px 16px rgba(0,0,0,.18)!important;cursor:grab}
.tile-editor:last-child{margin-bottom:0}.tile-editor.dragging{opacity:.42;cursor:grabbing}.tile-drag-head{display:flex;gap:8px;align-items:center;margin-bottom:10px;color:#ffd978!important}.tile-grip{font-size:1.1rem;opacity:.8}.tile-editor textarea{min-height:58px}.tile-editor .form-field{margin-bottom:9px}.tile-editor .form-field:last-child{margin-bottom:0}
@media(max-width:1000px){.tile-admin-board{grid-template-columns:1fr 1fr}.tile-drop-column:last-child{grid-column:1/-1}}
@media(max-width:650px){.tile-admin-board{grid-template-columns:1fr}.tile-drop-column:last-child{grid-column:auto}}

.tile-editor-tools{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin-bottom:9px}.tile-editor-tools .form-input{padding:7px 8px}.tile-editor-tools .btn{padding:7px 10px;min-width:36px}

/* ===== Stream-Einstellungen / Bild hinzufuegen ===== */
.settings-block{padding:14px 0 18px;margin-bottom:14px;border-bottom:1px solid rgba(244,200,93,.22)}
.settings-block h3{margin:0 0 14px;color:var(--panel-gold-strong,#ffd978)}
.stream-settings-block{padding:16px;border-radius:10px;background:rgba(0,0,0,.12)!important}
.stream-check label{font-weight:700;cursor:pointer}
.stream-image-admin{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.stream-image-preview,.stream-image-empty{width:150px;height:115px;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.18);display:grid;place-items:center}
.stream-image-empty{font-size:12px;opacity:.65}
.stream-image-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.file-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
.stream-image-button{cursor:pointer!important;min-width:155px}
.remove-image-check{font-size:12px;cursor:pointer}
.stream-detect-info{font-size:12px;opacity:.75;line-height:1.5;margin-top:8px}
@media(max-width:600px){.stream-image-admin{align-items:flex-start;flex-direction:column}.stream-image-preview,.stream-image-empty{width:130px;height:100px}}


/* ===== Aktueller Moderator: DJ-Bild groesser und quadratisch ===== */
.home-tile[data-tile="current"] .dj-avatar{
  width:118px !important;
  height:118px !important;
  min-width:118px !important;
  min-height:118px !important;
  aspect-ratio:1 / 1 !important;
  border-radius:10px !important;
  overflow:hidden !important;
}
.home-tile[data-tile="current"] .dj-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
.home-tile[data-tile="current"] .stream-layout{
  align-items:flex-start !important;
  gap:12px !important;
}

@media(max-width:850px){
  .home-tile[data-tile="current"] .dj-avatar{
    width:108px !important;
    height:108px !important;
    min-width:108px !important;
    min-height:108px !important;
  }
}


/* ===== Mittelbereich Startseite: Text + Bilder untereinander ===== */
.home-center{
  align-items:flex-start !important;
  justify-content:center !important;
}
.home-center-content{
  width:100%;
  max-width:760px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
  background:transparent !important;
}
.home-center-text{
  width:100%;
  max-width:none !important;
  padding:12px 6px !important;
  text-align:center;
  background:transparent !important;
}
.home-center-images{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
  background:transparent !important;
}
.home-center-image{
  display:block;
  width:100%;
  height:auto;
  max-height:620px;
  object-fit:contain;
  border:0;
  border-radius:10px;
  box-shadow:none;
  background:transparent;
}
.middle-admin-help{margin:0 0 18px;line-height:1.55}
.center-images-button{width:max-content;margin-top:4px}
.center-images-selected{font-size:.8rem;opacity:.72;margin-top:8px;word-break:break-word}
.center-image-admin-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.center-image-admin-list h3{margin:0 0 4px}
.center-image-admin-row{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.10)}
.center-image-admin-row img{width:150px;height:100px;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.12)}
.center-image-admin-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}
.center-image-admin-info span{font-size:.78rem;opacity:.72}
@media(max-width:650px){
  .center-image-admin-row{align-items:flex-start;flex-direction:column}
  .center-image-admin-row img{width:100%;height:auto;max-height:220px}
  .home-center-image{max-height:none}
}


/* ===== Admin: Symbole/Namen der Moderator-Anzeige ===== */
.stream-label-settings{
  margin:14px 0;
  padding:14px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.stream-label-settings h4{
  margin:0 0 12px;
  color:var(--panel-gold-strong,#ffd978) !important;
}
.stream-label-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 14px;
}
@media(max-width:700px){
  .stream-label-grid{grid-template-columns:1fr;}
}


/* ===== Admin: Header- & Hintergrund-Galerie ===== */
.appearance-help{margin:0 0 14px;line-height:1.55;opacity:.9}
.appearance-current-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.appearance-current-box{padding:12px;border:1px solid rgba(244,200,93,.24);border-radius:10px;background:rgba(0,0,0,.12)}
.appearance-current-box>strong{display:block;margin-bottom:9px}
.appearance-current-box img{width:100%;height:150px;object-fit:contain;display:block;border-radius:8px;background:rgba(0,0,0,.12);margin-bottom:9px}
.appearance-empty{height:100px;display:grid;place-items:center;opacity:.55;margin-bottom:9px}
.appearance-upload-form{margin:16px 0 20px}
.appearance-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.appearance-item{padding:10px;border-radius:10px;background:rgba(0,0,0,.10);outline:1px solid rgba(255,255,255,.08)}
.appearance-item.is-header,.appearance-item.is-background{outline-color:rgba(244,200,93,.5)}
.appearance-thumb{height:130px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:rgba(0,0,0,.16)}
.appearance-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.appearance-name{font-size:.76rem;word-break:break-all;opacity:.72;margin:7px 0}
.appearance-badges{display:flex;gap:5px;flex-wrap:wrap;min-height:22px}
.appearance-badges span{font-size:.65rem;font-weight:800;padding:3px 6px;border-radius:999px;background:rgba(244,200,93,.14);color:#ffd978!important}
.appearance-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.appearance-actions form,.appearance-actions button{width:100%}
@media(max-width:700px){.appearance-current-grid{grid-template-columns:1fr}.appearance-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.appearance-gallery{grid-template-columns:1fr}}


/* ===== Eigene Startseiten-Kacheln mit Bild + URL ===== */
.custom-tile-create{margin:12px 0 20px;padding:14px 0;border-top:1px solid rgba(244,200,93,.22);border-bottom:1px solid rgba(244,200,93,.22)}
.custom-tile-create h3{margin:0 0 12px;color:var(--panel-gold-strong,#ffd978)!important}
.custom-tile-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.custom-tile-image{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;object-position:center;border-radius:10px}
.custom-tile-link{display:block;text-decoration:none}
.custom-tile-url{display:inline-flex;margin-top:10px;text-decoration:none;font-weight:700;color:var(--panel-gold-strong,#ffd978)!important}
.custom-tile-url:hover{text-decoration:underline}
.custom-tile-admin-preview{display:block;width:100%;max-height:140px;object-fit:contain;border-radius:8px;margin:4px 0 10px}
.custom-tile-editor-extra{margin-top:8px}
.custom-tile-delete-list{margin-top:18px;padding-top:12px;border-top:1px solid rgba(244,200,93,.22)}
.custom-tile-delete-list h3{margin:0 0 10px}
.custom-tile-delete-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}
@media(max-width:850px){.custom-tile-create-grid{grid-template-columns:1fr}}


/* ===== TeamSpeak-Kacheln ===== */
.teamspeak-tile-url{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-weight:700;text-decoration:none}.teamspeak-tile-link .custom-tile-image{cursor:pointer}


/* ===== Moderner Sendeplan / Themen / DJ-Vorlagen / Team-Editor ===== */
.schedule-live-hint{font-size:.75rem;opacity:.8}.schedule-days{display:flex;flex-direction:column;gap:18px}.schedule-day{padding:12px 0}.schedule-day-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:1rem}.schedule-day-head strong{font-size:1.1rem}.schedule-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.schedule-slot{display:flex;gap:12px;padding:14px;border-radius:12px;background:rgba(0,0,0,.16);border:1px solid rgba(244,200,93,.18)}.schedule-slot.is-live{box-shadow:0 0 0 2px rgba(255,210,80,.35),0 0 26px rgba(255,180,0,.18)}.schedule-avatar{width:72px;height:72px;object-fit:cover;border-radius:10px;flex:0 0 auto}.schedule-slot-main{min-width:0}.schedule-time{font-size:.8rem;opacity:.85}.schedule-dj{font-weight:800;font-size:1.05rem;margin:4px 0}.schedule-topic{font-weight:700}.schedule-desc{font-size:.82rem;opacity:.72;margin-top:5px}.live-pill{display:inline-block;margin-left:8px;font-size:.7rem;font-weight:800;padding:3px 7px;border-radius:999px;background:rgba(255,0,0,.18);color:#ffb2b2!important}.schedule-form-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.schedule-form-wide{grid-column:1/-1}.schedule-admin-list{margin-top:22px}.schedule-admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.topic-edit-row{display:grid;grid-template-columns:1fr 2fr auto auto;gap:8px;align-items:center;margin-top:12px}.topic-delete-form{display:flex;justify-content:flex-end;margin-top:-40px;margin-bottom:10px}.template-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.template-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;border-radius:10px;background:rgba(0,0,0,.12)}.template-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.template-apply{display:flex;gap:6px;align-items:center}.template-apply .form-input{min-width:150px}.team-category{margin:10px 0 24px}.team-category>h3{margin:0 0 10px}.team-edit-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.team-edit-avatar{width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:10px}.team-edit-avatar img{width:100%;height:100%;object-fit:cover}.team-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px;margin-top:7px}.team-edit-grid label{font-size:.72rem;opacity:.75;display:block;margin-bottom:3px}
@media(max-width:950px){.schedule-form-grid{grid-template-columns:1fr 1fr}.team-edit-grid{grid-template-columns:1fr 1fr}.topic-edit-row{grid-template-columns:1fr}.topic-delete-form{margin:4px 0 12px;justify-content:flex-start}.template-card{align-items:flex-start;flex-direction:column}.team-edit-row{grid-template-columns:64px 1fr}.team-edit-row>.btn{grid-column:1/-1}.schedule-admin-row{align-items:flex-start}}
@media(max-width:600px){.schedule-form-grid,.team-edit-grid{grid-template-columns:1fr}.schedule-form-wide{grid-column:auto}.schedule-slots{grid-template-columns:1fr}.schedule-slot{padding:10px}.schedule-avatar{width:58px;height:58px}.template-apply{flex-direction:column;align-items:stretch}.team-edit-row{grid-template-columns:1fr}.team-edit-avatar{margin:auto}}


/* ===== Admin-Menue 2026: klare Kategorien + eigene Rollen ===== */
.admin-nav{padding:14px !important;}
.admin-nav>strong{display:block;font-size:1.08rem;margin-bottom:12px;color:var(--panel-gold-strong,#ffd978) !important;}
.admin-nav-group{margin:0 0 15px;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.10);}
.admin-nav-group:last-child{border-bottom:0;margin-bottom:0;}
.admin-nav-group>span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;opacity:.72;margin:0 0 5px;padding:0 8px;}
.admin-nav-group a{display:block;padding:8px 9px !important;margin:2px 0;border-radius:7px;text-decoration:none;}
.admin-nav-group a:hover{background:rgba(255,255,255,.06) !important;}
.roles-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.roles-column{min-width:0;}
.role-card{padding:14px;margin-bottom:14px;border:1px solid rgba(255,215,120,.22);border-radius:10px;background:rgba(0,0,0,.08) !important;}
.role-card-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:12px;}
.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:10px 0 14px;}
.permission-group-title{grid-column:1/-1;font-size:.75rem;font-weight:800;opacity:.75;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);}
.permission-check{display:flex;align-items:flex-start;gap:7px;font-size:.82rem;line-height:1.3;}
.permission-check input{margin-top:2px;}
.role-user-list{display:flex;flex-direction:column;gap:8px;}
.role-user-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(250px,1.5fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.role-assign-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;}
.system-admin-badge{display:inline-flex;justify-self:start;padding:6px 9px;border-radius:999px;background:rgba(255,200,70,.12);font-size:.78rem;font-weight:700;}
@media(max-width:950px){.roles-layout{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.role-user-row{grid-template-columns:1fr}.role-assign-form{grid-template-columns:1fr auto}}
@media(max-width:600px){.role-assign-form{grid-template-columns:1fr}.role-card-head{grid-template-columns:1fr}}

.role-delete-form{margin-top:8px;}


/* ===== Final: Teamliste mittig + Team-Bilder breiter ===== */
.team-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(220px, 260px)) !important;
  justify-content:center !important;
  justify-items:center !important;
  align-items:start !important;
  gap:20px !important;
  width:100% !important;
  margin:0 auto !important;
}

.team-card{
  width:100% !important;
  max-width:260px !important;
  margin:0 auto !important;
  text-align:center !important;
}

.team-avatar{
  width:100% !important;
  height:190px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  margin:0 auto 10px !important;
}

.team-avatar img{
  width:100% !important;
  max-width:240px !important;
  height:100% !important;
  max-height:190px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  margin:0 auto !important;
}

.team-name,
.team-role{
  text-align:center !important;
  width:100% !important;
}

@media(max-width:850px){
  .team-grid{
    grid-template-columns:repeat(auto-fit, minmax(190px, 230px)) !important;
    gap:16px !important;
  }
  .team-card{
    max-width:230px !important;
  }
  .team-avatar{
    height:175px !important;
  }
  .team-avatar img{
    max-width:215px !important;
    max-height:175px !important;
  }
}

@media(max-width:520px){
  .team-grid{
    grid-template-columns:minmax(0, 260px) !important;
  }
  .team-card{
    max-width:260px !important;
  }
}


/* ===== Teamseite: breitere Bilder + Seitenkacheln sichtbar ===== */
.team-page-three-column{grid-template-columns:minmax(210px,245px) minmax(0,1fr) minmax(210px,245px) !important;gap:18px !important;align-items:start !important;}
.team-page-center{min-width:0;width:100%;}
.team-modern{width:100% !important;margin:0 auto !important;}
.team-modern .team-category>h3{text-align:center !important;margin-bottom:14px !important;}
.team-modern .team-grid{grid-template-columns:repeat(auto-fit,minmax(270px,310px)) !important;justify-content:center !important;gap:22px !important;}
.team-modern .team-card{max-width:310px !important;width:100% !important;}
.team-modern .team-avatar{width:100% !important;height:215px !important;}
.team-modern .team-avatar img{width:100% !important;max-width:295px !important;height:100% !important;max-height:215px !important;object-fit:contain !important;}
.team-page-side .home-tile{min-height:0 !important;}
.team-page-side .team-grid{grid-template-columns:1fr !important;}

/* ===== Benutzerstatus ===== */
.user-status-list{display:flex;flex-direction:column;gap:8px;}
.user-status-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(260px,1.4fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.10);}
.user-status-main{display:flex;align-items:center;gap:10px;min-width:0;}
.user-status-dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex:0 0 auto;box-shadow:0 0 10px currentColor;}
.user-status-dot.is-active{background:#4ee58a;color:#4ee58a;}
.user-status-dot.is-inactive{background:#ff6670;color:#ff6670;}
.user-status-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem;opacity:.9;}
.user-status-action{display:flex;justify-content:flex-end;}
@media(max-width:1180px){.team-page-three-column{grid-template-columns:220px minmax(0,1fr) 220px !important;gap:12px !important;}.team-modern .team-grid{grid-template-columns:minmax(260px,300px) !important;}.team-modern .team-card{max-width:300px !important;}}
@media(max-width:900px){.team-page-three-column{grid-template-columns:1fr !important;}.team-page-center{order:-1;}.team-page-side{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}.user-status-row{grid-template-columns:1fr;}.user-status-action{justify-content:flex-start;}}
@media(max-width:560px){.team-page-side{grid-template-columns:1fr !important;}.team-modern .team-grid{grid-template-columns:minmax(0,320px) !important;}.team-modern .team-card{max-width:320px !important;}.team-modern .team-avatar{height:220px !important;}.team-modern .team-avatar img{max-width:305px !important;max-height:220px !important;}}

/* ===== Teamliste: beide Teamkarten/Bilder beidseitig noch breiter ===== */
.team-modern .team-grid{
  grid-template-columns:repeat(auto-fit,minmax(310px,350px)) !important;
  justify-content:center !important;
  gap:24px !important;
}
.team-modern .team-card{
  width:100% !important;
  max-width:350px !important;
}
.team-modern .team-avatar{
  width:100% !important;
  height:235px !important;
}
.team-modern .team-avatar img{
  width:100% !important;
  max-width:338px !important;
  height:100% !important;
  max-height:235px !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media(max-width:1180px){
  .team-modern .team-grid{
    grid-template-columns:minmax(290px,335px) !important;
  }
  .team-modern .team-card{
    max-width:335px !important;
  }
  .team-modern .team-avatar{
    height:228px !important;
  }
  .team-modern .team-avatar img{
    max-width:324px !important;
    max-height:228px !important;
  }
}

@media(max-width:560px){
  .team-modern .team-grid{
    grid-template-columns:minmax(0,340px) !important;
  }
  .team-modern .team-card{
    max-width:340px !important;
  }
  .team-modern .team-avatar{
    height:230px !important;
  }
  .team-modern .team-avatar img{
    max-width:330px !important;
    max-height:230px !important;
  }
}

/* ===== Admin: Benutzer vollständig sichtbar und bearbeitbar ===== */
.user-edit-admin{width:100%}
.user-edit-card{
  display:grid;
  grid-template-columns:82px minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  padding:14px 0;
  border-bottom:1px solid rgba(244,200,93,.20);
}
.user-edit-card:last-child{border-bottom:0}
.user-edit-avatar{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:10px;
  background:rgba(0,0,0,.16);
  font-size:30px;
}
.user-edit-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.user-edit-fields{min-width:0}
.user-edit-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.user-edit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.user-edit-grid label,
.team-edit-grid label{display:block;font-size:.78rem;margin-bottom:4px}
.user-edit-actions{display:flex;flex-direction:column;gap:7px;min-width:120px}
.user-status-list{display:flex;flex-direction:column;gap:8px}
.user-status-row{width:100%}
.team-edit-row{width:100%}
@media(max-width:950px){
  .user-edit-card{grid-template-columns:70px 1fr}
  .user-edit-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}
}
@media(max-width:650px){
  .user-edit-card{grid-template-columns:1fr}
  .user-edit-avatar{width:96px;height:96px;margin:auto}
  .user-edit-grid{grid-template-columns:1fr}
  .user-edit-actions{justify-content:stretch}
  .user-edit-actions .btn{flex:1}
}


/* ===== Themen-Kategorien im Admin ===== */
.topic-category-create{display:grid;grid-template-columns:minmax(220px,1fr) 130px auto;gap:10px;align-items:end;margin-bottom:18px}.topic-category-create .form-field{margin:0}.topic-category-list{display:flex;flex-direction:column;gap:10px}.topic-category-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(244,200,93,.16)}.topic-category-edit{display:grid;grid-template-columns:minmax(180px,1fr) 120px auto auto;gap:8px;align-items:center}.topic-category-delete{margin:0}.topic-create-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) minmax(220px,1.2fr);gap:10px}.topic-edit-row{grid-template-columns:minmax(150px,1fr) minmax(150px,.8fr) minmax(180px,1.4fr) auto auto!important}.topic-category-admin select,.topic-category-admin input,.topic-create-grid select{min-width:0}
@media(max-width:900px){.topic-category-create{grid-template-columns:1fr 120px}.topic-category-create .btn{grid-column:1/-1}.topic-category-row{grid-template-columns:1fr}.topic-category-edit{grid-template-columns:1fr 100px auto}.topic-category-edit .btn{grid-column:1/-1}.topic-category-delete{justify-self:start}.topic-create-grid{grid-template-columns:1fr}.topic-edit-row{grid-template-columns:1fr!important}.topic-delete-form{margin:6px 0 14px!important;justify-content:flex-start!important}}


/* ===== Teamliste: Kategorie direkt anlegen ===== */
.team-category-quick-create{
  margin:0 0 18px;
  padding:16px;
  border-radius:10px;
  background:rgba(0,0,0,.18);
  outline:1px solid rgba(244,200,93,.34);
}
.team-category-quick-create h3{
  margin:0 0 12px;
  color:var(--panel-gold-strong,#ffd978);
}
.team-category-quick-grid{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 130px auto;
  gap:10px;
  align-items:end;
}
.team-category-quick-button .btn{white-space:nowrap;}
.team-category-current{margin-top:8px;line-height:1.6;}
@media(max-width:850px){
  .team-category-quick-grid{grid-template-columns:1fr;}
}


/* ===== Teamliste bearbeiten: Bild + Aktiv/Deaktiv deutlich sichtbar ===== */
.team-edit-row .team-image-control,
.team-edit-row .team-status-control{
  min-width:0;
}
.team-edit-row .team-remove-image{
  display:block;
  margin-top:8px;
  color:#f4c85d !important;
}
.team-edit-row .team-status-control select{
  font-weight:700;
}
.team-edit-row .team-edit-avatar{
  width:150px !important;
  min-width:150px !important;
  height:125px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
.team-edit-row .team-edit-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
@media(max-width:850px){
  .team-edit-row .team-edit-avatar{
    width:130px !important;
    min-width:130px !important;
    height:110px !important;
  }
}


/* ===== Team-Kategorien: Bild + Aktiv/Deaktiv ===== */
.team-category-create-form{
  display:grid !important;
  grid-template-columns:1.3fr .55fr 1.2fr .9fr auto !important;
  gap:12px !important;
  align-items:end !important;
}
.team-category-create-form .form-field{margin:0 !important;}
.team-cat-active-checkbox{display:flex;align-items:center;gap:7px;min-height:42px;font-weight:700;}
.team-category-admin-row{
  display:grid !important;
  grid-template-columns:140px 1fr auto !important;
  gap:14px !important;
  align-items:center !important;
}
.team-category-admin-preview{
  width:140px;height:92px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.03);
}
.team-category-admin-preview img{width:100%;height:100%;object-fit:contain;display:block;}
.team-category-admin-preview span{font-size:34px;opacity:.5;}
.team-category-admin-edit{
  display:grid !important;
  grid-template-columns:1.1fr .45fr 1.1fr .75fr auto !important;
  gap:10px !important;
  align-items:end !important;
}
.team-category-admin-edit label{display:block;margin-bottom:5px;}
.team-category-image{display:flex;justify-content:center;align-items:center;margin:4px auto 10px;}
.team-category-image img{width:min(520px,100%);max-height:210px;object-fit:contain;display:block;}
@media(max-width:1100px){
  .team-category-create-form{grid-template-columns:1fr 1fr !important;}
  .team-category-admin-row{grid-template-columns:120px 1fr !important;}
  .team-category-admin-row .topic-category-delete{grid-column:1/-1;}
  .team-category-admin-edit{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:700px){
  .team-category-create-form,.team-category-admin-edit{grid-template-columns:1fr !important;}
  .team-category-admin-row{grid-template-columns:1fr !important;}
  .team-category-admin-preview{width:100%;height:130px;}
}


/* ===== Teamseite: angelegte Team-Kategorie immer am Anfang der Gruppe ===== */
.team-modern .team-category{
  margin:0 0 30px !important;
}
.team-modern .team-category-head{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 14px;
  text-align:center;
}
.team-modern .team-category-head h3{
  margin:0 !important;
  color:var(--panel-gold-strong, #ffd978) !important;
  font-size:1.35rem !important;
  text-align:center !important;
}
.team-modern .team-category-image{
  width:min(100%,560px) !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto !important;
}
.team-modern .team-category-image img{
  display:block !important;
  max-width:100% !important;
  width:auto !important;
  max-height:220px !important;
  height:auto !important;
  object-fit:contain !important;
}
.team-modern .team-category-empty{
  text-align:center;
  opacity:.55;
  padding:10px 0 18px;
}
.team-modern .team-grid{
  margin-top:0 !important;
}
.team-modern .team-role{
  display:none !important;
}

/* ===== Benutzerübersicht + direkte Sendeplan-Rechte ===== */
.schedule-rights-note{
  padding:12px 14px;
  margin:0 0 14px;
  border-radius:10px;
  background:rgba(255,215,100,.06);
  color:var(--panel-gold,#f4c85d);
}
.schedule-permissions-admin .schedule-permission-user{
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.schedule-permissions-admin .schedule-permission-user:last-child{border-bottom:0}
.schedule-permission-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.schedule-permission-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:8px 14px;
  margin-bottom:12px;
}
.schedule-permission-grid label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:8px 10px;
  border-radius:8px;
  background:rgba(255,255,255,.025);
}
.all-users-table-wrap{overflow:auto}
.all-users-table{min-width:760px}
.all-users-table td,.all-users-table th{vertical-align:middle}
@media(max-width:850px){
  .schedule-permission-grid{grid-template-columns:1fr}
  .schedule-permission-head{align-items:flex-start;flex-direction:column}
}


/* ===== Benutzerstatus-Kachel ===== */
.home-tile[data-tile="user_status"]{
  min-height:220px !important;
}
.presence-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.presence-count{
  font-size:11px;
  font-weight:700;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(0,0,0,.14) !important;
}
.presence-groups{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.presence-group{
  min-width:0;
}
.presence-group h3{
  margin:0 0 6px;
  font-size:12px;
  color:var(--panel-gold-strong,#ffd978) !important;
}
.presence-list{
  max-height:170px;
  overflow:auto;
  padding-right:3px;
}
.presence-user{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:4px 2px;
  font-size:11px;
}
.presence-user span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.presence-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  flex:0 0 8px;
  box-shadow:0 0 7px currentColor;
}
.presence-user.online .presence-dot{background:#37e978;color:#37e978;animation:presencePulse 1.8s infinite;}
.presence-user.offline .presence-dot{background:#777;color:#777;box-shadow:none;}
.presence-empty{font-size:10px;opacity:.55;padding:4px 0;}
@keyframes presencePulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:1100px){.presence-groups{grid-template-columns:1fr}.presence-list{max-height:120px}}

/* ===== Teamliste: 3 / 2 / 1 Mitglieder nebeneinander ===== */
.team-page-three-column{
  grid-template-columns:minmax(185px,215px) minmax(0,1fr) minmax(185px,215px) !important;
  gap:14px !important;
}
.team-modern .team-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  justify-content:stretch !important;
  align-items:start !important;
}
.team-modern .team-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}
.team-modern .team-avatar{
  width:100% !important;
  height:180px !important;
}
.team-modern .team-avatar img{
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  max-height:180px !important;
  object-fit:contain !important;
}

@media(max-width:1180px){
  .team-page-three-column{
    grid-template-columns:minmax(175px,195px) minmax(0,1fr) minmax(175px,195px) !important;
    gap:12px !important;
  }
  .team-modern .team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:620px !important;
    gap:16px !important;
  }
  .team-modern .team-card{max-width:none !important;}
  .team-modern .team-avatar{height:195px !important;}
  .team-modern .team-avatar img{max-height:195px !important;}
}

@media(max-width:900px){
  .team-page-three-column{
    grid-template-columns:1fr !important;
  }
  .team-modern .team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:720px !important;
  }
  .team-modern .team-avatar{height:220px !important;}
  .team-modern .team-avatar img{max-height:220px !important;}
}

@media(max-width:620px){
  .team-modern .team-grid{
    grid-template-columns:1fr !important;
    max-width:360px !important;
  }
  .team-modern .team-avatar{height:230px !important;}
  .team-modern .team-avatar img{max-height:230px !important;}
}


/* ===== Final: Team-/Benutzerkategorien fuellen den kompletten Mittelbereich ===== */
.team-page-center{
  width:100% !important;
  min-width:0 !important;
}
.team-page-center .team-modern{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:8px !important;
  padding-right:8px !important;
}
.team-modern .team-category{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.team-modern .team-category-head{
  width:100% !important;
  max-width:none !important;
  align-items:stretch !important;
}
.team-modern .team-category-head h3{
  width:100% !important;
  text-align:center !important;
}
.team-modern .team-category-image{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}
.team-modern .team-category-image img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:280px !important;
  object-fit:contain !important;
  object-position:center !important;
}
.team-modern .team-grid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.team-modern .team-card{
  width:100% !important;
  max-width:none !important;
}
@media(max-width:1180px){
  .team-modern .team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:none !important;
  }
}
@media(max-width:620px){
  .team-modern .team-grid{
    grid-template-columns:1fr !important;
  }
  .team-modern .team-category-image img{
    max-height:220px !important;
  }
}


/* ===== Mehrfachauswahl Team-Kategorien ===== */
.team-category-checks{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:7px;
  margin-top:6px;
}
.team-category-check{
  display:flex !important;
  align-items:center;
  gap:7px;
  padding:8px 9px;
  border-radius:7px;
  background:rgba(255,255,255,.035) !important;
  cursor:pointer;
  font-size:.82rem !important;
}
.team-category-check input{
  width:auto !important;
  margin:0 !important;
  flex:0 0 auto;
}
.team-category-check span{color:var(--panel-gold,#f4c85d) !important;}
.team-multi-category{min-width:0;}


/* ===== Team-Kategorie: Benutzer direkt pro Kachel auswählen ===== */
.team-category-user-picker{
  grid-column:1 / -1;
  width:100%;
  margin-top:8px;
  padding:12px;
  border-radius:10px;
  background:rgba(255,255,255,.025) !important;
}
.team-category-user-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px 12px;
  margin:8px 0;
}
.team-category-user{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:8px;
  background:rgba(0,0,0,.12) !important;
  cursor:pointer;
}
.team-category-user input{width:auto;flex:0 0 auto;}
.team-category-user span{font-weight:600;}
.team-category-assignment-note{
  padding:8px 0;
}
@media(max-width:650px){
  .team-category-user-list{grid-template-columns:1fr;}
}
\n\n/* ===== Impressum / Datenschutz ===== */\n.legal-card{max-width:1100px;margin:0 auto;}\n.legal-content{white-space:normal;line-height:1.7;font-size:15px;color:var(--panel-gold,#f4c85d)!important;}\n.legal-content br{line-height:1.7;}\n

/* ===== Startseite: gesamte Schrift im Mittelbereich weiss ===== */
.home-center,
.home-center-content,
.home-center-text,
.home-center-placeholder,
.home-center-content *,
.home-center-text *,
.home-center-placeholder * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.home-center a,
.home-center strong,
.home-center b,
.home-center em,
.home-center i,
.home-center span,
.home-center p,
.home-center div,
.home-center h1,
.home-center h2,
.home-center h3,
.home-center h4,
.home-center h5,
.home-center h6 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.home-center-text,
.home-center-placeholder {
  text-shadow: 0 1px 4px rgba(0,0,0,.9) !important;
}


/* ===== Impressum & Datenschutz: weiße Mitte + Startseiten-Kacheln links/rechts ===== */
.legal-page-three-column{
  width:100% !important;
  align-items:start !important;
}
.legal-page-center{
  width:100% !important;
  min-width:0 !important;
}
.legal-page-center .legal-card,
.legal-page-center .legal-card *,
.legal-page-center .legal-content,
.legal-page-center .legal-content *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.legal-page-center .card-header h2{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 1px 4px rgba(0,0,0,.9) !important;
}
.legal-page-center .legal-content{
  line-height:1.65 !important;
  white-space:normal !important;
  text-shadow:0 1px 3px rgba(0,0,0,.82) !important;
}
/* Seitenkacheln behalten ihre normale Kachel-Farbe und Position aus der Kachelübersicht. */
.legal-page-side .home-tile,
.legal-page-side .home-tile *{
  -webkit-text-fill-color:initial;
}
@media(max-width:850px){
  .legal-page-three-column{
    grid-template-columns:1fr !important;
  }
  .legal-page-center{
    order:-1;
  }
}


/* ===== Admin-Benachrichtigungen ===== */
.admin-notifications-card .notification-count{font-size:.78rem;font-weight:800;color:#ffd978!important}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.admin-notification-list{display:flex;flex-direction:column;gap:9px}
.admin-notification-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:8px;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important}
.admin-notification-item.unread{background:rgba(244,200,93,.09)!important;border-color:rgba(244,200,93,.28)!important}
.admin-notification-icon{font-size:1.45rem;line-height:1}
.admin-notification-item strong{color:#ffd978!important}
.admin-notification-item.read{opacity:.72}
.notification-settings-block{border-top:1px solid rgba(255,255,255,.10);padding-top:14px;margin-top:16px}


/* ===== Navigation: Schrift etwas kleiner ===== */
.site-header .main-nav a,
.site-header .nav-btn {
  font-size: 13px !important;
}

@media (max-width:850px){
  .site-header .main-nav a,
  .site-header .nav-btn {
    font-size: 12px !important;
  }
}


/* ===== Final: Navigation nur Text, keine einzelnen Buttons/Balken ===== */
.site-header .main-nav li{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.site-header .main-nav a,
.site-header .nav-btn{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:5px 9px !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a:focus,
.site-header .main-nav a.active,
.site-header .nav-btn:hover,
.site-header .nav-btn:focus{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.site-header .main-nav a.active{
  text-decoration:underline !important;
  text-underline-offset:4px !important;
}
@media(max-width:850px){
  .site-header .main-nav a,
  .site-header .nav-btn{
    font-size:12px !important;
    padding:6px 8px !important;
  }
}


/* ===== Navigation/Kacheln: Symbole sauber ausrichten ===== */
.site-header .main-nav a,
.site-header .nav-btn,
.card-header h2 {
  line-height: 1.25 !important;
}
.site-header .main-nav a {
  white-space: nowrap !important;
}


/* ===== Kachel-Namen dauerhaft sichtbar / fixiert ===== */
.home-tile .card-header,
.home-side .card .card-header {
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:5 !important;
  min-height:34px !important;
  align-items:center !important;
}

.home-tile .card-header h2,
.home-side .card .card-header h2 {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#f4c85d !important;
  -webkit-text-fill-color:#f4c85d !important;
  font-weight:700 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  position:relative !important;
  z-index:6 !important;
}

/* Titel bleibt auch auf transparenten Kacheln lesbar */
.home-tile .card-header h2,
.home-side .card .card-header h2 {
  text-shadow:0 1px 3px rgba(0,0,0,.9) !important;
}

/* Kein Ausblenden durch Hover / mobile Regeln */
.home-tile:hover .card-header,
.home-tile:hover .card-header h2,
.home-side .card:hover .card-header,
.home-side .card:hover .card-header h2 {
  visibility:visible !important;
  opacity:1 !important;
}

@media(max-width:850px){
  .home-tile .card-header,
  .home-side .card .card-header {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .home-tile .card-header h2,
  .home-side .card .card-header h2 {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


/* ===== Themen mit Bild / Sortierung ===== */
.topic-create-grid{grid-template-columns:minmax(160px,1fr) minmax(170px,.9fr) 120px minmax(200px,1.2fr) minmax(170px,.9fr)!important;align-items:end}
.topic-admin-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.topic-admin-card{display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:start;padding:12px;border-radius:14px;background:rgba(0,0,0,.14);border:1px solid rgba(244,200,93,.16)}
.topic-admin-preview{width:92px;height:92px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(244,200,93,.18);font-size:2rem}
.topic-admin-preview img{width:100%;height:100%;object-fit:cover;display:block}
.topic-edit-row{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(150px,.9fr) 100px minmax(180px,1.2fr) minmax(190px,1fr) 140px 110px!important;gap:10px;align-items:end;margin-top:0!important}
.topic-edit-row > div label{display:block;font-size:.72rem;opacity:.82;margin-bottom:4px}
.topic-edit-status{display:flex;flex-direction:column;gap:8px}
.topic-edit-actions{display:flex;align-items:flex-end;height:100%}
.topic-delete-form{margin:0!important;align-self:center}
@media(max-width:1100px){
  .topic-create-grid{grid-template-columns:1fr 1fr!important}
  .topic-admin-card{grid-template-columns:80px 1fr}
  .topic-delete-form{grid-column:1/-1;justify-self:start}
  .topic-edit-row{grid-template-columns:1fr 1fr!important}
}
@media(max-width:700px){
  .topic-create-grid,.topic-edit-row{grid-template-columns:1fr!important}
  .topic-admin-card{grid-template-columns:1fr}
  .topic-admin-preview{width:100%;max-width:180px;height:auto;aspect-ratio:1/1}
}


/* ===== Startseite: neuer Sendeplan / Moderator-Vorschau ===== */
.home-tile[data-tile="current"] .home-show-preview,
.home-tile[data-tile="next"] .home-show-preview{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
}
.home-tile[data-tile="current"] .home-show-main-image,
.home-tile[data-tile="next"] .home-show-main-image{
  width:260px!important;
  height:260px!important;
  min-width:260px!important;
  min-height:260px!important;
  max-width:260px!important;
  max-height:260px!important;
  flex:0 0 260px!important;
  aspect-ratio:1 / 1!important;
  margin:0 auto!important;
  border-radius:12px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(0,0,0,.12)!important;
}

.home-tile[data-tile="current"] .home-show-main-image img,
.home-tile[data-tile="next"] .home-show-main-image img,
.home-tile[data-tile="current"] .home-show-main-image #streamImageHome,
.home-tile[data-tile="next"] .home-show-main-image #streamImageHome{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

.home-show-info{width:100%!important;gap:9px!important}
.home-show-info .info-row{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;text-align:center!important}
.home-show-info .info-label{font-size:11px!important;opacity:.84!important}
.home-show-info .info-value{font-size:14px!important;line-height:1.35!important}
.home-topic-highlight{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  padding:10px 8px!important;
  margin:2px 0!important;
  text-align:center!important;
  border-top:1px solid rgba(244,200,93,.18)!important;
  border-bottom:1px solid rgba(244,200,93,.18)!important;
}
.home-topic-highlight span{font-size:11px!important;color:var(--panel-gold-soft,#d8a93a)!important}
.home-topic-highlight strong{font-size:17px!important;line-height:1.32!important;color:var(--panel-gold-strong,#ffd978)!important}
.home-topic-image-wrap{
  width:260px!important;
  height:260px!important;
  min-width:260px!important;
  min-height:260px!important;
  max-width:260px!important;
  max-height:260px!important;
  flex:0 0 260px!important;
  aspect-ratio:1 / 1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  margin:4px auto 0!important;
  background:rgba(0,0,0,.08)!important;
  border-radius:12px!important;
}

.home-topic-image{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  border-radius:12px!important;
}

.home-tile[data-tile="current"] .player-buttons,
.home-tile[data-tile="next"] .player-buttons{margin-top:10px!important;padding-top:8px!important}
@media(max-width:850px){
  .home-tile[data-tile="current"] .home-show-main-image,
  .home-tile[data-tile="next"] .home-show-main-image{
    width:200px!important;
    height:200px!important;
    min-width:200px!important;
    min-height:200px!important;
    max-width:200px!important;
    max-height:200px!important;
    flex:0 0 200px!important;
  }
  .home-topic-image-wrap{
    width:200px!important;
    height:200px!important;
    min-width:200px!important;
    min-height:200px!important;
    max-width:200px!important;
    max-height:200px!important;
    flex:0 0 200px!important;
  }

}


/* Force square preview boxes */
#currentDjAvatar,
.current-show-preview .home-show-main-image,
.next-show-preview .home-show-main-image{
  width:260px!important;
  height:260px!important;
  min-width:260px!important;
  min-height:260px!important;
  max-width:260px!important;
  max-height:260px!important;
  aspect-ratio:1 / 1!important;
}
.current-show-preview .home-topic-image-wrap,
.next-show-preview .home-topic-image-wrap{
  width:260px!important;
  height:260px!important;
  min-width:260px!important;
  min-height:260px!important;
  max-width:260px!important;
  max-height:260px!important;
  aspect-ratio:1 / 1!important;
}
@media(max-width:850px){
  #currentDjAvatar,
  .current-show-preview .home-show-main-image,
  .next-show-preview .home-show-main-image,
  .current-show-preview .home-topic-image-wrap,
  .next-show-preview .home-topic-image-wrap{
    width:200px!important;
    height:200px!important;
    min-width:200px!important;
    min-height:200px!important;
    max-width:200px!important;
    max-height:200px!important;
  }
}


/* ===== Rechte Vorschau separat: niemals Querformat ===== */
.home-tile[data-tile="next"] .next-show-preview .home-show-main-image,
.next-show-preview .home-show-main-image{
  width:280px!important;
  height:280px!important;
  min-width:280px!important;
  min-height:280px!important;
  max-width:280px!important;
  max-height:280px!important;
  flex:0 0 280px!important;
  aspect-ratio:1 / 1!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
.home-tile[data-tile="next"] .next-show-preview .home-show-main-image img,
.next-show-preview .home-show-main-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.home-tile[data-tile="next"] .next-show-preview .home-topic-image-wrap,
.next-show-preview .home-topic-image-wrap{
  width:280px!important;
  height:280px!important;
  min-width:280px!important;
  min-height:280px!important;
  max-width:280px!important;
  max-height:280px!important;
  flex:0 0 280px!important;
  aspect-ratio:1 / 1!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.home-tile[data-tile="next"] .next-show-preview .home-topic-image,
.next-show-preview .home-topic-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:850px){
  .home-tile[data-tile="next"] .next-show-preview .home-show-main-image,
  .next-show-preview .home-show-main-image,
  .home-tile[data-tile="next"] .next-show-preview .home-topic-image-wrap,
  .next-show-preview .home-topic-image-wrap{
    width:210px!important;
    height:210px!important;
    min-width:210px!important;
    min-height:210px!important;
    max-width:210px!important;
    max-height:210px!important;
    flex:0 0 210px!important;
  }
}


/* ===== Final: Aktueller Moderator + Sendeplan-Vorschau hochkant ===== */
#currentDjAvatar,
.home-tile[data-tile="current"] .home-show-main-image,
.home-tile[data-tile="next"] .home-show-main-image,
.current-show-preview .home-show-main-image,
.next-show-preview .home-show-main-image{
  width:220px !important;
  height:300px !important;
  min-width:220px !important;
  min-height:300px !important;
  max-width:220px !important;
  max-height:300px !important;
  flex:0 0 220px !important;
  aspect-ratio:220 / 300 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
}
#currentDjAvatar img,
.home-tile[data-tile="current"] .home-show-main-image img,
.home-tile[data-tile="next"] .home-show-main-image img,
.current-show-preview .home-show-main-image img,
.next-show-preview .home-show-main-image img,
#currentDjAvatar #streamImageHome,
.home-tile[data-tile="current"] .home-show-main-image #streamImageHome,
.home-tile[data-tile="next"] .home-show-main-image #streamImageHome,
.current-show-preview .home-show-main-image #streamImageHome,
.next-show-preview .home-show-main-image #streamImageHome{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
.home-topic-image-wrap,
.current-show-preview .home-topic-image-wrap,
.next-show-preview .home-topic-image-wrap,
.home-tile[data-tile="current"] .home-topic-image-wrap,
.home-tile[data-tile="next"] .home-topic-image-wrap{
  width:220px !important;
  height:300px !important;
  min-width:220px !important;
  min-height:300px !important;
  max-width:220px !important;
  max-height:300px !important;
  flex:0 0 220px !important;
  aspect-ratio:220 / 300 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
}
.home-topic-image,
.current-show-preview .home-topic-image,
.next-show-preview .home-topic-image{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
@media(max-width:850px){
  #currentDjAvatar,
  .home-tile[data-tile="current"] .home-show-main-image,
  .home-tile[data-tile="next"] .home-show-main-image,
  .current-show-preview .home-show-main-image,
  .next-show-preview .home-show-main-image,
  .home-topic-image-wrap,
  .current-show-preview .home-topic-image-wrap,
  .next-show-preview .home-topic-image-wrap,
  .home-tile[data-tile="current"] .home-topic-image-wrap,
  .home-tile[data-tile="next"] .home-topic-image-wrap{
    width:180px !important;
    height:245px !important;
    min-width:180px !important;
    min-height:245px !important;
    max-width:180px !important;
    max-height:245px !important;
    flex:0 0 180px !important;
    aspect-ratio:180 / 245 !important;
  }
}


/* ===== Automatischer Auto-DJ im Sendeplan ===== */
.schedule-slot.is-autodj{border-style:dashed!important;background:rgba(0,0,0,.12)!important}
.autodj-pill{display:inline-block;margin-left:7px;font-size:.68rem;font-weight:800;padding:3px 7px;border-radius:999px;background:rgba(244,200,93,.12);color:#ffd978!important}
.schedule-slot.is-autodj .schedule-avatar{object-fit:contain!important;background:rgba(0,0,0,.12)!important}

/* Sendeplan: feste 7-Tage-Ansicht ab aktuellem Tag */
.schedule-modern .schedule-live-hint{white-space:nowrap}
@media(max-width:650px){.schedule-modern .schedule-live-hint{white-space:normal;text-align:right}}


/* ===== Final: 7 Tage Hinweis ===== */
.schedule-window-note{margin:-4px 0 14px 0;opacity:.82}

/* ===== Final: Aktueller Moderator + Startseiten-Sendeplan in Hochformat ===== */
#currentDjAvatar,
.home-tile[data-tile="current"] .home-show-main-image,
.home-tile[data-tile="next"] .home-show-main-image,
.current-show-preview .home-show-main-image,
.next-show-preview .home-show-main-image{
  width:220px !important;
  height:300px !important;
  min-width:220px !important;
  min-height:300px !important;
  max-width:220px !important;
  max-height:300px !important;
  flex:0 0 220px !important;
  aspect-ratio:220 / 300 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#currentDjAvatar img,
.home-tile[data-tile="current"] .home-show-main-image img,
.home-tile[data-tile="next"] .home-show-main-image img,
.current-show-preview .home-show-main-image img,
.next-show-preview .home-show-main-image img,
#currentDjAvatar #streamImageHome,
.home-tile[data-tile="current"] .home-show-main-image #streamImageHome,
.home-tile[data-tile="next"] .home-show-main-image #streamImageHome,
.current-show-preview .home-show-main-image #streamImageHome,
.next-show-preview .home-show-main-image #streamImageHome{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
.home-topic-image-wrap,
.current-show-preview .home-topic-image-wrap,
.next-show-preview .home-topic-image-wrap,
.home-tile[data-tile="current"] .home-topic-image-wrap,
.home-tile[data-tile="next"] .home-topic-image-wrap{
  width:220px !important;
  height:300px !important;
  min-width:220px !important;
  min-height:300px !important;
  max-width:220px !important;
  max-height:300px !important;
  flex:0 0 220px !important;
  aspect-ratio:220 / 300 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
}
.home-topic-image,
.current-show-preview .home-topic-image,
.next-show-preview .home-topic-image{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
.home-topic-highlight strong{font-size:17px !important;line-height:1.32 !important}
@media(max-width:850px){
  #currentDjAvatar,
  .home-tile[data-tile="current"] .home-show-main-image,
  .home-tile[data-tile="next"] .home-show-main-image,
  .current-show-preview .home-show-main-image,
  .next-show-preview .home-show-main-image,
  .home-topic-image-wrap,
  .current-show-preview .home-topic-image-wrap,
  .next-show-preview .home-topic-image-wrap,
  .home-tile[data-tile="current"] .home-topic-image-wrap,
  .home-tile[data-tile="next"] .home-topic-image-wrap{
    width:180px !important;
    height:245px !important;
    min-width:180px !important;
    min-height:245px !important;
    max-width:180px !important;
    max-height:245px !important;
    flex:0 0 180px !important;
    aspect-ratio:180 / 245 !important;
  }
}


/* ===== Sendeplan: aktueller Tag immer deutlich sichtbar ===== */
.schedule-day.is-today{
  border:1px solid rgba(244,200,93,.28)!important;
  border-radius:12px!important;
  padding:12px!important;
  background:rgba(244,200,93,.04)!important;
}
.schedule-day.is-today .schedule-day-head strong{
  font-weight:800!important;
}


/* ===== Final: Aktueller Moderator fast wie Sendethema im Radiostatus ===== */
#currentDjAvatar,
.home-tile[data-tile="current"] .home-show-main-image{
  width:220px !important;
  height:300px !important;
  min-width:220px !important;
  min-height:300px !important;
  max-width:220px !important;
  max-height:300px !important;
  flex:0 0 220px !important;
  aspect-ratio:220 / 300 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#currentDjAvatar img,
.home-tile[data-tile="current"] .home-show-main-image img,
#currentDjAvatar #streamImageHome,
.home-tile[data-tile="current"] .home-show-main-image #streamImageHome{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
@media(max-width:850px){
  #currentDjAvatar,
  .home-tile[data-tile="current"] .home-show-main-image{
    width:180px !important;
    height:245px !important;
    min-width:180px !important;
    min-height:245px !important;
    max-width:180px !important;
    max-height:245px !important;
    flex:0 0 180px !important;
    aspect-ratio:180 / 245 !important;
  }
}


/* ===== Final: Aktueller Moderator exakt wie das untere Sendethema ===== */
.home-tile[data-tile="current"] #currentDjAvatar,
.home-tile[data-tile="current"] .home-show-main-image.dj-avatar,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image {
  width: 220px !important;
  height: 300px !important;
  min-width: 220px !important;
  min-height: 300px !important;
  max-width: 220px !important;
  max-height: 300px !important;
  flex: 0 0 220px !important;
  aspect-ratio: 220 / 300 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-tile[data-tile="current"] #currentDjAvatar img,
.home-tile[data-tile="current"] .home-show-main-image.dj-avatar img,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] #currentDjAvatar #streamImageHome,
.home-tile[data-tile="current"] .home-show-main-image.dj-avatar #streamImageHome,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image #streamImageHome,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image #streamImageHome {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

/* exakt gleiche Groesse/Form wie Themenbild darunter */
.home-tile[data-tile="current"] .home-topic-image-wrap,
.home-tile[data-tile="current"] .home-show-main-image.dj-avatar,
.home-tile[data-tile="current"] #currentDjAvatar {
  width: 220px !important;
  height: 300px !important;
  min-width: 220px !important;
  min-height: 300px !important;
  max-width: 220px !important;
  max-height: 300px !important;
}

@media (max-width: 850px) {
  .home-tile[data-tile="current"] #currentDjAvatar,
  .home-tile[data-tile="current"] .home-show-main-image.dj-avatar,
  .home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
  .home-tile[data-tile="current"] .home-show-preview .home-show-main-image,
  .home-tile[data-tile="current"] .home-topic-image-wrap {
    width: 180px !important;
    height: 245px !important;
    min-width: 180px !important;
    min-height: 245px !important;
    max-width: 180px !important;
    max-height: 245px !important;
    flex: 0 0 180px !important;
    aspect-ratio: 180 / 245 !important;
  }
}


/* ===== Aktueller Moderator: direkt über Kachel-Tabelle einstellbar ===== */
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable{
  width:var(--cm-w,200px)!important;
  height:var(--cm-h,273px)!important;
  min-width:var(--cm-w,200px)!important;
  min-height:var(--cm-h,273px)!important;
  max-width:var(--cm-w,200px)!important;
  max-height:var(--cm-h,273px)!important;
  flex:0 0 var(--cm-w,200px)!important;
  aspect-ratio:auto!important;
  border-radius:var(--cm-radius,12px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable img,
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable #streamImageHome{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:var(--cm-fit,contain)!important;
  object-position:center center!important;
  display:block!important;
}
.current-mod-display-admin{margin-top:12px;padding:12px;border-radius:10px;background:rgba(0,0,0,.13);border:1px solid rgba(244,200,93,.16)}
.current-mod-display-admin h4{margin:0 0 6px}
.current-mod-table-wrap{overflow-x:auto;margin-top:10px}
.current-mod-table{width:100%;border-collapse:collapse}
.current-mod-table th,.current-mod-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:middle}
.current-mod-table th{width:42%;font-size:.78rem;color:var(--panel-gold,#f4c85d)}
.current-mod-table td{font-size:.78rem}
.current-mod-table .form-input{display:inline-block;width:min(170px,100%);margin-right:4px}
@media(max-width:850px){
  .home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable{
    width:var(--cm-mw,165px)!important;
    height:var(--cm-mh,225px)!important;
    min-width:var(--cm-mw,165px)!important;
    min-height:var(--cm-mh,225px)!important;
    max-width:var(--cm-mw,165px)!important;
    max-height:var(--cm-mh,225px)!important;
    flex:0 0 var(--cm-mw,165px)!important;
  }
}


/* ===== Bildform Aktueller Moderator: Hochformat ===== */
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable{
  aspect-ratio:auto !important;
}
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable img,
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable #streamImageHome{
  object-fit:contain !important;
  object-position:center center !important;
}


/* ===== Aktueller Moderator: DJ-Erkennung dauerhaft Hochformat ===== */
.home-tile[data-tile="current"] #currentDjAvatar.dj-detection-portrait{
  height:max(var(--cm-h,273px), calc(var(--cm-w,200px) * 1.35)) !important;
  min-height:max(var(--cm-h,273px), calc(var(--cm-w,200px) * 1.35)) !important;
  max-height:max(var(--cm-h,273px), calc(var(--cm-w,200px) * 1.35)) !important;
  aspect-ratio:auto !important;
}
.home-tile[data-tile="current"] #currentDjAvatar.dj-detection-portrait img,
.home-tile[data-tile="current"] #currentDjAvatar.dj-detection-portrait .detected-dj-portrait-image,
.home-tile[data-tile="current"] #currentDjAvatar.dj-detection-portrait #streamImageHome{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
.current-mod-portrait-note{margin-bottom:8px;color:var(--panel-gold,#f4c85d)!important}
@media(max-width:850px){
  .home-tile[data-tile="current"] #currentDjAvatar.dj-detection-portrait{
    height:max(var(--cm-mh,225px), calc(var(--cm-mw,165px) * 1.35)) !important;
    min-height:max(var(--cm-mh,225px), calc(var(--cm-mw,165px) * 1.35)) !important;
    max-height:max(var(--cm-mh,225px), calc(var(--cm-mw,165px) * 1.35)) !important;
  }
}


/* ===== Neuer Aktueller-Moderator-Player ===== */
.moderator-player-new{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}
.moderator-onair-badge{font-size:12px;font-weight:900;letter-spacing:.08em;padding:6px 12px;border-radius:999px;background:rgba(255,30,45,.13);border:1px solid rgba(255,90,100,.35);text-shadow:0 0 8px rgba(255,40,50,.45)}
.moderator-player-new .home-show-info .info-value{font-size:var(--cm-text,14px)!important}
.moderator-player-new .home-topic-highlight strong{font-size:var(--cm-topic-text,17px)!important}
.moderator-player-buttons{justify-content:center!important}
.current-mod-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}
.current-mod-setting-box{padding:12px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(244,200,93,.12)}
.current-mod-setting-box h5{margin:0 0 9px;color:var(--panel-gold,#f4c85d)}
.current-mod-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.current-mod-checks label{display:flex;align-items:center;gap:7px;font-size:.78rem;padding:7px;border-radius:7px;background:rgba(0,0,0,.12)}
.current-mod-checks input{width:auto!important;margin:0!important}

/* ===== Geburtstags-Kachel ===== */
.birthday-tile-modern{display:flex;flex-direction:column;gap:9px}
.birthday-today-title,.birthday-next-title{font-weight:800;text-align:center;color:var(--panel-gold,#f4c85d)}
.birthday-next-title{font-size:.78rem;margin-top:3px;opacity:.9}
.birthday-person{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(244,200,93,.10)}
.birthday-person.is-today{background:rgba(244,200,93,.08);border-color:rgba(244,200,93,.28)}
.birthday-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:rgba(0,0,0,.18);flex:0 0 auto;font-size:20px}
.birthday-avatar img{width:100%;height:100%;object-fit:cover}
.birthday-person div:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.birthday-person strong{font-size:.86rem}.birthday-person span{font-size:.7rem;opacity:.72}.birthday-empty{text-align:center;font-size:.78rem;opacity:.72;padding:12px 5px}
.birthday-visible-toggle{display:flex;gap:8px;align-items:center;margin:8px 0}.birthday-visible-toggle input{width:auto!important}

/* ===== Shoutbox-Kachel ===== */
.shoutbox-tile-modern{display:flex;flex-direction:column;gap:10px}.shoutbox-tile-list{display:flex;flex-direction:column;gap:7px;max-height:270px;overflow:auto;padding-right:3px}
.shoutbox-tile-message{padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(244,200,93,.10);font-size:.78rem;word-break:break-word}
.shoutbox-tile-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.shoutbox-tile-head strong{color:var(--panel-gold,#f4c85d)}.shoutbox-tile-head span{font-size:.64rem;opacity:.58;white-space:nowrap}
.shoutbox-tile-form{display:flex;flex-direction:column;gap:7px}.shoutbox-tile-form textarea{min-height:62px!important}

/* ===== Benutzerstatus modern ===== */
.presence-modern{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.presence-modern-count{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.presence-modern-count .presence-modern-icon{font-size:12px}.presence-modern-count.online .presence-modern-icon{color:#43e67b;text-shadow:0 0 8px #43e67b}.presence-modern-count.offline .presence-modern-icon{color:#778092}
.presence-modern-count div{display:flex;flex-direction:column}.presence-modern-count strong{font-size:1.2rem;line-height:1}.presence-modern-count span:last-child{font-size:.65rem;opacity:.65}
.presence-modern-groups{display:flex;flex-direction:column;gap:12px}.presence-modern-group h3{font-size:.78rem;margin:0 0 6px;color:var(--panel-gold,#f4c85d)}
.presence-list.modern{display:flex;flex-direction:column;gap:6px}.presence-user-modern{display:grid;grid-template-columns:38px 1fr 10px;gap:8px;align-items:center;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.03)}
.presence-user-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:rgba(0,0,0,.18)}.presence-user-avatar img{width:100%;height:100%;object-fit:cover}
.presence-user-copy{display:flex;flex-direction:column;min-width:0}.presence-user-copy strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-user-copy span{font-size:.64rem;opacity:.58;margin-top:2px}
.presence-status-light{width:8px;height:8px;border-radius:50%;background:#78808d}.presence-user-modern.online .presence-status-light{background:#3de878;box-shadow:0 0 8px #3de878}
@media(max-width:600px){.current-mod-checks{grid-template-columns:1fr}.presence-modern{grid-template-columns:1fr 1fr}}


/* ===== Aktueller Moderator Player: fest Hochformat, niemals quer ===== */
.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable.dj-detection-portrait {
  width: 190px !important;
  height: 260px !important;
  min-width: 190px !important;
  min-height: 260px !important;
  max-width: 190px !important;
  max-height: 260px !important;
  flex: 0 0 190px !important;
  aspect-ratio: 19 / 26 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}

.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar img,
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable.dj-detection-portrait img,
.home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable.dj-detection-portrait #streamImageHome {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

@media (max-width: 850px) {
  .home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
  .home-tile[data-tile="current"] #currentDjAvatar.current-mod-configurable.dj-detection-portrait {
    width: 165px !important;
    height: 225px !important;
    min-width: 165px !important;
    min-height: 225px !important;
    max-width: 165px !important;
    max-height: 225px !important;
    flex: 0 0 165px !important;
    aspect-ratio: 11 / 15 !important;
  }
}


/* ===== Auto-DJ und alle DJ-Bilder im Aktueller-Moderator-Panel fest hochkant ===== */
.home-tile[data-tile="current"] #currentDjAvatar,
.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
.home-tile[data-tile="current"] .current-mod-configurable,
.home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image {
  width: 190px !important;
  height: 260px !important;
  min-width: 190px !important;
  min-height: 260px !important;
  max-width: 190px !important;
  max-height: 260px !important;
  flex: 0 0 190px !important;
  aspect-ratio: 19 / 26 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-tile[data-tile="current"] #currentDjAvatar img,
.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar img,
.home-tile[data-tile="current"] .current-mod-configurable img,
.home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait img,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] #currentDjAvatar #streamImageHome,
.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar #streamImageHome,
.home-tile[data-tile="current"] .current-mod-configurable #streamImageHome,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image #streamImageHome,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image #streamImageHome {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

@media (max-width: 850px) {
  .home-tile[data-tile="current"] #currentDjAvatar,
  .home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
  .home-tile[data-tile="current"] .current-mod-configurable,
  .home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait,
  .home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
  .home-tile[data-tile="current"] .home-show-preview .home-show-main-image {
    width: 165px !important;
    height: 225px !important;
    min-width: 165px !important;
    min-height: 225px !important;
    max-width: 165px !important;
    max-height: 225px !important;
    flex: 0 0 165px !important;
    aspect-ratio: 11 / 15 !important;
  }
}


/* ===== DJ/DTO-Erkennung: nur Hochkant ===== */
.home-tile[data-tile="current"] #currentDjAvatar,
.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
.home-tile[data-tile="current"] .current-mod-configurable,
.home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image,
.home-tile[data-tile="current"] .dj-avatar,
.home-tile[data-tile="current"] .stream-layout .dj-avatar {
  width: 190px !important;
  height: 260px !important;
  min-width: 190px !important;
  min-height: 260px !important;
  max-width: 190px !important;
  max-height: 260px !important;
  flex: 0 0 190px !important;
  aspect-ratio: 19 / 26 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.home-tile[data-tile="current"] #currentDjAvatar img,
.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar img,
.home-tile[data-tile="current"] .current-mod-configurable img,
.home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait img,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] .dj-avatar img,
.home-tile[data-tile="current"] .stream-layout .dj-avatar img,
.home-tile[data-tile="current"] #streamImageHome {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

@media (max-width: 850px) {
  .home-tile[data-tile="current"] #currentDjAvatar,
  .home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
  .home-tile[data-tile="current"] .current-mod-configurable,
  .home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait,
  .home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
  .home-tile[data-tile="current"] .home-show-preview .home-show-main-image,
  .home-tile[data-tile="current"] .dj-avatar,
  .home-tile[data-tile="current"] .stream-layout .dj-avatar {
    width: 165px !important;
    height: 225px !important;
    min-width: 165px !important;
    min-height: 225px !important;
    max-width: 165px !important;
    max-height: 225px !important;
    flex: 0 0 165px !important;
    aspect-ratio: 11 / 15 !important;
  }
}


/* ===== Neuer Player: automatische DJ-Erkennung fest im Hochformat ===== */
.home-tile[data-tile="current"] .moderator-player-new,
.home-tile[data-tile="current"] .current-show-preview,
.home-tile[data-tile="current"] .home-show-preview {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
}

.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
.home-tile[data-tile="current"] #currentDjAvatar,
.home-tile[data-tile="current"] .dj-avatar,
.home-tile[data-tile="current"] .current-mod-configurable,
.home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image {
  width: 200px !important;
  height: 280px !important;
  min-width: 200px !important;
  min-height: 280px !important;
  max-width: 200px !important;
  max-height: 280px !important;
  flex: 0 0 200px !important;
  aspect-ratio: 5 / 7 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar img,
.home-tile[data-tile="current"] #currentDjAvatar img,
.home-tile[data-tile="current"] .dj-avatar img,
.home-tile[data-tile="current"] .current-mod-configurable img,
.home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait img,
.home-tile[data-tile="current"] .current-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] .home-show-preview .home-show-main-image img,
.home-tile[data-tile="current"] #streamImageHome {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

@media (max-width: 850px) {
  .home-tile[data-tile="current"] .moderator-player-new #currentDjAvatar,
  .home-tile[data-tile="current"] #currentDjAvatar,
  .home-tile[data-tile="current"] .dj-avatar,
  .home-tile[data-tile="current"] .current-mod-configurable,
  .home-tile[data-tile="current"] .current-mod-configurable.dj-detection-portrait,
  .home-tile[data-tile="current"] .current-show-preview .home-show-main-image,
  .home-tile[data-tile="current"] .home-show-preview .home-show-main-image {
    width: 170px !important;
    height: 238px !important;
    min-width: 170px !important;
    min-height: 238px !important;
    max-width: 170px !important;
    max-height: 238px !important;
    flex: 0 0 170px !important;
    aspect-ratio: 5 / 7 !important;
  }
}


/* ===== Team-Kategorien Admin repariert ===== */
#team-categories,
#team-editor,
#team-category-create {
  scroll-margin-top: 125px;
}
.team-category-create-form,
.team-category-admin-edit {
  width: 100%;
}
.team-category-user-list {
  max-height: 270px;
  overflow-y: auto;
  padding-right: 4px;
}


/* ===== Team-Verwaltung: direkter und zuverlässiger Admin-Zugriff ===== */
#team-category-create,
#team-categories,
#team-editor {
  scroll-margin-top: 145px !important;
}
.team-admin-shortcuts {
  border: 1px solid rgba(244,200,93,.38) !important;
}
.team-admin-shortcut-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.team-admin-shortcut-buttons .btn {
  min-width: 240px;
}
.team-admin-direct-link {
  font-weight: 800 !important;
  color: var(--panel-gold-strong,#ffd978) !important;
}
#team-category-create {
  display: block !important;
  height: 1px !important;
  width: 100% !important;
  visibility: visible !important;
}
#team-editor {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media(max-width:850px){
  .team-admin-shortcut-buttons {
    flex-direction: column;
  }
  .team-admin-shortcut-buttons .btn {
    width: 100%;
    min-width: 0;
  }
}


/* ===== Neue Registrierungen: Startseiten-Benachrichtigung ===== */
.registration-home-notifications{
  border:1px solid rgba(244,200,93,.45) !important;
  margin-bottom:16px;
}
.registration-home-notifications .card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.registration-notification-count{
  min-width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(244,200,93,.18);
  color:#ffd978;
  font-weight:800;
}
.registration-notification-list{
  display:grid;
  gap:10px;
}
.registration-notification-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border-radius:9px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.registration-notification-item small{
  opacity:.65;
}
@media(max-width:700px){
  .registration-notification-item{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ============================================================
   MODERN AUTH EXPERIENCE · einzigartiges Login / Registrierung
   ============================================================ */
.auth-nav-launch{
  position:relative;
  border:1px solid rgba(255,217,120,.32) !important;
  background:linear-gradient(135deg,rgba(255,210,87,.10),rgba(47,124,255,.09)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 20px rgba(31,100,255,.07);
}
.auth-nav-launch:before{
  content:"";
  position:absolute;
  left:7px;right:7px;bottom:3px;
  height:1px;
  background:linear-gradient(90deg,transparent,#ffd978,transparent);
  opacity:.55;
}

.auth-modal{
  background:
    radial-gradient(circle at 18% 20%,rgba(35,95,220,.24),transparent 36%),
    radial-gradient(circle at 82% 78%,rgba(255,188,55,.15),transparent 34%),
    rgba(1,5,14,.86) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.auth-shell{
  position:relative;
  width:min(980px,96vw);
  max-height:min(92vh,850px);
  min-height:585px;
  display:grid;
  grid-template-columns:minmax(310px,.88fr) minmax(420px,1.12fr);
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,214,111,.36);
  background:
    linear-gradient(135deg,rgba(8,20,43,.98),rgba(3,10,24,.985));
  box-shadow:
    0 45px 120px rgba(0,0,0,.72),
    0 0 0 1px rgba(65,129,255,.10),
    0 0 70px rgba(23,83,210,.18);
  isolation:isolate;
}
.auth-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,transparent 0 49.9%,rgba(255,214,111,.15) 50%,transparent 50.1%),
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 30%,transparent 70%,rgba(255,203,74,.025));
  z-index:3;
}
.auth-ambient{
  position:absolute;
  width:330px;height:330px;
  border-radius:50%;
  filter:blur(65px);
  opacity:.22;
  pointer-events:none;
  z-index:-1;
}
.auth-ambient-one{left:-140px;top:-130px;background:#266dff;}
.auth-ambient-two{right:-140px;bottom:-160px;background:#ffc34f;}
.auth-scanline{
  position:absolute;
  left:0;right:0;top:-12%;
  height:28%;
  pointer-events:none;
  z-index:4;
  opacity:.13;
  background:linear-gradient(180deg,transparent,rgba(97,157,255,.15),transparent);
  animation:authScan 8s linear infinite;
}
@keyframes authScan{to{transform:translateY(470%)}}

.auth-close{
  position:absolute;
  right:18px;top:18px;
  z-index:20;
  width:42px;height:42px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(3,8,20,.66);
  color:#fff;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  transition:.2s ease;
}
.auth-close:hover{transform:rotate(5deg) scale(1.04);border-color:rgba(255,217,120,.55);color:#ffd978;}

.auth-side{
  position:relative;
  padding:42px 34px 34px;
  background:
    radial-gradient(circle at 45% 24%,rgba(45,105,255,.29),transparent 32%),
    linear-gradient(160deg,rgba(8,34,77,.98),rgba(5,17,38,.96));
  overflow:hidden;
}
.auth-side:before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,rgba(64,126,255,.045) 23px 24px);
  animation:authRotate 34s linear infinite;
}
.auth-side:after{
  content:"";
  position:absolute;
  inset:auto -28% -20% -28%;
  height:52%;
  transform:rotate(-8deg);
  background:linear-gradient(90deg,transparent,rgba(255,204,76,.11),rgba(51,124,255,.15),transparent);
  filter:blur(12px);
}
@keyframes authRotate{to{transform:rotate(360deg)}}
.auth-side-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;}
.auth-live-pill{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,214,111,.28);
  background:rgba(3,12,28,.48);
  color:#ffd978;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.13em;
}
.auth-live-pill span{
  width:7px;height:7px;border-radius:50%;
  background:#55ff8a;
  box-shadow:0 0 13px #55ff8a;
  animation:authPulse 1.7s ease-in-out infinite;
}
@keyframes authPulse{50%{opacity:.35;transform:scale(.75)}}
.auth-emblem{
  margin:48px 0 20px;
  width:92px;height:92px;
  display:grid;place-items:center;
  border-radius:28px;
  font-size:44px;
  background:
    linear-gradient(145deg,rgba(255,217,120,.18),rgba(44,115,255,.20));
  border:1px solid rgba(255,217,120,.35);
  box-shadow:
    inset 0 0 25px rgba(255,255,255,.06),
    0 18px 55px rgba(10,70,200,.22);
  transform:rotate(-3deg);
}
.auth-side h2{
  margin:0 0 10px;
  font-size:clamp(1.75rem,3vw,2.6rem);
  line-height:1.03;
  letter-spacing:-.03em;
  color:#fff;
}
.auth-side p{
  margin:0;
  max-width:390px;
  color:rgba(235,243,255,.68);
  line-height:1.65;
  font-size:.93rem;
}
.auth-feature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:30px;
}
.auth-feature{
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(7px);
}
.auth-feature>span{display:block;font-size:19px;margin-bottom:6px;}
.auth-feature strong{display:block;font-size:.77rem;color:#fff;}
.auth-feature small{display:block;margin-top:3px;color:rgba(232,240,255,.47);font-size:.65rem;}
.auth-wave{
  margin-top:auto;
  height:52px;
  display:flex;
  align-items:flex-end;
  gap:5px;
  padding-top:18px;
  opacity:.65;
}
.auth-wave i{
  display:block;
  flex:1;
  max-width:8px;
  min-width:3px;
  height:12px;
  border-radius:99px;
  background:linear-gradient(180deg,#ffd978,#2b74ff);
  animation:authWave 1.2s ease-in-out infinite alternate;
}
.auth-wave i:nth-child(2n){animation-delay:.15s;height:30px}
.auth-wave i:nth-child(3n){animation-delay:.3s;height:19px}
.auth-wave i:nth-child(4n){animation-delay:.45s;height:41px}
@keyframes authWave{to{height:46px;opacity:.52}}

.auth-main{
  position:relative;
  z-index:5;
  overflow:auto;
  padding:42px 44px 34px;
  background:
    linear-gradient(180deg,rgba(8,18,38,.97),rgba(4,11,25,.985));
}
.auth-brandline{
  display:flex;
  align-items:center;
  gap:10px;
  padding-right:42px;
  margin-bottom:27px;
}
.auth-brand-icon{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:11px;
  color:#ffd978;
  background:rgba(255,211,101,.11);
  border:1px solid rgba(255,211,101,.22);
  box-shadow:0 0 22px rgba(255,201,74,.08);
}
.auth-brandline strong{display:block;font-size:.82rem;letter-spacing:.04em;}
.auth-brandline small{display:block;margin-top:2px;color:rgba(222,233,255,.45);font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;}

.auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:5px;
  margin-bottom:28px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
}
.auth-tab{
  border:0;
  border-radius:11px;
  padding:11px 12px;
  color:rgba(238,244,255,.57);
  background:transparent;
  font-weight:850;
  cursor:pointer;
  transition:.22s ease;
}
.auth-tab.active{
  color:#07111f;
  background:linear-gradient(135deg,#ffe29a,#e8ad38);
  box-shadow:0 8px 24px rgba(236,176,55,.18);
}
.auth-panel{display:none;}
.auth-panel.active{display:block;animation:authPanelIn .28s ease both;}
@keyframes authPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.auth-heading{margin-bottom:22px;}
.auth-kicker{
  display:block;
  margin-bottom:7px;
  color:#6ea1ff;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.17em;
}
.auth-heading h3{
  margin:0;
  font-size:1.48rem;
  letter-spacing:-.02em;
  color:#fff;
}
.auth-heading p{
  margin:7px 0 0;
  color:rgba(231,238,255,.52);
  font-size:.82rem;
  line-height:1.5;
}
.auth-form{display:grid;grid-template-columns:1fr;gap:14px;}
.auth-register-form{grid-template-columns:1fr 1fr;}
.auth-wide{grid-column:1/-1;}
.auth-field{display:block;margin:0;}
.auth-field-label{
  display:block;
  margin:0 0 6px;
  color:rgba(236,243,255,.68);
  font-size:.72rem;
  font-weight:750;
}
.auth-input-wrap{
  display:flex;
  align-items:center;
  min-height:49px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.105);
  background:rgba(2,10,24,.72);
  transition:.2s ease;
  overflow:hidden;
}
.auth-input-wrap:focus-within{
  border-color:rgba(255,211,101,.58);
  box-shadow:0 0 0 3px rgba(255,211,101,.065),0 0 25px rgba(43,112,255,.08);
  transform:translateY(-1px);
}
.auth-input-icon{
  width:43px;
  flex:0 0 43px;
  text-align:center;
  opacity:.72;
  font-size:15px;
}
.auth-input{
  min-width:0;
  width:100%;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#fff !important;
  padding:12px 5px 12px 0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font:inherit;
  font-size:.84rem;
}
.auth-input::placeholder{color:rgba(222,232,255,.29);}
.auth-select{appearance:auto;}
.auth-password-toggle{
  width:42px;
  align-self:stretch;
  border:0;
  border-left:1px solid rgba(255,255,255,.06);
  background:transparent;
  color:#fff;
  opacity:.56;
  cursor:pointer;
}
.auth-password-toggle:hover{opacity:1;background:rgba(255,255,255,.035);}
.auth-submit{
  margin-top:5px;
  min-height:51px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 18px;
  border:0;
  border-radius:13px;
  cursor:pointer;
  color:#09111f;
  font-weight:900;
  font-size:.88rem;
  background:linear-gradient(135deg,#ffe4a3,#e6aa37 62%,#d59322);
  box-shadow:0 14px 35px rgba(218,153,31,.18);
  transition:.2s ease;
}
.auth-submit:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 42px rgba(218,153,31,.26);}
.auth-submit b{
  width:29px;height:29px;
  display:grid;place-items:center;
  border-radius:9px;
  background:rgba(7,16,31,.10);
  font-size:16px;
}
.auth-secure-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:rgba(225,236,255,.42);
  font-size:.66rem;
}
.auth-secure-note span{color:#55ff8a;font-size:.7rem;text-shadow:0 0 10px #55ff8a;}

@media(max-width:800px){
  .auth-shell{
    grid-template-columns:1fr;
    min-height:0;
    max-height:94vh;
    width:min(560px,95vw);
  }
  .auth-side{display:none;}
  .auth-shell:before{display:none;}
  .auth-main{padding:38px 22px 24px;}
  .auth-brandline{margin-bottom:20px;}
}
@media(max-width:520px){
  .auth-register-form{grid-template-columns:1fr;}
  .auth-wide{grid-column:auto;}
  .auth-tabs{grid-template-columns:1fr 1fr;}
  .auth-tab{padding:10px 6px;font-size:.75rem;}
  .auth-heading h3{font-size:1.25rem;}
}

/* ============================================================
   ADMIN CONTROL CENTER 2026
   ============================================================ */
.admin-grid{
  grid-template-columns:minmax(245px,280px) minmax(0,1fr) !important;
  gap:20px !important;
  align-items:start;
}
.admin-content{min-width:0;}
.admin-nav{
  padding:0 !important;
  overflow:hidden;
  border-radius:18px !important;
  border:1px solid rgba(255,211,101,.22) !important;
  background:
    radial-gradient(circle at 10% 0%,rgba(42,104,255,.16),transparent 28%),
    linear-gradient(180deg,rgba(7,20,43,.97),rgba(4,11,25,.98)) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.28) !important;
}
.admin-nav-brand{
  display:flex;
  align-items:center;
  gap:11px;
  padding:17px 16px;
  border-bottom:1px solid rgba(255,255,255,.075);
  background:linear-gradient(135deg,rgba(255,210,95,.08),rgba(44,108,255,.07));
}
.admin-nav-brand-icon{
  width:39px;height:39px;
  display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,215,118,.16),rgba(40,109,255,.17));
  border:1px solid rgba(255,211,101,.22);
  font-size:18px;
}
.admin-nav-brand strong{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-size:.94rem !important;
}
.admin-nav-brand small{
  display:block;
  margin-top:2px;
  color:rgba(221,232,255,.42);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.58rem;
}
.admin-nav-group{
  margin:0 !important;
  padding:12px 10px 10px !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
}
.admin-nav-group:last-child{border-bottom:0 !important;}
.admin-nav-group>span{
  margin:0 0 6px !important;
  padding:0 8px !important;
  font-size:.60rem !important;
  color:rgba(210,225,255,.48) !important;
  letter-spacing:.12em !important;
}
.admin-nav-group a{
  position:relative;
  padding:9px 10px !important;
  margin:2px 0 !important;
  border-radius:9px !important;
  border:1px solid transparent;
  color:rgba(239,245,255,.82) !important;
  transition:.18s ease;
}
.admin-nav-group a:hover{
  padding-left:14px !important;
  color:#fff !important;
  border-color:rgba(255,215,116,.16);
  background:linear-gradient(90deg,rgba(255,207,78,.09),rgba(49,114,255,.075)) !important;
  box-shadow:inset 3px 0 0 rgba(255,211,101,.58);
}

.admin-control-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:150px;
  margin-bottom:14px;
  padding:26px 28px;
  border-radius:20px;
  border:1px solid rgba(255,211,101,.22);
  background:
    radial-gradient(circle at 85% 20%,rgba(52,120,255,.25),transparent 28%),
    radial-gradient(circle at 8% 110%,rgba(255,189,57,.14),transparent 38%),
    linear-gradient(135deg,rgba(8,25,54,.98),rgba(4,12,29,.985));
  box-shadow:0 20px 60px rgba(0,0,0,.26);
}
.admin-control-hero:after{
  content:"";
  position:absolute;
  right:-120px;top:-170px;
  width:360px;height:360px;
  border-radius:50%;
  border:1px solid rgba(88,145,255,.10);
  box-shadow:0 0 0 34px rgba(88,145,255,.035),0 0 0 72px rgba(88,145,255,.025);
}
.admin-control-copy{position:relative;z-index:2;}
.admin-control-kicker{
  display:block;
  margin-bottom:7px;
  color:#6ea1ff;
  font-size:.63rem;
  letter-spacing:.16em;
  font-weight:900;
}
.admin-control-copy h1{
  margin:0 0 7px;
  font-size:clamp(1.55rem,3vw,2.35rem);
  color:#fff;
  letter-spacing:-.035em;
}
.admin-control-copy p{
  margin:0;
  max-width:690px;
  color:rgba(230,239,255,.57);
  line-height:1.5;
}
.admin-control-status{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  min-width:190px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(1,8,20,.46);
  border:1px solid rgba(255,255,255,.075);
  backdrop-filter:blur(8px);
}
.admin-status-orb{
  width:36px;height:36px;
  border-radius:12px;
  display:grid;place-items:center;
  background:rgba(79,255,143,.07);
  border:1px solid rgba(79,255,143,.16);
}
.admin-status-orb span{
  width:9px;height:9px;
  border-radius:50%;
  background:#56ff91;
  box-shadow:0 0 16px #56ff91;
  animation:authPulse 1.7s infinite;
}
.admin-control-status strong{display:block;font-size:.78rem;}
.admin-control-status small{display:block;margin-top:3px;color:rgba(230,238,255,.43);font-size:.64rem;}

.admin-overview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.admin-overview-card{
  min-height:88px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(145deg,rgba(13,30,57,.92),rgba(7,17,34,.94));
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.admin-overview-card.has-alert{
  border-color:rgba(255,191,70,.30);
  background:linear-gradient(145deg,rgba(54,36,15,.84),rgba(13,22,39,.94));
}
.admin-overview-icon{
  width:42px;height:42px;
  flex:0 0 42px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  font-size:19px;
}
.admin-overview-card strong{display:block;font-size:1.25rem;color:#fff;}
.admin-overview-card small{display:block;margin-top:2px;color:rgba(224,235,255,.47);font-size:.67rem;}

.admin-quickbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-bottom:18px;
}
.admin-quickbar a{
  min-height:82px;
  padding:12px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
  text-decoration:none;
  border-radius:14px;
  border:1px solid rgba(255,211,101,.14);
  background:rgba(7,19,39,.78);
  transition:.18s ease;
}
.admin-quickbar a:hover{
  transform:translateY(-2px);
  border-color:rgba(255,211,101,.36);
  background:linear-gradient(135deg,rgba(255,207,78,.07),rgba(49,114,255,.08));
  box-shadow:0 12px 30px rgba(0,0,0,.17);
}
.admin-quickbar a>span{
  grid-row:1/3;
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.045);
}
.admin-quickbar strong{font-size:.74rem;color:#fff;}
.admin-quickbar small{font-size:.61rem;color:rgba(224,235,255,.43);}

.admin-content>.card,
.admin-content>section.card{
  border-radius:17px !important;
  border:1px solid rgba(255,255,255,.085) !important;
  background:
    linear-gradient(180deg,rgba(9,22,43,.93),rgba(6,15,31,.95)) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.18) !important;
  scroll-margin-top:calc(var(--header-h) + 18px);
}
.admin-content>.card .card-header,
.admin-content>section.card .card-header{
  margin:-16px -16px 16px !important;
  padding:14px 16px !important;
  border-radius:17px 17px 0 0;
  background:linear-gradient(90deg,rgba(255,210,82,.055),rgba(49,113,255,.055),transparent);
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}
.admin-content>.card .card-header h2,
.admin-content>section.card .card-header h2{
  color:#fff !important;
  letter-spacing:-.015em;
}
.admin-content .form-input,
.admin-content textarea,
.admin-content select{
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:rgba(2,9,21,.72) !important;
  transition:.16s ease;
}
.admin-content .form-input:focus,
.admin-content textarea:focus,
.admin-content select:focus{
  outline:none !important;
  border-color:rgba(255,211,101,.48) !important;
  box-shadow:0 0 0 3px rgba(255,211,101,.055);
}
.admin-content .btn{
  border-radius:10px !important;
  box-shadow:0 7px 18px rgba(0,0,0,.13);
}
.admin-notification-item{
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.028);
}
.admin-notification-item.unread{
  border-color:rgba(255,207,83,.23);
  background:linear-gradient(90deg,rgba(255,207,83,.06),rgba(49,114,255,.035));
}

@media(max-width:1080px){
  .admin-overview-grid{grid-template-columns:repeat(2,1fr);}
  .admin-quickbar{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:850px){
  .admin-grid{grid-template-columns:1fr !important;}
  .admin-nav{position:static !important;}
  .admin-control-hero{align-items:flex-start;flex-direction:column;}
  .admin-control-status{min-width:0;width:100%;}
}
@media(max-width:560px){
  .admin-overview-grid,
  .admin-quickbar{grid-template-columns:1fr;}
  .admin-control-hero{padding:20px 17px;}
}

/* Team-Schnellzugriff passend zum neuen Control-Center */
.team-admin-shortcuts{
  background:
    linear-gradient(135deg,rgba(255,202,69,.055),rgba(45,110,255,.055)),
    rgba(7,18,37,.94) !important;
}
.team-admin-shortcut-buttons .btn{
  border:1px solid rgba(255,211,101,.18) !important;
}


/* ============================================================
   Startseite: Rechtsklick- und Kopierschutz für Nicht-Admins
   ============================================================ */
body.copy-protected-home {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}

body.copy-protected-home img,
body.copy-protected-home picture,
body.copy-protected-home svg {
  -webkit-user-drag: none !important;
  user-drag: none !important;
}

body.copy-protected-home input,
body.copy-protected-home textarea,
body.copy-protected-home select,
body.copy-protected-home [contenteditable="true"] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}


/* ============================================================
   Kopierschutz-Fehlermeldung
   ============================================================ */
.copy-protection-notice{
  position:fixed;
  top:22px;
  left:50%;
  z-index:999999;
  display:flex;
  align-items:center;
  gap:12px;
  width:min(460px,calc(100vw - 28px));
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,100,100,.55);
  background:
    linear-gradient(135deg,rgba(82,10,15,.97),rgba(25,6,12,.98));
  box-shadow:
    0 18px 45px rgba(0,0,0,.45),
    0 0 28px rgba(255,60,60,.16);
  color:#fff;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-22px) scale(.97);
  transition:opacity .18s ease,transform .18s ease;
}

.copy-protection-notice.show{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}

.copy-protection-notice-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  font-size:21px;
}

.copy-protection-notice-text{
  min-width:0;
}

.copy-protection-notice-text strong{
  display:block;
  color:#ffb7b7;
  font-size:.95rem;
  line-height:1.2;
}

.copy-protection-notice-text span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.70);
  font-size:.75rem;
}

@media(max-width:600px){
  .copy-protection-notice{
    top:12px;
    padding:12px 13px;
  }
}


/* ===== Verstärkter öffentlicher Startseiten-Kopierschutz ===== */
body.copy-protected-home,
body.copy-protected-home *:not(input):not(textarea):not(select):not(option) {
  -webkit-touch-callout: none !important;
}

body.copy-protected-home img,
body.copy-protected-home a {
  -webkit-user-drag: none !important;
}

/* ===== Einfacher Klick-Sendeplan 2026-08-24 ===== */
.home-schedule-fold{margin-top:18px;border:1px solid rgba(244,200,93,.28);border-radius:15px;background:rgba(2,10,24,.72);overflow:hidden}
.home-schedule-fold>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;font-weight:800;background:linear-gradient(90deg,rgba(244,200,93,.12),rgba(60,100,230,.10));user-select:none}
.home-schedule-fold>summary::-webkit-details-marker{display:none}.home-schedule-fold>summary strong{font-size:.78rem;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08)}
.home-schedule-fold[open]>summary strong{font-size:0}.home-schedule-fold[open]>summary strong:after{content:'zuklappen';font-size:.78rem}
.home-schedule-fold-body{padding:13px}.home-schedule-day{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}.home-schedule-day:last-of-type{border-bottom:0}.home-schedule-day.is-today{background:rgba(244,200,93,.045);border-radius:10px;padding:9px}
.home-schedule-day-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:.82rem}.home-schedule-day-title strong{font-size:.92rem}.home-schedule-day-title span{opacity:.68}
.home-schedule-list{display:flex;flex-direction:column;gap:7px}.home-schedule-row{display:grid;grid-template-columns:86px 42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,.035)}.home-schedule-row.is-live{box-shadow:inset 0 0 0 1px rgba(255,80,80,.45);background:rgba(170,25,25,.09)}
.home-schedule-row img{width:42px;height:42px;object-fit:cover;border-radius:8px}.home-schedule-time{font-weight:800;font-size:.82rem}.home-schedule-copy{min-width:0;display:flex;flex-direction:column}.home-schedule-copy strong,.home-schedule-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-schedule-copy span{font-size:.78rem;opacity:.78}.home-schedule-live{font-size:.68rem;font-weight:900;color:#ffc5c5}.home-schedule-full-link{margin-top:12px}

.schedule-click-admin{scroll-margin-top:20px}.schedule-click-step{margin:18px 0;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(0,0,0,.11)}.schedule-click-step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.schedule-click-step-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:var(--btn);color:#fff}.schedule-click-step-head>div{display:flex;flex-direction:column}.schedule-click-step-head small{opacity:.7;margin-top:2px}
.schedule-dj-picker,.schedule-topic-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}.schedule-pick-card{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:inherit;border-radius:12px;padding:9px;min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-align:center}.schedule-pick-card:hover,.schedule-quick-btn:hover{border-color:rgba(244,200,93,.48);background:rgba(244,200,93,.07)}.schedule-pick-card.is-selected,.schedule-quick-btn.is-selected{border-color:#ffd66b;box-shadow:0 0 0 2px rgba(255,214,107,.18);background:rgba(255,214,107,.10)}
.schedule-pick-card img{width:62px;height:62px;object-fit:cover;border-radius:10px}.schedule-topic-pick img{width:100%;height:72px;object-fit:cover}.schedule-pick-placeholder{font-size:2rem;line-height:1}.schedule-pick-card strong{font-size:.8rem;line-height:1.15}.schedule-fallback-select{margin-top:10px;max-width:420px}
.schedule-date-quick,.schedule-time-slots{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.schedule-quick-btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;border-radius:10px;padding:10px 13px;min-height:42px;cursor:pointer;font-weight:800}.schedule-date-input{max-width:260px}.schedule-manual-times{display:grid;grid-template-columns:repeat(2,minmax(160px,260px));gap:12px}.schedule-extra-fields{margin-top:15px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;padding:0 13px}.schedule-extra-fields summary{cursor:pointer;padding:13px 0;font-weight:800}.schedule-extra-grid{padding-bottom:13px}.schedule-click-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:700px){.home-schedule-row{grid-template-columns:78px 38px minmax(0,1fr)}.home-schedule-row img{width:38px;height:38px}.home-schedule-live{grid-column:3}.schedule-dj-picker,.schedule-topic-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-manual-times{grid-template-columns:1fr 1fr}.schedule-pick-card{min-height:92px}.schedule-topic-pick img{height:64px}}
@media(max-width:430px){.home-schedule-row{grid-template-columns:72px minmax(0,1fr)}.home-schedule-row img{display:none}.home-schedule-live{grid-column:2}.schedule-manual-times{grid-template-columns:1fr}.schedule-dj-picker,.schedule-topic-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-quick-btn{flex:1 1 calc(50% - 8px)}}

/* ===== Sendeplan-Klappmenü nur auf /sendeplan ===== */
.schedule-page-fold{margin-top:0}
.schedule-page-fold-body{padding:12px}
.schedule-page-card{margin:0;box-shadow:none}
@media(max-width:520px){.schedule-page-fold-body{padding:8px}.schedule-page-card{padding:10px}}

/* ===== 14-Tage-Auswahl im Klick-Sendeplan 2026-08-25 ===== */
.schedule-date-14days{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:8px}
.schedule-date-14days .schedule-day-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:8px 6px}
.schedule-date-14days .schedule-day-pick strong{font-size:.82rem;line-height:1.1}
.schedule-date-14days .schedule-day-pick span{font-size:.74rem;opacity:.76}
.schedule-date-manual{margin-top:12px;max-width:310px}.schedule-date-manual>label{display:block;font-weight:800;margin-bottom:6px}.schedule-date-manual .small{margin-top:5px}
@media(max-width:900px){.schedule-date-14days{grid-template-columns:repeat(4,minmax(92px,1fr))}}
@media(max-width:560px){.schedule-date-14days{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-date-14days .schedule-day-pick{flex:1 1 auto}}

/* ===== 2026-08-25: Benutzergruppen, Kachel-Farben und Farbpalette ===== */
.theme-colors-enabled .site-header,
.theme-colors-enabled .site-header .header-right{background:var(--theme-nav-bg) !important;color:var(--theme-nav-text) !important;}
.theme-colors-enabled .site-header .main-nav a,
.theme-colors-enabled .site-header .nav-btn{color:var(--theme-nav-text) !important;}
.theme-colors-enabled .site-header .main-nav a:hover,
.theme-colors-enabled .site-header .main-nav a.active,
.theme-colors-enabled .site-header .nav-btn:hover{background:var(--theme-nav-active-bg) !important;color:var(--theme-nav-active-text) !important;}
.theme-colors-enabled .social-footer{background:var(--theme-footer-bg) !important;}
.theme-colors-enabled .btn,
.theme-colors-enabled .player-btn{background:var(--btn) !important;color:var(--theme-button-text) !important;}
.theme-colors-enabled .btn:hover,
.theme-colors-enabled .player-btn:hover{background:var(--btn-hover) !important;}
.theme-colors-enabled .card:not(.home-tile){background:var(--theme-card-bg) !important;color:var(--theme-card-text) !important;border-color:var(--theme-card-border) !important;}
.theme-colors-enabled .card:not(.home-tile)>.card-header{background:var(--theme-card-header) !important;color:var(--theme-card-text) !important;margin:-16px -16px 14px;padding:12px 16px 10px;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;}
.theme-colors-enabled .moderator-onair-badge,
.theme-colors-enabled .onair-badge,
.theme-colors-enabled .live-on-air,
.theme-colors-enabled .live-badge{background:var(--theme-onair-bg) !important;color:var(--theme-onair-text) !important;}
.home-tile{background:var(--tile-bg,var(--card)) !important;color:var(--tile-text,var(--primary)) !important;border-color:var(--tile-border,var(--border)) !important;}
.home-tile>.card-header{background:var(--tile-header,transparent) !important;color:var(--tile-text,var(--primary)) !important;}
.theme-colors-enabled .home-tile{background:var(--tile-bg,var(--theme-card-bg)) !important;color:var(--tile-text,var(--theme-card-text)) !important;border-color:var(--tile-border,var(--theme-card-border)) !important;}
.theme-colors-enabled .home-tile>.card-header{background:var(--tile-header,var(--theme-card-header)) !important;color:var(--tile-text,var(--theme-card-text)) !important;margin:-16px -16px 14px;padding:12px 16px 10px;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;}
.group-admin-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:16px;align-items:start}.group-create-panel,.group-editor-card{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;background:rgba(0,0,0,.12)}.group-existing-list{display:grid;gap:12px}.group-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.group-cap-row{display:block;padding:8px 0;font-size:.9rem}.group-user-picker,.tile-group-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 10px;max-height:180px;overflow:auto;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:8px 0 12px}.group-user-picker label,.tile-group-picker label{font-size:.82rem}.tile-access-box{padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin:10px 0}.tile-color-grid,.theme-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.tile-color-grid>div,.color-field{padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.1)}.tile-color-grid label,.color-field label{display:block;font-size:.78rem;margin-bottom:6px}.tile-color-grid input[type=color],.theme-color-input{width:100%;height:42px;padding:2px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#091a31}.color-field>div{display:flex;gap:8px;align-items:center}.color-field code{font-size:.72rem}.palette-strip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.palette-item{display:flex;align-items:center;gap:4px}.palette-item>input[type=color]{width:34px;height:34px;padding:0;border:0;background:transparent}.palette-swatch{width:42px;height:42px;border:2px solid rgba(255,255,255,.45);border-radius:9px;cursor:pointer}.admin-scroll-section:target,#settings:target,#tiles:target,#appearance:target,#middle-content:target{max-height:72vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.partner-member-area,.partner-owned-tile{max-width:1100px;margin-left:auto;margin-right:auto}.partner-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.partner-owned-tile{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;margin-bottom:14px}.partner-owned-preview{width:min(220px,100%);max-height:150px;object-fit:contain;display:block;margin:0 auto 12px}
@media(max-width:850px){.group-admin-grid{grid-template-columns:1fr}.admin-scroll-section:target,#settings:target,#tiles:target,#appearance:target,#middle-content:target{max-height:none;overflow:visible}.theme-colors-enabled .card:not(.home-tile)>.card-header,.theme-colors-enabled .home-tile>.card-header{margin:-12px -12px 14px;padding-left:12px;padding-right:12px}}


/* ===== Homepage-Lizenz 2026-08-25 ===== */
.license-admin-card{scroll-margin-top:20px}.license-status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border-radius:999px;font-size:.75rem;font-weight:900;letter-spacing:.04em}.license-status.is-valid{background:rgba(52,199,89,.18);border:1px solid rgba(52,199,89,.45);color:#bff8ce}.license-status.is-invalid{background:rgba(255,59,48,.18);border:1px solid rgba(255,59,48,.45);color:#ffd1ce}.license-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.license-summary-grid>div{padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(0,0,0,.12);min-width:0}.license-summary-grid span{display:block;font-size:.74rem;opacity:.68;margin-bottom:4px}.license-summary-grid strong{display:block;overflow-wrap:anywhere}.license-form{display:grid;gap:12px}.license-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.license-key-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.license-restore-form{margin-top:12px}.license-admin-card:target{max-height:72vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}@media(max-width:650px){.license-summary-grid{grid-template-columns:1fr}.license-key-row{grid-template-columns:1fr}.license-admin-card:target{max-height:none;overflow:visible}}

/* ===== Lizenz im Admin-Menü deutlich sichtbar 2026-08-25 ===== */
.admin-license-nav{border:1px solid rgba(255,215,90,.28)!important;border-radius:10px;padding:9px!important;background:rgba(255,196,40,.055)}.admin-license-nav>span{color:#ffe49a!important;opacity:1!important}.admin-license-link{font-weight:900!important;background:linear-gradient(135deg,rgba(255,188,36,.18),rgba(255,221,116,.08))!important;border:1px solid rgba(255,215,90,.22)}.admin-quick-license{border-color:rgba(255,215,90,.35)!important}.admin-quick-license.is-valid{background:linear-gradient(135deg,rgba(49,180,90,.13),rgba(255,211,92,.06))!important}.admin-quick-license.is-invalid{background:linear-gradient(135deg,rgba(210,66,66,.15),rgba(255,211,92,.06))!important}