/* default text dark */
.txt01 {
    color: #000000;
}

/* default text light */
.txt02 {
    color: #ffffff;
}

/* ********* General ********* */

.bgHeader {
    background-color: #ffffff;
}

.header.bgHeader,
.header.bgHeader .top-menu .menu-option a,
.header.bgHeader.top-menu .menu-option a:hover,
.header.bgHeader .top-menu .menu-option a:focus,
.header.bgHeader .top-menu .menu-option a:active{
    color: #000000;
}

.bgTopbar {
    background-color: #ffffff;
}

.txtTopbar {
    color: #000000;
}

.txtTopbar .navbarToplink{
    color: #000000;
}

.bgMenubar {
    background-color: #003e1a;
}

.txtMenubar {
    color: #ffffff;
}

.bgUspbar {
    background-color: #ffffff;
}

.txtUspbar {
    color: #0c0c0c;
}

.txtMenubar a {
    color: #ffffff;
}

.txtMenubar a:hover {
    color: #000000;
}

.bgAccent {
    background-color: #e61928;
}

.bgFooter {
    background-color: #003525;
}

.bgInfobar {
    background-color: #ffffff;
}

.txtInfobar {
    color: #000000;
}

.winkelwagen a {
    background-color: #ffffff;
    color: #0c0c0c;
}

.winkelwagen a:hover {
    background-color: #f0f0f0;
}

.footerLink:hover {
    background-color: #003525bb;
}

.txtAccent {
    color: #e61928;
}

.hoverTextAccent:hover {
    color: #e61928;
}

.hoverAccent01:hover {
    border-top: 2px solid #e61928;
    color: #e61928;
}

.hoverAccent02:hover {
    border-left: 4px solid #e61928;
}

.hoverAccent03:hover {
    border-bottom: 4px solid #e61928;
}

.hoverMenubar:hover {
    background-color: #f6f6f6;
}

.btn-info, .btn-info:disabled {
    background-color: #e61928;
    border-color: #e61928;
}
.btn-info:not(:disabled):not(.disabled):active{
    background-color: #e61928;
    border-color: #e61928;
}

.btn-info:hover {
    background-color: #e61928dd;
    border-color: #e61928;
}

.btn-outline-info {
    color: #e61928;
    border-color: #e61928;
}

.btn-outline-info:hover {
    background-color: #e61928;
    border-color: #e61928;
}
.btn-outline-info:not(:disabled):not(.disabled):active{
    background-color: #e61928;
    border-color: #e61928;
}

.close_search:hover,
.submit_search:hover {
    color: #e61928;
}

.search-item:hover {
    border-left: 4px solid #e61928;
}

.breadcrumbDiv a {
    color: #e61928;
}

.privacy-banner {
    border-color: #e61928;
}

.noUi-connect {
    background: #e61928;
    opacity: 0.6;
}

.group-icon {
    line-height: 1;
    color: #007fff;
    padding: 0 3px 2px 0;
    transition: 0.3s;
    opacity: 55%;
}

.group-icon:hover {
    color: #007fff;
    opacity: 100%
}

/* ********* Images ********* */

.bgHome {
    background-image: url('/templates/hocras/images/background/2024banner-e.jpg');
    height: 50vh!important;
}
@media screen and (max-width: 768px) {
    .bgHome_disabled {
        background-image: url('/templates/hocras/images/background/');
    }
}

/* ********* Indirect Influenced ********* */

.hoverAccent01 {
    border-top: 2px solid #003e1a;
}

.seperator-header-left {
    border-left: 1px solid #000000;
}

.seperator-header-right {
    border-right: 1px solid #000000;
}

.seperator-footer-left {
    border-left: 1px solid #ffffff;
}

.seperator-footer-right {
    border-right: 1px solid #ffffff;
}

.pageslink {
    color: #000000;
}

.pageslink:hover {
    color: #000000;
}

.dropdown-item:hover {
    color: #ffffff!important;
}

.buttons-list .swiper-wrapper .swiper-slide a.filter-item{
    color: #ffffff;
    border-color: #003e1a;
    background-color: #003e1a;
}

.buttons-list .swiper-wrapper .swiper-slide a:hover,
.buttons-list .swiper-wrapper .swiper-slide a.activeFilter {
    background-color: #e61928;
    border-color: #e61928;
}
.buttons-list .swiper-button-prev,
.buttons-list .swiper-button-next{
    background-color: #003e1a;
    color: #ffffff;
}
.buttons-list .swiper-button-prev:hover,
.buttons-list .swiper-button-next:hover{
    background-color: #e61928;
    border-color: #e61928;
    color: #ffffff;
}


/* ********* Element Specific Overrides ********* */

.textLove {
    color: #e61928;
}

.cc_div .c-bn {
    background: #f8f9fa!important;
    color: #212529!important;
}

#c-bns button:first-child,
#s-bns button:first-child {
    background: #ff6600!important;
    color: #ffffff!important;
}

#cm {
    background: #000000!important;
    color: #ffffff!important;
}

.c-ttl {
    color: #ffffff!important;
}

#cm #c-bns button.c-bn:hover {
    background: #ff6600!important;
}

#cm #c-bns button.c-bn.c_link:hover {
    background: #f8f9fa!important;
}