@charset "UTF-8";
/***!  /templates/heliostemplatecomponent/css/prod_categories.css  !***/

:root {
    --swiper-theme-color: #e0001e !important;
    --swiper-pagination-color: white !important;
    --swiper-navigation-size: 1.5rem;
    --swiper-pagination-bullet-inactive-opacity: 0.6;
}
#prod_categories {
    margin-bottom: 5rem !important;
}

#prod_categories a.text-secondary:hover {
    color: #e0001e !important;
}

#prod_categories .prod-sl-but-nxt, #prod_categories .prod-sl-but-prev {
    top: 85%;
    position: absolute;
    width: 3rem;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

#prod_categories .prod-sl-but-nxt {
    right: 10px;
    left: auto;
}

#prod_categories .prod-sl-but-prev {
    left: 10px;
    right: auto;
}

#prod_categories .prod-sl-but-nxt::after {
    content: "nxt";
    background-image: url(https://www.heliosventilatoren.de/templates/heliostemplatecomponent/img/btn-arrow-rot.svg);
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
}

#prod_categories .prod-sl-but-prev::after {
    content: "prev";
    background-image: url(https://www.heliosventilatoren.de/templates/heliostemplatecomponent/img/btn-arrow-rot.svg);
    transform: rotate(-180deg);
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
}

#prod_categories .prod-sl-but-nxt::after, #prod_categories .prod-sl-but-prev::after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

#prod_categories .prod-sl-but-nxt.swiper-button-disabled, #prod_categories .prod-sl-but-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

@media (max-width: 575px) {
    .text-div-holder {
        padding: 2rem 0 1rem;
    }

    .visBtnCon .btn.btn-gray-50.text-white.reset-button,
    .visBtnCon .btn.btn-primary.border-0 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .visforms .custom-control.custom-radio {
        width: 100%;
    }
}