@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap");

:root {
    /* Container width */
    /* Header background color */
    --main-override-color: #007ACA;
    /* Main font color  */
    --main-text-override-color: #222;
    /* Header  */
    --main-hover-override-color: #0062a3;
    --header-text-override-color: #fff;
    /* Individual colors for headers*/
    --main-header-text-override-color: #007ACA;
    --footer-override-color: #333;
    --footer-text-override-color: #fff;
    --footer-text-color: #0066b3;
    --secondary-text-override-color: #fff;
    --main-override-link-hover-color: #f00;
    --menu-override-color: #0943ad;
    --menu-override-hover-color: #007ACA;
    --menu-text-override-color: #fff;
    --main-override-list-separator-color: #ddd;
    --detaillist-override-header-background-color: #ddd;
    --detaillist-override-header-text-color: #333;
    --main-override-body-background-color: #f2f2f2;
    --bgnor-container-width: 1348px;
    --bgnor-primary-color: #0943ad;
    --bgnor-separator-color: #456d99;
    --bgnor-border-color: #EAECEE;
    --bgnor-text-color: #333;
    --bgnor-primary-dark-color: #073180;
    --bgnor-menu-color: #0072c9;
    --bgnor-gray-color: #f8f9fa;
    --main-link-color: var(--bgnor-primary-color);
    --main-link-hover-color: #007bff;
}

html {
    font-size: 14px;
}

html body {
    font-family: 'Heebo', sans-serif;
    background-color: #ffffff;
}

.proviso.static {
    display: none;
}

#PageWrapper .pageContent > .wrapper > *:not(.articlebanner):not(.imagebanner):not(.articlecarousel) {
    max-width: var(--bgnor-container-width);
    margin-left: auto;
    margin-right: auto;
}

.container {
    max-width: var(--bgnor-container-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 1em !important;
}

div.product > div.wrapper {
    padding: unset;
}

@media screen and (max-width: 600px) {
    .pageContent .infosplit {
        box-shadow: none;
        background-color: var(--bgnor-gray-color);
        border: none;
    }

    .pageContent .infosplit h1 {
        background-color: var(--bgnor-gray-color) !important;
        margin-bottom: 0 !important;
    }
}

#PageWrapper.pagewrapper-front #Page .afterHeader .breadcrumbs {
    display: none;
}

.headerGroup > .pageHeader > .headerButtons > a > svg.icon {
    height: 2em;
    width: 2em;
    margin-top: .5em;
}

.progressActive {
    display: none !important;
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
    width: 100% !important;
    height: 100vh !important;
}

.progressActive .bar {
    display: none;
}

.button {
    border-radius: 50px;
}

@media screen and (max-width: 980px) {
    .button {
        padding: .8em;
    }
}

.button.primary {
    background-color: var(--bgnor-primary-color);
}

.button.secondary {
    color: var(--bgnor-primary-color);
    fill: var(--bgnor-primary-color);
    background-color: transparent;
    border: 1px solid var(--bgnor-primary-color);
}

.button.secondary:hover, .button.secondary:focus {
    background-color: var(--bgnor-primary-color);
}

div.buyIndicator div.content {
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    padding: 2em 3em;
    text-align: center;
    color: var(--bgnor-primary-color);
}

label.qField.external b {
    font-size: 1rem;
    color: var(--main-text-color);
    background-color: transparent;
}

div.articlelist.itemgroup li, div.infosplit, div.article, div.inlineArticle {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

div.qModal {
    box-shadow: var(--box-shadow);
    border-color: #fff;
    padding: 1em;
}

div.qModal .thumbnavigate.thumb-previous {
    height: 100% !important;
    margin-left: 0;
}

div.qModal .thumbnavigate.thumb-previous a {
    justify-content: flex-start;
}

div.qModal .thumbnavigate.thumb-previous a svg.icon:not(.fa-2x) {
    top: 0.15em;
    margin-right: 0.2em;
}

div.qModal .thumbnavigate.thumb-next {
    height: 100% !important;
    margin-right: 0;
}

div.qModal .thumbnavigate.thumb-next a {
    justify-content: flex-end;
}

div.qModal .thumbnavigate a {
    display: flex;
    align-items: center;
}

div.qModal .thumbnavigate a span {
    margin-top: 0;
}

@media screen and (max-width: 600px) {
    div.qModal .thumbnavigate a {
        visibility: hidden;
    }
}

.pagewrapper-front div.inlineArticle {
    box-shadow: none;
    border: none;
}

.pagewrapper-front div.inlineArticle .articleInfo {
    padding: 0;
}

.categories-grid h2,
.pagewrapper-front .productgrid h2 {
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 2.5em;
}

.pagewrapper-front .productgrid .listhead {
    display: none;
}

.banner_cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
    flex-wrap: wrap;
}

