:root{
    --bg-dark:rgba(10,12,14,0.90);
    --bg-gradient:linear-gradient(135deg,#0b0d10 0%,#151a1f 50%,#0b0d10 100%);
    --border-main:rgba(24,248,248,0.28);
    --border-animated:#18f8f8;
    --border-gradient:rgba(232,88,216,0.40);
    --border-top:#18f8f8;
    --glow-purple:#e858d8;
    --glow-shadow:0 0 22px 7px rgba(24,248,248,0.55);
    --text:#06e6fdf5;
    --text-cyan:#14dcff;
    --text-shadow:0 0 10px rgba(24,248,248,0.35);
    --surface:rgba(12,14,16,0.86);
    --surface-2:rgba(20,24,30,0.72);
    --muted:rgba(197,205,214,0.74);
    --primary:#18f8f8;
    --accent:#e858d8;
    --radius:5px;
    --shadow:0px 0px 10px 3px rgba(30,9,30,0.75);
    --space-1:6px;
    --space-2:10px;
    --space-3:15px;
    --space-4:20px;
    --space-5:10px;
    --space-6:34px;
    --container:1400px;
    --bs-body-color:var(--text);
    --bs-body-bg:transparent;
    --bs-border-radius:var(--radius);
    --bs-link-color:var(--primary);
    --bs-link-hover-color:var(--accent)
}

html,body{height:100%
}
body{
    min-height:100vh;
    margin:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;font-size:14px;
    line-height:1.55;
    color:var(--text);
    background-color:#0b0d10 ! important;
    background-attachment:fixed;
    background-image:radial-gradient(900px 520px at 12% 22%,rgba(24,248,248,0.10),transparent 62%),radial-gradient(820px 520px at 86% 60%,rgba(232,88,216,0.10),transparent 60%),linear-gradient(135deg,#0b0d10 0%,#151a1f 50%,#0b0d10 100%),repeating-linear-gradient(60deg,rgba(255,255,255,0.035) 0 1px,transparent 1px 14px),repeating-linear-gradient(-60deg,rgba(255,255,255,0.030) 0 1px,transparent 1px 14px);
    background-blend-mode:screen,screen,normal,overlay,overlay
}

.form-control{
    color:#fff;
}

.button{
    background-color:#000;
    color:#fff;
}

.textbox{
    background-color: #000;

}

.tbl1{
    color:#fff;
}
.tbl2{
    color:#fff;
}

img{
    max-width:100%;
    height:auto
}

a{
    color:var(--primary);
    text-decoration:none;
    transition:color 0.2s ease
}
a:hover,a:focus{
    color:var(--accent);
    text-decoration:none
}

.rme-app{
    min-height:100vh;
    display:flex;
    flex-direction:column
}

.rme-container{
    max-width:var(--container)
}

.container.rme-container{
    max-width:1400px !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important
}

    @media (min-width:576px){
        .container.rme-container{
            max-width:540px !important
        }
    }
    
    @media (min-width:768px){
        .container.rme-container{
            max-width:720px !important
        }
    }
        
    @media (min-width:992px){
        .container.rme-container{
            max-width:960px !important
        }
    }
        
        @media (min-width:1200px){
            .container.rme-container{
                max-width:1140px !important
            }
        }
        
        @media (min-width:1400px){
            .container.rme-container{
                max-width:1400px !important;
                width:1400px !important;
                padding-left:0 !important;
                padding-right:0 !important
            }
        }
            
        @keyframes clippath{0%,100%{
                -webkit-clip-path:inset(0 0 98% 0);
                clip-path:inset(0 0 98% 0)}25%{-webkit-clip-path:inset(0 98% 0 0);
                clip-path:inset(0 98% 0 0)}50%{-webkit-clip-path:inset(98% 0 0 0);
                clip-path:inset(98% 0 0 0)}75%{-webkit-clip-path:inset(0 0 0 98%);
                clip-path:inset(0 0 0 98%)
            }
        }

.site-header{
    position:relative;
    border-bottom:none;
    min-height:320px;
    padding-top:0;
    padding-bottom:0
}

.site-header__inner{
    position:relative;
    z-index:1;
    max-width:1920px;
    margin:0 auto;
    padding:var(--space-5) var(--space-4) var(--space-3);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:var(--space-3);
    min-height:120px
}

.site-brand{
    flex:1 1 auto;
    width:100%;
    max-width:1920px;
    margin:0 auto;
    padding:0
}

.site-brand__link{
    display:flex;
    justify-content:center;
    align-items:center;
    width:1920px;
    max-width:100%;
    height:405px;
    min-height:405px;
    margin-top:50px
}

.site-brand__logo{
    display:block;
    width:1400px;
    max-width:100%;
    height:auto;
    max-height:466px;
    object-fit:contain;
    filter:drop-shadow(0 8px 18px rgba(24,248,248,0.45))
}

.cxm-header{
    position:relative;
    height:auto;
    border-radius:var(--radius);
    z-index:1;
    box-shadow:var(--shadow);
    margin:auto;width:95%;
    max-width:1400px
}

.header-container{
    width:100%;
    height:auto;
    position:relative;
    border-radius:var(--radius)
}

.header-shadow{
    align-items:center;
    background-color:var(--bg-dark);
    border-radius:var(--radius);
    box-shadow:var(--glow-shadow);
    display:flex;
    flex-direction:column;
    margin:0 auto
}

.site-nav{
    position:relative;
    z-index:1;
    padding-top:0
}

#main-nav.navbar{
    margin:15px auto;
    border:2px solid var(--border-main);
    background-color:var(--bg-dark);
    border-radius:var(--radius);
    box-shadow:var(--glow-shadow);
    max-width:1400px;
    width:100%;
    padding:12px 0;
    position:relative
}

#main-nav.navbar:after,#main-nav.navbar:before{
    animation:clippath 20s linear infinite;
    border:2px solid var(--border-animated);
    border-radius:var(--radius);
    bottom:-2px;
    content:'';
    left:-2px;
    position:absolute;
    right:-2px;top:-2px;
    transition:all 0.5s;
    pointer-events:none
}

