@charset "utf-8";
/* RADIO-SENDEPLAN – MODERN NIGHT NEON
   Dunkles Violett + Cyan/Blau + rotes ON AIR */

:root {
  --bg:#0b0014; --purple:#250044; --purple2:#42006e;
  --violet:#8000c8; --cyan:#5de7ff; --light:#b8f7ff;
  --red:#e60020; --red2:#ff4058; --green:#22d36b;
}

html,body {
  margin:0!important; padding:0!important; min-height:100%;
  background:radial-gradient(circle at 50% 0%,#42006e 0%,#210038 38%,#0b0014 100%)!important;
  color:var(--light)!important;
  font-family:Arial,Helvetica,sans-serif;
}

#page,#wrapper,#container,#content,#main,.content,.main,.page,
.page-content,.content-wrapper,.main-content {
  background:linear-gradient(180deg,#250044 0%,#100019 100%)!important;
  color:var(--light)!important;
}

h1,h2,h3,h4,h5,h6,.title,.heading {
  color:var(--light)!important;
  text-shadow:0 0 8px rgba(93,231,255,.35);
}

a,a:visited {color:var(--cyan)!important;text-decoration:none;}
a:hover,a:focus {color:#fff!important;text-shadow:0 0 10px rgba(93,231,255,.8);}

nav,#navigation,.navbar,.menu,ul.menu {
  background:#0b0014!important;
  border:1px solid var(--violet)!important;
  box-shadow:0 0 12px rgba(128,0,200,.35);
}
nav a,#navigation a,.navbar a,.menu a {
  background:#160025!important;color:var(--cyan)!important;
  border-right:1px solid #4d0080!important;font-weight:bold;
}
nav a:hover,#navigation a:hover,.navbar a:hover,.menu a:hover {
  background:#4b0078!important;color:#fff!important;
}

button,input[type=button],input[type=submit],input[type=reset],.button,.btn {
  background:linear-gradient(180deg,#4d0080,#210039)!important;
  color:var(--light)!important;border:1px solid var(--cyan)!important;
  border-radius:6px;padding:9px 17px;font-weight:bold;
  box-shadow:0 0 8px rgba(93,231,255,.25);
}
button:hover,input[type=button]:hover,input[type=submit]:hover,.button:hover,.btn:hover {
  background:#7200b8!important;color:#fff!important;
}

table,.table,.table-striped,.table-bordered,.table-hover {
  width:100%;border-collapse:collapse;background:#100019!important;
  color:var(--light)!important;border:1px solid #6200a0!important;
}
thead,tfoot,th {
  background:linear-gradient(180deg,#3e0065,#250044)!important;
  color:var(--light)!important;font-weight:bold;
}
th {padding:12px 10px;border-bottom:2px solid var(--violet)!important;}
td {
  background:rgba(16,0,25,.96)!important;color:var(--light)!important;
  padding:10px;border-bottom:1px solid #42006e!important;
}
tr:nth-child(even) td {background:rgba(35,0,58,.96)!important;}
tr:hover td {background:#41006c!important;color:#fff!important;}

tr.onair td,tr.on-air td,.onair-row,.on-air-row {
  background:linear-gradient(90deg,#3b0010,#21001c)!important;
  color:#fff!important;border-top:1px solid var(--red)!important;
  border-bottom:1px solid var(--red)!important;
}

/* ON AIR ROT */
#onair,#onair_box,#onair_status,.onair,.on-air,.onair-box,
.onair-status,.onair-button,.onair a,.on-air a,a.onair,button.onair {
  background:linear-gradient(180deg,var(--red2),#b90018)!important;
  background-color:var(--red)!important;color:#fff!important;
  border:2px solid #ff7180!important;border-radius:6px!important;
  font-weight:bold!important;
  box-shadow:0 0 8px rgba(255,0,35,.75),0 0 18px rgba(255,0,35,.35)!important;
}

input,select,textarea {
  background:#160025!important;color:var(--light)!important;
  border:1px solid #6500a5!important;border-radius:5px;padding:8px;
}
input:focus,select:focus,textarea:focus {
  outline:none;border-color:var(--cyan)!important;
  box-shadow:0 0 9px rgba(93,231,255,.35);
}

.status-green,.online,.active {background:var(--green)!important;color:#06130b!important;font-weight:bold;}
.status-red,.offline,.blocked {background:var(--red)!important;color:#fff!important;font-weight:bold;}

.bg-white,.white,.background-white,.bg-light,.table-light,
.alert,.card,.card-body,.card-header,.well,.panel,.panel-body,.panel-heading {
  background:#210038!important;color:var(--light)!important;
}

footer,#footer {
  background:linear-gradient(180deg,#30004f,#100019)!important;
  color:var(--cyan)!important;border-top:2px solid var(--violet)!important;
  padding:20px;
}
footer a,#footer a {color:var(--cyan)!important;}

#onair_body {
  background:radial-gradient(circle at top,#42006e 0%,#210038 40%,#0c0015 100%)!important;
  color:var(--light)!important;
}
#onair_body a {color:var(--cyan)!important;}
#onair_grussboxbutton a {
  background:#3b0066!important;color:var(--light)!important;
  border:1px solid var(--cyan)!important;
}

@media(max-width:768px) {
  body{font-size:14px;}
  table{display:block;overflow-x:auto;white-space:nowrap;}
  th,td{padding:8px;}
  nav a,#navigation a,.menu a{display:block;border-bottom:1px solid #4d0080!important;}
}