.banner_cards .banner_card {
    max-width: calc(25% - 1em);
}

@media screen and (max-width: 768px) {
    .banner_cards .banner_card {
        max-width: calc(50% - 0.5em);
    }
}

.banner_cards .banner_card .banner_card_image {
    overflow: hidden;
}

.banner_cards .banner_card .banner_card_image img {
    width: 100%;
    transform: scale(1.08);
    transition: transform 1s;
}

.banner_cards .banner_card .banner_card_image img:hover {
    transform: scale(1.2);
}

.banner_cards .banner_card a {
    text-transform: uppercase;
    background-color: #0066b3;
    display: block;
}

.banner_cards .banner_card a h1 {
    font-size: 1.2em;
    color: #fff;
    text-align: center;
    line-height: 2em;
}

div.pageContent div:not(.text) > h1:first-of-type {
    background-color: transparent;
    color: var(--main-inverted-header-color);
    margin-left: -0.6em;
    margin-right: -0.6em;
    padding: 0.6em 0 0.6em 0.6em;
    margin-top: 0;
}

div.infosplit div.info {
    padding: 0em 1em;
    flex-grow: 1;
}

p.custom_notification {
    text-align: center;
    font-size: 1.2em;
}

[data-sortby="mostsold"] {
    display: none !important;
}

.image + .flags > div.discount {
    top: 0.5em;
    right: 1em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3em;
    color: var(--secondary-text-color);
    background-color: #b22222;
}

div.signfile {
    padding: 1em;
    padding-top: 1em;
}

.headerGroup {
    background-color: #ffffff;
}

.headerGroup .pageHeader {
    align-items: center;
    max-width: var(--bgnor-container-width);
    padding: 0 1em;
}

