*{
    margin:0;
    padding:0;
}
body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#7a7a7a;
    overflow-y: scroll;
}
h1{
    color:#005898;
}
h2{
    color:#000;
    font-size: 16px;
    font-weight: bold;
}
a:focus, button:focus, a:active, button:active{
    outline:none;
}
select:hover, button:hover{
    cursor:pointer;
}
table .sel{
    min-width: 1px;
}

/***STRUKTUR***/
.container{
    padding:35px 35px 0 35px;
    max-width: 1280px;
}
.backdash{
    position:absolute;
    top:-82px;
    left:-40px;
    background: #005898 url(../img/back.png) 10px center no-repeat;
    background-size: 12px auto;
    color:#fff;
    padding:10px 20px 10px 40px;
    transition: all ease 0.1s;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.backdash:hover{
    text-decoration: none;
    color:#fff;
    transform: scale(1.1);
    left:-30px;

}
/***HEADER-BEREICH***/
.kidhead{
    background: transparent url(../img/kidhead.jpg) top center no-repeat;
}
/***MENU***/
.dropdown-toggle::after{
    content:none;
}
.nav-tabs .nav-link{
    border:0px;
}
.nav{
    float:right;
}
.nav-tabs{
    border-bottom:0px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background-color:transparent;
}
.dropdown-menu {
    top:-48px !important;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    margin-top: 0.125rem;
    color: #7a7a7a;
    text-align: right;
    list-style: none;
    background-color: rgba(255,255,255,0.8);
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
}
.dropdown-item{
    color:#7a7a7a;
    padding:0 15px;
    line-height: 2rem;
}
.dropdown-item:hover, .dropdown-item.active{
    color:#fff;
    background-color:#005898;
}
.dropdown-menu.dropdown-menu-right .nav-link{
    margin-bottom:20px;
}

/***INPUTS***/
#mainsearch.input-group{
    width:70%;
    height:71px;
    margin: 130px auto;
}
#mainsearch form{
    display:block;
    width:100%;
}
.awesomplete{
    width:100%;
}
.awesomplete > input{
    color:#7a7a7a;
    font-size:1.5rem;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    -moz-border-bottom-left-radius: 40px;
    padding:15px 30px;
    border: 2px solid #7a7a7a;
    background-color: rgba(255,255,255,0.8);
    width: calc(100% - 82px);
    height:70px;
}
.awesomplete::placeholder{
    color: #c4c6c6;
    opacity: 1;

}
.input-group-btn {
    position: absolute;
    font-size: 0;
    white-space: nowrap;
    display: block;
    height: auto;
    overflow: hidden;
    right:0;
    top:0;
}
.form-control:focus {
    border-color:#7a7a7a;
}
.btn-secondary {
    display:inline-block;
    color: #fff;
    background-color: #7a7a7a;
    border-color: #7a7a7a;
    font-size:1.5rem;
    border-radius:40px;
    padding:19px 20px;
    width:84px;
}
.usercheck{
    margin:20px 0;
    overflow: hidden;
}
.usercheck #status, .usercheck #privacy{
    display:inline-block;
    width:5%;
    text-align: left;
}

.usercheck label{
    width:auto;
    float:left;
    margin-right:20px;
}
.usercheck label.registeruser{
    width:100%;
}
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.btn-secondary:hover {
    color: #fff;
    background-color: #005898;
    border-color: transparent;
}
.buttons-excel, .buttons-csv{
    padding: 10px;
    width: auto;
    font-size:1rem;
    text-align: center;
}
.buttons-excel span, .buttons-csv span{
}
.awesomplete > ul{
    border-radius:0;
    border:0px;
    margin:3% 80px 20px 20px;
    padding:20px 0;
    display:block;
    min-width: 50%;
    width:97%;
}
.awesomplete > ul > li[aria-selected="true"], .awesomplete > ul > li:hover  {
    color:#fff;
    background-color:#005898;
}

.awesomplete > ul::before{
    content:none;
}
.awesomplete mark {
    background-color:transparent;
    padding:0;
    color:#7a7a7a;
}
.awesomplete li[aria-selected="true"] mark, .awesomplete li:hover mark {
    color:#fff;
    background:transparent;

}
/***WELCOME***/
.welcome{
    background-color: #f3f3f3;
    padding:40px;
    margin:0 -35px 100px -35px;
    position: relative;
}
.welcome.lesspadbottom {
    margin:0 -35px 0 -35px;
}
.welcome > .col-4{
    max-width:46%;
    -ms-flex: 0 0 46%;
    flex: 1 0 46%;
    float:left;
}
.welcome.headnewuser{
    min-height: 210px;
}
/** LogIn **/
body.start{
    overflow-x:hidden;
}
#logIn.kidhead{
    background-image:none;
}
#logIn .form-check-input{
    margin-left:0px;
    margin-top: 0.35rem;
}
#logIn .form-check{
    display:block;
}

