/* GlobalBase Theme 1zu1 V3: matching the approved previews.
   All real news, stream data, forms and account functionality remain rendered by PHP. */
:root{--gb3-accent:#c78517;--gb3-metal:#ffcc68;--gb3-bg:#070b11;--gb3-amber:#ffb423;}
html body{font-family:Arial,Verdana,sans-serif!important;color:#f4f5f8!important;background-color:#050a10!important;background-image:linear-gradient(180deg,#070f1a,#020609)!important;background-attachment:fixed!important;}
@media(min-width:1100px){html body{background-image:url('/new-cms/style/neutral/gb3-left.webp'),url('/new-cms/style/neutral/gb3-right.webp'),linear-gradient(180deg,#07111c,#030509)!important;background-size:auto 100vh,auto 100vh,cover!important;background-position:left top,right top,center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important;}}
html body .header{position:relative!important;width:1000px!important;height:510px!important;box-sizing:border-box!important;isolation:isolate!important;background:linear-gradient(180deg,rgba(4,9,16,.90),#060b10)!important;border-top:1px solid var(--gb3-accent)!important;box-shadow:0 6px 26px rgba(0,0,0,.55)!important;}
/* Replace the Halloween banner image with the approved reference artwork */
html body .header::before{content:''!important;display:block!important;position:absolute!important;left:10px!important;top:0!important;width:608px!important;height:190px!important;background-image:url('/new-cms/style/neutral/gb3-header.webp')!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:100% 100%!important;pointer-events:none!important;z-index:0!important;}
html body .header::after{content:none!important;display:none!important;}
html body .header>.login{position:absolute!important;left:auto!important;right:16px!important;top:16px!important;transform:none!important;width:340px!important;height:230px!important;min-height:230px!important;overflow:hidden!important;box-sizing:border-box!important;margin:0!important;padding:12px!important;border:2px solid var(--gb3-accent)!important;border-radius:9px!important;background:linear-gradient(130deg,#050b11,#0d141c)!important;box-shadow:0 0 14px rgba(255,168,22,.24),inset 0 0 10px #000!important;color:#f4f4f4!important;z-index:50!important;}
html body .header>.login::before,html body .header>.login::after{content:none!important;display:none!important;background-image:none!important;}
html body .header>.login a:has(img[src*='grussbox.gif']){position:absolute!important;left:12px!important;bottom:9px!important;top:auto!important;right:auto!important;transform:none!important;width:85px!important;z-index:150!important;}
html body .header>.login img[src*='grussbox.gif']{width:85px!important;max-width:85px!important;height:auto!important;}
html body #gb-halloween-menu{border:1px solid var(--gb3-accent)!important;background:linear-gradient(#111923,#03080d)!important;}
html body #gb-halloween-menu a::before{color:var(--gb3-accent)!important;}
html body .header .sc_title{background:linear-gradient(180deg,#101923,#04090e)!important;border-color:var(--gb3-accent)!important;color:#ffcf61!important;}
html body .header .playerbox{border-color:var(--gb3-accent)!important;background:linear-gradient(180deg,#101821,#081018 60%,#05070b)!important;box-shadow:0 0 10px rgba(255,176,30,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;}
html body .header .aktuelbox,html body .header .nextbox,html body .header .counter,html body .header .online{border:1px solid var(--gb3-accent)!important;background:linear-gradient(145deg,#090e15,#020609)!important;box-shadow:0 0 8px rgba(244,165,28,.12)!important;}
html body .content{border-left:2px solid var(--gb3-accent)!important;border-right:2px solid var(--gb3-accent)!important;background:linear-gradient(95deg,#050a0f,#0b1219 60%,#05080c)!important;}
html body .content .nav_mid{border:1px solid var(--gb3-accent)!important;background:#070c12!important;border-radius:7px!important;}
html body .content .navi_title_l{background:linear-gradient(180deg,var(--gb3-metal),var(--gb3-accent))!important;border:0!important;color:#100d09!important;font-weight:bold!important;}
html body .content .nav_mid a{color:#f0f4fb!important;}
html body .content .nav_mid a:hover{background:rgba(255,175,22,.12)!important;color:#ffde92!important;}
html body .content .connt .news_head,html body .content .connt .cont_head,html body .content .connt .con_head{background:linear-gradient(180deg,#13191f,#05090c)!important;border-color:var(--gb3-accent)!important;color:#ffc431!important;text-shadow:0 1px 2px #000!important;}
html body .content .connt :is(.con_middle,.cont_mid){background:#070b0f!important;color:#f1f3f7!important;}
html body .action-page-effects{display:none!important;}
html body::before,html body::after{animation:none!important;}
html body a:hover{color:#ffda70!important;}
html body input[type=submit],html body button[type=submit]{border-radius:6px!important;background:linear-gradient(180deg,#ffe6a2,#f3a52e 70%,#be7105)!important;border:1px solid var(--gb3-accent)!important;color:#191009!important;}
@media(max-width:1100px){html body{background:#060b12!important;} }
@media(max-width:1020px){html body .header{max-width:100vw!important;} }
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{animation:none!important;}}
/* NEUTRAL: city lights, gold radio-console highlights. */
html body .header{border-top:2px solid #f3a72d!important;}
html body .content .navi_title_l{background:linear-gradient(180deg,#ffd27b,#d88a17)!important;}

/* GB_LAYOUT_V6_BEGIN */
/* Based on real 1750px browser screenshots. All changes are limited to the public theme. */
:root{--gb6-gold:#ffb631;--gb6-dark:#07101a;--gb6-mid:#0a131e;}
html,html body{min-width:0!important;}
html body{
 background-color:#07101a!important;
 background-image:linear-gradient(90deg,transparent 0%,transparent 17%,#07101a 31%,#07101a 69%,transparent 83%,transparent 100%)!important;
 background-attachment:fixed!important;
}
/* Side panels stretch to the actual empty area beside the 1000px CMS.
   No 310px hard limit, no gaps, no fragments of embedded mockup UI. */
@media(min-width:1100px){
 html body{
  background-image:url('/new-cms/style/neutral/gb5-left.webp'),url('/new-cms/style/neutral/gb5-right.webp'),linear-gradient(90deg,#07101a,#0a131e 22%,#07101a 36%,#07101a 64%,#0a131e 78%,#07101a)!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-position:left top,right top,center!important;
  background-size:max(1px,calc((100vw - 1000px) / 2)) auto,max(1px,calc((100vw - 1000px) / 2)) auto,cover!important;
  background-attachment:fixed,fixed,fixed!important;
 }
}
/* The center matches the reference screenshots; remove V3/V5 detached appearance. */
html body .header,html body .content{box-sizing:border-box!important;max-width:100%!important;background-color:rgba(3,8,14,.95)!important;}
html body .header{width:1000px!important;min-height:510px!important;border-top:0!important;box-shadow:0 5px 26px #000b!important;}
html body .header::before{left:10px!important;top:0!important;width:608px!important;height:178px!important;background-size:contain!important;background-position:center top!important;}
html body .header>.login{top:14px!important;right:16px!important;width:340px!important;height:230px!important;min-height:230px!important;padding:12px!important;border-color:#ffb631!important;}
/* Keep the real user menu accessible; the seasonal image is NOT a menu background. */
html body .header>.login::after,html body .header>.login::before{display:none!important;content:none!important;}
html body .header>.login a:has(img[src*='grussbox.gif']){width:85px!important;left:12px!important;bottom:8px!important;}
html body .header>.login img[src*='grussbox.gif']{width:85px!important;height:auto!important;}
html body .header .sc_title,html body .header .playerbox{border-color:#ffb631!important;}
html body .header .aktuelbox,html body .header .nextbox,html body .header .counter,html body .header .online{border-color:#ffb631!important;}
html body .content{border-color:#ffb631!important;box-shadow:0 0 26px #0007!important;}
html body .content .connt .news_head,html body .content .connt .cont_head,html body .content .connt .con_head{border-color:#ffb631!important;}
/* Narrow screens show only content, instead of cropped decorative columns. */
@media(max-width:1099px){
 html body{background-image:linear-gradient(145deg,#07101a,#0a131e,#07101a)!important;}
 html body .header,html body .content{max-width:100vw!important;}
}
/* GB_LAYOUT_V6_END */