@media screen and (max-width: 768px) {
    .headerGroup .pageHeader .logo a picture img {
        top: 0;
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .logo a picture img {
        top: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader .logo {
        flex-basis: 20%;
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .logo {
        justify-content: center;
        gap: 0.625em;
        margin-top: 1em;
    }
}

.headerGroup .pageHeader .search:not(a) .searchWrapper {
    padding: 0 16%;
}

.headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip .search {
    border: 1px solid var(--main-override-list-separator-color);
    box-shadow: none;
    border-radius: 50px;
    margin-bottom: 0;
}

.headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip .search .extraIcon {
    top: 3px;
}

@media screen and (max-width: 768px) {
    .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip .search {
        margin: 0 1em;
    }
}

@media screen and (max-width: 768px) {
    .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip label input {
        padding: 0px;
    }
}

@media screen and (max-width: 768px) {
    .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip label b {
        padding: 3px;
    }
}

@media screen and (max-width: 768px) {
    .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip {
        margin: 5em 0 0 0;
        left: 0;
        top: 0;
    }

    .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip.visible {
        padding: 1em 0;
        background-color: var(--bgnor-primary-color);
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip {
        margin: 0;
        bottom: 60px;
        position: fixed;
        top: unset;
    }

    .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip.visible {
        padding: 1em 0;
        background-color: var(--bgnor-primary-color);
    }
}

.headerGroup .pageHeader .search:not(a) .searchWrapper .priceSelector {
    display: flex;
    color: var(--header-icons-text-override-color);
    margin-top: 7px;
    justify-content: end;
}

.headerGroup .pageHeader .search:not(a) .searchWrapper .priceSelector * {
    flex: none;
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .search:not(a) .searchWrapper .priceSelector {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .search:not(a) {
        order: 3;
    }
}

.headerGroup .pageHeader .headerButtons a {
    background-color: #ffffff;
}

.headerGroup .pageHeader .headerButtons a b {
    color: var(--bgnor-primary-dark-color);
    bottom: 5px;
}

.headerGroup .pageHeader .headerButtons a b.count {
    background-color: #3cb931;
    color: #ffffff;
}

.headerGroup .pageHeader .headerButtons a b.icon {
    background-color: #3cb931;
}

.headerGroup .pageHeader .headerButtons a b.icon svg.icon {
    margin-top: 0.3em;
    fill: white;
    font-size: 0.7em;
}

@media screen and (min-width: 981px) {
    .headerGroup .pageHeader .headerButtons a b.icon svg.icon {
        font-size: 1em;
    }
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader .headerButtons a b:last-of-type {
        display: none;
    }
}

.headerGroup .pageHeader .headerButtons a svg.icon {
    fill: var(--bgnor-primary-dark-color);
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader .headerButtons a svg.icon {
        font-size: 1em;
        width: 2em;
        height: 2em;
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .headerButtons a svg.icon {
        margin-top: 0.5em;
        font-size: 1.2em;
        width: 1.7em;
        height: 1.4em;
        fill: white;
    }
}

.headerGroup .pageHeader .headerButtons a:hover {
    color: var(--header-icons-text-color);
    background-color: transparent;
    border-radius: 5px;
}

.headerGroup .pageHeader .headerButtons a:hover b.count {
    background-color: #3cb931;
    color: var(--header-icons-text-hover-color);
}

.headerGroup .pageHeader .headerButtons a:hover svg.icon {
    fill: var(--bgnor-primary-color);
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader .headerButtons a:last-of-type {
        display: block;
    }
}

.headerGroup .pageHeader .headerButtons a.account.activeDropdown {
    color: var(--header-icons-text-color);
    fill: var(--header-icons-text-hover-color);
    background-color: var(--main-override-body-background-color);
    text-decoration: none;
    border-radius: 5px;
}

.headerGroup .pageHeader .headerButtons a.account.activeDropdown svg.icon {
    fill: var(--header-icons-text-color);
}

.headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open {
    background-color: var(--bgnor-primary-color);
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open svg.icon {
        fill: #fff;
    }
}

.headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open:hover {
    background-color: var(--bgnor-primary-color);
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open:hover svg.icon {
        fill: #fff;
    }
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader .headerButtons a {
        height: 3em;
        min-width: 3.5em;
        border-radius: 5px;
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .headerButtons a {
        width: 2.7em;
        height: 2.7em;
        min-width: 2.7em;
        max-width: 2.7em;
        border: none;
        border-radius: 50%;
        background-color: var(--bgnor-primary-color);
    }

    .headerGroup .pageHeader .headerButtons a:hover {
        border-radius: 50%;
        background-color: var(--bgnor-primary-color);
    }

    .headerGroup .pageHeader .headerButtons a:hover svg.icon {
        fill: #ffffff;
    }
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader .headerButtons {
        margin-right: 0;
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader .headerButtons {
        justify-content: space-around;
        height: 60px;
        position: fixed;
        background-color: #0066b3;
        bottom: 0;
        z-index: 99999;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    }

    .headerGroup .pageHeader .headerButtons #AltMainNav {
        position: absolute;
    }

    .headerGroup .pageHeader .headerButtons .activeDropdown {
        background-color: var(--bgnor-primary-color) !important;
    }

    .headerGroup .pageHeader .headerButtons .activeDropdown ~ .accountDropdown {
        display: block !important;
    }

    .headerGroup .pageHeader .headerButtons .accountDropdown {
        position: absolute;
        bottom: 60px;
        background-color: var(--bgnor-border-color);
        width: 190px;
        right: 0;
        padding: 1em;
    }

    .headerGroup .pageHeader .headerButtons .accountDropdown li a {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        background-color: transparent;
    }

    .headerGroup .pageHeader .headerButtons .accountDropdown li a .icon {
        margin-top: 0;
        margin-right: 1em;
        fill: var(--bgnor-primary-color);
    }
}

@media screen and (max-width: 980px) {
    .headerGroup .pageHeader {
        min-height: 5em;
    }
}

@media screen and (max-width: 600px) {
    .headerGroup .pageHeader {
        flex-direction: column;
        max-height: 7em;
    }
}

.headerGroup #MainNav ul {
    max-width: var(--bgnor-container-width);
}

.headerGroup #MainNav ul li {
    border: none;
}

.headerGroup #MainNav ul li a {
    text-transform: uppercase;
    padding: 1em 0.5em;
    font-size: 1.2em;
    font-weight: 500;
}

@media screen and (min-width: 980px) and (max-width: 1190px) {
    .headerGroup #MainNav ul li a {
        font-size: .9em;
        padding: 1em 1em;
    }
}

@media screen and (max-width: 1190px) {
    .headerGroup #MainNav ul li a {
        font-size: .85em;
        padding: 1em .7em;
    }
}

.headerGroup #MainNav ul li.qMenuButton.active .megamenu-selected-arrow {
    display: none;
}

@media only screen and (min-width: 769px) {
    .headerGroup #MainNav ul {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (max-width: 980px) {
    .headerGroup #MainNav {
        display: none;
    }
}

