.css_center_outer *, .Reset * { 
	clear: none;
	margin: 0; 
	padding: 0; 
	border: 0;   
	font-size: 100%;
	line-height: normal;
}

.css_center_outer {
	position: fixed;
	top: 0;
	height:100%;
	display:table;
	vertical-align:middle;
	z-index: 10000;
}


.button_innen  {
	position:relative;
	vertical-align:middle;
	display:table-cell;
}




.button_1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	position: relative;
}



.button_head {
	position: absolute;
	z-index: 9999;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
}

.button_form {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.button_innen_1 {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}







.css_center_outer6.button_rechts .button .button_head {
	width:30px;
	height:152px;
	        box-shadow: 3px 3px 30px #38BFFF;


}
.css_center_outer7.button_rechts .button .button_head {
	width:30px;
	height:152px;
	        box-shadow: 3px 3px 30px #38BFFF;

}
.css_center_outer8.button_rechts .button .button_head {
	width:30px;
	height:152px;
	        box-shadow: 3px 3px 30px #38BFFF
;
}










/* ===== MAGIC HIT RADIO – ULTRA NEON SIDEBAR ===== */

/* Sidebar Position */
.css_center_outer6,
.css_center_outer7,
.css_center_outer8 {
    right: -45px; /* leicht sichtbar */
    transition: all 0.4s ease;
}

/* Beim Hover rausfahren */
.css_center_outer6:hover,
.css_center_outer7:hover,
.css_center_outer8:hover {
    right: 0 !important;
}

/* Button Style */
.css_center_outer6.button_rechts .button .button_head,
.css_center_outer7.button_rechts .button .button_head,
.css_center_outer8.button_rechts .button .button_head {

    width: 35px;
    height: 150px;

    background: linear-gradient(180deg, #000000, #111111);

    border: 3px solid #0a84ff;
    border-radius: 12px;

    /* MEGA Neon Glow */
    box-shadow:
background: #031026 !important;
        0 0 10px #0a84ff,
        0 0 25px #0a84ff,
        0 0 50px #003cff;

    text-indent: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    color: #7fdcff;
    font-family: Orbitron', Arial, sans-serif";
    font-size: 12px;
    font-weight: bold;

    
         text-shadow: 0 0 6px #0a84ff;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* TEXT automatisch */
.css_center_outer6 .button_head::before {
    content: "CHATREGELN";
}
.css_center_outer7 .button_head::before {
    content: "MAINSTREAM";
}
.css_center_outer8 .button_head::before {
    content: "NEWS";
}

/* Hover Effekt */
.button_head:hover {
    transform: rotate(180deg) scale(1.08);

    box-shadow:
        0 0 10px #0a84ff,
        0 0 25px #0a84ff,
        0 0 50px #003cff;

    color: #;
}

/* Pulsierender Neon Effekt */
@keyframes magicGlow {
   0% { box-shadow: 0 0 5px #0a84ff; }
    50% { box-shadow: 0 0 20px #0a84ff; }
    100% { box-shadow: 0 0 5px #0a84ff; }
}

.button_head {
    animation: magicGlow 2s infinite;
}