/* GlobalBase Halloween 1:1-oriented public dancebase reconstruction.
   The already-present sidebar Halloween art stays intact.
   Built against original dancebase selectors; no admin changes. */
:root{--h-orange:#ff8c07;--h-gold:#ffd046;--h-edge:rgba(255,132,4,.94);--h-panel:#05080b}
html body {font-family:Arial,Verdana,sans-serif!important;color:#f7f3ec!important}
/* Override old centre frame artwork, without changing the 1000px CMS table. */
html body .header{position:relative!important;width:1000px!important;height:510px!important;float:left!important;isolation:isolate;background:radial-gradient(circle at 35% -35%,rgba(249,97,6,.16),transparent 66%),linear-gradient(150deg,#0d1115,#05070a 75%)!important;border-top:2px solid #a95d08;box-sizing:border-box}
html body .header::before{content:'';position:absolute;left:12px;top:0;width:613px;height:208px;background:url('./header-aus-vorlage.webp') top center/613px 208px no-repeat;pointer-events:none;z-index:0}
html body .header>*{z-index:1}
/* Login, accurately moved to top-right as screenshot */
html body .header .login{position:absolute!important;left:624px!important;top:25px!important;margin:0!important;width:335px!important;height:204px!important;padding:12px!important;box-sizing:border-box!important;border:2px solid #f7940b!important;border-radius:11px!important;background:linear-gradient(110deg,rgba(3,6,9,.98),rgba(8,13,19,.93))!important;box-shadow:0 0 13px rgba(255,110,0,.36),inset 0 0 20px rgba(255,115,0,.09)!important;overflow:auto!important;color:#f3f2ee!important}
html body .header .login a{color:#ece7e0!important}
html body .header .login a:hover{color:#ffc04b!important}
/* Second row: real links copied from the existing main navigation by our optional JS. */
html body #gb-halloween-menu{position:absolute;left:11px;top:212px;width:601px;min-height:41px;display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:2px;box-sizing:border-box;background:linear-gradient(180deg,#121a21,#06090d);border:1px solid #aa600b;border-radius:6px;box-shadow:0 3px 10px #0009;z-index:8}
html body #gb-halloween-menu a{color:#f9f4ec!important;font-size:11px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:48px;padding:2px 3px;text-align:center;white-space:nowrap;text-decoration:none!important}
html body #gb-halloween-menu a::before{content:'✦';font-size:13px;color:#f57e0b}
html body #gb-halloween-menu a:hover{color:#ff961e!important;background:#f9870618;border-radius:5px}
/* News ticker stays dynamic and is given a full row */
html body .header .sc_title{position:absolute!important;top:264px!important;left:12px!important;box-sizing:border-box!important;margin:0!important;width:958px!important;height:30px!important;padding:6px 12px!important;color:#ffd449!important;font-size:12px!important;overflow:hidden!important;border:1px solid #bd7314;border-radius:6px;background:linear-gradient(#151b20,#060a0e)!important;text-shadow:0 1px 2px #000}
/* Player bar, actual player links and old player IDs kept functional */
html body .header .playerbox{position:absolute!important;left:12px!important;top:305px!important;margin:0!important;padding:7px!important;width:958px!important;height:55px!important;box-sizing:border-box!important;border:2px solid #e48c07!important;border-radius:7px!important;background:linear-gradient(180deg,#ae6b08,#df8909 65%,#925500)!important;box-shadow:inset 0 2px 5px #0007,0 4px 10px #0009!important;overflow:visible!important}
html body .header .playerbox #mediaplayer,html body .header .playerbox #winamp,html body .header .playerbox #qtimeplayer,html body .header .playerbox #flashplayer{height:44px!important;background-position:center top!important}
/* The Wunschbox remains at the exact original position seen in the current screenshot,
   relative to the 1000px Dancebase header: x=410,y=252. Never move it into show cards. */
html body .header > div[style*="margin-top:1px"][style*="margin-left:50px"]{position:absolute!important;top:252px!important;left:410px!important;margin:0!important;float:none!important;z-index:10!important;width:auto!important;height:auto!important}
html body .header a[href="wunschbox"] img[src*="grussbox.gif"],html body .header a[href$="/wunschbox"] img[src*="grussbox.gif"]{height:70px!important;width:auto!important;max-width:none!important;display:block!important}
/* Clearly readable ORIGINAL //AktuelleShow / //NaechsteShow label HTML. */
html body .header > div[style*="margin-top:100px"][style*="margin-left:70px"]{position:absolute!important;top:372px!important;left:20px!important;margin:0!important;float:none!important;z-index:9!important;font-size:12px!important;line-height:20px!important;text-shadow:0 1px 3px #000!important}
html body .header > div[style*="margin-top:100px"][style*="margin-left:333px"]{position:absolute!important;top:372px!important;left:335px!important;margin:0!important;float:none!important;z-index:9!important;font-size:12px!important;line-height:20px!important;text-shadow:0 1px 3px #000!important}
/* Four boxes on one reference-style horizontal row */
html body .header .aktuelbox,html body .header .nextbox,html body .header .counter,html body .header .online{position:absolute!important;float:none!important;margin:0!important;box-sizing:border-box!important;background:linear-gradient(#0b1015,#05080a)!important;border:1px solid #e88207!important;border-radius:9px!important;color:#eee!important;box-shadow:inset 0 0 0 1px #3a240c,0 0 9px #bd620633!important;overflow:hidden!important}
html body .header .aktuelbox{top:397px!important;left:12px!important;width:296px!important;height:106px!important;padding:6px!important}
html body .header .nextbox{top:397px!important;left:325px!important;width:277px!important;height:106px!important;padding:6px!important}
html body .header .counter{top:397px!important;left:620px!important;width:171px!important;height:106px!important;padding:8px!important;font-size:11px!important}
html body .header .online{top:397px!important;left:802px!important;width:170px!important;height:106px!important;padding:8px!important;font-size:11px!important}
html body .header .aktuelbox *,html body .header .nextbox *,html body .header .counter *,html body .header .online *{color:inherit;text-shadow:0 1px 2px #000}
/* Real sidebar / content on same line, with reference card styling */
html body .content{width:1000px!important;background:linear-gradient(90deg,#06090b,#0e151b 58%,#07090c)!important;border-left:2px solid #d77a0a;border-right:2px solid #d77a0a;box-sizing:border-box;padding:2px 10px 12px 6px}
html body .content .navigation{margin-left:8px!important;width:245px!important}
html body .content .nav_head,html body .content .nav_foot{width:245px!important;background:none!important;height:3px!important}
html body .content .nav_mid{width:245px!important;box-sizing:border-box!important;margin-bottom:8px;border:1px solid #a55d0a!important;border-radius:6px;overflow:hidden;background:linear-gradient(#081016,#03080b)!important}
html body .content .navi_title_l{width:100%!important;box-sizing:border-box!important;height:auto!important;min-height:25px;padding:5px 8px!important;background:linear-gradient(#f7a424,#bb5e00)!important;color:#120f0c!important;text-shadow:none!important;font-size:12px!important}
html body .content .nav_mid ul,html body .content .nav_mid li{width:100%!important;box-sizing:border-box!important;background:none!important;height:auto!important;min-height:25px!important}
html body .content .nav_mid a{width:auto!important;height:auto!important;display:block!important;color:#e5e7e8!important;padding:5px 12px!important;font-size:12px!important;border-bottom:1px solid #3339}
html body .content .nav_mid a:hover{background:#f8870524!important;color:#ffbb48!important}
html body .content .connt{float:left!important;width:709px!important;margin-left:10px!important;min-width:0!important}
html body .content .connt .cont_head,html body .content .connt .con_head,html body .content .connt .news_head{width:100%!important;box-sizing:border-box!important;min-height:27px!important;padding:4px 9px!important;color:#ffae0c!important;font-size:15px!important;font-weight:700!important;background:linear-gradient(180deg,#12171a,#05090c)!important;border:1px solid #d57d09!important;border-radius:5px 5px 0 0!important}
html body .content .connt .cont_mid,html body .content .connt .con_middle{width:100%!important;box-sizing:border-box!important;padding:12px!important;background:#070b0e!important;border-left:1px solid #a65d09!important;border-right:1px solid #a65d09!important;color:#f0ece6!important;font-size:13px!important}
html body .content .connt .cont_foot,html body .content .connt .con_foot,html body .content .connt .news_foot{width:100%!important;box-sizing:border-box!important;background:#070b0e!important;border-bottom:1px solid #c8750b!important}
html body .content .connt img{max-width:100%;height:auto}
html body .footer{width:1000px!important;min-height:16px;background:linear-gradient(90deg,#150c08,#080c10,#150c08)!important;border-bottom:2px solid #b66a0a}
@media(max-width:1030px){html body{overflow-x:auto!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}