.qMenu {
    height: 100%;
}

.qMenu.megamenu .menu {
    padding-left: 0;
    padding-right: 0;
    border: none;
    max-width: 1440px;
}

@media only screen and (min-width: 769px) {
    .qMenu.megamenu .megamenu.menuinner h1 {
        padding: .7rem 1rem;
        background-color: var(--main-override-body-background-color);
        color: var(--detaillist-header-text-color);
        border-bottom: 1px solid var(--main-override-body-background-color);
    }
}

.qMenu .megamenu-selected-arrow {
    display: none;
}

.qLeafMenu {
    top: 126px !important;
}

@media screen and (max-width: 980px) {
    .qLeafMenu.open ul.faded li a:not(.back) svg.icon {
        fill: transparent;
    }
}

@media screen and (max-width: 600px) {
    .qLeafMenu {
        top: 0 !important;
        position: fixed !important;
        height: calc(100% - 82px);
        padding-bottom: 0;
    }

    .qLeafMenu ul {
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .qLeafMenu ul li a {
        padding: 0.8em 1.8em !important;
        text-transform: uppercase;
        font-size: 1.2em;
    }

    .qLeafMenu ul li ul {
        height: 100%;
    }

    .qLeafMenu .priceSelector {
        display: flex;
        align-items: center;
    }

    .qLeafMenu .priceSelector *:not(span) {
        width: 40%;
        display: inline-block;
        text-transform: none;
    }

    .qLeafMenu .priceSelector span {
        width: 20%;
    }
}

@media screen and (max-width: 480px) {
    .qLeafMenu .priceSelector * {
        width: 39%;
        display: inline-block;
    }
}

@media screen and (min-width: 601px) {
    .qLeafMenu {
        top: 5em !important;
    }
}

@media screen and (max-width: 980px) {
    .qLeafMenu.open {
        background-color: var(--bgnor-menu-color) !important;
        box-shadow: var(--box-shadow);
        z-index: 9999;
    }

    .qLeafMenu.open ul {
        box-shadow: none;
    }

    .qLeafMenu.open ul li a {
        color: var(--menu-text-color);
        text-transform: uppercase;
        background-color: var(--bgnor-menu-color);
    }

    .qLeafMenu.open ul li a.back:before {
        content: "";
        margin: 0;
    }

    .qLeafMenu.open ul li a.branch:after {
        content: "";
        margin: 0;
    }

    .qLeafMenu.open ul li a svg.icon {
        fill: var(--menu-text-color);
        position: absolute;
        left: unset;
        top: unset;
        right: 0.5em;
    }

    .qLeafMenu.open ul li:not(:last-child) {
        border-bottom: none;
    }

    .qLeafMenu.open ul li ul {
        background-color: var(--bgnor-primary-color);
        box-shadow: none;
    }
}

@media screen and (max-width: 600px) {
    .qLeafMenu.open {
        min-height: calc(100vh - 60px) !important;
        height: calc(100vh - 60px);
        background-color: var(--bgnor-menu-color);
        padding-bottom: 60px;
    }
}

.afterHeader {
    max-width: var(--bgnor-container-width);
}

.afterHeader .breadcrumbs {
    display: none;
}

div.product > div.wrapper > div {
    margin-bottom: unset;
}

@media only screen and (min-width: 601px) {
    .afterHeader .breadcrumbs {
        display: block;
        padding: 24px 0;
        text-transform: uppercase;
        color: var(--bgnor-primary-color);
    }

    ol.breadcrumbs > li > a {
        color: #8b8686;
        text-decoration: none;
    }

    ol.breadcrumbs > li > a:hover {
        color: var(--bgnor-primary-color);
    }
}

.productgrid .listhead {
    color: var(--bgnor-text-color);
    margin-bottom: 0px;
    padding-bottom: 20px;
    display: flex;
}

@media screen and (max-width: 480px) {
    .productgrid .listhead {
        padding-bottom: 3px;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .productgrid .listhead .pagination {
        display: none;
    }
}

@media screen and (max-width: 930px) {
    .productgrid .listhead .itemgrid-filterbtn {
        display: block;
    }
}

.productgrid .listhead.fixed {
    width: 100%;
    left: 0;
}

@media screen and (max-width: 480px) {
    .productgrid .itemgrid.qGridMobile2 li {
        flex-basis: calc(100% - 1em);
        max-width: calc(100% - 1em);
    }
}

.productgrid .itemgrid li .itemwrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--main-elements-background-color);
    box-shadow: none;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
}