#main-nav.navbar:after{
    animation:clippath 20s linear -1.5s infinite
}

#main-nav .navbar-collapse{
    justify-content:center
}

#main-nav .navbar-nav{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center
}

#main-nav .navbar-nav .nav-link{
    border-radius:999px;
    padding:10px 14px;
    color:var(--text) !important;
    transition:transform 0.15s ease,background 0.15s ease,color 0.15s ease
}

#main-nav .navbar-nav .nav-link:hover,#main-nav .navbar-nav .nav-link:focus,#main-nav .navbar-nav .nav-link .active{
    background:rgba(24,248,248,0.10);
    color:var(--accent) !important;transform:translateY(-1px)
}

#main-nav .dropdown-menu{
    border-radius:var(--radius);
    border:1px solid var(--border-gradient);
    background:var(--bg-gradient);
    box-shadow:var(--shadow);
    padding:0.5rem 0
}

#main-nav .dropdown-menu .dropdown-item{
    color:var(--text);
    padding:10px 14px;
    border-radius:0;
    transition:background 0.15s ease,color 0.15s ease
}

#main-nav .dropdown-menu .dropdown-item:hover,#main-nav .dropdown-menu .dropdown-item:focus,#main-nav .dropdown-menu .dropdown-item.active{
    background:rgba(24,248,248,0.10);
    color:var(--accent)
}

.navbar-toggler{
    border-color:var(--border-main);
    padding:0.5rem 0.75rem
}

.navbar-toggler:focus{
    box-shadow:0 0 0 0.25rem rgba(232,88,216,0.25)
}

.navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.page-hero{
    position:relative;
    z-index:1;
    max-width:1250px;
    margin:0 auto;
    padding:0 var(--space-4) var(--space-5);
    height:150px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    filter:drop-shadow(0 14px 26px rgba(24,248,248,0.45))
}

.site-main{
    flex:1 0 auto
}

.site-main .container{
    padding:0
}

.site-main .container > .row{
    padding:var(--space-5) var(--space-4)
}