.startbild{
    width:80%;
    margin:0 auto;
    position: fixed;
    bottom:20px;
    left:0;
    right:0;
    z-index:-5;
}
.start.register .startbild{
    position:relative !important;
    height:80%;
}
#logIn .form-control, .profile .form-control, .form-user .form-control{
    border-radius: 40px;
    border: 2px solid #7a7a7a;
    height:auto;
    color: #7a7a7a;
    padding: 10px 20px;
    font-size: 1rem;
}
#logIn .form-inline .form-group, .profile .form-inline .form-group {
    margin:20px 0;
}
#logIn .form-control::placeholder, .pprofile .form-control::placeholder{
    color: #c4c6c6;
}
#logIn .form-inline label, .profile .form-inline label{
    padding-right:30px;
}
.logIn{
    margin:0 -35px 0 -35px;
    padding:50px;
    z-index:100;
    /**background-color:rgba(255,255,255,0.8);**/
}
.logIn .col-md-6, .col-md-6.centerdiv{
    margin:0 auto;
}
.start.register > .logIn .col-md-6{
    margin:0 0;
}
#logIn .btn-secondary, .profile .btn-secondary, .logIn .btn-secondary, #accordioncenter_user .btn-secondary, .btn.btn-secondary.edit{
    width:auto;
    padding:10px;
    font-size:1rem;
}
#logIn .bg-light, .profile .bg-light{
    background-color: rgba(255,255,255,0.8) !important;
    border-radius: 40px;
    padding:10px 10px 10px 30px;
    display:inline-block;
    margin-left:-30px;
}
/*** FAQ ***/
.hidden{
    visibility: hidden;
}
.row.faq{
    margin-right:-35px;
    margin-left:-35px;
    margin-bottom:90px;
}
.row.full{
    margin-right:-50px;
    margin-left:-50px;
    margin-bottom:90px;
}
.row.faq .col-md-6{
    padding:0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
}
.register .sel.filternews{
    color: #7a7a7a;
    font-size: 1rem;
    border-radius: 40px;
    padding: 9px 20px;
    border: 2px solid #7a7a7a;
    background: #ffffff url(../img/select-gr-down.png) no-repeat right center;
    margin: 20px 0;
    display: block;
    width: 320px;
}
.register .sel.filternews .sel__box__options {
    text-align: left;
}
/*** COLLAPSE ***/
.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color:  #005898;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
    position:relative;
}
.card {
    background-color: #f3f3f3;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0px;
    margin-bottom:35px;
}
.card .counter, .card .counter.collapsed, .card .counter:hover, .card .counter.collapsed:hover{
    width:54px;
    height:54px;
    bottom:-25px;
    line-height: 0;
    text-decoration: none;
}
#accordionright .card .counter, .card .counter.collapsed,
#accordionright-2 .card .counter, .card .counter.collapsed, 
.card .counter:hover, .card .counter.collapsed:hover{
    right:35px;
    left:auto;
}
#accordioncenter_user .card .counter,
#accordioncenter_user .card .counter,
.card .counter.collapsed, 
#accordionleft .card .counter,
#accordioncenter .card .counter,
.card .counter.collapsed, 
#accordionleft-2 .card .counter, 
.card .counter.collapsed, 
.card .counter:hover, 
.card .counter.collapsed:hover{
    left:35px;
    right:auto;
}
.card .counter, .card .counter:hover{
    background-color:#cc0000;
}
.card .counter.collapsed{
    background-color:#c1c1c1;
}
.card .counter.collapsed:before{
    content:'+';
    padding-bottom: 4px;
    display: block;
}
.card .counter.collapsed:hover, .card-header:hover > .counter{
    background-color:#cc0000;
}
.card .counter:hover{
    background-color:#c1c1c1;
}
.card .counter:before{
    content:'–';  
    padding-bottom: 4px;
    display: block;
}
.card-header a{
    color:#9ba9b2;
    display:block;
    padding:25px 140px 30px 25px;
}
#accordioncenter_user .card-header a,
#accordionleft .card-header a, 
#accordioncenter .card-header a, 
#accordionleft-2 .card-header a{
    padding:25px 25px 30px 140px;
}
.card-header a:hover{
    text-decoration: none;
}
.card-body{
    padding:50px 35px;
}
.card-header:first-child {
    border-radius: 0px;
}

/***UPDATES***/
.updates{
    margin:0 -35px 0 -35px;
}
.acc-link{
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-color: transparent;
    width:100%;
    z-index:5;
}
.acc-link:hover, .acc-link:focus{
    text-decoration:none;
}
.updates > .col-md-6{
    padding:0;
    position: relative;
}
.accbtn{
    background-color:#005898;
    color:#fff;
    border:0px;
    font-size:2rem;    
    display:block;
    width:90%;
    padding:40px;
    opacity:0.4;
}
.accbtn img{
    display:block;
    margin:10px 0 0 0;
}
.accbtn:hover, .accbtn.sctive{
    background-color:#005898;
    color:#fff;
    border:0px;
    font-size:2rem;    
    display:block;
    width:90%;
    padding:40px;
    text-decoration: none;
    opacity:1;
}

.accbtn span{
    display:block;
}
.accbtn .sel__box{
    left:0;
}
.grey{
    display: block;
    font-size:1.2rem;
    color:#9ba9b2;
}
.collapsing {
    transition: height 0.000000000001s ease;
}
.counter{
    transition: all ease 0.1s;
}
.counter, .counter:hover{
    background-color: #c1c1c1;
    color: #fff;
    display: block;
    width:80px;
    height:auto;
    font-size: 2rem;
    line-height: 5rem;
    text-align: center;
    position: absolute;
    z-index:3;
    border:0;
}
.counter:hover{
    cursor:pointer;
    transform: scale(1.1);
}
.counter.otherdocs{
    right:40px;
}
.countable, .countable:hover{
    background-color:#cc0000;
    text-decoration: none;
}


/*** Select Boxen***/
.sel {
    font-size: 1rem;
    display: inline-block;
    min-width:200px;
    background-color: transparent;
    position: relative;
    cursor: pointer;
}
.sel__box {
    position: absolute;
    top: calc(100% + 20px);
    left: -110px;
    display: none;
    list-style-type: none;
    text-align: left;
    font-size: 1em;
    background-color: #FFF;
    padding:20px 0;
    min-width:200px;
    box-sizing: border-box;
    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
    z-index:999;
}
.sel.active .sel__box {
    display: block;
    animation: fadeInUp 500ms;
}
.sel__placeholder{
    background: transparent url(../img/more.png) no-repeat left center;
    padding: 0 0 0 45px;
}
.sel__placeholder:hover{
}
.sel__placeholder::before{
    content:"since ";
    color:#9ba9b2;
}
.sel__box__options {
    display: list-item;
    font-size: 1rem;
    color: #838e95;
    padding: 0.5em 1em;
    user-select: none;
    margin-bottom:0px;
}
.sel__box__options.selected::after {
    display: block;
}
.sel__box__options:hover {
    color:#fff;
    background-color:#005898;
}
.sel label{
    display:inline-block;
}
.subsel .sel__placeholder{
    background: transparent url(../img/more.png) no-repeat right center;
    padding: 0 45px 0 0;
}
.sel__box.subsel__box{
    text-align: right;
}
.sel.filternews{
    color: #7a7a7a;
    font-size: 1.5rem;
    border-radius: 40px;
    padding: 10px 30px;
    border: 2px solid #7a7a7a;
    background: #ffffff url(../img/select-gr-down.png) no-repeat right center;
    margin: 80px auto 50px auto;
    display: block;
    width: 320px;
}
.sel.filternews.newuser{
    color: #7a7a7a;
    font-size: 1rem;
    border-radius: 40px;
    padding: 10px 0.75rem;
    border: 2px solid #7a7a7a;
    background: #ffffff url(../img/select-gr-down.png) no-repeat right center;
    margin: 0 auto 1rem auto;
    display: block;
    width: 100%;
}

