:root{
    
    --bs-primary-rgb: 253, 2, 8;
    --bs-primary: rgba(var(--bs-primary-rgb),1);

    --bs-primary-hover-rgb: 201, 3, 8;
    --bs-primary-hover: rgba(var(--bs-primary-hover-rgb),1);

    --bs-primary-active-rgb: 201, 3, 8;
    --bs-primary-active: rgba(var(--bs-primary-active-rgb),1);

    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary-hover);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-decoration: none;
    --bs-link-hover-color-rgb: var(--bs-primary-hover-rgb);
    
    --bs-border-color: #aaaaaa;
    --bs-bodrer-color-rgb: 170, 170, 170;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg:  var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-active);
    --bs-btn-active-border-color: var(--bs-primary-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--grau);
    --bs-btn-disabled-border-color: var(--grau);
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
.pellets-dia::after {
    content: "";
    display: block;
    background-image: url("../images/ludwig-premium-pellets-box-HQ.png");
    position: absolute;
    inset: 0 0 0 auto;
    width: 150px;
    height: 100%;
    background-size: 300%;
    background-repeat: no-repeat;
    background-position: left -10px;
    opacity: .75;
}


.btn-wk-mobil {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    line-height: 1;
    font-size: 1.35rem;
    translate: 0 -35px;
    border-color: white;
}
.cs_shop_common_wk_update_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .active .nav-link {
    color: var(--bs-navbar-active-color);
}
.cs_shop_common_wk_update_div br {
    display: none;
}
.d-inline>.cs_modul_shop_common_wrapper {
    display:inline!important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    padding: 0 !important;
    font-family: 'Font Awesome 5 Pro' !important;
    color: var(--bs-primary) !important;
    aspect-ratio: 1 / 1;
    width: 2rem;
    height: 2rem;
    translate: 0 -100%;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    background-color: rgba(255, 255, 255, .5) !important;
    border-color: var(--bs-primary) !important;
    border-width: 1px !important;
    border-style: solid !important;
}
.owl-carousel .owl-nav button.owl-next {
    inset: 50% -15px 50% auto;
}
.owl-carousel .owl-nav button.owl-prev {   
    inset: 50% auto 0 -15px;   
}

.security-checker .security-low hr, .security-checker .security-medium hr, .security-checker .security-high hr{
    border: 3px solid #999999;
    border-radius: 5px;
}
.security-level-1 .security-low hr{
    border: 3px solid var(--bs-danger);
}
.security-level-2 .security-low hr, .security-level-2 .security-medium hr{
    border: 3px solid var(--bs-warning);
}
.security-level-3 .security-low hr, .security-level-3 .security-medium hr, .security-level-3 .security-high hr{
    border: 3px solid var(--bs-success);
}

.btn-wk-mobil:after {
    position: absolute;
    content: attr(data-ctr);
    background-color: var(--bs-primary);
    color: white;
    right: 5px;
    top: 7.5px;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 10000px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
}
.btn-wk-mobil[data-ctr="0"]:after {
    display: none;
}