/* HR4L Power Edition – WEB-PHP CMS 1.78 */
:root{--hr-blue:#12cfff;--hr-pink:#ff20bd;--hr-violet:#8d34ff;--hr-dark:rgba(3,6,24,.88);--hr-line:rgba(33,211,255,.72);--hr-text:#f8fbff}
html{scroll-behavior:smooth}
body{background-color:#03030b!important;background-image:linear-gradient(rgba(3,3,11,.28),rgba(3,3,11,.62)),url(images/background.jpg)!important;background-position:center top!important;background-size:cover!important;background-attachment:fixed!important;background-repeat:no-repeat!important;color:var(--hr-text)!important}
a{transition:color .22s ease,text-shadow .22s ease,filter .22s ease}
a:hover{color:#fff!important;text-shadow:0 0 8px var(--hr-blue),0 0 14px var(--hr-pink)}
.container{max-width:1400px}
.cxm-header{width:95%;max-width:1200px;margin:12px auto 0;border-radius:13px;overflow:hidden;box-shadow:0 0 15px rgba(18,207,255,.65),0 0 28px rgba(255,32,189,.4)}
.header-container,.cxm-slider{border-radius:13px;overflow:hidden}
.cxm-slider img{width:100%;height:auto}
.animation-border,.panel,.navbar,.footer{position:relative;border:1px solid rgba(18,207,255,.75)!important;background:linear-gradient(135deg,rgba(5,8,28,.93),rgba(23,5,35,.89))!important;border-radius:12px!important;box-shadow:0 0 11px rgba(18,207,255,.35),0 0 20px rgba(255,32,189,.22)!important}
.animation-border:before,.animation-border:after,.panel-default:before,.panel-default:after{border-color:rgba(255,32,189,.85)!important;border-radius:12px!important}
.navbar{max-width:1200px;margin:12px auto!important;min-height:54px}
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-brand{color:#f7fbff!important;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a{background:linear-gradient(90deg,rgba(18,207,255,.22),rgba(255,32,189,.24))!important;color:#fff!important;box-shadow:inset 0 -3px 0 var(--hr-pink),0 0 15px rgba(18,207,255,.25)}
.dropdown-menu{background:rgba(3,6,24,.97)!important;border:1px solid rgba(18,207,255,.65)!important;box-shadow:0 0 16px rgba(255,32,189,.32)}
.dropdown-menu>li>a{color:#fff!important}.dropdown-menu>li>a:hover{background:linear-gradient(90deg,rgba(18,207,255,.25),rgba(255,32,189,.28))!important}
.panel{overflow:visible}
.panel-heading,#main_heading,#main_heading_text,#main_heading_boxen,.title-widget{background:linear-gradient(90deg,rgba(18,207,255,.14),rgba(255,32,189,.2),rgba(18,207,255,.14))!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(18,207,255,.45)!important;text-align:center!important;text-transform:uppercase;letter-spacing:1px;font-weight:800;text-shadow:0 0 7px var(--hr-blue),0 0 12px rgba(255,32,189,.75)}
.panel-body,.list-group,.main_body_boxen>.container-fluid,.footer_innen{background:linear-gradient(135deg,rgba(4,8,29,.92),rgba(25,5,37,.86))!important;border:1px solid rgba(18,207,255,.38)!important;border-radius:10px!important;box-shadow:inset 0 0 20px rgba(18,207,255,.06);color:#fff!important}
.list-group-item,.main_body_list-group-item,.thumbnail,.table{background:transparent!important;color:#fff!important;border-color:rgba(18,207,255,.25)!important}
.table-striped>tbody>tr:nth-of-type(odd){background:rgba(18,207,255,.045)!important}.table-hover>tbody>tr:hover{background:rgba(255,32,189,.09)!important}
.btn,.btn-default,.btn-primary{border:1px solid var(--hr-blue)!important;background:linear-gradient(90deg,rgba(11,39,78,.96),rgba(92,12,92,.95))!important;color:#fff!important;border-radius:8px!important;box-shadow:0 0 9px rgba(18,207,255,.28)}
.btn:hover{filter:brightness(1.18);box-shadow:0 0 14px rgba(18,207,255,.55),0 0 18px rgba(255,32,189,.35)}
.form-control{background:rgba(1,5,22,.9)!important;color:#fff!important;border:1px solid rgba(18,207,255,.5)!important}.form-control:focus{border-color:var(--hr-pink)!important;box-shadow:0 0 8px rgba(255,32,189,.55)!important}
.footer{max-width:1200px;margin:18px auto 0!important;background-image:linear-gradient(rgba(2,4,18,.38),rgba(2,4,18,.66)),url(images/footer.png)!important;background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important;padding-top:145px!important;overflow:hidden!important}
.footer_innen{width:95%!important;margin:0 auto 16px!important;background:rgba(2,5,20,.82)!important;backdrop-filter:blur(3px)}
.scrollup{background:linear-gradient(135deg,var(--hr-blue),var(--hr-pink))!important;border-radius:50%!important;box-shadow:0 0 14px rgba(18,207,255,.65)}
/* Optional class for CMS pendel links */
.hr4l-pendel{display:block;width:250px;max-width:100%;min-height:60px;margin:8px auto;padding:19px 30px;text-align:center;color:#fff!important;font-weight:800;letter-spacing:.6px;text-transform:uppercase;background-image:url(images/pendel-button.png);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent!important;border:0!important;text-shadow:0 0 7px #000,0 0 10px var(--hr-blue);transition:transform .2s ease,filter .2s ease}
.hr4l-pendel:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.2)}
.hr4l-slogan{display:block;width:250px;max-width:100%;height:60px;margin:8px auto;background:url(images/pendel-slogan.png) center/100% 100% no-repeat}
@media(max-width:767px){body{background-attachment:scroll!important}.cxm-header,.navbar,.footer{width:98%!important}.footer{padding-top:92px!important;background-size:100% auto!important}.navbar-inverse .navbar-nav>li>a{text-align:center}.panel-body,.main_body_boxen>.container-fluid{width:98%!important;margin:10px auto!important;padding:10px!important}}