.sel.filternews .sel__placeholder::before {
    content: none;
}
.sel.filternews .sel__placeholder, .sel.filternews.newuser .form-control__placeholder {
    background: transparent url(../img/more.png) no-repeat left center;
    padding: 0 0 0 0;
    color:#868e96;
}
.sel.filternews .sel__box {
    left: 26px;
    min-width: 221px;
}
.newuser .sel__box{
    width:auto;
    left:15px;
    right:15px;
}
.sel.filternews .sel__box__options {
    text-align: right;
    padding-right:30px;
}
/*** NEWS -> Filterfarben ***/
.sel__box.filternews span.cat3:after, .sel__box__options.filternews.active span.selected{
    content: url(../img/more-cat03.png);       
    margin-left:20px;
}
.sel__box.filternews span.cat1:after{
    content: url(../img/more-cat01.png);       
    margin-left:20px;
}
.sel__box.filternews span.cat4:after{
    content: url(../img/more-cat04.png);       
    margin-left:20px;
}
.sel__box.filternews span.cat2:after{
    content: url(../img/more-cat02.png);       
    margin-left:20px;
}
.sel__box.filternews span.all:after{
    content: url(../img/more-grey.png);       
    margin-left:20px;
}
.sel__box.filternews span.cat1:hover{
    background-color:#ff942d;
    color:#fff;
}
.sel__box.filternews span.cat2:hover{
    background-color:#b73aff;
    color:#fff;
}
.sel__box.filternews span.cat3:hover{
    background-color:#a0ca4b;
    color:#fff;
}
.sel__box.filternews span.cat4:hover{
    background-color:#cc0000;
    color:#fff;
}
.sel__box.filternews span.all:hover{
    background-color:#7a7a7a;
    color:#fff;
}
.filternews .sel__box__options {
    padding: 0.3em 1em;
}
.filternews .sel__box__options.selected::after {
    display: inline-block;
}
.sel.table .sel__placeholder{
    width:38px;
    height:11px;
    border:0px;
    background: transparent url(../img/more-grey.png) no-repeat center;
    display:block;
    margin:0 auto;   
    color: transparent;
    overflow: hidden;
}
.sel.table .sel__placeholder::before {
    content: none;
}
.sel.table
/***TABELLE***/
.row.tablecont{
    width:100%;
    display:block;
    margin:100px auto 40px auto;
}

table.dataTable .nowrap{
    white-space:nowrap;
}
table.dataTable tfoot {
    display: table-header-group;
}
table.dataTable .col_filter{
    font-size: 10px;
    font-weight: normal;
}
table.dataTable thead th, table.dataTable thead tr th{
    font-weight: normal;
    font-size: 1.2rem;
    background-color: #f3f3f3;
    line-height: 3.8rem;
    border-bottom:0px;
    border-right: 2px solid #fff;
    padding: 10px 18px;
}
table.dataTable tfoot th{
    font-weight: normal;
    font-size: 1.2rem;
    background-color: #fff;
    line-height: 1.9rem;
    border-bottom:0px;
    border-right: 2px solid #fff;  
    border-top: 0px;
    padding: 0;
}
label select, .chosen-container-single .chosen-single,.chosen-container-active.chosen-with-drop .chosen-single, .custom-select  {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: auto;
    font-size: 12px !important;
    border: 1px solid #ececec;
    color:#aaa;
    background: #fff url(../img/select-down.png) no-repeat right center;
    background-size: 25px auto;
    padding: 0 31px 0 5px;
    text-align: right;
    display: inline-block;
    height: 24px !important;
    box-shadow: none;
    line-height: 2;
}
.chosen-container .chosen-drop {
    border: 0px solid #aaa;
    border-top-width: 0px;
    border-radius:0px;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.15);
    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
    clip: rect(0,0,0,0);
}
.chosen-container-single .chosen-single div{
    display:none;
}
option {
    border:0px solid #444;
    padding:.3em 1em .3em 1em;
}
table.dataTable thead th:last-child{
    border-right:0px;
}
table.dataTable td{
    padding:10px 0;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after{
    content: none;
}
table.dataTable thead .sorting{
    background-image: url(../img/sort_both.png);
    background-repeat: no-repeat;
}
table.dataTable thead .sorting_asc {
    background-image: url(../img/sort_asc.png);
    background-repeat: no-repeat;
}
table.dataTable thead .sorting_desc {
    background-image: url(../img/sort_desc.png);
    background-repeat: no-repeat;
}
.dataTables_wrapper{
    margin-top:100px;
}
/*.change{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:2px solid #ececec;
    border-radius:40px;
    padding:3px 40px 3px 20px;
    background:transparent url(../img/select-down.png) no-repeat right center;
    color:#7a7a7a;
    display:inline-block;
    text-align: right;
}*/
select.change > optgroup{
    padding-right:5px;
    display:block !important;
}
.dataTables_wrapper .dataTables_filter input.form-control, .dataTables_wrapper .dataTables_filter input.form-control-sm{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:2px solid #ececec;
    border-radius:40px;
    padding:0 15px;
    line-height: 1.85rem;
    color:#7a7a7a;
    height:35px;
    margin-bottom:30px;
    font-size: 1rem;
    opacity: 0.6;
}
.dataTables_length{
    float:left;
}
.dataTables_length select{
    height:35px;
}
label, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#7a7a7a;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1{
    background-color:#fff;
}
table.dataTable tbody tr {
    background-color: #f7f7f7;
}
table.dataTable tbody th, table.dataTable tbody td{
    padding:28px 10px;
}
.no-sort::after { 
    display: none!important; 
}
.no-sort { 
    pointer-events: none!important; 
    cursor: default!important; 
}
table.dataTable.no-footer{
    border-bottom: 0px;
    margin-bottom: 30px;
}

