@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-50.otf") format("opentype");  font-weight: 50;  font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-100.otf") format("opentype"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-150.otf") format("opentype"); font-weight: 150; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-200.otf") format("opentype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-250.otf") format("opentype"); font-weight: 250; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-300.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-350.otf") format("opentype"); font-weight: 350; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-400.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-450.otf") format("opentype"); font-weight: 450; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-500.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-550.otf") format("opentype"); font-weight: 550; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-600.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-650.otf") format("opentype"); font-weight: 650; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-700.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-750.otf") format("opentype"); font-weight: 750; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-800.otf") format("opentype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-850.otf") format("opentype"); font-weight: 850; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-900.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-950.otf") format("opentype"); font-weight: 950; font-style: normal; font-display: swap; }
@font-face { font-family: "Aspekta"; src: url("/user/documents/pw/font/Aspekta-1000.otf") format("opentype"); font-weight: 1000; font-style: normal; font-display: swap; }

body, *{
    font-family: "Aspekta", system-ui, sans-serif;  
}

body{
    overflow-x: hidden;
}

:focus-visible, [tabindex="0"]:focus-visible, input:focus-visible, input[type=checkbox].focus-visible+label, input[type=checkbox]:focus-visible+label, input[type=radio].focus-visible+label, input[type=radio]:focus-visible+label, label:has(input[type=radio].focus-visible), label:has(input[type=radio]:focus-visible), select:focus-visible, textarea:focus-visible {
    outline: 3px solid #d9242d;
    outline-offset: 2px;
}

.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6 {
    color: #000;
}

.btn.btn-primary,
.btn.btn-conversion,
.btn.btn-cart,
.btn.btn-default, 
a.btn.btn-default{
    background-color: #d9242d !important;
    border-color: #d9242d !important;
    text-decoration: unset !important;
    font-weight: 400 !important;
    color: #fff !important;
    line-height: 40px !important;
    padding-top: unset !important;
    padding-bottom: unset !important;
    height: unset;
}
.btn.btn-primary:hover,
.btn.btn-conversion:hover,
.btn.btn-cart:hover,
.btn.btn-default:hover, 
a.btn.btn-default:hover{
    background-color: #b41820 !important;
    border-color: #b41820 !important;
}

#cboxOverlay, #cboxWrapper, #colorbox {
    z-index: 1005;
}


@media (min-width: 768px) {
    #content {
        padding-top: 20px;
        padding-bottom: 80Px;
    }
}


div#content-wrapper {
    padding-bottom: 80px;
}


h2.products-alternative-header.products-header {
    text-align: left;
    font-size: 32px;
    font-weight: 300;
    padding-left: 0 !important;
    padding-top: 50px;
}

a.homepage-products-heading-link:hover {
    color: #d9242d;
    border-color: #d9242d;
}

.link-like, a {
    color: #000;
    text-decoration: underline;
}

.subcategories li a{
    text-decoration: unset;
}


a.btn.btn-icon.toggle-window.cart-count {
    transition-duration: 0s;
}

.navigation-buttons a[data-target=cart]:before{
    transition-duration: 0s;
}


a.btn.btn-icon.toggle-window.cart-count>span{
    transition-duration: 0s;
}