.rme-layout.g-0{
    --bs-gutter-x:0;
    --bs-gutter-y:0
}

.rme-userpanels.g-3{
    --bs-gutter-x:1rem;
    --bs-gutter-y:1rem
}

.rme-content__inner{
    position:relative;
    padding:var(--space-5);
    background:none !important
}

.rme-content__inner > *{
    position:relative;
    z-index:1
}

.rme-card,.rme-panel,.panel{
    border:2px solid var(--border-main);
    position:relative;
    align-items:center;
    background-color:var(--bg-dark);
    border-radius:var(--radius);
    box-shadow:var(--glow-shadow);
    margin:0 0 var(--space-5) 0;
    overflow:visible
}

.rme-card:after,.rme-card:before,.rme-panel:after,.rme-panel:before,.panel-default:after,.panel-default:before{
    animation:clippath 20s linear infinite;
    border:2px solid var(--border-animated);
    border-radius:var(--radius);
    bottom:-2px;content:'';
    left:-2px;
    position:absolute;
    right:-2px;
    top:-2px;
    transition:all 0.5s;
    pointer-events:none;
    z-index:0
}

.rme-card:after,.rme-panel:after,.panel-default:after{
    animation:clippath 20s linear -1.5s infinite
}

.rme-card__body,.rme-panel__body,.panel-body,.list-group{
    background:var(--bg-gradient);
    border:1px solid var(--border-gradient);
    border-radius:var(--radius);
    border-top:2px solid var(--border-top);
    margin:20px auto;
    padding:15px;
    width:95%;
    position:relative;
    z-index:1
}

.rme-card__body > *,.rme-panel__body > *{
    position:relative;
    z-index:1
}

.rme-card__title,.rme-panel__title,.title-widget,#main_heading_boxen,#main_heading_text,#main_heading{
    background-color:transparent;
    color:var(--text);
    cursor:pointer;
    letter-spacing:1px;
    text-align:center;
    text-shadow:var(--text-shadow);
    margin-bottom:10px;
    border-bottom:0;
    padding:10px 16px;
    position:relative;
    z-index:1
}

.rme-sidebar .rme-card__title,.rme-sidebar .rme-panel__title{
    margin:0;
    height:auto;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700
}

.rme-content .rme-card__title,.rme-content .rme-panel__title{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700
}

.rme-sidebar .rme-card,.rme-sidebar .rme-panel{
    margin-bottom:var(--space-4)
}

.rme-content .rme-card,.rme-content .rme-panel{
    margin-bottom:var(--space-4)}.form-control,.form-select{
    border-radius:var(--radius);
    background-color:rgba(255,255,255,0.05);
    border:1px solid var(--border-gradient);
    color:var(--text)
}

.form-control:focus,.form-select:focus{
    background-color:rgba(255,255,255,0.08);
    border-color:var(--primary);
    box-shadow:0 0 0 0.25rem rgba(232,88,216,0.25);
    color:var(--text)
}

.form-label{
    color:var(--text);
    margin-bottom:0.5rem
}

.form-floating > .form-control,.form-floating > .form-select{
    height:calc(3.5rem + 2px)
}

.form-floating > label{
    color:var(--muted)
}

input,select,textarea,button{
    border-radius:var(--radius)
}

.btn{
    border-radius:var(--radius);
    transition:all 0.15s ease
}

.btn-primary{
    background-color:var(--primary);
    border-color:var(--primary)
}

.btn-primary:hover,.btn-primary:focus{
    background-color:var(--accent);
    border-color:var(--accent)
}

.btn-xs{
    text-shadow:none;
    background-color:#000
}

.was-validated .form-control:valid,.form-control.is-valid{
    border-color:#28a745
}

.was-validated .form-control:invalid,.form-control.is-invalid{
    border-color:#dc3545
}

table{
    max-width:100%
}

.table-striped > tbody > tr:nth-of-type(odd){
    background-color:transparent
}

.table-hover > tbody > tr:hover{
    background-color:rgba(24,248,248,0.08)
}

.offcanvas{
    background-color:var(--bg-dark);
    color:var(--text);
    border:2px solid var(--border-main)
}