table.dataTable tbody td {
    vertical-align: middle;
}
.page-link {
    color: #c4c6c6 ;
    background-color:#fff;
    border: 1px solid #ececec;
    text-decoration: underline;
}
.page-link:focus, .page-link:hover {
    color: #7a7a7a;
    text-decoration: underline;
    background-color: #fff;
    border-color: #ececec;
}
.page-item.active .page-link {
    color: #7a7a7a;
    background-color: #fff;
    border-color: #ececec;
    text-decoration: none;
}
.paginate_button.next > a{
    background: transparent url(../img/paginate-next.png) no-repeat right center !important;
    color: transparent !important;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    -moz-border-top-right-radius: 40px;
    -moz-border-bottom-right-radius: 40px;
    padding: 0 2px;
    border:0px;
    border-top: 2px solid #ececec;
    border-bottom: 2px solid #ececec;
    line-height: 2.15;
    min-width: 1.5em;
    width: 33px;
}
.paginate_button.previous > a {
    background: transparent url(../img/paginate-previous.png) no-repeat left center !important;
    color: transparent !important;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    -moz-border-bottom-left-radius: 40px;
    padding: 0 2px;
    border:0px;
    border-top: 2px solid #ececec;
    border-bottom: 2px solid #ececec;
    line-height: 2.15;
    min-width: 1.5em;
    width: 33px;
}
.paginate_button.next.disabled > a, .paginate_button.previous.disabled > a {
    opacity: 0;
}
.change{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:2px solid #ececec;
    border-radius:40px;
    background: transparent url(../img/select-down.png) no-repeat right center;
    height:34px;
    color:#7a7a7a;
    min-width:100px;
    text-align: right;
    padding:0 40px 0 0;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before{
    top: calc(50% - 17px);
    left: 10px;
    height: 34px;
    width: 34px;
    color: white;
    border: 0 solid white;
    border-radius: 0;
    box-shadow: 0 0 0;
    font-family: inherit;
    line-height: 31px;
    content: '+';
    background-color: #c1c1c1;
    font-size: 18px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before{
    content: '–';
    background-color: #cc0000;  
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 55px;
}
.odd.parent + tr.child{
    background-color:#fff;
}
.collapsed tr.child td:nth-child(1), collapsed.sorting_asc{
    padding-left:55px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position: center center;
}
.optionize{
    display:block;
    background: transparent;
    margin-right:40px;
}
select option.optionize:first-child{
    margin-top:20px;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 0px solid #efefef;
}
th{
    text-align:center;
}
.no-sort{
    background-image: none !important;
}
#searchtable{
    margin-bottom: 100px;
}
/*** NEWS ***/
.news{
    margin-bottom:100px;
    margin-left:-55px;
    margin-right:-35px;
}
.news .col-lg-4{
    display:block;
    background:#f2f2f2 none no-repeat bottom center;
    margin-bottom:40px;
    margin-left:20px;
    position: relative;
    font-size:0.8em;
    padding:0;
    height:380px;
    position: relative;
    -ms-flex: 0 0 calc(33.333333% - 20px)!important;
    flex: 0 0 calc(33.333333%  -20px)!important;
    max-width: calc(33.333333% - 20px)!important;
}
.newsbutton{
    display:block;
    padding:0 40px 20px 0;
    overflow:hidden;
}
.newsimg img{
    width:100%;
    position: absolute;
    bottom:0;
}
.news .col-lg-4 .ecke{
    width:40px;
    height:40px;
    display:block;
    position: absolute;
    top:0;
    right:0;
}
.newsteasercontent{
    max-height:190px;
    overflow:hidden;
    padding:40px;
}
.cat1 .ecke{
    background-image: url(../img/cat01-ecke.png);
}
.cat2 .ecke{
    background-image: url(../img/cat02-ecke.png);
}
.cat3 .ecke{
    background-image: url(../img/cat03-ecke.png);
}
.cat4 .ecke{
    background-image: url(../img/cat04-ecke.png);
}
.morenews{
    display:block;
    width:56px;
    height:16px;
    border: 0px;
    padding:10px;
    float:right;
}
.cat1 .morenews{
    background: transparent url(../img/more-gr-cat01.png) no-repeat center;
}
.cat2 .morenews{
    background: transparent url(../img/more-gr-cat02.png) no-repeat center;
}
.cat3 .morenews{
    background: transparent url(../img/more-gr-cat03.png) no-repeat center;
}
.cat4 .morenews{
    background: transparent url(../img/more-gr-cat04.png) no-repeat center;
}

/*** MODALS ***/
button.close {
    width: 40px;
    height: 40px;
    background: transparent url(../img/close.png) center center no-repeat;
    opacity:1;
    position: absolute;
    top:-40px;
    right:-40px;
}
.modal.fade .cat1 button.close{
    background-color: #ff942d;
}
.modal.fade .cat2 button.close{
    background-color: #b73aff;
}
.modal.fade .cat3 button.close{
    background-color: #a0ca4b;
}
.modal.fade .cat4 button.close{
    background-color: #cc0000;
}
button.close:hover{
    opacity:1;
}
.modal-content {
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    outline: 0;
}
.modal-dialog {
    max-width: 760px;
    margin: 80px auto;
}
.modal-header{
    max-width:760px;
    height:160px;
    overflow: hidden;
    padding:0;
}
.modal-header img{
    width:100%;

}
.modal-body, .modal-header{
    max-height:600px;
    overflow: hidden;
    padding:40px;
    background-color: #ececec;
}
.modal-title {
    margin-bottom: 40px;
    font-size:2rem;
    line-height: 1;
    color: #7a7a7a;
}
#info .modal-header{
    padding:20px 40px;
}
#info .modal-body{
    padding:20px 40px;
}
.document_detail h1{
    margin-bottom:30px !important;
    display:block;
}
.document_detail{
    position: relative;
}
.document_detail img{
    width:100%;
    margin:0 auto;
}
.document_detail table{
    margin-bottom: 30px;
    display:block;
}
.document_detail tr{
    display:block;
    margin-bottom:15px;
}
.document_detail td, .document_detail th{
    text-align:left;
    vertical-align: top;
    min-width:140px;
    word-wrap:break-word;
}
.mCSB_inside > .mCSB_container {
    margin-right: 40px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 6px;
    border-radius: 40px;
    background-color: #fff;
}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp{
    opacity:1;
}
.mCSB_scrollTools{
    width:20px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{
    background-position:0 5px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -14px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0,0,0,.05)
}

/*** FOOTER ***/
footer{
    background-color: #005898;
    padding:40px 35px;
}
footer.row{
    margin-left:-35px;
    margin-right:-35px;
}
footer a{
    color:#fff;
    line-height:37px;
    margin-bottom: 0px;
    display:inline-block;
}
footer a:nth-child(2){
    padding:0 35px;
}
footer a:hover{
    color:#fff;
    text-decoration: none;
}
footer span{
    padding:0 40px;
}

