/* FinalDragonBeatz - PHPFusion 9 1-Jahr-Jubiläum Edition */
:root{
  --bg:#05070d; --bg2:#0b1020; --panel:#0d1324; --line:#35415f;
  --text:#f7f0ff; --muted:#e9ddf7;
  --fire:#1d78ff; --fire2:#61b4ff; --ice:#b8860b; --ice2:#ffd76a; --live:#ff3b30;
  --gold:#ffd166; --green:#b8860b; --green2:#fff0a8;
  --grad:linear-gradient(90deg,var(--fire),var(--gold),var(--ice2),var(--fire2));
  --head:"Bahnschrift","DIN Alternate","Arial Narrow","Roboto Condensed",sans-serif;
  --spook:"Chiller","Jokerman","Papyrus","Palatino Linotype",Georgia,serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);font:16px/1.65 var(--body);min-height:100vh;
  background:
    linear-gradient(rgba(5,2,10,.30),rgba(5,2,10,.45)),
    url("images/newyear-background.jpg") center top / cover fixed no-repeat,
    var(--bg);
  background-attachment:fixed}
.rd-fireworks{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
.rd-header,.rd-main{position:relative;z-index:1}
.rd-footer{position:relative;z-index:1;clear:both;display:block;width:100%;}
a{color:var(--fire2);text-decoration:none} a:hover{color:var(--ice2);text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ice2);outline-offset:2px}
img{max-width:100%;height:auto}
.rd-wrap{max-width:1600px;margin:0 auto;padding:0 24px}

/* Video-Hintergrund (nur aktiv, wenn video/background.mp4 existiert) */
.rd-videobg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#05020a}
.rd-videobg video{width:100%;height:100%;object-fit:cover;display:block}
.rd-videobg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(5,2,10,.35),rgba(5,2,10,.50))}

/* Glut- und Funkenflug ueber der ganzen Seite (steigt langsam auf) */
.rd-embers{position:fixed;left:-30px;right:-30px;top:0;bottom:-300px;z-index:999;pointer-events:none;overflow:hidden;background-image:
  radial-gradient(circle at 5% 8%,rgba(255,170,70,.95) 0 2px,transparent 2.8px),
  radial-gradient(circle at 18% 22%,rgba(255,120,30,.85) 0 1.5px,transparent 2.5px),
  radial-gradient(circle at 34% 5%,rgba(255,190,90,.9) 0 2px,transparent 3px),
  radial-gradient(circle at 51% 18%,rgba(255,140,50,.8) 0 1.5px,transparent 2.5px),
  radial-gradient(circle at 67% 9%,rgba(255,180,80,.95) 0 2px,transparent 3px),
  radial-gradient(circle at 82% 26%,rgba(255,130,40,.85) 0 1.5px,transparent 2.5px),
  radial-gradient(circle at 94% 6%,rgba(255,170,70,.95) 0 2px,transparent 3px);
  background-size:100% 180px;animation:rd-rise-a 14s linear infinite;opacity:.7}
.rd-embers:before,.rd-embers:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-image:
  radial-gradient(circle at 12% 12%,rgba(255,215,106,.9) 0 2px,transparent 3px),
  radial-gradient(circle at 28% 35%,rgba(255,150,60,.8) 0 2px,transparent 3px),
  radial-gradient(circle at 46% 15%,rgba(255,215,106,.85) 0 1.5px,transparent 2.5px),
  radial-gradient(circle at 63% 38%,rgba(255,170,70,.85) 0 2px,transparent 3px),
  radial-gradient(circle at 78% 10%,rgba(97,180,255,.7) 0 2px,transparent 3px),
  radial-gradient(circle at 91% 42%,rgba(255,140,50,.8) 0 1.5px,transparent 2.5px);
  background-size:100% 220px;animation:rd-rise-b 19s linear infinite}
.rd-embers:after{background-size:100% 280px;animation:rd-rise-c 26s linear infinite;opacity:.55}
@keyframes rd-rise-a{from{transform:translate3d(0,0,0)}to{transform:translate3d(24px,-180px,0)}}
@keyframes rd-rise-b{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,-220px,0)}}
@keyframes rd-rise-c{from{transform:translate3d(0,0,0)}to{transform:translate3d(14px,-280px,0)}}