.productgrid .itemgrid li .itemwrapper .mainimageWrapper {
    margin: 1em;
    overflow: hidden;
}

.productgrid .itemgrid li .itemwrapper .mainimageWrapper img {
    float: none;
    transition: transform 1s;
}

.productgrid .itemgrid li .itemwrapper .mainimageWrapper img.product {
    width: 100%;
    height: auto;
}

.itemgrid .itemwrapper > .info {
    padding: 1em;
}

.itemgrid .itemwrapper > .info div.priceblock {
    gap: 1em;
}

@media screen and (max-width: 480px) {
    .productgrid .itemgrid li .itemwrapper .image {
        flex-basis: 30%;
    }
}

.productgrid .itemgrid li .itemwrapper .flags .wishlist {
    background-color: transparent;
}

.productgrid .itemgrid li .itemwrapper .info .name {
    margin-top: 1em;
}

.productgrid .itemgrid li .itemwrapper .info .name h3 {
    color: var(--bgnor-text-color);
}

.productgrid .itemgrid li .itemwrapper .info .itemcode span {
    background-color: var(--bgnor-gray-color);
    color: var(--bgnor-primary-color);
}

.productgrid .itemgrid li .itemwrapper .info .priceblock .price .primary .value {
    font-size: 1.6em;
}

.productgrid .itemgrid li .itemwrapper .info .priceblock .stockstatus {
    background-color: #f7f7f7;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productgrid .itemgrid li .itemwrapper .info .priceblock .stockstatus svg.icon.fa-2x {
    font-size: 1.3em;
}

.productgrid .itemgrid li .itemwrapper .info .priceblock a.primary {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    border: 0;
    background-color: var(--bgnor-primary-color);
    justify-content: center;
    padding: 0;
    margin-left: 0;
    border-radius: 4px !important;
    transition: background-color 0.3s;
}

.button.secondary:hover,
.button.secondary:focus,
.button.outline:hover,
.button.outline:focus,
.button.primary:hover,
.button.primary:focus,
.productgrid .itemgrid li .itemwrapper .info .priceblock a.primary:hover {
    background-color: var(--bgnor-primary-dark-color);
}

.productgrid .itemgrid li .itemwrapper .info .priceblock a.primary svg.icon {
    fill: #fff;
}

.productgrid .itemgrid li .itemwrapper:hover {
    outline: none;
}

@media screen and (max-width: 480px) {
    .productgrid .itemgrid li .itemwrapper {
        flex-direction: row;
        border-radius: 5px;
        border: 1px solid var(--bgnor-border-color);
    }
}

.productgrid .itemgrid li:hover .mainimageWrapper img {
    transform: scale(1.03);
}

@media screen and (max-width: 480px) {
    .productgrid .itemgrid li:hover {
        box-shadow: none;
        z-index: 1;
    }
}

@media screen and (max-width: 480px) {
    .productgrid .itemgrid {
        margin-top: .5em;
    }
}

.productgrid .listfoot .qGrid3 .pageinfo {
    text-align: center;
    margin: 1em 0;
}

