body{
    /* background-color: #f5f5f5; */
}
body main{
    font-size: 1rem; 
    height: 100%;   
}


a:hover{
    color: #a4c2b0;
}

a:hover {
    color: #006d5c;
    background: none !important;
    transition: none; 

}

/* SEARCHTEXT */
#searchtext{
    border-radius: 30px;
}

/* FOOTER */
#footer{
    background-color: #efeeee;
    background-color: #252525;
}

#footer .btn{
    color: #006d5c;
    color: #fff;
    text-decoration: underline;
}

/* Input */
.form-control:focus{
    outline: 0px !important;
    box-shadow: 0;
    /* border: 1px solid #006d5c !important; */
    box-shadow: 0px 0px 0px 0px #006d5c !important;
}
.form-outline {
    --mdb-form-outline-select-notch-border-color: #006d5c;
}

/* COLORs */
.primary{
    background-color: #74c947 !important;
}
.text-success,
.text-secondary{
    color: #006d5c !important;
}
.bg-primary{
    background-color: #74c947 !important;
}
.bg-secondary{
    background-color: #006d5c !important;
}
.bg-light{
    background-color: #ececec !important;
}

.text-success,
.text-primary{
    color: #74c947 !important;
}

.text-grey-50{
    color: #bdbdbd8e;
}

/* Badges */
.badge-primary{
    background-color: #74c947 !important;
    color: #fff;
}
.badge-secondary{
    background-color: #006d5c !important;
    color: #fff;
}


/* Slider */
.multi-range-slider-hand{
    background-color: #006d5c !important;
}

/* Buttons */
.btn-outline-primary{
    border: 1px solid #74c947 !important;
}
.btn-outline-secondary{
    border: 1px solid #006d5c !important;
}
.btn-outline-muted{
    border: 1px solid #a1a1a188 !important;    
}
/* Horizonatl line */
.horizontal-line{
    height: 1px;
    width: 100%;
    background: rgb(0,109,92);
    background: linear-gradient(90deg, rgba(0,109,92,0) 6%, rgba(0,109,92,0.3981967787114846) 25%, rgba(116,201,71,0.6923144257703081) 50%, rgba(0,109,92,0.4009978991596639) 75%, rgba(0,109,92,0) 94%);
}    


/* Überschriften */
h1, h2, h3, h4, h5, h6{
    color: #006d5c;
}

/* Links */
a,
.btn-link{
    color: #006d5c;
}


/* BREADCRUMBS */
.breadcrumbs{
    height: 40px;
}
.breadcrumbs a{
    color: #74c947;
}

/* Stepper */
.stepper-active .stepper-head-icon{
    background-color: #006d5c;
    color: #fff;
}

/* STICKY */
.sticky{
    position: sticky;
    z-index: 10;
}

/* MODAL */
.modal .modal-unique .modal-header{
    background-color: #006d5c !important;
}

/* ARTIKEL-Sitennavigation */
#article-side-navigation{
    background-color: #fff;
    border-radius: 5px;
}
#article-side-navigation .list-group-item.list-group-headeritem{
    color: #74c947;
    padding: 10px;

    padding-left: 0;
    background-color: #fff;    
}
#article-side-navigation .list-group-item{
    border: 0;
    margin-top: 5px;
    background-color: #eee;
    padding-top: 15px;
    padding-bottom: 15px;
}
#article-side-navigation .list-group-item a{
    color: #74c947;
    font-size: 0.9rem;
}

/* Carousel */
.carousel-caption {
    position: relative;
    left: 0;
    top: 0;
    color: #fff;
    text-align: left;
}

/* CARDS */
.card{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.041), 0 2px 10px 0 rgba(0, 0, 0, 0.075);
    border-radius: 5px;
}

/* Kategorie */
.cat-image{
    max-width: 100%; 
    height: 200px; 
    mix-blend-mode: multiply;
}
@media (max-width:1400px){
    .cat-image{
        height: 100px; 
    }
}
.cat-image-sm{
    max-width: 100%; 
    height: 100px; 
    mix-blend-mode: multiply;
}
@media (max-width:1400px){
    .cat-image-sm{
        height: 50px; 
    }
}


/* Cat */
.cat-list-group .list-group-item.active{
    /* background-color: #3F729B; */
    background-color: #006d5c;
    border: 0 !important;
    color: #fff;
    /* background-color: #4c525c;     */
    
 }

 .cat-list-group .list-group-item-category,
 .cat-list-group .list-group-item-category:hover,
 .cat-list-group .list-group-item-category:active{
    background-color: #006d5c;
    border: 0 !important;
}
/* Listgroup */
.cat-list-group.list-group .list-group-item:first-child,
.cat-list-group.list-group .list-group-item:last-child,
.cat-list-group .list-group-item+.list-group-item,
.cat-list-group .list-group-item{
    padding: 0.35rem;
    padding-top: 0.5rem;
    transition: none;
    border-radius: 20px;
    border: 1px solid #74c947;
    border-top-width: 1px;
    margin-top: 4px;
    margin-bottom: 4px;
 }     
 .cat-list-group .list-group-item small{
    margin-right: 4px;
    color: #006d5c;
    padding: 0;
    margin-top: 1px;
 }