@media only screen and (max-width: 840px) {
    .row.faq .col-md-6 {
        padding: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #mainsearch.input-group {
        width: 90%;
        height: 71px;
        margin: 80px auto;
    }
    .kidhead {
        background-size: 908px auto;
    }
    .welcome > .col-4, .updates .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        float: none;
    }
    .welcome .col-4:nth-child(1){
        text-align: left !important;
    }
    .welcome .col-4:nth-child(2){
        padding-left:160px;
    }
    .accbtn, .accbtn.sctive, .accbtn:hover, .accbtn.sctive:hover{
        width:100%;
    }
    .updates .accbtn:nth-child(1){
        margin-bottom: 80px;
    }
    .news{
        margin-right:-35px;
    }
    .news .col-lg-4{
        max-width: calc(50% - 20px)!important;
        flex: 0 0 calc(50% - 20px)!important;
        -ms-flex:0 0 calc(50% - 20px)!important;
    }
    button.close {
        top:-40px;
        right:0px;
    }
    .col-md-auto:nth-child(1){
        margin-bottom:30px;
    }
    .col-md-auto{
        width:100%;
        text-align: center !important;
    }
    #accordionright .card .counter, .card .counter.collapsed,#accordionright-2 .card .counter, .card .counter.collapsed, .card .counter:hover, .card .counter.collapsed:hover{
        right:auto;
        left:35px;
    }
    #accordionright .card-header a, #accordionright-2 .card-header a {
        padding: 25px 25px 30px 140px;
    }
}
@media only screen and (max-width: 640px) {
    body{
        font-size:0.9rem;
    }
    .container {
        padding-bottom: 0px;
    }
    .container{
        padding:7px 20px;
    }
    h1{
        font-size:1.8rem;
    }
    .kidhead {
        background: transparent url(../img/kidhead-mobil.jpg) top left no-repeat;
        background-size: auto auto;
    }
    .kopf .col-4:nth-child(2){
        margin-bottom:20px;
    }
    .kopf .col-8:nth-child(1) a img{
        width:100%;
    }
    .awesomplete > input{
        height:38px;
        width: calc(100% - 50px);
        padding:0 15px;
        font-size: 0.8rem;
    }
    #mainsearch.input-group {
        width: 100%;
        margin: 40px auto 73px auto;
    }
    .btn-secondary {
        display: inline-block;
        color: #fff;
        background-color: #7a7a7a;
        border-color: #7a7a7a;
        font-size: 0.9rem;
        border-radius: 40px;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        padding: 9px 0;
        width: 53px;
    }
    .welcome{
        padding:20px;
        margin:0 -40px 25px -40px;
    }
    .welcome .col-4:nth-child(2) {
        padding-left: 20px;
    }
    .updates {
        margin: 0 -40px 0 -40px;
    }
    .row.tablecont {
        width: 100%;
        display: block;
        margin: 20px auto 40px auto;
    }
    .row.tablecont > .col-md-12{
        padding:0;
    }
    .accbtn {
        padding: 20px 40px;
    }
    .accbtn:hover{
        padding: 20px 40px;
    }
    .dataTables_wrapper .dataTables_length{
        text-align: center;
        margin-bottom: 20px;
    }
    .dataTables_wrapper .dataTables_filter{
    }
    .sel.filternews {
        font-size: 1rem;
        padding: 8px 30px;
        background: #ffffff url(../img/select-gr-down.png) no-repeat right center;
        margin: 20px auto 20px auto;
        width: 280px;
        background-size: 49px auto;
    }
    .row.news{
        margin-left:0px;
        margin-right:0px;
    }
    .news .col-lg-4{
        max-width: 100% !important;
        flex: 0 0 100% !important;
        -ms-flex:0 0 100% !important;
        margin:0 0 20px 0;
    }
    .backdash{
        left:-5px;
    }
    .backdash:hover{
        transform: none;
        left:-5px;
        text-decoration:none;
    }
}
@media only screen and (max-width: 440px) {
    .col-8{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .col-4{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding-right:0px;
    }
    .nav{
        display: block;
    }
    footer{
        padding:40px 0;
    }
    .logIn{
        text-align: center;
    }
}
table td.longtext {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    min-width: 100px;
}

#document_detail span {
    width: 100%; 
}

#document_detail span img {
    right: 1%;
    width: auto;
    max-width: 66%;
    position: absolute; 
    z-index: 1;
}

.indexonly {
    display: none;
}
.count-icon{
    overflow:visible;
    margin: 8px 12px 0 0;
    min-width:32px;
    height:30px;
    display: block;
    text-decoration: none;
    text-align: center;
    background:url("/img/bg-count-icon.png") no-repeat top left;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.icon-count{
    padding:2px;
    display: block;
    background:#cc0000;
    color: #fff;
    font-size:10px;
    position:absolute;
    bottom:-5px;
    right:-3px;
}

@media only screen and (max-width: 640px) {
    .count-icon{
        display: none;
    }
}
/* meter */
meter {
    /* Reset the default appearance */


    margin: 0 auto 1em;
    top: -7px;
    position: relative;
    width: 100%;
    height: 0.2em;
    line-height: 0.2em;
    padding-left: 15px;
    padding-right: 15px;

    /* Applicable only to Firefox */
    background: none;
    background-color: transparent;
}

#password-strength-text{
    font-size: 0.8em;
    line-height: 1.5em;
    margin-left: 1.8em;
    margin-top: -2.0em;
    margin-bottom: -1.0em;
}

meter::-webkit-meter-bar {
    background: none;
    background-color: transparent;
}

/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }

/*******************************************************
Variables
*******************************************************/
/*******************************************************
Animation
*******************************************************/
@keyframes popIn {
    0% {
        transform: scale(1, 1); }
    25% {
        transform: scale(1.2, 1); }
    50% {
        transform: scale(1.4, 1); }
    100% {
        transform: scale(1, 1); } }

@keyframes popOut {
    0% {
        transform: scale(1, 1); }
    25% {
        transform: scale(1.2, 1); }
    50% {
        transform: scale(1.4, 1); }
    100% {
        transform: scale(1, 1); } }

@keyframes splashIn {
    0% {
        transform: scale(1);
        opacity: 1; }
    25% {
        transform: scale(1.1);
        opacity: .8; }
    50% {
        transform: scale(1.1);
        opacity: .9; }
    100% {
        transform: scale(1);
        opacity: 1; } }