@media screen and (max-width: 480px) {
    .productgrid .listfoot .qGrid3 {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;
        gap: 0.5em;
        justify-content: center;
    }

    .productgrid .listfoot .qGrid3 * {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0px;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 480px) and (max-width: 599px) {
    .productgrid .listfoot .qGrid3 {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;
    }

    .productgrid .listfoot .qGrid3 li {
        margin-left: 0;
        margin-bottom: 0;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .productgrid .listfoot .qGrid3 li:nth-child(2n+1) .itemwrapper {
        border-left: 1px solid var(--bgnor-border-color);
    }
}

@media screen and (min-width: 600px) and (max-width: 849px) {
    .productgrid .listfoot .qGrid3 li {
        flex: 0 0 calc(100% / 3) !important;
        max-width: calc(100% / 3) !important;
        margin-left: 0;
        margin-bottom: 0;
    }

    .productgrid .listfoot .qGrid3 li:nth-child(3n+1) .itemwrapper {
        border-left: 1px solid var(--bgnor-border-color);
    }
}

@media screen and (min-width: 850px) and (max-width: 1039px) {
    .productgrid .listfoot .qGrid3 li {
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 0;
        margin-bottom: 0;
    }

    .productgrid .listfoot .qGrid3 li:nth-child(4n+1) .itemwrapper {
        border-left: 1px solid var(--bgnor-border-color);
    }
}

.itemgridfilterwrapper .filtercontainer {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 930px) {
    .itemgridfilterwrapper .filtercontainer .applyfilter {
        display: block !important;
    }
}

@media screen and (max-width: 930px) {
    .itemgridfilterwrapper .filtercontainer .toggleFilters {
        display: block !important;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        background-color: var(--bgnor-primary-color);
        position: absolute;
        right: 0.5em;
        top: 0.5em;
        font-size: 1.5em;
    }

    .itemgridfilterwrapper .filtercontainer .toggleFilters:after {
        content: "X";
        display: block;
        width: 15px;
        height: 15px;
        color: white;
        position: absolute;
        font-family: 'Heebo';
        top: -1px;
        left: 6px;
    }
}

.itemgridfilterwrapper .filtercontainer .componentwrapper .filterwrapper {
    margin-top: 1em;
}

@media screen and (max-width: 930px) {
    .itemgridfilterwrapper .filtercontainer {
        padding: 0.5em;
        display: block;
        position: fixed;
        overflow: auto;
        height: 100%;
        width: 60%;
        top: 0;
        left: -65%;
        z-index: 99999;
        background-color: var(--main-elements-background-color);
        border-right: 1px solid var(--detaillist-list-border-color);
    }
}

.itemgridfilterwrapper .filtercontainer .button.inline {
    background-color: transparent;
    color: var(--bgnor-primary-color);
}

.itemgridfilterwrapper li.filterelement {
    margin: 1em 0;
}

@media screen and (max-width: 768px) {
    .productgrid .qGrid4 > * {
        max-width: calc(50% - 1em);
    }

    .productgrid .qGrid5 > * {
        max-width: calc(100% / 3 - 1em);
        flex-basis: calc(100% / 3 - 1em);
    }
}

@media screen and (max-width: 1179px) {
    .productgrid .qGrid5 > * {
        max-width: calc(25% - 1em);
        flex-basis: calc(25% - 1em);
    }
}

@media screen and (max-width: 768px) {
    .pagewrapper-basket .cart .bottomButtons {
        margin: 30px 0;
    }
}

@media screen and (max-width: 600px) {
    .pagewrapper-search div.pageContent div:not(.text) > h1:first-of-type {
        background-color: #f7f7f7;
    }
}

.pagewrapper-modelspec2 ul.qTabButtons li {
    padding: 0;
    margin: 0;
    font-size: 1em;
}

.pagewrapper-modelspec2 label.qField.select > span:after {
    visibility: visible;
    width: 2em;
}

@media screen and (max-width: 480px) {
    .pagewrapper-modelspec2 label.qField > .select {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {
    .pagewrapper-modelspec2 label.qField.external b {
        background-color: white;
    }
}

.pagewrapper-modelspec2 .currentModelInfo .pictures {
    display: none;
}

div.wrapper div div.modelspec2 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
}

.pagewrapper-checkout table.basic th.detailType,
.pagewrapper-checkout table.basic td.detailText {
    border: 1px solid var(--detaillist-list-border-color);
}

.pagewrapper-checkout .qGroup li.selected a:before {
    visibility: visible;
    background-color: var(--bgnor-text-color);
}

.pagewrapper-checkout .qGroup li.selected a, .pagewrapper-checkout .qGroup li.selected a:hover {
    background-color: var(--bgnor-gray-color);
    background-image: none;
    color: var(--bgnor-text-color);
    padding-left: 3em;
}

.pagewrapper-checkout div.checkout h2::before {
    visibility: visible;
}

.pagewrapper-item .head h1 {
    line-height: 1.4em;
    margin-bottom: 0;
}

.pagewrapper-item .head h3 {
    margin-top: 0;
}

.pagewrapper-item .images {
    position: relative;
}

.pagewrapper-item .images .flags {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.pagewrapper-item .images .flags .wishlist {
    background-color: transparent;
}

.pagewrapper-item .images .mainimageWrapper {
    overflow: hidden;
    display: flex;
}

.itemType div.product a.mainImage {
    display: flex;
    width: 100%;
}

.itemType div.product a.mainImage picture {
    width: 100%;
}

.itemType div.product a.mainImage picture img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    transition: transform 1s;
}

.pagewrapper-item .thumbnavigate.thumb-previous {
    height: 100% !important;
    margin-left: 0;
}

.pagewrapper-item .thumbnavigate.thumb-previous a {
    justify-content: flex-start;
}

.pagewrapper-item .thumbnavigate.thumb-next {
    height: 100% !important;
    margin-right: 0;
}

.pagewrapper-item .thumbnavigate.thumb-next a {
    justify-content: flex-end;
}

.pagewrapper-item .thumbnavigate a {
    display: flex;
    align-items: center;
}

.pagewrapper-item .thumbnavigate a span {
    margin-top: 0;
}

@media screen and (max-width: 600px) {
    .pagewrapper-item .thumbnavigate a {
        visibility: hidden;
    }
}

.pagewrapper-item .specs tbody {
    border: 1px solid var(--detaillist-list-border-color);
}

@media screen and (min-width: 769px) {
    .pagewrapper-item div.product div.infowrapper div.info.desc p.read-more {
        background: linear-gradient(0deg, white 58%, rgba(255, 255, 255, 0.48223) 100%);
        padding: 3em 0 0 0;
        margin-bottom: 0;
    }
}

.pagewrapper-item .text blockquote {
    padding: 0.6em;
    border-style: solid;
    border-color: #ff9696;
    border-width: 0;
    padding-left: 1em;
    border-left-width: 5px;
    display: block;
    background-color: #fff0f0;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-family: inherit;
    margin-bottom: 1em;
}

.pageFooter {
    min-height: 250px;
    margin: 2em 0 0;
    background-color: var(--bgnor-gray-color);
}

.pageFooter * {
    color: var(--bgnor-primary-color);
}

.pageFooter .wrapper .footerArticleGroups {
    text-align: left;
    margin-top: 1em;
    padding-bottom: 5em;
}

.pageFooter .wrapper .footerArticleGroups h2 {
    color: var(--bgnor-primary-color);
    text-decoration-color: var(--bgnor-primary-color);
    text-decoration-thickness: 1px;
}

.pageFooter .wrapper .footerArticleGroups a {
    color: var(--bgnor-primary-color);
}

/*# sourceMappingURL=bgnor.css.map */

a.banner-button {
    background-color: #ed1d26;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 1.2em;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

.banner_card {
    position: relative;
}

.banner_card_label {
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 1;
    background-color: #ed1c24;
    border-radius: 50%;
    color: #ffffff;
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
    right: 10px;
    top: 10px;
}

/*Custom text image row for item description*/
.text-image-row {
    display: flex;
    flex-wrap: wrap; /* Allows the items to wrap on smaller screens */
    margin: -10px; /* Counteract the column spacing */
    background-color: #eee;
    margin-top: 30px;
}

.text-column, .image-column {
    flex: 1; /* Allows the columns to grow and shrink equally */
    box-sizing: border-box; /* Ensures padding is included in width */
}

.text-column {
    margin: 15px;
}

.image-column img {
    width: 100%; /* Makes the image responsive */
    height: auto; /* Maintains the aspect ratio */
    max-width: 100%; /* Ensures the image never exceeds the column's width */
    display: block; /* Removes any space below the image */
}

/* Optional: Stack the columns on smaller screens */
@media (max-width: 600px) {
    .text-column, .image-column {
        flex: 100%; /* Occupies full width on smaller screens */
    }
}

.cardcontent-wrapper .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.flipbox > .cards > .card .cardcontent {
    max-width: 90%;
}

.qm-nav-items {
    max-width: var(--bgnor-container-width);
    padding: 0 1em;
}

.qm-nav-item {
    font-size: 1rem;
}

@media (min-width: 992px) {
    .qm-nav-item .qm-nav-item-link {
        padding: 1.4rem .7rem;
        position: relative;
        display: flex;
        gap: 0.5em;
    }
}

div.carousel .overlay {
	z-index: 1;
}

.cp-articlecarousel .cta-text {
	width: 100%;
}

.searchWrapper .smallsearch {
	max-width: 460px;
}