/* Card Article */
.card-article h5{
    font-size: 1rem;
    height: 60px;
}

.card-article .img-article{
    max-height: 250px;
}
@media (max-width:1400px){
    .card-article h5{
        font-size: 0.85rem;
        height: 50px;
    }
    .card-article .img-article{
        max-height: 100px;
    }
}

/* NAVIGATION */
#navigation_menu{
    border: 0px solid #74c947;
    top: 150px;
    display: none; 
    position: fixed; 
    z-index: 10;
    left: 0;        
}
#navigation_menu .root-cat-col{
    border-right: 1px solid #d1d1d1;    
}
#navigation_menu .list-group-item-root{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    background: transparent;
    bordeR: 0;
}

#navigation_menu .list-group-item-sub {
    border: 0;
    background-color: #eee;
    margin-top: 15px;
}
.list-group-item .category-link{
    color: #666;
    font-weight: normal;
}
.list-group-item .category-link-sub1{
    color: #74c947;
    font-weight: normal;        
    margin: 15px;
    font-size: 0.9rem;
}
.list-group-item .category-link.active{
    color: #74c947 !important;
}


/* CONTAINER-SIZES */
@media (min-width: 1200px) {
    .container{
    max-width: 970px;
    }
}
@media (min-width: 1400px) {
    .container{
    max-width: 1320px;
    }
}



/* BUTTONS */
.btn.btn-primary{
    background-color: #74c947 !important;
}
.btn.btn-secondary{
    background-color: #006d5c !important;
    color: white !important;
}
.btn.btn-success{
    background-color: #74c947 !important;
}
.btn.btn-unique{
    background-color: #abb8b0 !important;
    border: 1px solid #c0e6cf !important;
}





/* ARTICLE-DETAILS */
.article_price_position_right{
    position: fixed;
    right: 0;
    top: 40%;
    width: 300px;
    border: 1px solid #d7d7d7;
    padding: 25px;
    z-index: 10;
}   


/* Sidenavigation */
.side-navigation {
    color: #333;
    border-right: 1px solid #fff;
    /* outline: 1px solid rgba(34,58,85,1); */
    /* background-color: #006699; */
    /* background: rgb(89, 161, 118); */
    /* background: linear-gradient(138deg, rgba(89, 161, 118,1) 0%, rgb(34, 85, 57) 75%, rgb(31, 40, 34) 100%);     */
    border-radius: 0px 0px 0px 0px;
}

.sidenav-item.active,
.sidenav-item:hover{
    color: #006d5c;
    font-weight: bold;
}              


/* DataList */
dl {
    font-size: 1.0rem;
}
dl *{
    padding: 0px;
    margin: 0px;
}  
dl dt{
    font-weight: 400; 
    line-height: 30px;   
    min-height: 30px;
}
dl dd{
    font-weight: 500;
    line-height: 30px;   
    min-height: 30px;
}


/* Breadcrumbs */
#breadcrumbs_container{
    /* height: 50px; */
    /* background-color: #74c947; */
    background-color: #1f7567;
}
#breadcrumbs_container .list-group-item{
    padding-left: 30px;
    padding-right: 30px;
    background-color: #7aa98d;
    margin: 0;
}
#breadcrumbs_container .list-group-item a{
    color: white;
}

/* MegaMenu */
#mega_menu .navbar-toggler{
    color: #7aa98d;
}
#mega_menu .nav-link{
    color: #fff !important;
    height: 50px;
}

/* Nav-light */
.nav-light.nav-tabs .nav-link {
    border-radius: 20px;
    background-color:#006d5d25 !important;
    color: #333333;
    border: 0;
    padding: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.8rem;
    height: 100%;
    margin-left: 5px;
    margin-right: 5px;
}

.nav-light.nav-tabs .nav-link.active {
    background-color: #006d5c !important;
    color: #fff;
}

/* ROOT-Categories */
#root_categories{
    height: 50px;
    background-color: #006d5c;
    /* background: transparent; */
}
@media (max-width:1400px){
    #root_categories{
        background-color: #006d5c;
        height: 3px;
        margin-top: 20px;
    }
}
#root_categories .list-group-item{
    padding-left: 30px;
    padding-right: 30px;
    /* background-color: #ffffff; */
    margin: 0;
}
#root_categories .list-group-item a,
#root_categories .list-group-item button{
    color: #333;
}

/* PAGINATION */
.actiontable-container .pagination .page-item.active a{
    background-color: #006d5c !important;
}