.offcanvas-header{
    border-bottom:1px solid var(--border-gradient)
}

.offcanvas-title{
    color:var(--text)
}

.btn-close{
    filter:invert(1) grayscale(100%) brightness(200%)
}

.modal-content{
    background-color:var(--bg-dark);
    border:2px solid var(--border-main);
    box-shadow:var(--glow-shadow);
    color:var(--text)
}

.modal-header{
    border-bottom:1px solid var(--border-gradient)
}

.modal-footer{
    border-top:1px solid var(--border-gradient)
}

.modal-title{
    color:var(--text)
}

.accordion{
    --bs-accordion-bg:var(--bg-dark);
    --bs-accordion-color:var(--text);
    --bs-accordion-border-color:var(--border-main);
    --bs-accordion-btn-bg:var(--surface-2);
    --bs-accordion-active-bg:var(--surface-2);
    --bs-accordion-active-color:var(--text)
}

.accordion-button:not(.collapsed){
    color:var(--text);
    background-color:var(--surface-2)
}

.accordion-button:focus{
    box-shadow:0 0 0 0.25rem rgba(232,88,216,0.25)
}

.site-footer{
    margin-top:auto;
    border:2px solid var(--border-main);
    position:relative;
    background-color:var(--bg-dark);
    border-radius:var(--radius);
    box-shadow:var(--glow-shadow);
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
    overflow:visible
}

.site-footer:after,.site-footer:before{
    animation:clippath 20s linear infinite;
    border:2px solid var(--border-animated);
    border-radius:var(--radius);
    bottom:-2px;
    content:'';
    left:-2px;
    position:absolute;
    right:-2px;
    top:-2px;
    transition:all 0.5s;
    pointer-events:none
}

.site-footer:after{
    animation:clippath 20s linear -1.5s infinite
}

.site-footer .container{
    position:relative;
    z-index:1
}

.site-footer__bar{
    display:flex;
    gap:var(--space-3);
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    padding:var(--space-4) 0 var(--space-3) 0;
    position:relative;
    z-index:1;
    text-align:center
}

.site-footer__meta{
    color:var(--muted)
}

.site-footer__content{
    color:var(--muted);
    padding-bottom:var(--space-5);
    position:relative;
    z-index:1;
    text-align:center
}

.footer_innen{
    background:var(--bg-gradient);
    border:1px solid var(--border-gradient);
    border-radius:var(--radius);
    border-top:2px solid var(--border-top);
    margin:20px auto;
    padding:15px;
    width:95%
}

@media (min-width:1400px){
    .rme-layout{
        display:flex !important;
        flex-wrap:nowrap !important;
        justify-content:center
    }
    
    .rme-layout #left-side.rme-sidebar{
        flex:0 0 310px !important;
        max-width:310px !important;
        width:310px !important
    }
    
    .rme-layout #main-content.rme-content{
        flex:0 0 810px !important;
        max-width:900px !important;
        width:773px !important
    }
    
    .rme-layout #right-side.rme-sidebar{
        flex:0 0 310px !important;
        max-width:310px !important;
        width:310px !important
    }
}

@media (max-width:767.98px){
    .site-header{
        min-height:240px;
        padding-top:40px;
        padding-bottom:40px
    }
    
    .site-header__inner{
        padding:var(--space-4) var(--space-3) var(--space-2);
        min-height:80px
    }
    
    .site-brand__logo{
        max-height:240px
    }
    
    .page-hero{
        height:110px;
        padding-bottom:var(--space-4)
    }
    
    .site-main .container{
        padding:var(--space-4) var(--space-3)
    }
    
    .rme-content__inner{
        padding:var(--space-4)
    }
}

@media (max-width:575.98px){
    .container.rme-container{
        padding-left:15px !important;
        padding-right:15px !important
    }
    
    .site-brand__link{
        height:auto;
        min-height:250px;
        margin-top:20px
    }
}

@media print{
    .site-nav,.rme-sidebar,.site-footer__bar{
        display:none !important
    }
    
    body{
        background:white;
        color:black
    }
    
    .rme-content{
        width:100% !important;
        max-width:100% !important
    }
}