@keyframes splashOut {
    0% {
        transform: scale(1);
        opacity: 1; }
    25% {
        transform: scale(1);
        opacity: .8; }
    50% {
        transform: scale(1);
        opacity: .9; }
    100% {
        transform: scale(0.5);
        opacity: 1; } }

/*******************************************************
Main Slider basics
*******************************************************/
.checkbox-slider, .checkbox-slider--default, .checkbox-slider--a-rounded, .checkbox-slider--a, .checkbox-slider--b, .checkbox-slider--b-flat, .checkbox-slider--c, .checkbox-slider--c-weight,
.checkbox-toggle {
    position: relative; }
.checkbox-slider input[type="checkbox"], .checkbox-slider--default input[type="checkbox"], .checkbox-slider--a-rounded input[type="checkbox"], .checkbox-slider--a input[type="checkbox"], .checkbox-slider--b input[type="checkbox"], .checkbox-slider--b-flat input[type="checkbox"], .checkbox-slider--c input[type="checkbox"], .checkbox-slider--c-weight input[type="checkbox"],
.checkbox-toggle input[type="checkbox"] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0%;
    margin: 0 0;
    cursor: pointer;
    opacity: 0; }
.checkbox-slider input[type="checkbox"]:focus + *:before, .checkbox-slider--default input[type="checkbox"]:focus + *:before, .checkbox-slider--a-rounded input[type="checkbox"]:focus + *:before, .checkbox-slider--a input[type="checkbox"]:focus + *:before, .checkbox-slider--b input[type="checkbox"]:focus + *:before, .checkbox-slider--b-flat input[type="checkbox"]:focus + *:before, .checkbox-slider--c input[type="checkbox"]:focus + *:before, .checkbox-slider--c-weight input[type="checkbox"]:focus + *:before,
.checkbox-toggle input[type="checkbox"]:focus + *:before {
    outline: solid #80bdff 2px; }
.checkbox-slider input + span, .checkbox-slider--default input + span, .checkbox-slider--a-rounded input + span, .checkbox-slider--a input + span, .checkbox-slider--b input + span, .checkbox-slider--b-flat input + span, .checkbox-slider--c input + span, .checkbox-slider--c-weight input + span,
.checkbox-toggle input + span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.checkbox-slider input + span:before, .checkbox-slider--default input + span:before, .checkbox-slider--a-rounded input + span:before, .checkbox-slider--a input + span:before, .checkbox-slider--b input + span:before, .checkbox-slider--b-flat input + span:before, .checkbox-slider--c input + span:before, .checkbox-slider--c-weight input + span:before,
.checkbox-toggle input + span:before {
    position: absolute;
    left: 0px;
    display: inline-block; }
.checkbox-slider input + span > h4, .checkbox-slider--default input + span > h4, .checkbox-slider--a-rounded input + span > h4, .checkbox-slider--a input + span > h4, .checkbox-slider--b input + span > h4, .checkbox-slider--b-flat input + span > h4, .checkbox-slider--c input + span > h4, .checkbox-slider--c-weight input + span > h4,
.checkbox-toggle input + span > h4 {
    display: inline; }

.form-horizontal [class^='checkbox'] input + span:after {
    top: 7px; }

/*******************************************************
Main Slider
*******************************************************/
.checkbox-slider input + span, .checkbox-slider--default input + span, .checkbox-slider--a-rounded input + span, .checkbox-slider--a input + span, .checkbox-slider--b input + span, .checkbox-slider--b-flat input + span, .checkbox-slider--c input + span, .checkbox-slider--c-weight input + span {
    padding-left: 40px; }
.checkbox-slider input + span:before, .checkbox-slider--default input + span:before, .checkbox-slider--a-rounded input + span:before, .checkbox-slider--a input + span:before, .checkbox-slider--b input + span:before, .checkbox-slider--b-flat input + span:before, .checkbox-slider--c input + span:before, .checkbox-slider--c-weight input + span:before {
    content: "";
    height: 20px;
    width: 40px;
    background: rgba(100, 100, 100, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
    transition: background .2s ease-out; }
.checkbox-slider input + span:after, .checkbox-slider--default input + span:after, .checkbox-slider--a-rounded input + span:after, .checkbox-slider--a input + span:after, .checkbox-slider--b input + span:after, .checkbox-slider--b-flat input + span:after, .checkbox-slider--c input + span:after, .checkbox-slider--c-weight input + span:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
    background: #FFF;
    transition: margin-left 0.1s ease-in-out;
    text-align: center;
    font-weight: bold;
    content: ""; }

.checkbox-slider input:checked + span:after, .checkbox-slider--default input:checked + span:after, .checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider--a input:checked + span:after, .checkbox-slider--b input:checked + span:after, .checkbox-slider--b-flat input:checked + span:after, .checkbox-slider--c input:checked + span:after, .checkbox-slider--c-weight input:checked + span:after {
    margin-left: 20px;
    content: ""; }

.checkbox-slider input:checked + span:before, .checkbox-slider--default input:checked + span:before, .checkbox-slider--a-rounded input:checked + span:before, .checkbox-slider--a input:checked + span:before, .checkbox-slider--b input:checked + span:before, .checkbox-slider--b-flat input:checked + span:before, .checkbox-slider--c input:checked + span:before, .checkbox-slider--c-weight input:checked + span:before {
    transition: background .2s ease-in; }

/*******************************************************
Slider default
*******************************************************/
.checkbox-slider--default input + span:after, .checkbox-slider--a-rounded input + span:after {
    background: #FFF;
    border: solid transparent 1px;
    background-clip: content-box; }

.checkbox-slider--default input:checked + span:after, .checkbox-slider--a-rounded input:checked + span:after {
    background: #005898;
    border: solid transparent 1px;
    background-clip: content-box; }

/*******************************************************
Slider default rounded
*******************************************************/
.checkbox-slider--a-rounded input + span:after,
.checkbox-slider--a-rounded input + span:before {
    border-radius: 0.25rem; }

.checkbox-slider--a-rounded input + span:after,
.checkbox-slider--a-rounded input:checked + span:after {
    border: solid transparent 2px;
    background-clip: content-box; }

/*******************************************************
Slider default rounded Sizes
*******************************************************/
.checkbox-slider--a-rounded.checkbox-slider-sm input + span:before,
.checkbox-slider--a-rounded.checkbox-slider-sm input + span:after {
    border-radius: 0.2rem; }

.checkbox-slider--a-rounded.checkbox-slider-md input + span:before,
.checkbox-slider--a-rounded.checkbox-slider-md input + span:after {
    border-radius: 0.25rem; }

.checkbox-slider--a-rounded.checkbox-slider-lg input + span:before,
.checkbox-slider--a-rounded.checkbox-slider-lg input + span:after {
    border-radius: 0.3rem; }

/*******************************************************
Slider A
*******************************************************/
.checkbox-slider--a input + span {
    padding-left: 60px; }

.checkbox-slider--a input + span:before {
    content: "";
    width: 60px; }

.checkbox-slider--a input + span:after {
    width: 40px;
    font-size: 10px;
    color: #000;
    content: "Off";
    border: solid transparent 1px;
    background-clip: content-box; }

.checkbox-slider--a input:checked + span:after {
    content: "On";
    color: #fff;
    background: #005898;
    border: solid transparent 1px;
    background-clip: content-box; }

/*******************************************************
Slider A SIZES
*******************************************************/
.checkbox-slider--a.checkbox-slider-sm input + span {
    padding-left: 30px; }

.checkbox-slider--a.checkbox-slider-sm input + span:before {
    width: 30px; }

.checkbox-slider--a.checkbox-slider-sm input + span:after {
    width: 20px;
    font-size: 5px; }

.checkbox-slider--a.checkbox-slider-sm input:checked + span:after {
    margin-left: 10px; }

.checkbox-slider--a.checkbox-slider-md input + span {
    padding-left: 100px; }

.checkbox-slider--a.checkbox-slider-md input + span:before {
    width: 90px; }

.checkbox-slider--a.checkbox-slider-md input + span:after {
    width: 60px;
    font-size: 15px; }

.checkbox-slider--a.checkbox-slider-md input:checked + span:after {
    margin-left: 30px; }

.checkbox-slider--a.checkbox-slider-lg input + span {
    padding-left: 120px; }

.checkbox-slider--a.checkbox-slider-lg input + span:before {
    width: 120px; }

.checkbox-slider--a.checkbox-slider-lg input + span:after {
    width: 80px;
    font-size: 20px; }

.checkbox-slider--a.checkbox-slider-lg input:checked + span:after {
    margin-left: 40px; }

/*******************************************************
Slider B
*******************************************************/
.checkbox-slider--b input + span, .checkbox-slider--b-flat input + span {
    padding-left: 40px; }

.checkbox-slider--b input + span:before, .checkbox-slider--b-flat input + span:before {
    border-radius: 20px;
    width: 40px; }

.checkbox-slider--b input + span:after, .checkbox-slider--b-flat input + span:after {
    background: #FFF;
    content: "";
    width: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
    border-radius: 20px; }

.checkbox-slider--b input:not(:checked) + span:after, .checkbox-slider--b-flat input:not(:checked) + span:after {
    animation: popOut ease-in .3s normal; }

.checkbox-slider--b input:checked + span:after, .checkbox-slider--b-flat input:checked + span:after {
    content: "";
    margin-left: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
    animation: popIn ease-in .3s normal; }

.checkbox-slider--b input:checked + span:before, .checkbox-slider--b-flat input:checked + span:before {
    background: #005898; }

/*******************************************************
Slider B Sizes
*******************************************************/
.checkbox-slider--b.checkbox-slider-md input + span:before {
    border-radius: 30px; }

.checkbox-slider--b.checkbox-slider-md input + span:after {
    border-radius: 30px; }

.checkbox-slider--b.checkbox-slider-lg input + span:before {
    border-radius: 40px; }

.checkbox-slider--b.checkbox-slider-lg input + span:after {
    border-radius: 40px; }

/*******************************************************
Slider B-flat
*******************************************************/
.checkbox-slider--b-flat input + span:before {
    box-shadow: none; }

/*******************************************************
Slider C
*******************************************************/
.checkbox-slider--c input + span, .checkbox-slider--c-weight input + span {
    padding-left: 40px; }

.checkbox-slider--c input + span:before, .checkbox-slider--c-weight input + span:before {
    height: 2px !important;
    top: 10px;
    box-shadow: none;
    width: 40px;
    background: #adb5bd; }

.checkbox-slider--c input + span:after, .checkbox-slider--c-weight input + span:after {
    box-shadow: none;
    width: 20px;
    border: solid #adb5bd 2px;
    border-radius: 20px; }

.checkbox-slider--c input:checked + span:after, .checkbox-slider--c-weight input:checked + span:after {
    background: #005898;
    margin-left: 20px;
    border: solid #005898 2px;
    animation: splashIn ease-in .3s normal; }

.checkbox-slider--c input:checked + span:before, .checkbox-slider--c-weight input:checked + span:before {
    background: #005898; }

/*******************************************************
Slider C Sizes
*******************************************************/
.checkbox-slider--c.checkbox-slider-sm input + span:before {
    top: 4px; }

.checkbox-slider--c.checkbox-slider-md input + span:before {
    top: 14px; }

.checkbox-slider--c.checkbox-slider-md input + span:after {
    width: 30px;
    border-radius: 30px; }

.checkbox-slider--c.checkbox-slider-lg input + span:before {
    top: 19px; }

.checkbox-slider--c.checkbox-slider-lg input + span:after {
    width: 40px;
    border-radius: 40px; }

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-sm input + span:before {
    top: 10px; }

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-md input + span:before {
    top: 20px; }

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-lg input + span:before {
    top: 25px; }

/*******************************************************
Slider C-weight
*******************************************************/
.checkbox-slider--c-weight input + span:before {
    height: 1px !important; }

.checkbox-slider--c-weight input:checked + span:before {
    height: 2px !important; }

.checkbox-slider--c-weight input:not(:checked) + span:after {
    transform: scale(0.7);
    left: -6px; }

.checkbox-slider--c-weight.checkbox-slider-sm input + span:before {
    top: 5px; }

.checkbox-slider--c-weight.checkbox-slider-md input + span:before {
    top: 15px; }

.checkbox-slider--c-weight.checkbox-slider-lg input + span:before {
    top: 20px; }

/******************************************************
State Disabled
*******************************************************/
.checkbox-slider--default input:disabled + span:after {
    background: #adb5bd; }

.checkbox-slider--default input:disabled + span:before {
    box-shadow: 0 0 0 black; }

.checkbox-slider--default input:disabled + span {
    color: #adb5bd; }

.checkbox-slider--a-rounded input:disabled + span:after,
.checkbox-slider--a input:disabled + span:after {
    background: #adb5bd;
    color: #FFF; }

.checkbox-slider--a-rounded input:disabled + span:before,
.checkbox-slider--a input:disabled + span:before {
    box-shadow: 0 0 0 black; }

.checkbox-slider--a-rounded input:disabled + span,
.checkbox-slider--a input:disabled + span {
    color: #adb5bd; }

.checkbox-slider--b-flat input:disabled + span:after,
.checkbox-slider--b input:disabled + span:after {
    border: solid transparent 2px;
    border-radius: 40px; }

.checkbox-slider--b-flat input:disabled + span:before,
.checkbox-slider--b input:disabled + span:before {
    box-shadow: 0 0 0 black; }

.checkbox-slider--b-flat input:disabled + span,
.checkbox-slider--b input:disabled + span {
    color: #adb5bd; }

.checkbox-slider--b-flat input:disabled:checked + span:before,
.checkbox-slider--b input:disabled:checked + span:before {
    background: #adb5bd; }

.checkbox-slider--c-weight input:disabled:checked + span:after,
.checkbox-slider--c input:disabled:checked + span:after {
    background: #adb5bd; }

.checkbox-slider--c-weight input:disabled + span:after,
.checkbox-slider--c input:disabled + span:after {
    border-color: #adb5bd; }

.checkbox-slider--c-weight input:disabled + span:before,
.checkbox-slider--c input:disabled + span:before {
    background: #adb5bd; }

.checkbox-slider--c-weight input:disabled + span,
.checkbox-slider--c input:disabled + span {
    color: #adb5bd; }

/*******************************************************
Indicators
*******************************************************/
input:checked + .indicator-primary {
    color: #007bff; }

input:checked + .indicator-success {
    color: #005898; }

input:checked + .indicator-info {
    color: #17a2b8; }

input:checked + .indicator-warning {
    color: #ffc107; }

input:checked + .indicator-danger {
    color: #dc3545; }

/*******************************************************
Sizes
*******************************************************/
.checkbox-slider-sm {
    line-height: 10px; }
.checkbox-slider-sm input + span {
    padding-left: 20px; }
.checkbox-slider-sm input + span:before {
    width: 20px; }
.checkbox-slider-sm input + span:after,
.checkbox-slider-sm input + span:before {
    height: 10px;
    line-height: 10px; }
.checkbox-slider-sm input + span:after {
    width: 10px;
    vertical-align: middle; }
.checkbox-slider-sm input:checked + span:after {
    margin-left: 10px; }

.checkbox-slider-md {
    line-height: 30px; }
.checkbox-slider-md input + span {
    padding-left: 60px; }
.checkbox-slider-md input + span:before {
    width: 60px; }
.checkbox-slider-md input + span:after,
.checkbox-slider-md input + span:before {
    height: 30px;
    line-height: 30px; }
.checkbox-slider-md input + span:after {
    width: 30px;
    vertical-align: middle; }
.checkbox-slider-md input:checked + span:after {
    margin-left: 30px; }

.checkbox-slider-lg {
    line-height: 40px; }
.checkbox-slider-lg input + span {
    padding-left: 80px; }
.checkbox-slider-lg input + span:before {
    width: 80px; }
.checkbox-slider-lg input + span:after,
.checkbox-slider-lg input + span:before {
    height: 40px;
    line-height: 40px; }
.checkbox-slider-lg input + span:after {
    width: 40px;
    vertical-align: middle; }
.checkbox-slider-lg input:checked + span:after {
    margin-left: 40px; }

/*******************************************************
Variations
*******************************************************/
.checkbox-slider-primary.checkbox-slider--default input:checked + span:after, .checkbox-slider-primary.checkbox-slider--a input:checked + span:after, .checkbox-slider-primary.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-primary.checkbox-slider--c input:checked + span:after, .checkbox-slider-primary.checkbox-slider--c-weight input:checked + span:after {
    background: #007bff;
    background-clip: content-box; }

.checkbox-slider-primary.checkbox-slider--c input:checked + span:after, .checkbox-slider-primary.checkbox-slider--c-weight input:checked + span:after {
    border-color: #007bff; }

.checkbox-slider-primary.checkbox-slider--b input:checked + span:before, .checkbox-slider-primary.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-primary.checkbox-slider--c input:checked + span:before, .checkbox-slider-primary.checkbox-slider--c-weight input:checked + span:before {
    background: #007bff; }

.checkbox-slider-info.checkbox-slider--default input:checked + span:after, .checkbox-slider-info.checkbox-slider--a input:checked + span:after, .checkbox-slider-info.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-info.checkbox-slider--c input:checked + span:after, .checkbox-slider-info.checkbox-slider--c-weight input:checked + span:after {
    background: #17a2b8;
    background-clip: content-box; }

.checkbox-slider-info.checkbox-slider--c input:checked + span:after, .checkbox-slider-info.checkbox-slider--c-weight input:checked + span:after {
    border-color: #17a2b8; }

.checkbox-slider-info.checkbox-slider--b input:checked + span:before, .checkbox-slider-info.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-info.checkbox-slider--c input:checked + span:before, .checkbox-slider-info.checkbox-slider--c-weight input:checked + span:before {
    background: #17a2b8; }

.checkbox-slider-warning.checkbox-slider--default input:checked + span:after, .checkbox-slider-warning.checkbox-slider--a input:checked + span:after, .checkbox-slider-warning.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-warning.checkbox-slider--c input:checked + span:after, .checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:after {
    background: #ffc107;
    background-clip: content-box; }

.checkbox-slider-warning.checkbox-slider--c input:checked + span:after, .checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:after {
    border-color: #ffc107; }

.checkbox-slider-warning.checkbox-slider--b input:checked + span:before, .checkbox-slider-warning.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-warning.checkbox-slider--c input:checked + span:before, .checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:before {
    background: #ffc107; }

.checkbox-slider-danger.checkbox-slider--default input:checked + span:after, .checkbox-slider-danger.checkbox-slider--a input:checked + span:after, .checkbox-slider-danger.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-danger.checkbox-slider--c input:checked + span:after, .checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:after {
    background: #dc3545;
    background-clip: content-box; }

.checkbox-slider-danger.checkbox-slider--c input:checked + span:after, .checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:after {
    border-color: #dc3545; }

.checkbox-slider-danger.checkbox-slider--b input:checked + span:before, .checkbox-slider-danger.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-danger.checkbox-slider--c input:checked + span:before, .checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:before {
    background: #dc3545; }