/* Header */
.rd-banner{display:block;line-height:0;background:#030107;position:relative;overflow:hidden}
.rd-banner img{width:100%;height:auto;max-height:none;object-fit:fill;object-position:center center;display:block}
.rd-header-player{position:absolute;right:calc((100% - min(1600px, 100%)) / 2 + 18px);top:10px;transform:none;z-index:20;width:min(720px, 48vw);}
.rd-player-header{position:relative;left:auto;right:auto;bottom:auto;width:100%;background:rgba(8,3,16,.42);border:1px solid rgba(199,155,255,.30);border-top:1px solid rgba(255,154,60,.65);border-radius:14px;backdrop-filter:blur(5px);box-shadow:0 8px 24px rgba(0,0,0,.30),0 0 18px rgba(138,63,252,.18);}
.rd-player-header .rd-playerrow{min-height:82px;height:auto;padding:10px 14px;gap:12px;}
.rd-player-header .rd-playbtn{width:52px;height:52px;}
.rd-player-header .rd-now strong{font-size:17px;white-space:nowrap;overflow:visible;text-overflow:clip;}
.rd-player-header .rd-song{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.25;}
.rd-player-header .rd-volume{display:flex;flex:none;}
.rd-player-header .rd-eq{height:22px;}
.rd-wave{height:5px;background:var(--grad);box-shadow:0 0 18px rgba(255,106,0,.60),0 0 18px rgba(143,226,58,.30),0 0 18px rgba(138,63,252,.55)}
.rd-navbar{display:flex;align-items:center;min-height:50px}
.rd-nav{flex:1}
.rd-header{background:linear-gradient(180deg,#0e0618,#06030c);border-bottom:1px solid #4a2d6b;position:relative;overflow:hidden}
.rd-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.rd-nav li{position:relative}
.rd-nav a{display:block;padding:14px 18px;color:var(--text);font:600 16px var(--head);text-decoration:none;border-bottom:3px solid transparent;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.rd-nav li:hover>a,.rd-nav .active>a,.rd-nav li.current-link>a{color:#fff;border-image:var(--grad) 1;border-bottom:3px solid;background:linear-gradient(180deg,rgba(255,106,0,.22),rgba(138,63,252,.14));box-shadow:inset 0 -8px 18px rgba(255,154,60,.07)}
.rd-nav ul ul{display:none;position:absolute;left:0;top:100%;min-width:210px;background:var(--panel);border:1px solid var(--line);z-index:50;flex-direction:column}
.rd-nav li:hover>ul,.rd-nav li:focus-within>ul{display:flex}
.rd-nav .navbar,.rd-nav .navbar-nav,.rd-nav .navbar-default{background:none;border:0;margin:0;min-height:0;float:none}
.rd-check,.rd-burger{display:none}

/* Layout */
.rd-main{display:flex;gap:44px;padding-top:34px;padding-bottom:40px;align-items:flex-start;position:relative;z-index:1;clear:both;overflow:visible}
.rd-content{flex:1;min-width:0}
.rd-side{width:300px;flex:none}

/* Panels: Anniversary gold / blue styling */
.rd-panel{position:relative;background:linear-gradient(180deg,rgba(12,15,32,.97),rgba(7,8,18,.98));border:1px solid var(--line);border-radius:12px;margin-bottom:26px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.40),0 0 22px rgba(138,63,252,.10)}
.rd-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad);box-shadow:0 0 14px rgba(255,154,60,.40)}
.rd-panel:after{content:"\1F386";position:absolute;right:12px;top:8px;opacity:.65;font-size:20px;line-height:1;pointer-events:none}
.rd-title{margin:0;padding:16px 50px 10px 22px;font:700 27px/1.2 var(--spook);letter-spacing:.03em;color:#fff8df;text-shadow:0 0 12px rgba(255,106,0,.45);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(255,106,0,.20),rgba(255,176,46,.08),rgba(79,168,15,.10),rgba(138,63,252,.18))}
.rd-panel .rd-body{padding:20px 22px}
.rd-box{margin-bottom:22px;border-left:3px solid;border-image:linear-gradient(var(--fire),var(--gold),var(--green2),var(--ice)) 1;padding-left:16px}
.rd-boxtitle{margin:0 0 8px;font:700 18px var(--head);color:var(--gold);text-shadow:0 0 10px rgba(255,154,60,.30)}
.rd-box .rd-body{color:#f4ecff;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.rd-box ul{padding-left:18px;margin:0}

/* Formulare und Bootstrap-3-Ausgaben */
.form-control,input[type=text],input[type=password],input[type=email],textarea,select{
  background:#0c0614;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 12px;max-width:100%}
.form-control:focus,textarea:focus{border-color:var(--fire2);box-shadow:0 0 0 3px rgba(255,106,0,.25);outline:0}
.btn,button.btn,input[type=submit]{border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--text);padding:8px 22px;cursor:pointer}
.btn-primary,.btn-success,input[type=submit]{background:var(--grad);border:0;color:#1a0a00;font-weight:700}
.btn-primary:hover,.btn-success:hover,input[type=submit]:hover{filter:brightness(1.12)}
table,.table{width:100%;border-collapse:collapse} td,th{padding:8px 10px;border-bottom:1px solid var(--line)}
.well,.panel-default,.panel{background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--text)}
hr{border:0;border-top:1px solid var(--line)}
.alert{padding:12px 16px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);margin-bottom:16px}

/* Footer - nur einmal am echten Seitenende */
.rd-footer{
  position:relative !important;
  clear:both !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 0 26px !important;
  background:linear-gradient(180deg,rgba(5,8,18,.96),rgba(2,4,10,.99));
  border-top:1px solid var(--line);
  color:#efe6fa;
  font-size:14px;
  overflow:hidden;
  text-shadow:0 1px 4px rgba(0,0,0,.9);
}
.rd-footer-art{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:250px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0;
  border-bottom:1px solid rgba(199,155,255,.26);
  background:#05020a;
  box-shadow:0 -10px 30px rgba(0,0,0,.30) inset;
  overflow:hidden;
}
.rd-footer-art img{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:250px !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:cover;
  object-position:center center;
  opacity:.98;
}
.rd-footer-info{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  padding-top:18px;
}

/* Header player */
.rd-player{width:100%;}
.rd-playerrow{display:flex;align-items:center;gap:18px;}
.rd-playbtn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,176,46,.75);background:linear-gradient(135deg,var(--fire),var(--gold) 50%,var(--ice));box-shadow:0 0 18px rgba(255,106,0,.35);cursor:pointer;display:grid;place-items:center;flex:none;padding:0}
.rd-playbtn i{width:0;height:0;border-left:15px solid #1a0a00;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.is-live .rd-playbtn i{width:14px;height:16px;border:0;margin:0;border-left:4px solid #1a0a00;border-right:4px solid #1a0a00}
.rd-now{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1}
.rd-now strong{font:600 18px var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-song{display:block;max-width:100%;font:700 14px/1.3 var(--body);color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px rgba(138,63,252,.35)}
.rd-now em{font-style:normal;color:#ffffff;font-size:13px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.95)}
.rd-onair{font:700 12px var(--head);color:#ffffff;text-shadow:0 1px 5px rgba(0,0,0,.95)}
.is-live .rd-onair{color:var(--live)}
.is-live .rd-onair:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);margin-right:6px;box-shadow:0 0 8px var(--live)}
.rd-eq{display:flex;gap:3px;align-items:flex-end;height:26px}
.rd-eq b{width:4px;height:6px;border-radius:2px;background:var(--fire)}
.rd-eq b:nth-child(n+4){background:var(--ice2)}
.is-live .rd-eq b{animation:rd-bar .9s ease-in-out infinite alternate}
.is-live .rd-eq b:nth-child(2){animation-delay:.12s}.is-live .rd-eq b:nth-child(3){animation-delay:.24s}
.is-live .rd-eq b:nth-child(4){animation-delay:.36s}.is-live .rd-eq b:nth-child(5){animation-delay:.48s}.is-live .rd-eq b:nth-child(6){animation-delay:.6s}
@keyframes rd-bar{to{height:26px}}
.rd-volume{display:flex;align-items:center;gap:8px;color:#ffffff;font-size:13px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.95)}
.rd-volume input{accent-color:var(--fire);width:120px}

/* Mobil */
@media (max-width:900px){
  .rd-header-player{right:14px;top:10px;bottom:auto;transform:none;width:min(720px,calc(100% - 28px));}
  .rd-player-header .rd-volume{display:none;}
  .rd-main{flex-direction:column} .rd-side{width:100%}
  .rd-navbar{justify-content:flex-end}
  .rd-burger{display:grid;place-items:center;width:44px;height:44px;margin:6px 0;border:1px solid var(--line);border-radius:8px;cursor:pointer}
  .rd-burger span,.rd-burger span:before,.rd-burger span:after{display:block;width:20px;height:2px;background:var(--text);position:relative;content:""}
  .rd-burger span:before{position:absolute;top:-6px}.rd-burger span:after{position:absolute;top:6px}
  .rd-navbar{flex-wrap:wrap} .rd-nav{display:none;flex-basis:100%}.rd-check:checked~.rd-navbar .rd-nav{display:block}
  .rd-nav ul{flex-direction:column;align-items:stretch}.rd-nav ul ul{position:static;display:flex;border:0;padding-left:14px}
  .rd-volume{display:none}
}
@media (max-width:520px){.rd-videobg video{display:none}.rd-eq{display:none}.rd-header-player{left:auto;right:10px;top:8px;width:calc(100% - 20px)}.rd-banner img{width:100%;height:180px;max-height:none;object-fit:cover;object-position:center bottom}.rd-footer-art,.rd-footer-art img{height:140px !important;max-height:140px !important}.rd-footer-art img{object-fit:cover}}
@media (prefers-reduced-motion:reduce){.rd-fireworks{display:none}.rd-videobg video{display:none}.is-live .rd-eq b{animation:none;height:16px}.rd-embers,.rd-embers:before,.rd-embers:after{animation:none}}