.animation-border{
    border:2px solid var(--border-main);
    position:relative
}

.animation-border:after,.animation-border:before{
    animation:clippath 20s linear infinite;
    border:2px solid var(--border-animated);
    border-radius:var(--radius);
    bottom:-2px;
    content:'';
    left:-2px;
    position:absolute;
    right:-2px;
    top:-2px;
    transition:all 0.5s;
    pointer-events:none
}

.animation-border:after{
    animation:clippath 20s linear -1.5s infinite
}

.widget_nav_menu{
    float:left;
    width:100%;
    margin-right:2%;
    padding:20px;
    box-sizing:border-box
}

.nav-tabs > li > a:hover,.nav-tabs > li > a:focus{
    color:#000
}

.scroll-to-top-btn{
    z-index:10000;
    background:var(--bg-dark);
    border:2px solid var(--border-main);
    box-shadow:var(--glow-shadow);
    color:var(--accent)
}

.scroll-to-top-btn:hover{
    background:var(--bg-dark);
    box-shadow:0 0 15px 5px var(--glow-purple);
    transform:translateY(-4px)
}

.scroll-to-top-btn i{
    color:var(--accent)
}

.scroll-to-top-btn.show{
    opacity:1;
    visibility:visible
}

#scrolltop,.scrolltop,.back-to-top{
    display:none !important
}

.site-brand__logo{
    filter:drop-shadow(0 0 12px rgba(24,248,248,0.6)) drop-shadow(0 0 24px rgba(24,248,248,0.45)) drop-shadow(0 0 48px rgba(232,88,216,0.25))
}

canvas,#snowfall,.snowfall,.snowfall-canvas,[class*="snow"],[id*="snow"]{
    pointer-events:none !important
}

div.clearfix:empty{
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    position:static !important;
    inset:auto !important;
    z-index:auto !important
}

.well{
    background-color:var(--bg-dark) !important;
    color:var(--text) !important;
    border:2px solid var(--border-main);
    border-radius:var(--radius);
    box-shadow:var(--glow-shadow)
}

.btn-group,.btn-group *,.btn,button,a.btn,input[type="button"],input[type="submit"]{
    pointer-events:auto !important
}

.btn-group{
    position:relative;
    z-index:50
}



.site-brand__link{
    position:relative;
    isolation:isolate
}

.site-brand__link::before,.site-brand__link::after{
    content:"";
    position:absolute;
    top:50%;
    width:min(210px,18vw);
    height:min(400px,34vw);
    transform:translateY(-50%);
    background:var(--speaker-svg) center/contain no-repeat;
    opacity:0.85;
    pointer-events:none;
    z-index:0;
    filter:drop-shadow(0 0 18px rgba(24,248,248,0.30)) drop-shadow(0 0 18px rgba(232,88,216,0.25))
}

.site-brand__link::before{
    left:clamp(-10px,-2vw,10px)
}

.site-brand__link::after{
    right:clamp(-10px,-2vw,10px);
    transform:translateY(-50%) scaleX(-1)
}

.site-brand__logo{
    position:relative;
    z-index:1
}

/*@media (max-width:575.98px){
    .site-brand__link::before,.site-brand__link::after{display:none}
}*/

/*[CUSTOM STICKY MENU]*/
.is-stuck{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,.08)
}

body.has-sticky-nav{
    padding-top:var(--sticky-nav-height,64px)
}

/*[CUSTOM STICKY MENU] z-index fix*/
.site-nav.is-stuck,#main-nav.is-stuck,nav.navbar.is-stuck{
    z-index:999999!important
}

.site-nav,#main-nav,nav.navbar{
    z-index:999999
}

//* FIX iFusion Sendeplan: OnAir-GIF */
img[src*="infusions/sendeplan/images/onair.gif"]{
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 50px !important;
  height: 12px !important;

  position: relative !important;
  z-index: 1000 !important;
}
/* Eltern-Container absichern */
img[src*="onair.gif"]{
  overflow: visible !important;
}

img[src*="onair.gif"]{
  display: inline-block !important;
}