/*

- #572A86 = Knop kleur / Primary kleur
- #4D2379 = Knop kleur HOVER / Primary kleur HOVER
- #00ABAA = Accent kleur
- #00b900 = Productpagina bestelknop en product HOVER
- #eaeaea = Lijn/border kleur en secondary knop HOVER
- #000 = Tekstkleur

- 241030 = Pagina nummer, vervangen met contactpagina nummer

*/

#adminbar {
    display: block !important;
}

.widget-editor-relative {
    position: absolute !important;
}

/* Large and up (Computer till nothing) */
@media screen and (min-width: 64.063em) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: .5rem !important;
    }

    .m-lg-2 {
        margin: 1rem !important;
    }

    .m-lg-3 {
        margin: 1.5rem !important;
    }

    .m-lg-4 {
        margin: 2rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .mx-lg-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .my-lg-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: .5rem !important;
    }

    .mt-lg-2 {
        margin-top: 1rem !important;
    }

    .mt-lg-3 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-4 {
        margin-top: 2rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: .5rem !important;
    }

    .me-lg-2 {
        margin-right: 1rem !important;
    }

    .me-lg-3 {
        margin-right: 1.5rem !important;
    }

    .me-lg-4 {
        margin-right: 2rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: .5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 2rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: .5rem !important;
    }

    .ms-lg-2 {
        margin-left: 1rem !important;
    }

    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-4 {
        margin-left: 2rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: .5rem !important;
    }

    .p-lg-2 {
        padding: 1rem !important;
    }

    .p-lg-3 {
        padding: 1.5rem !important;
    }

    .p-lg-4 {
        padding: 2rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .px-lg-2 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-4 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .py-lg-2 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: .5rem !important;
    }

    .pt-lg-2 {
        padding-top: 1rem !important;
    }

    .pt-lg-3 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-4 {
        padding-top: 2rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: .5rem !important;
    }

    .pe-lg-2 {
        padding-right: 1rem !important;
    }

    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-4 {
        padding-right: 2rem !important;
    }

    .pe-lg-5,
    #container.staticPage.staticPage-133 main .widget-statische-pagina.content {
        padding-right: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: .5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 2rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: .5rem !important;
    }

    .ps-lg-2 {
        padding-left: 1rem !important;
    }

    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-4 {
        padding-left: 2rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }
    
    html header.fixed-header {
        transition: all .5s ease;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
        top: -100px;
        position: fixed;
        width:100%;
        background:#fff;
        z-index:9999;
    }
    
    html header.fixed-header .logo img {
        max-height: 50px;
        margin-right: auto;
        margin-left: auto;
    }
    
    html header.fixed-header #placeholder-header-top-wrapper,
    html header.fixed-header #placeholder-header-bottom-wrapper {
       display: none !important;
   }
    
    #container header.fixed-header .searchbar {
        width: 50%;
        min-width: 500px;
    }

    #container header.fixed-header #placeholder-header-bottom {
        z-index: 99999999;
        height: 91px;
        align-items: center;
        width:100%;
    }
    
    #container header.fixed-header + main {
        margin-top: 150px;
    }
    
    #container header .searchbar {
        margin-left: auto;
        max-width: 45%;
    }
    
    .references .bx-wrapper {
        margin-right: -20px !important;
        margin-left: -20px !important;
    }
    
    .popular-brands > ul > li .custom-icon img {
        height: 100%;
    }

    html #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper, 
    html #container.search .widget-product-lijst div.items > .overlay-wrapper {
        border-bottom: 1px solid #eaeaea;
        border-radius: 0rem;
    }
    
    html #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper:hover, 
    html #container.search .widget-product-lijst div.items > .overlay-wrapper:hover {
        border-radius: 5px;
    }
        
    html #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper:nth-child(3n+2) {
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-color: #eaeaea;
    }

    input[type="radio"],
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns .hasDatepicker {
        cursor: pointer;
    }

    .widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper .colors > span:nth-child(-n+5) {
        display: inline-block;
    }

    .widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails {
        transform: translateX(101%);
    }
    
    .themes > ul > li > ul > li {
        -ms-flex: 0 0 25%;
        flex: 0 25%;
        max-width: 25%;
    }

    #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper,
    #container.search .widget-product-lijst div.items > .overlay-wrapper, 
    #container:not(.no_children_category):not(.search) .widget-product-lijst.small div.items > .overlay-wrapper {
        -ms-flex: 0 0 33.3333%;
        flex: 0 33.3333%;
        max-width: 33.3333%;
    }
    
    .product-usps ul li {
        flex: 1 1 33.3333%;
    }

    .categories > ul > li > ul > li {
        -ms-flex: 0 0 20%;
        flex: 0 20%;
        max-width: 20%;
    }

    .categories > ul > li > ul > li:nth-child(n+6),
    .themes > ul > li > ul > li:nth-child(n+5) {
        margin-top: 40px;
    }
    
    .popular-brands > ul > li > span,
    .popular-brands > ul > li > a {
        flex: 1;
    }

    footer .footer-menu,
    #container.category .widget-categorie-lijst .items > .overlay-wrapper,
    #container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper {
        -ms-flex: 0 0 25%;
        flex: 0 25%;
        max-width: 25%;
    }

    footer .footer-menu.contact {
        padding-right: 30px;
        margin-right: 30px;
    }

    html .newsletter > .wrapper {
        border-radius: 5px;
        padding: 20px 25px;
    }

    .newsletter > .wrapper #news-form {
        flex: 1 35%;
        min-width: 35%;
        margin-left: 4%;
    }

    #container.no_children_category .large-3.medium-4.columns,
    #container.search .large-3.medium-4.columns {
        display: block !important;
    }

    main .filter-colorblocklist .attachment-type-1 span.white,
    main .color-values .attachment-type-1 span.white,
    main .chosen-filteritem .attachment-type-1 span.white,
    .items.product-view-large li.item .overlay-wrapper .product-information .flex .colors-display .colors > span > div > span.white,
    main .filter-colorblocklist .attachment-type-1 span.white,
    main .color-values .attachment-type-1 span.white,
    main .chosen-filteritem .attachment-type-1 span.white,
    .widget-product-lijst div.items > .overlay-wrapper > .item .colors > span > .attachment > span.white {
        border: 1px solid #eaeaea !important;
    }

    #container.productSet .widget-productset-detail.main-detail-image {
        flex: 0 0 auto;
        width: 50%;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget {
        flex: 1;
    }
    
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li {
        -ms-flex: 0 0 calc(33.3333% - 5px);
        flex: 0 calc(33.3333% - 5px);
        max-width: calc(33.3333% - 5px);
    }
    
    .widget-productset-detail .product-image .product-images > li {
        flex: 0 16.66666%;
        max-width: 16.66666%;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(-n+6) {
        display: inline-block;
    }

    #container.productSet .widget-productset-detail.main-detail-image .main-details .oldprice{
        margin-left: 10px;
    }

    .widget-productset-detail.product-tabs .video iframe {
        min-height: 44vw;
    }

    #container.checkout .widget.widget-afrekenen,
    #container.offerRequest .widget.widget-afrekenen,
    #container.payInvoice .widget.widget-afrekenen {
        flex: 0 0 55%;
        margin-left: 30px;
    }

    #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a {
        -ms-flex: 0 0 30%;
        flex: 0 30%;
        max-width: 30%;
    }
    
    #container.staticPage.staticPage-241030 .widget-contactformulier {
        max-width: 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    }

    #container.staticPage.staticPage-241030 main .widget-statische-pagina.content {
        max-width: 70%;
        -ms-flex: 0 0 70%;
        flex: 0 70%;
        padding-right: 30px;
    }

    #container.staticPage.staticPage-133 main .widget-statische-pagina.content {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 50%;
    }

    #container.staticPage main .google-maps {
        flex: 1 auto;
        margin: 0;
    }

    html .lightbox .lightbox-wrapper .image {
        min-height: 400px;
        min-width: 400px;
    }

}

/* Small and medium (Nothing till tablet) */
@media screen and (max-width: 64em) {

    #page-layout-editor,
    .widget-editor-controlls {
        display: none !important;
    }
    
    header > * > * > *,
    header > * > * > * > .widget-duplicaat,
    footer #placeholder-footer-wrapper #placeholder-footer,
    footer #placeholder-footer-wrapper #placeholder-footer > .widget-duplicaat {
        flex-wrap: wrap;
    }
    
    header #placeholder-header-top-wrapper {
        display: none;
    }

    #container .widget-8 .shoppingCart .cart-icon + span {
        display: none;
    }
    
    #container.no_children_category .large-3.medium-4.columns,
    #container.search .large-3.medium-4.columns {
        display: none;
    }

    html #container {
        margin-top: 50px !important;
        padding: 0 !important;
    }

    header #placeholder-header-bottom-wrapper {
        overflow: hidden;
        max-height: 100%;
    }

    html .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        transition: all .3s ease;
    }

    html .mobile-menu .nav-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        background: #572a86;
        position: fixed;
        width: 100%;
        left: 0;
        transition: left .3s ease;
    }

    html .mobile-menu a,
    html .mobile-menu i,
    html .mobile-menu p,
    html .mobile-menu span,
    html .mobile-menu li {
        color: #ffffff;
    }

    html .mobile-menu .nav-bar .menu-toggle {
        display: flex;
        height: 100%;
        position: relative;
        width: 45px;
    }

    html .mobile-menu .nav-bar .menu-toggle > a {
        position: absolute;
        width: 45px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html .mobile-menu .nav-bar .menu-toggle > a img {
        position: absolute;
        transition: all .2s ease-out;
    }

    html .mobile-menu .nav-bar .menu-toggle > a img.open {
        opacity: 1;
        visibility: visible;
    }

    html .mobile-menu .nav-bar .menu-toggle > a img.close {
        opacity: 0;
        visibility: hidden;
        left: 12px;
    }

    html .mobile-menu.opened .nav-bar .menu-toggle > a img.open {
        opacity: 0;
        visibility: hidden;
    }

    html .mobile-menu.opened .nav-bar .menu-toggle > a img.close {
        opacity: 1;
        visibility: visible;
    }

    html .mobile-menu .nav-bar .logo > span {
        margin: 0;
    }

    html .mobile-menu .nav-bar .small-menu {
        display: flex;
        height: 100%;
        position: relative;
    }

    html .mobile-menu .nav-bar .small-menu > a {
        position: relative;
        width: 45px;
        height: 100%;
        display: inherit;
        align-items: center;
        justify-content: center;
        font-size: 16px;

    }

    html .mobile-menu .nav-bar .small-menu > a:not(:last-child):after {
        content: "";
        border-left: 1px solid rgb(255 255 255 / 0.6);
        display: block;
        height: 50%;
        position: absolute;
        right: 0;
    }

    html .mobile-menu .nav-bar .small-menu > a i {
        color: #ffffff;
    }

    html .mobile-menu aside.nav-bar-menu a,
    html .mobile-menu aside.nav-bar-menu i,
    html .mobile-menu aside.nav-bar-menu p,
    html .mobile-menu aside.nav-bar-menu span,
    html .mobile-menu aside.nav-bar-menu li {
        color: #000000;
    }

    html .mobile-menu aside.nav-bar-menu {
        position: fixed;
        width: 100%;
        height: 100%;
        left: -100%;
        right: 0;
        bottom: 0;
        top: 50px;
        z-index: 9999;
        transition: .3s ease;
        transform: translateZ(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        /* seems to do the same in Safari */
    }

    html .mobile-menu aside.nav-bar-menu ul {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #f9f9f9;
        z-index: 999;
        position: absolute;
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        transition: left .3s ease;
    }

    html .mobile-menu.opened aside.nav-bar-menu > ul {
        left: 100% !important;
    }

    html .mobile-menu aside.nav-bar-menu ul ul {
        left: 100%;
    }

    html .mobile-menu aside.nav-bar-menu ul.visible {
        overflow: auto;
        left: 0;
    }

    html .mobile-menu aside.nav-bar-menu ul.vsibile.hide-left {
        overflow: visible !important;
    }

    html .mobile-menu aside.nav-bar-menu ul > li {
        border-bottom: 1px solid #eaeaea;
        display: block;
        background: #ffffff;
    }

    html .mobile-menu aside.nav-bar-menu ul > li:last-child {
        border: none !important;
    }

    html .mobile-menu aside.nav-bar-menu ul > li > a,
    html .mobile-menu aside.nav-bar-menu ul > li > span,
    html .mobile-menu aside.nav-bar-menu ul li.back {
        font-size: 16px;
        padding: 12px 35px 12px 30px;
        display: flex;
        align-items: center;
        font-weight: 400;
        background-color: transparent;
        transition: all .3s ease-out;
        position: relative;
        z-index: 2;
        outline: none;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    html .mobile-menu aside.nav-bar-menu > ul > li > a,
    html .mobile-menu aside.nav-bar-menu > ul > li > span {
        width: 100%;
    }

    html .mobile-menu aside.nav-bar-menu > ul li.children > a:after,
    html .mobile-menu aside.nav-bar-menu > ul li.children > span:after {
        content: "\f054";
        font-family: "Font Awesome 6 Pro";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        z-index: 2;
        font-size: 10px;
        line-height: 1em;
        transition: all .3s ease-out;
    }

    html .mobile-menu aside.nav-bar-menu ul li.back {
        background: #eaeaea;
        width: 100%;
    }

    /* Dutch */
    body[lang="nl"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Terug";
    }

    /* English */
    body[lang="en"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Back";
    }

    /* French */
    body[lang="fr"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Retour";
    }

    /* German */
    body[lang="de"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Zurück";
    }

    /* Danish */
    body[lang="da"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Tilbage";
    }

    /* Spanish  */
    body[lang="es"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Volver";
    }

    /* Finnish */
    body[lang="fi"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Takaisin";
    }

    /* Swedish */
    body[lang="sv"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Tillbaka till";
    }

    /* Romanian */
    body[lang="ro"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Înapoi";
    }

    /* Italian */
    body[lang="it"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Indietro";
    }

    html .mobile-menu aside.nav-bar-menu > ul > li > ul > li:first-child + li.children {
        margin-top: 0;
    }

    html .mobile-menu aside.nav-bar-menu ul li.back i {
        font-size: 12px;
        margin-right: 0.5rem;
        position: relative;
        top: 1px;
    }

    html .mobile-menu aside.nav-bar-menu > ul > li.mobile-seperate {
        margin-top: 2rem;
        border-top: 1px solid #e4e4e4;
    }

    #container header .widget-8 .shoppingCart .shopping-cart-detail {
        display: none !important;
    }

    #container.no_children_category .large-3.medium-4.columns,
    #container.no_children_category .large-9.medium-8.columns,
    #container.search .large-3.medium-4.columns,
    #container.search .large-9.medium-8.columns {
        width: 100%;
    }
    
    #container:not(.no_children_category):not(.search) .widget-product-lijst div.items {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    #container .category-filter > div:not(.widget-editor-relative) {
        background: #ffffff;
        border: 1px solid #eaeaea;
        border-bottom: 0px;
        display: inline-block;
        width: 100%;
        padding: 0 20px;
        border-radius: 0px;
    }

    html #container .productfilter > form {
        background: #ffffff;
        border: 1px solid #eaeaea;
        border-top: none;
        padding: 20px;
        border-radius: 0px 0px 5px 5px;
    }

    html #container main .productfilter .filter-checkboxlist {
        margin: 0;
    }

    footer #placeholder-footer-top-wrapper #placeholder-footer-top,
    footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat,
    .newsletter > .wrapper,
    #container.staticPage.staticPage-133 main #placeholder-content {
        flex-wrap: wrap;
    }

    .newsletter > .wrapper #news-form {
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
        min-width: auto;
    }

    html .newsletter > .wrapper > ul {
        flex: 1;
    }
    
    footer #placeholder-footer-bottom .widget-menu {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    main .filter-colorblocklist .attachment-type-1 span.white,
    main .color-values .attachment-type-1 span.white,
    main .chosen-filteritem .attachment-type-1 span.white,
    .items.product-view-large li.item .overlay-wrapper .product-information .flex .colors-display .colors > span > div > span.white,
    main .filter-colorblocklist .attachment-type-1 span.white,
    main .color-values .attachment-type-1 span.white,
    main .chosen-filteritem .attachment-type-1 span.white,
    .widget-product-lijst div.items > .overlay-wrapper > .item .colors > span > .attachment > span.white {
        border: 1px solid #EAEAEA !important;
    }

    #container.productSet .widget-productset-detail.main-detail-image,
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget,
    #container.checkout .widget.widget-afrekenen,
    #container.offerRequest .widget.widget-afrekenen,
    .widget-productset-detail .product-image .product-images,
    #container.staticPage .widget-contactformulier,
    #container.staticPage main .google-maps,
    #container.staticPage.staticPage-133 main .widget-statische-pagina.content,
    #container.productSet .widget-productset-detail.main-detail-image .main-details .price {
        flex: 100%;
        max-width: 100%;
    }
    
    html .widget-productset-detail.product-tabs .product-information {
        flex-direction: column;
    }
    
    html .widget-productset-detail.product-tabs .price-information {
        margin-top: 2rem;
    }
    
    #container.productSet .widget-productset-detail.main-detail-image .main-details .price {
        margin-bottom: 5px;
    }

    .widget-productset-detail.product-tabs .video iframe {
        min-height: 53vw;
    }

    html #lightGallery-Gallery .thumb_cont .thumb {
        height: auto;
    }
    
    .popular-brands > ul > li:not(:first-child) {
        flex-wrap: wrap;
    }
    
    html .popular-brands > ul > li > span,
    html .popular-brands > ul > li > ul {
        flex: 1 1 100%;
    }
    
    html .popular-brands > ul > li .custom-icon {
        max-height: 200px;
        overflow: hidden;
    }

    html .popup .popup-wrapper,
    html .lightbox .lightbox-wrapper {
        width: 95vw;
        margin-top: calc(51px + 10px);
        min-height: calc(90% - 51px);
    }
    
    html #container .footer-menu.wide .contact-wrapper ul {
        justify-content: center;
    }
    
    html #container main .footer-menu.contact ul > li .custom-icon {
        border-color: #572a86;
    }
    
    #container .footer-menu.wide .contact-wrapper ul .custom-icon + .menu-item-text {
        display: none;
    }

}

/* Medium only (Tablet) */
@media screen and (min-width: 40em) and (max-width: 64em) {

    html body .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        margin-left: -250px;
        transition: all .3s ease;
    }

    html .themes > ul > li > ul > li,
    html .categories > ul > li > ul > li {
        padding-right: 10px;
        padding-left: 10px;
    }

    html .categories > ul > li > ul,
    html .themes > ul > li > ul {
        margin-right: -10px;
        margin-left: -10px;
    }

    #container.category .widget-categorie-lijst .items > .overlay-wrapper,
    #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper,
    #container.search .widget-product-lijst div.items > .overlay-wrapper,
    .categories > ul > li > ul > li,
    .themes > ul > li > ul > li,
    footer .footer-menu {
        flex: 0 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%;
    }
    
    #container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper {
        flex: 1 0 65%;
        max-width: 65%;
    }

    #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+3),
    #container.search .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+3) {
        margin-top: 10px;
    }

    .categories > ul > li > ul > li:nth-child(n+3),
    .themes > ul > li > ul > li:nth-child(n+3),
    #container.category .widget-categorie-lijst .items > .overlay-wrapper:nth-child(n+3) {
        margin-top: 20px;
    }

    #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper:not(:nth-last-child(-n+2)),
    #container.search .widget-product-lijst div.items > .overlay-wrapper:not(:nth-last-child(-n+2)) {
        border-bottom: 1px solid #EAEAEA;
    }

    html .widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails {
        display: none;
    }

    html .categories > ul > li > ul > li .menu-item-text,
    html .widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name {
        font-size: 18px;
    }

    html .themes > ul > li > ul > li .menu-item-text {
        font-size: 16px;
    }

    html .newsletter > .wrapper > ul > li:nth-child(2) span.menu-item-text {
        font-size: 16px;
        line-height: 24px;
    }

    html .newsletter > .wrapper > ul > li .custom-icon img {
        margin: 0;
        float: right;
    }

    .widget-productset-detail .product-image .product-images > li {
        flex: 0 14.28%;
        max-width: 14.28%;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(-n+7) {
        display: inline-block;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(n+8) {
        margin-top: 7px;
    }
    
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li {
        -ms-flex: 0 0 calc(50% - 5px);
        flex: 0 calc(50% - 5px);
        max-width: calc(50% - 5px);
    }

    .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li:not(:last-child) {
        margin: 0 10px 0 0;
    }

    html.popup {
        width: 95vw;
        margin-top: calc(45px + 30px);
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: .5rem !important;
    }

    .m-md-2 {
        margin: 1rem !important;
    }

    .m-md-3 {
        margin: 1.5rem !important;
    }

    .m-md-4 {
        margin: 2rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .mx-md-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .my-md-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: .5rem !important;
    }

    .mt-md-2 {
        margin-top: 1rem !important;
    }

    .mt-md-3,
    .widget-productset-detail .product-image .product-images {
        margin-top: 1.5rem !important;
    }

    .mt-md-4 {
        margin-top: 2rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: .5rem !important;
    }

    .me-md-2 {
        margin-right: 1rem !important;
    }

    .me-md-3 {
        margin-right: 1.5rem !important;
    }

    .me-md-4 {
        margin-right: 2rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: .5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-4 {
        margin-bottom: 2rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: .5rem !important;
    }

    .ms-md-2 {
        margin-left: 1rem !important;
    }

    .ms-md-3 {
        margin-left: 1.5rem !important;
    }

    .ms-md-4 {
        margin-left: 2rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: .5rem !important;
    }

    .p-md-2 {
        padding: 1rem !important;
    }

    .p-md-3 {
        padding: 1.5rem !important;
    }

    .p-md-4 {
        padding: 2rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .px-md-2 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-4 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .py-md-2 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: .5rem !important;
    }

    .pt-md-2 {
        padding-top: 1rem !important;
    }

    .pt-md-3 {
        padding-top: 1.5rem !important;
    }

    .pt-md-4 {
        padding-top: 2rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: .5rem !important;
    }

    .pe-md-2 {
        padding-right: 1rem !important;
    }

    .pe-md-3 {
        padding-right: 1.5rem !important;
    }

    .pe-md-4 {
        padding-right: 2rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: .5rem !important;
    }

    .pb-md-2 {
        padding-bottom: 1rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 2rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: .5rem !important;
    }

    .ps-md-2 {
        padding-left: 1rem !important;
    }

    .ps-md-3 {
        padding-left: 1.5rem !important;
    }

    .ps-md-4 {
        padding-left: 2rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }


}

/* Medium and up (Tablet till nothing) */
@media screen and (min-width: 40em) {

    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .button,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .button,
    #container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .button {
        margin-right: 10px;
    }

    header .logo img {
        max-height: 59px;
    }

    .main-slider .bx-wrapper .bx-controls-direction a {
        font-size: 2rem;
    }

    .main-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 25px;
    }

    .main-slider .bx-wrapper .bx-controls-direction a.bx-next {
        right: 25px;
    }

    .main-slider .bx-wrapper .bx-pager {
        bottom: 30px;
    }
    
    .newsletter > .wrapper > ul > li:first-child {
        flex: 0 1 30%;
        min-width: 200px;
        padding-right: 3%;
        margin-left: 3%;
        margin-right: 3%;
        border-right: 1px solid #eaeaea;
    }

    .newsletter > .wrapper > ul > li:nth-child(2) {
        flex: 1;
    }
    
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:not(:first-of-type) {
        margin-top: 10px;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .print-location-image {
        max-width: 50%;
        padding-right: 20px;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart,
    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .button,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .button,
    #container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .button,
    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .buttons,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .buttons,
    #container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .buttons {
        flex: 1;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-of-type:not([style*="display: none"]) + div.add-to-cart + div.add-to-cart {
        margin-left: 10px;
    }

    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row,
    #container .widget-winkelwagen.checkout-cart .shoppingCart > a.button,
    #container main #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group {
        -ms-flex: 0 0 50%;
        flex: 0 50%;
        max-width: 50%;
    }

    #container .widget-winkelwagen.checkout-cart .shoppingCart > a.button {
        flex-basis: auto;
    }
    
    .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li:not(:last-child) {
        margin: 0 30px 0 0;
    }

    #container .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li > a {
        padding: 0px 0px 10px 0px;
        position: relative;
        top: 1px;
        border-bottom: 1px solid transparent;
    }

    html .popup .popup-wrapper {
        width: 45vw;
        margin-top: 45px;
    }

}

/* Small only (Mobile) */
@media screen and (max-width: 39.9375em) {
    html body #cookie-control-opacity {
        display: none;
    }

    html body #cookie-control-container input#accept-cookies {
        margin: 0 !important;
        margin-top: 10px !important;
    }

    html #cookie-control-container {
        flex-wrap: wrap;
    }
    
    html .header-usp.mobile ul {
        max-height: none;
        flex-direction: column;
        align-items: baseline;
    }
    
    html .header-usp.mobile ul li > a,
    html .header-usp.mobile ul li > span {
        padding: 0px;
    }
        
    html .header-usp.mobile ul li {
        flex: 1 0 33.333%;
    } 

    html .mobile-menu .nav-bar section.logo {
        line-height: 1em;
    }
    
    html .product-usps ul {
        flex-wrap: wrap;
        gap: 10px
    }
    
    html .product-usps ul li {
        flex: 100%;
    }
    
    .main-slider .bx-wrapper .bx-controls-direction a {
        font-size: 1.5rem;
    }

    .main-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 15px;
    }

    .main-slider .bx-wrapper .bx-controls-direction a.bx-next {
        right: 15px;
    }

    .main-slider .bx-wrapper .bx-pager {
        bottom: 15px;
    }

    .bx-wrapper .bx-viewport ul {
        margin: 0;
    }

    .bx-wrapper .bx-viewport ul li img {
        margin: 0 auto;
    }

    .newsletter > .wrapper > ul {
        flex-wrap: wrap;
    }
    
    .newsletter > .wrapper .news-image {
        display: none;
    }

    .newsletter > .wrapper > ul > li:first-child {
        margin-bottom: 10px;
    }
    
    html .popular-brands > ul > li:not(:first-child) {
        flex: 1 1 50%;
        flex-wrap: wrap;
    }

    #container.category .widget-categorie-lijst .items > .overlay-wrapper,
    #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper,
    #container.search .widget-product-lijst div.items > .overlay-wrapper,
    .categories > ul > li > ul > li,
    .themes > ul > li > ul > li,
    footer .footer-menu,
    .newsletter > .wrapper > ul > li,
    #container.no_children_category .widget-product-lijst .filter select,
    #container.search .widget-product-lijst .filter select,
    #container.no_children_category .widget-product-lijst .filter > .pager,
    #container.search .widget-product-lijst .filter > .pager,
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart,
    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .button,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .button,
    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .buttons,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .buttons,
    .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav li,
    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row,
    #container .widget-contactformulier form > .row,
    #container .widget-winkelwagen.checkout-cart .shoppingCart > a.button,
    #container main #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group {
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }
    
    
    #container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper {
        flex: 1 0 80%;
        max-width: 80%;
    }

    #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper:not(:first-child),
    #container.search .widget-product-lijst div.items > .overlay-wrapper:not(:first-child) {
        margin-top: 10px;
        border-top: 1px solid #EAEAEA;
    }

    .categories > ul > li > ul > li:not(:first-child),
    .themes > ul > li > ul > li:not(:first-child),
    #container.category .widget-categorie-lijst .items > .overlay-wrapper:not(:first-child) {
        margin-top: 20px;
    }

    .widget-productset-detail .product-image .product-images > li {
        flex: 0 25%;
        max-width: 25%;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(-n+4) {
        display: inline-block;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(n+8) {
        margin-top: 7px;
    }

    html #container.no_children_category .widget-product-lijst .filter,
    html #container.search .widget-product-lijst .filter,
    .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav {
        flex-wrap: wrap;
    }

    #container.no_children_category .widget-product-lijst .filter > .pager > .yiiPager li,
    #container.search .widget-product-lijst .filter > .pager > .yiiPager li,
    #container.no_children_category .widget-product-lijst .filter > .pager > .yiiPager li a,
    #container.search .widget-product-lijst .filter > .pager > .yiiPager li a {
        flex: 1;
    }

    #container.no_children_category .widget-product-lijst .filter > .pager > .yiiPager li a,
    #container.search .widget-product-lijst .filter > .pager > .yiiPager li a {
        display: flex;
        justify-content: center;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:not(:first-child),
    #container.checkout .widget-afrekenen .wrapper > form.checkout-form > .buttons,
    #container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .buttons {
        margin-top: 10px;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li {
        -ms-flex: 0 0 calc(100% - 5px);
        flex: 0 calc(100% - 5px);
        max-width: calc(100% - 5px);
    }

    .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav {
        display: flex;
    }
    
    html .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li {
        margin-bottom: 10px;
    }

    #container .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li > a {
        padding: 10px;
        opacity: 1 !important;
        border: 1px solid #EAEAEA;
        border-radius: 5px;
    }

    #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div {
        flex-wrap: wrap;
    }

    #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a {
        -ms-flex: 0 0 70%;
        flex: 0 70%;
        max-width: 70%;
        margin-bottom: 20px;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: .5rem !important;
    }

    .m-sm-2 {
        margin: 1rem !important;
    }

    .m-sm-3 {
        margin: 1.5rem !important;
    }

    .m-sm-4 {
        margin: 2rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .mx-sm-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .my-sm-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1,
    #container.no_children_category .widget-product-lijst .filter select,
    #container.search .widget-product-lijst .filter select {
        margin-top: .5rem !important;
    }

    .mt-sm-2,
    footer #placeholder-footer-bottom .payment > ul > li {
        margin-top: 1rem !important;
    }

    .mt-sm-3,
    footer #placeholder-footer-bottom .socialmedia > ul > li,
    .widget-productset-detail .product-image .product-images {
        margin-top: 1.5rem !important;
    }

    .mt-sm-4 {
        margin-top: 2rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: .5rem !important;
    }

    .me-sm-2 {
        margin-right: 1rem !important;
    }

    .me-sm-3 {
        margin-right: 1.5rem !important;
    }

    .me-sm-4 {
        margin-right: 2rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: .5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 2rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: .5rem !important;
    }

    .ms-sm-2 {
        margin-left: 1rem !important;
    }

    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-4 {
        margin-left: 2rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: .5rem !important;
    }

    .p-sm-2 {
        padding: 1rem !important;
    }

    .p-sm-3 {
        padding: 1.5rem !important;
    }

    .p-sm-4 {
        padding: 2rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .px-sm-2 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-4 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .py-sm-2 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: .5rem !important;
    }

    .pt-sm-2 {
        padding-top: 1rem !important;
    }

    .pt-sm-3 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-4 {
        padding-top: 2rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: .5rem !important;
    }

    .pe-sm-2 {
        padding-right: 1rem !important;
    }

    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-4 {
        padding-right: 2rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: .5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 2rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: .5rem !important;
    }

    .ps-sm-2 {
        padding-left: 1rem !important;
    }

    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-4 {
        padding-left: 2rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

}

html {
    margin: 0 !important;
}

body {
    background: #ffffff;
    margin: 0 auto;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-align: left;
}

body:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
}

body.black {
    overflow: hidden;
}

body.black:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #000000;
}

:not(fot) ::selection {
    background: rgb(0 0 0 / 20%);
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: rgb(0 0 0 / 20%);
    /* Gecko Browsers */
}

html #cookie-control-wrapper {
    position: fixed;
    bottom: 0 !important;
    left: 0;
    top: auto;
    margin: 20px;
    min-height: auto;
    background: #232323;
    color: #ffffff;
    z-index: 9999999;
    font-size: 16px;
    width: auto;
    max-width: 700px;
    border-radius: 5px;
    text-align: left;
    line-height: 1.5em;
    flex-flow: row;
    overflow: hidden;
    box-shadow: 5px 5px 7px -5px rgb(0 0 0 / 15%);
}

html #cookie-control-opacity {
    position: relative;
    background: none;
    width: auto;
    height: auto;
    opacity: 1;
    display: flex;
    background: #572A86;
    align-items: center;
    flex: 1;
}

html #cookie-control-opacity:before {
    content: "\f564";
    font-family: "Font Awesome 6 Pro";
    color: white;
    font-size: 50px;
    font-weight: bold;
    padding: 20px;
}

html #cookie-control-container {
    min-height: auto;
    line-height: inherit;
    background: none;
    color: #ffffff;
    padding: 20px;
    text-align: left;
    font-size: 16px;
}

html body #cookie-control-container input#accept-cookies {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 18px 18px;
    font-weight: 600 !important;
}

html body #cookie-control-container input#accept-cookies:hover,
html body #cookie-control-container input#accept-cookies:focus {
    background: #fff !important;
    color: #232323 !important;
    border-color: #fff !important;
}

html #cookie-control-wrapper,
html #cookie-control-container {
    display: flex;
}

html #cookie-control-container {
    align-items: center;
}

#container {
    overflow: hidden !important;
    margin: 0 !important;
}

#container.staticPage main {
    min-height: 22vh;
}

#container.checkoutProcess main,
#container.offerRequestProcess main,
#container.payInvoice main,
#container.payInvoiceProcess main {
    min-height: 74vh;
}

body {
    background: #f7f7f7;
    height: auto !important;
}

body,
#container,
ul li,
ol li,
dl,
input,
p,
main p,
main #accordion.ui-accordion .ui-accordion-content p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    color: #000000;
}

strong,
b {
    font-weight: 600;
    line-height: inherit;
}

h1,
.h1,
#container.staticPage main h1,
main .widget-23 h1 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 10px;
}

h2,
.h2,
#container.staticPage main h2,
main h2,
.categories > ul > li > span .menu-item-text,
.themes > ul > li > span .menu-item-text,
#container .widget-winkelwagen.checkout-cart .shoppingCart h2,
.product-questions span.title,
#container.offer h2.toptext,
#container.offer .widget-122 span.titel,
.popup .popup-wrapper .title h4,
.lightbox .lightbox-wrapper .title h4,
.popular-brands > ul > li:first-child > span,
.product-banner > ul > li > span .menu-item-text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 8px;
}

h3,
.h3,
#container.staticPage main h3,
main .widget-24 h3,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator > span.title,
#container .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li > a,
#container #configuration-placeholder-widget-212 h3,
#container .widget-2 h3,
#container .widget-47 h3,
html #container.offer .widget-122 .item h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 6px;
}

h4,
.h4,
#container.staticPage main h4,
#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .product-name a,
.categories > ul > li > ul > li .menu-item-text,
#container .productfilter span.title,
#container .category-filter > div > span.title,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title label,
main .widget-10 .tab h2,
main .widget-4 .product-name,
#container.checkout .widget.widget-afrekenen span.title,
#container.offerRequest .widget.widget-afrekenen span.title,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .item label:not([for]),
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .item label:not([for]),
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .item label:not([for]),
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .item label[for="CheckoutModel_file"],
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .item label[for="CheckoutModel_file"],
#container.checkout .widget.widget-afrekenen .form-delivery-address h2,
#container.offerRequest .widget.widget-afrekenen .form-delivery-address h2,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .product-name,
main #accordion.ui-accordion span.title {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 6px;
}

h5,
.h5,
#container.staticPage main h5,
.mobile-menu .nav-bar .logo > span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 6px;
}

h6,
.h6,
#container.staticPage main h6 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 6px;
}

h1,
h2,
h3,
h4,
h5,
h6,
#container.staticPage main h1,
#container.staticPage main h2,
#container.staticPage main h3,
#container.staticPage main h4,
#container.staticPage main h5,
#container.staticPage main h6,
#container #configuration-placeholder-widget-212 h3,
#container .widget-2 h3,
#container .widget-47 h3 {
    color: #000000;
    clear: both;
    text-transform: none;
    border: none;
    height: auto;
    text-align: inherit;
}

/* Colored (standard) button */
.button,
button,
.ui-dialog .ui-dialog-buttonpane button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
header #placeholder-header-top-wrapper .top-menu ul > li:last-child a,
header #placeholder-header-top-wrapper .top-menu ul > li:last-child span.menu-item-text,
.pager ul.yiiPager > li > a,
#container main .productfilter .reset-filter a,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span,
#container .product-questions .button,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons input.button,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a,
#container .widget-winkelwagen.checkout-cart .discount a.remove:after,
#container.offer .widget-122 table.staffels div.add-to-cart,
html #container.offer .submit-cart-popup,
html #container.offer .submit-cart,
html #container.offer .submit-cart:hover,
html #container.offer .submit-cart:focus,
html #container.offer .submit-cart-popup:hover,
html #container.offer .submit-cart-popup:focus,
.scroll-top > span,
#complete-order-modal .row.buttons input.button,
.product-banner > ul li:last-child a,
html #cookie-control-container input#accept-cookies,
.footer-menu.contact > ul > li:last-child > a {
    border-radius: 100rem;
    background: #572A86;
    font-size: 16px;
    color: white;
    text-transform: none;
    font-weight: 400 !important;
    padding: 8px 15px;
    line-height: normal;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    transition: all .3s ease;
    outline: none;
    height: auto;
    margin: 0;
    text-align: center;
}

/* Secondary button */
.button.secondary,
.newsletter .button,
.pager ul.yiiPager > li > a,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
#container .product-questions .button,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a,
#container .widget-winkelwagen.checkout-cart .discount a.remove:after {
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
}

/* Secondary outline button */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span {
    background: transparent;
    border: 1px solid #eaeaea;
    color: #000000;
}

/* Red button */
#container main .productfilter .reset-filter a,
#container.offer .shopping-cart .cartItem .cartRemove,
button.close {
    background: #ce3a3a;
}

/* Green button */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child[style*="display: none"] + div.add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .less-than-minimal-label + .add-to-cart,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons input.button,
html #container.offer .widget-122 table.staffels div.add-to-cart {
    background: #00B900;
    color: #ffffff;
    border: 1px solid #00B900;
}

/* Colored (standard) button - Hover/Focus */
.button:hover,
.button:focus,
button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
button:focus,
.ui-dialog .ui-dialog-buttonpane button:focus,
.scroll-top > span:hover,
.scroll-top > span:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
#container header .searchbar a:hover,
#container header .searchbar a:focus,
#container.offer .widget-122 table.staffels div.add-to-cart:hover,
#container.offer .widget-122 table.staffels div.add-to-cart:focus,
html #container.offer .submit-cart:hover,
html #container.offer .submit-cart:focus,
html #container.offer .submit-cart-popup:hover,
html #container.offer .submit-cart-popup:focus,
.product-banner > ul li:last-child a:hover,
.product-banner > ul li:last-child a:focus,
.newsletter .button:hover,
.newsletter .button:focus {
    background: #4D2379;
}

/* Grey button - Hover/Focus */
.button.secondary:hover,
.button.secondary:focus,
.pager ul.yiiPager > li > a:hover,
.pager ul.yiiPager > li > a:focus,
.pager ul.yiiPager > li.selected > a,
#container main .productfilter .reset-filter a:hover,
#container main .productfilter .reset-filter a:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:focus,
#container .product-questions .button:hover,
#container .product-questions .button:focus,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a:hover,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a:focus {
    background: #000 !important;
    color: #ffffff;
}

/* Productpagina - Hover/Focus */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li.selected,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.selected span {
    border-color: #00b900;
}

/* Red button - Hover/Focus */
#container main .productfilter .reset-filter a:hover,
#container main .productfilter .reset-filter a:focus,
button.close:hover,
button.close:focus {
    background: #bd2e2e;
}

/* Green button - Hover/Focus */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .add-to-cart:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child[style="display: none;"] + .div.add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child[style="display: none;"] + .div.add-to-cart:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .less-than-minimal-label + .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .less-than-minimal-label + .add-to-cart:focus,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons input.button:hover,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons input.button:focus,
html #container.offer .widget-122 table.staffels div.add-to-cart:hover,
html #container.offer .widget-122 table.staffels div.add-to-cart:focus {
    background: #01a201 !important;
    border-color: #01a201 !important;
}

footer #placeholder-footer-wrapper .footer-menu.contact > ul > li:last-child > a {
    padding: 8px 15px;
    border: 1px solid #fff;
    border-radius: 100rem;
}

footer #placeholder-footer-wrapper .footer-menu.contact > ul > li:last-child > a:hover span,
footer #placeholder-footer-wrapper .footer-menu.contact > ul > li:last-child > a:focus span {
    color: #000 !important;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
#container header .searchbar form input,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns > input:not([type="checkbox"]),
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns > input:not([type="checkbox"]),
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns > input:not([type="checkbox"]),
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container .widget-winkelwagen.checkout-cart .hide-discount.right input {
    border: 1px solid #EAEAEA;
    box-shadow: none;
    border-radius: 100rem;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #000000;
    margin: 0;
    background: #ffffff;
    height: auto;
    padding: 8px 15px;
    transition: all .3s ease;
}

textarea {
    border-radius: 1.2rem;
}

.scroll-top > span {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Custom radio button*/
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label {
    border-bottom: 1px solid #eaeaea;
    margin: 0;
    background: #ffffff;
    height: auto;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    padding-left: 0px;
    cursor: pointer;
    transition: all .3s ease;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label input[type="radio"] {
    margin-right: 10px;
    margin-left: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label {
    border-bottom: 1px solid #eaeaea;
    margin: 0;
    background: #ffffff;
    height: auto;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    padding-left: 0px;
    cursor: pointer;
    transition: all .3s ease;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label input[type="radio"] {
    margin-right: 10px;
    margin-left: 20px;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #fff url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
    background-position: calc(100% - 15px) center;
    padding-right: 30px;
}

select::-ms-expand {
    display: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:hover,
select:focus,
#container header .searchbar form input:hover,
#container header .searchbar form input:focus,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns > input:not([type="checkbox"]):hover,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns > input:not([type="checkbox"]):focus,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns > input:not([type="checkbox"]):hover,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns > input:not([type="checkbox"]):focus,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label:hover,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label:focus,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label:hover,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label:focus,
#container .widget-winkelwagen.checkout-cart .hide-discount.right input:hover,
#container .widget-winkelwagen.checkout-cart .hide-discount.right input:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values .quantity-input-container input:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values .quantity-input-container input:focus {
    box-shadow: none;
    background: #f7f7f7;
    border-color: #EAEAEA;
    outline: none;
}

select:hover,
select:focus {
    -webkit-appearance: none !important;
    background: #f7f7f7 url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
    background-position: calc(100% - 15px) center;
    padding-right: 30px;
}

select:focus,
select:active {
    border-radius: 5px 5px 0px 0px;
}

/* Margins/Padding - General */
.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .5rem !important;
}

.m-2 {
    margin: 1rem !important;
}

.m-3 {
    margin: 1.5rem !important;
}

.m-4 {
    margin: 2rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: .5rem !important;
}

.mt-2 {
    margin-top: 1rem !important;
}

.mt-3 {
    margin-top: 1.5rem !important;
}

.mt-4 {
    margin-top: 2rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: .5rem !important;
}

.me-2 {
    margin-right: 1rem !important;
}

.me-3 {
    margin-right: 1.5rem !important;
}

.me-4 {
    margin-right: 2rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: .5rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 2rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: .5rem !important;
}

.ms-2 {
    margin-left: 1rem !important;
}

.ms-3 {
    margin-left: 1.5rem !important;
}

.ms-4 {
    margin-left: 2rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1, {
    padding: .5rem !important;
    background: none;
}

.p-2 {
    padding: 1rem !important;
}

.p-3 {
    padding: 1.5rem !important;
}

.p-4,
#container .widget-product-lijst .list-view,
.widget-opgemaakte-tekst .text-wrapper,
.product-questions,
.widget.widget-productset-detail .tab.ui-tabs,
#container.checkout .widget.widget-afrekenen .wrapper, 
#container.offerRequest .widget.widget-afrekenen .wrapper,
#container .footer-menu.wide .contact-wrapper, 
#container .widget-contactformulier .wrapper,
#container main #mc-embedded-subscribe-form {
    padding: 2rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.px-2 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: .5rem !important;
}

.pt-2 {
    padding-top: 1rem !important;
}

.pt-3 {
    padding-top: 1.5rem !important;
}

.pt-4 {
    padding-top: 2rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: .5rem !important;
}

.pe-2 {
    padding-right: 1rem !important;
}

.pe-3 {
    padding-right: 1.5rem !important;
}

.pe-4 {
    padding-right: 2rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: .5rem !important;
}

.pb-2 {
    padding-bottom: 1rem !important;
}

.pb-3 {
    padding-bottom: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 2rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: .5rem !important;
}

.ps-2 {
    padding-left: 1rem !important;
}

.ps-3 {
    padding-left: 1.5rem !important;
}

.ps-4 {
    padding-left: 2rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

header #placeholder-header-top-wrapper {
    height: auto;
    line-height: inherit;
    background: #ffffff;
}

#container header #placeholder-header-bottom-wrapper,
#container.checkout header #placeholder-header-bottom-wrapper,
#container.cart header #placeholder-header-bottom-wrapper,
#container.offerRequest header #placeholder-header-bottom-wrapper,
#container.checkoutProcess header #placeholder-header-bottom-wrapper,
#container.offerRequestProcess header #placeholder-header-bottom-wrapper,
#container.completeOrder header #placeholder-header-bottom-wrapper,
#container.completeOrderProcess header #placeholder-header-bottom-wrapper,
#container.catalogue header #placeholder-header-bottom-wrapper,
#container.catalogueProcess header #placeholder-header-bottom-wrapper,
#container.offer header #placeholder-header-bottom-wrapper {
    background: #ffffff;
    border: none;
    height: auto;
    border: none;
    display: block;
}

header > * > * > *,
header > * > * > * > .widget-duplicaat {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

#container.home header > * > * > #placeholder-header,
header > * > * > #placeholder-header > .widget-duplicaat {
    justify-content: space-between;
}

header .clear,
footer .clear {
    display: none !important;
}


.header-usp {
    padding: 0px 0px;
    width: 100%;
    display: flex;
    position: relative;
}

.header-usp ul, 
header #placeholder-header-top-wrapper ul.custom {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-height: 43px;
    overflow: hidden;
}

.header-usp ul li > a,
.header-usp ul li > span {
    font-size: 15px;
    color: #000000;
    display: flex;
    align-items: center;
    padding: 12px 0px;
    line-height: normal;
}

.header-usp ul li strong:not(.google-reviews):before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    color: #00B900;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.google-reviews {
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-end;
    margin-left: auto;
}

.google-reviews:hover {
    text-decoration: underline;
}

.google-reviews:before {
    content: "";
    background-image: url(../star.svg);
    width: 60px;
    height: 11px;
    margin-right: 3px;
    position: relative;
}

/* placeholder-header-wrapper */
#placeholder-header-wrapper .logo {
    width: auto;
}

#container header .searchbar {
    width: auto;
    display: flex;
    flex: 1;
}

#container header .searchbar form {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    -ms-flex-line-pack: center;
    align-content: center;
    background: white;
    border-radius: 100rem;
}

#container header .searchbar form input {
    height: 45px;
    padding: 10px 65px 10px 20px;
    width: 100%;
    background: #ffffff;
    border-right: none;
}

#container header .searchbar a {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.4902 26.0195'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23572a86;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M19.37,10.4492A8.9543,8.9543,0,0,0,10.439,1.5H10.43A8.94,8.94,0,0,0,4.1021,16.7549a8.8822,8.8822,0,0,0,6.3188,2.625h.01A8.9391,8.9391,0,0,0,19.37,10.4492Z' transform='translate(0.0098 0)'/%3E%3Cpath class='cls-2' d='M25.2607,24.7392,18.0646,17.544A10.4278,10.4278,0,0,0,10.4409,0H10.43A10.44,10.44,0,0,0,3.04,17.8144,10.3729,10.3729,0,0,0,10.4189,20.88h.0118a10.36,10.36,0,0,0,6.5417-2.307L24.2,25.8a.75.75,0,0,0,1.0605-1.0606ZM10.4209,19.38A8.94,8.94,0,0,1,4.1152,4.1118,8.8809,8.8809,0,0,1,10.43,1.5h.0088a8.94,8.94,0,0,1-.0083,17.88Z' transform='translate(0.0098 0)'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px auto !important;
    padding: 0 18px;
    height: 45px;
    transition: all .3s ease-out;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 65px;
    background-color: transparent !important;
}


.customer-support {
    margin-left: auto;
    width: auto !important;
}

.customer-support  a {
    color: #ffffff;
    font-weight: bold;
}

.customer-support  a span {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.customer-support  a span:before {
    content: "\f05a";
    font-family: "Font Awesome 6 Pro";
    font-size: 22px;
    color: #ffffff;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 8px;
}

header #placeholder-header-wrapper .widget-8 {
    min-height: auto;
    float: right;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

header #placeholder-header-wrapper .widget-8.cart,
header #placeholder-header-wrapper .widget-8.offer {
    visibility: visible;
    opacity: 1;
    margin-left: auto;
    width: auto !important;
    padding-left: 0.59375rem !important;
    padding-right: 0.59375rem !important;
    height: auto;
}

header #placeholder-header-wrapper .widget-8.offer + .widget-8.cart {
    margin-left: 0px !important;
}

#container .widget-8 .shoppingCart,
#container.checkout .widget-winkelwagen.checkout-cart .shoppingCart,
#container.offerRequest .widget-winkelwagen.checkout-cart .shoppingCart {
    border-radius: 0px;
    float: none;
    min-height: auto;
    background: none !important;
    padding: 0;
    border: none;
    cursor: default;
}

#container header .widget-8 .shoppingCart > a {
    display: flex;
}

#container header .widget-8 .shoppingCart > a .cart-icon {
    position: relative;
}

#container .widget-8 .shoppingCart span {
    font-size: 16px;
    line-height: normal;
    padding: 0;
    text-align: inherit;
}

#container .widget-8 .shoppingCart .cart-icon .cart-svg {
    height: 29px;
    width: 32px;
}

#container .widget-8 .shoppingCart .cart-icon .offer-svg {
    height: 30px;
    width: 21px;
}

#container .widget-8 .shoppingCart .cart-icon .item-count {
    position: absolute;
    top: -8px;
    left: 32px;
    background: #00ABAA;
    color: white;
    padding: 2px 6px;
    padding-bottom: 3px;
    float: right;
    line-height: 1;
    border-radius: 100rem;
    display: flex;
    font-size: 0.9rem;
    align-items: center;
    margin-right: -10px;
}

#container .widget-8.offer .shoppingCart .cart-icon .item-count {
    left: 17px;
}

#container .widget-8 .shoppingCart .cart-icon + span {
    font-size: 1.125rem;
    line-height: normal;
    padding: 0;
    text-align: inherit;
    align-self: flex-end;
    position: relative;
    top: -4px;
    padding-left: 7px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail {
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 100%;
    width: 320px;
    z-index: 300;
    box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all .5s ease;
    visibility: hidden;
    text-align: left;
    border-radius: 5px;
    display: block;
    border: none;
    padding: 10px;
    cursor: default;
}

#container header .widget-8 .shoppingCart:hover .shopping-cart-detail {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .shopping-cart {
    display: block;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .shopping-cart > div {
    max-height: 250px;
    overflow: auto;
    padding-right: 5px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item {
    display: flex;
    padding: 10px 0;
    margin: 0;
    align-items: flex-start;
    border-bottom: 1px solid #EAEAEA;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item img {
    margin: 0;
    border: 0;
    border-radius: 5px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartProduct {
    width: auto;
    margin-left: 10px;
    margin-right: auto;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .product-name a,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .product-name,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .product-name a {
    color: #000000;
    margin: 0;
    line-height: 1.5em;
    text-align: left;
    border: none;
    overflow: hidden;
    background: none;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .product-name a {
    font-size: 16px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .quantity {
    display: flex;
    line-height: normal;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .quantity .seperator {
    padding: 0 5px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove {
    width: auto;
    padding-left: 10px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p {
    margin: 0;
    line-height: normal;
    display: flex;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p > a {
    height: auto;
    width: auto;
    background: none;
    text-indent: 0;
    line-height: 0.9;
    font-size: 20px;
    color: #000000;
    transition: all .3s ease;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p > a:hover,
#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p > a:focus {
    color: #ce3a3a;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter {
    padding: 0px;
    margin-top: 20px;
    border: none;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter .carttotal {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    font-weight: 400;
    text-align: left;
    background: #eaeaea;
    padding: 10px;
    border-radius: 5px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter .carttotal * {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 600;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter .button {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    font-weight: 400 !important;
}

.main-menu {
    align-self: normal;
}

.main-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.main-menu > ul {
    width: 100%;
    position: relative;
    display: flex;
}

.main-menu > ul > li {
    float: left;
    line-height: normal;
}

.main-menu > ul > li > a,
.main-menu > ul > li > span {
    font-size: 16px;
    color: #000000;
    line-height: normal;
    display: block;
    position: relative;
    padding: 15px 15px;
    height: 100%;
    overflow-wrap: anywhere;
    transition: all .3s ease;
}

.main-menu > ul > li.children > a,
.main-menu > ul > li.children > span {
    padding-right: 25px;
    position: relative;
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li:hover > span {
    color: #00ABAA;
}

.main-menu > ul > li.children > a:after,
.main-menu > ul > li.children > span:after {
    content: "\f078";
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    font-size: 0.6rem;
    position: absolute;
    top: 1px;
    right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    transition: transform .2s ease-out;
    transform-origin: center;
}

.main-menu > ul > li.children:hover > a:after,
.main-menu > ul > li.children:hover > span:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(180deg);
    transition: transform .3s ease;
}

.main-menu > ul > li > ul {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    min-height: 120px;
    z-index: 999;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 13px 20px 0px rgb(0 0 0 / 10%);
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    padding: 15px 0;
}

.main-menu > ul > li.children:hover > ul {
    display: flex;
}

.main-menu > ul > li > ul > li {
    width: 100%;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 25%;
    flex: 0 25%;
    max-width: 25%;
    line-height: normal;
}

.main-menu > ul > li > ul > li a,
.main-menu > ul > li > ul > li span {
    font-size: 16px;
    color: #000000;
    line-height: 1.9;
    display: block;
    transition: all .1s ease;
}

.main-menu > ul > li > ul > li a:hover,
.main-menu > ul > li > ul > li a:focus {
    color: #00abaa;
}

.main-menu > ul > li > ul > li span {
    color: #ce3a3a;
    cursor: not-allowed;
}

.main-menu > ul > li > ul > li.children > a,
.main-menu > ul > li > ul > li.children > span {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.9;
    color: #000000;
}

.main-menu > ul > li > ul > li.children > a:hover,
.main-menu > ul > li > ul > li.children > a:focus {
    color: #000000;
}

.featured-menu .wrapper {
    width: 100%;
}

.featured-menu .wrapper .title {
    display: block;
    background: #572a86;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 10px 20px;
}

.featured-menu .wrapper ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    background: #ffffff;
    border-radius: 0 0 5px 5px;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.featured-menu .wrapper > ul > li:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

.featured-menu .wrapper > ul > li > a,
.featured-menu .wrapper > ul > li > span {
    display: block;
    width: 100%;
    padding: 10px;
    color: #000;
}

.featured-menu .wrapper > ul > li > a:hover {
    color: #00ABAA;
}

.featured-menu .wrapper > ul > li > span {
    color: #ce3a3a;
}

.featured-menu .wrapper > ul > li > a:after,
.featured-menu .wrapper > ul > li > span:after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    color: #111;
    font-size: 15px;
    position: relative;
    top: 1px;
    float: right;
    transition: all .2s ease;
}

.featured-menu .wrapper > ul > li > a:hover:after {
    color: #00ABAA;
}

.widget-101 {
    z-index: 1;
}

html body .bx-wrapper {
    margin: 0;
}

.main-slider .bx-wrapper,
.widget-opgemaakte-tekst .text-wrapper,
.widget-afbeelding.seo-image img{
    position: relative;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.main-slider .bx-wrapper .bx-viewport {
    z-index: 2;
    height: 100% !important;
}

.main-slider .bx-wrapper .bx-viewport * {
    height: 100%;
}

.main-slider .bx-wrapper .bx-viewport img {
    object-fit: cover;
    object-position: left;
}

.main-slider .bx-wrapper .bx-controls {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.main-slider .bx-wrapper .bx-pager {
    font-size: 1rem;
    padding: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    z-index: 3;
}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgb(0 0 0 / 0%);
    border: 1px solid #000000;
    text-indent: -9999px;
    color: rgba(0 0 0 / 0%);
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    border-radius: 100rem;
    box-shadow: 0 0 3px rgb(0 0 0 / 25%);
}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000000;
}

.main-slider .bx-wrapper .bx-controls-direction {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.main-slider .bx-wrapper .bx-controls-direction a {
    background: no-repeat;
    margin: 0;
    text-indent: 0;
    color: transparent;
    outline: none;
    width: 20px;
    height: 28px;
    position: relative;
    top: auto;
}

.main-slider .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "\f053";
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    position: absolute;
    top: 0px;
    line-height: 1;
    right: 0;
    color: #ffffff;
    filter: drop-shadow(0px 0px 6px rgba(0 0 0 / 20%));
    transition: all .3s ease;
}

.main-slider .bx-wrapper .bx-controls-direction a.bx-prev:hover:before {
    right: 7px;
}

.main-slider .bx-wrapper .bx-controls-direction a.bx-next:after {
    content: "\f054";
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    position: absolute;
    top: 0px;
    line-height: 1;
    left: 0;
    color: #ffffff;
    filter: drop-shadow(0px 0px 6px rgba(0 0 0 / 20%));
    transition: all .3s ease;
}

.main-slider .bx-wrapper .bx-controls-direction a.bx-next:hover:after {
    left: 7px;
}

.small-banners .bx-wrapper .bx-viewport {
    border-radius: 5px;
}

.small-banners ul li img {
    position: relative;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.small-banners > ul > li > ul {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 5px;
}

.small-banners > ul > li > ul > li {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.small-banners > ul > li > ul > li img {
    border-radius: 5px;
    position: relative;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.small-banners > ul > li > ul > li > a > .menu-item-text {
    bottom: 0;
    position: absolute;
    display: flex;
    width: 32%;
    background: rgba(0, 0, 0, 0.7); 
    padding: 10px 15px;
    color: white;
    font-size: 16px;
    border-radius: 0px 0px 5px 5px;
    justify-content: space-between;
}

.small-banners > ul > li > ul > li > a > .menu-item-text:after {
    content: "\f105";
    font-family: "Font awesome 6 pro";
    font-size: 16px;
}

.small-banners .bx-pager-item {
    display: none !important;
}

.featured-products ul,
.customer-support ul,
.featured-menu .wrapper ul,
.product-banner ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.featured-products > ul > li > a > span, 
.featured-products > ul > li > ul > li > span .menu-item-text {
    display: none;
}

#container.home .widget-4 {
    margin: 0;
}

h2.title,
.categories > ul > li > span .menu-item-text,
.themes > ul > li > span .menu-item-text,
#container.staticPage h2.title,
.popular-brands > ul > li:first-child > span {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

#container .widget-product-lijst .list-view,
#container.productSet .widget-productset-detail .product-details,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator,
.product-questions,
.widget.widget-productset-detail .tab.ui-tabs,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail,
#container.checkout .widget.widget-afrekenen .wrapper, 
#container.offerRequest .widget.widget-afrekenen .wrapper,
#container .footer-menu.wide .contact-wrapper,
#container .widget-contactformulier .wrapper,
#container main #mc-embedded-subscribe-form,
.featured-products {
    border: none;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
    height: 100%;
}

#container .widget-product-lijst div.items {
    list-style-type: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    position: relative;
}

#container.no_children_category .widget-product-lijst div.items,
#container.search .widget-product-lijst div.items {
    flex-wrap: wrap;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    transition: all .3s ease-out;
    border: 1px solid transparent;
}

#container.no_children_category .widget-product-lijst div.items > .overlay-wrapper,
#container.search .widget-product-lijst div.items > .overlay-wrapper {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    transition: all .2s ease, border 0s ease, border-radius 0s ease;
    border: 1px solid transparent;
    background: #ffffff;
}

.widget-product-lijst div.items > .overlay-wrapper:hover,
.references .bx-wrapper li > a:not([href="#"]):hover {
    z-index: 9;
    transform: scale(1.05);
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
    border-color: #eaeaea !important;
}

.widget-product-lijst div.items > .overlay-wrapper > .item,
.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image a {
    display: block;
    position: relative;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image {
    position: relative;
    overflow: hidden;
}

div.action-label {
    position: absolute;
    top: 0;
    left: 0;
    background: #00B900;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    color: #ffffff;
    z-index: 9;
    font-size: 16px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image a > img {
    width: 100%;
    height: 100%;
    display: block;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails {
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s ease-out .1s;
}

.widget-product-lijst div.items > .overlay-wrapper:hover > .item > .main-image > .thumbnails {
    transform: translateX(0);
    z-index: 9;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    background: rgb(0 0 0 / 30%);
    border-radius: 5px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li {
    padding: 3px;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:not(:first-child) {
    margin-top: 7px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:after {
    content: "";
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    background: rgb(0 0 0 / 10%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:hover:after {
    opacity: 0;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-image > .thumbnails .overlay-gallery ul > li img {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    opacity: 0.7;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:hover img {
    opacity: 1;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info {
    margin-top: 20px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .product-name {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#container.productSet .widget-productset-detail.main-detail-image .main-details .sku,
#container.productSet .widget-productset-detail.main-detail-image .information-details li.item,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .sku,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications .item {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #000000;
    opacity: 0.5;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications {
    display: block;
    width: 100%;
    margin: 15px 0px 10px 0px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications .item {
    display: flex;
    align-items: center;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications .item:before {
    content: "\e122";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    position: relative;
    margin-right: 8px;
}
    
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications .item.stock:before {
    content: "\e0c4";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications .item.delivery:before {
    content: "\f48b";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications .item.dimensions:before {
    content: "\f545";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .specifications .item.material:before {
    content: "\f7d9";
}

#container.productSet .widget-productset-detail.main-detail-image .main-details .price span {
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
    color: #000000;
    margin-right: 10px;
}

#container.productSet .widget-productset-detail.main-detail-image .main-details {
    display: flex;
    flex-wrap: wrap;
}

.product-details .main-details h1 {
    margin-bottom: 5px;
    overflow-wrap: anywhere;
    padding-right: 20px;
    flex: 0 0 100%;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details {
    padding: 0 20px 20px 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications {
    list-style-type: none;
    margin: 0;
}

a#specify {
    display: block;
    width: 100%;
    margin-top: 10px;
    color: #000000;
    text-decoration: underline;
    transition: all .3s ease;
}

a#specify:hover, a#specify:focus {
    color: #00abaa;
}

#container.productSet .widget-productset-detail.main-detail-image .main-details .price {
    display: flex;
    align-items: baseline;
    color: #00ABAA;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3em;
    white-space: nowrap;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper {
    margin-top: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper .price,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper .price > a,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price {
    color: #00ABAA;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3em;
    display: inline-block;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper .price .from-price,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price > span {
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
    color: #000000;
    margin-right: 6px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper > a {
    display: flex;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .description {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    margin-top: 10px;
    flex: 1;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .description > a {
    color: #000000;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors-label {
    display: none;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors-label {
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1.5em;
    margin-right: 10px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors {
    display: inline-flex;
    vertical-align: middle;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -3px;
    margin-right: -3px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span {
    display: none;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span {
    padding: 0px 4px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span > .attachment > span {
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 100rem;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span:nth-child(5) > .attachment > span {
    background: none !important;
    position: relative;
    width: auto;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span:nth-child(5) > .attachment > span:before {
    content: "\f067";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 1;
    color: #000000;
    font-size: 15px;
    display: flex;
    align-items: center;
    height: 100%;
}


.widget-product-lijst div.items > .overlay-wrapper > .item .buttons a.button {
    margin: 0;
}

#container main {
    margin: 0;
}

#container .widget-kruimelpad .breadcrumbs {
    padding: 0 !important;
    margin: 0;
    border: 0;
    background: none;
}

#container .widget-kruimelpad .breadcrumbs li {
    color: inherit;
    margin: 0;
    padding: 0;
    line-height: normal;
    height: auto;
    font-size: inherit;
}

#container .widget-kruimelpad .breadcrumbs li:not(:last-child) a:after,
#container .widget-kruimelpad .breadcrumbs li:not(:last-child) span:after {
    content: "\f054";
    padding: 0 7px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    color: #000000;
    font-size: 0.6rem;
    position: relative;
    top: -1px;
}

#container .widget-kruimelpad .breadcrumbs li a,
#container .widget-kruimelpad .breadcrumbs li span {
    border: none;
    transition: all .1s ease;
    color: #000000;
    display: inline;
    font-size: 15px;
    line-height: 1.5em;
}

#container .widget-kruimelpad .breadcrumbs li:hover a,
#container .widget-kruimelpad .breadcrumbs li:focus a {
    text-decoration: none;
    color: #00ABAA;
}

#container #toggle-filter.button {
    width: 100%;
}

#container #toggle-filter.button.opened {
    transition: border-radius 0s ease;
    border-radius: 5px 5px 0px 0px;
}

#container #toggle-filter.button span i {
    margin-left: 10px;
}

#container #toggle-filter .open {
    opacity: 1;
    visibility: visible;
    display: block;
}

#container #toggle-filter.opened .open {
    opacity: 0;
    visibility: hidden;
    display: none;
}

#container #toggle-filter .close {
    opacity: 0;
    visibility: hidden;
    display: none;
}

#container #toggle-filter.opened .close {
    opacity: 1;
    visibility: visible;
    display: block;
}

html #container main #placeholder-sidebar {
    width: 100%;
}

/* Product filter */
#container .category-filter > div > .items,
#container main .productfilter .filter-checkboxlist {
    display: inline-block;
    width: 100%;
    max-height: 375px;
    overflow-y: auto;
    margin: 0;
    padding: 0rem 1.5rem 0rem 0rem;
    border: none;
}

#container .category-filter > div > .items > .item {
    text-align: left;
    padding: 0;
    display: block;
    width: 100%;
}

#container .category-filter > div > .items > .item:not(:last-child) {
    margin-bottom: 5px;
}

#container .category-filter > div > .items > .item > a,
#container .category-filter > div > .items > .item > span {
    color: #000000;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-weight: 400;
}

#container .category-filter > div > .items > .item > a:hover {
    font-weight: 600;
}

#container .productfilter > form {
    padding: 0px;
}

#container .productfilter > form span.title,
#container .category-filter > div > span.title {
    display: block;
}

#container .productfilter > form span.title:not(:first-child) {
    margin-top: 1rem;
}

.productfilter .filter-checkboxlist input[type="checkbox"] {
    margin: 0 0 10px 0;
    line-height: normal;
    vertical-align: -webkit-baseline-middle;
}

#container .productfilter .filter-checkboxlist label {
    margin: 0;
    width: 90%;
    color: #7d7d7d;
    font-size: 16px;
    position: relative;
    margin-bottom: 9px;
    line-height: normal;
    padding-left: 10px;
}

.productfilter .filter-checkboxlist input[checked="checked"] + label span,
#container .productfilter .filter-checkboxlist label:hover span {
    font-weight: 600;
}

#container .productfilter .filter-checkboxlist label span {
    color: #000000;
    transition: all .3s ease-out;
    max-width: 88%;
    cursor: pointer;
}

#container main .productfilter .price-range {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#container main .productfilter .price-range input {
    padding: 6px 15px;
    text-align: left !important;
    width: 100% !important;
    -ms-flex: 0 0 36%;
    flex: 0 36%;
    max-width: 36%;
}

#container main .productfilter .price-slider {
    background-color: #eaeaea;
    margin: 0;
    margin-bottom: 25px;
    height: 5px;
    border-radius: 5px;
    border: 0;
    position: relative;
    text-align: left;
    width: calc(100% - 22px);
    left: 6px;
}

#container main .productfilter .price-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    border-radius: 5px;
    background-color: #EAEAEA;
    top: 0;
    height: 100%;
}

#container main .productfilter .price-slider .ui-slider-handle {
    background: none;
    background-color: #ffffff;
    border: 7px solid #00ABAA;
    width: 20px;
    height: 20px;
    top: -8px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    position: absolute;
    z-index: 2;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
}

#container main .productfilter .price-seperator {
    display: none;
    height: initial;
    background: navajowhite;
    margin-bottom: 0;
}

#container main .productfilter .filter-colorblocklist {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -5px;
    margin-right: -5px;
    border: none;
}

main .filter-colorblocklist label,
main .color-values label,
main .chosen-filteritem label {
    width: 100%;
    height: 37px;
    flex: 0 calc(20% - 12px);
    border-radius: 100rem;
    border: 0;
    margin: 0 6px;
    box-shadow: rgb(0 0 0 / 13%) 3px 3px 5px 0px;
    overflow: hidden;
    background-size: 100%;
    position: relative;
}

main .filter-colorblocklist label:nth-child(n+7) {
    margin-top: 10px;
}

main .filter-colorblocklist .attachment-type-1,
main .color-values .attachment-type-1,
main .chosen-filteritem .attachment-type-1 {
    border: none;
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    border-radius: inherit;
}

main .filter-colorblocklist .attachment-type-1 span,
main .color-values .attachment-type-1 span,
main .chosen-filteritem .attachment-type-1 span {
    width: 100%;
    height: 100%;
    margin: 0px;
    border-radius: 0;
    border: 0;
}

#container.productSet .widget-100 ul.color-values li.selected .attachment span {
    border: none;
}

main .filter-colorblocklist label:hover span,
main .filter-colorblocklist li:hover span,
main .color-values label:hover span,
main .color-values li:hover span,
main .chosen-filteritem label:hover span,
main .chosen-filteritem li:hover span,
main .filter-colorblocklist label.active span,
main .filter-colorblocklist li.active span,
main .color-values label.active span,
main .color-values li.active span,
main .chosen-filteritem label.active span,
main .chosen-filteritem li.active span {
    border: none;
}

main .filter-colorblocklist label span.check,
main .filter-colorblocklist li span.check,
main .color-values label span.check,
main .color-values li span.check,
main .chosen-filteritem label span.check,
main .chosen-filteritem li span.check {
    width: 100%;
    height: 100%;
    background-image: none;
}

main .color-values label span.check,
main .color-values li span.check {
    background-position: calc(50% - -1px) center;
}

main .filter-colorblocklist label:hover span.check,
main .filter-colorblocklist label.active span.check,
main .filter-colorblocklist li.active span.check,
main .color-values label.active span.check,
main .color-values li.active span.check,
main .chosen-filteritem label.active span.check,
main .chosen-filteritem li.active span.check,
main .color-values li:hover span.check {
    display: inline-block;
}

.tiptop {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    padding: 6px 15px;
    color: #ffffff;
    line-height: normal;
    background: rgb(34 34 34 / 75%);
    border-radius: 5px;
    font-size: 15px;
    min-width: 80px;
    text-align: center;
}

#container main .productfilter .reset-filter a {
    display: inline-block;
}

#container main .productfilter .reset-filter a:before {
    content: "";
    display: none;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li.page,
#container:not(.no_children_category):not(.search) .widget-product-lijst .pager > span {
    display: none;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li.next {
    float: right;
    position: absolute;
    right: 0;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li.previous {
    float: left;
    position: absolute;
    left: 0;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li a {
    border: none;
    font-weight: bold;
    color: #EAEAEA;
    padding: 0;
    text-decoration: none;
    line-height: normal;
    display: block;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-right: 0px;
    background: #ffffff;
    box-shadow: rgb(0 0 0 / 3%) 5px 5px 10px;
    border-radius: 100rem;
    transition: all .3s ease;
    border: 1px solid #eaeaea;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li a i {
    width: 100%;
    justify-content: center;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li a:hover {
    border: 1px solid #eaeaea;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li.previous a {
    padding-right: 1px;
}

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul li.next a {
    padding-left: 1px;
}

.bg-grey {
    background: #EAEAEA;
}

main #placeholder-content {
    display: flex;
    flex-wrap: wrap;
}

#placeholder-content-top .widget-kruimelpad .row,
#container .mobile-filter {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

.categories ul,
.themes ul,
.small-banners ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.categories > ul > li > ul,
.themes > ul > li > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -20px;
    margin-left: -20px;
    position: relative;
}

.categories > ul > li > ul > li {
    width: 100%;
    padding: 0;
    padding-right: 20px;
    padding-left: 20px;
}

.categories > ul > li > ul > li a,
.categories > ul > li > ul > li > span {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    background: #ffffff;
    border-radius: 5px;
    transition: all .3s ease;
    border: 1px solid transparent;
}

.categories > ul > li > ul > li > span {
    background: #ce3a3a;
    cursor: not-allowed;
}

.categories > ul > li > ul > li a:hover,
.themes > ul > li > ul > li a:hover {
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
    border-color: #eaeaea;
}

.small-banners ul li:hover img,
.categories > ul > li > ul > li a:hover span.custom-icon img,
.themes > ul > li > ul > li a:hover span.custom-icon img {
    transform: scale(1.03) rotate(1deg);
}

.categories > ul > li > ul > li .custom-icon {
    display: flex;
    flex: 1 100%;
    justify-content: center;
    align-items: center;
}

.categories > ul > li > ul > li .custom-icon img {
    display: block;
    transform: scale(1) rotate(0deg);
    transition: all .5s ease-in-out;
}

.categories > ul > li > ul > li .menu-item-text {
    color: #000000;
    margin: 0;
    margin-top: 15px;
    text-align: center;
    transition: all .3s ease;
}


.categories > ul > li:last-child > a:hover,
.categories > ul > li:last-child > a:focus {
    color: #572A86;
}

.themes > ul > li > ul > li {
    width: 100%;
    padding: 0;
    padding-right: 20px;
    padding-left: 20px;
}

.themes > ul > li > ul > li a,
.themes > ul > li > ul > li > span {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: baseline;
    justify-content: center;
    margin-right: 0px;
    background: #ffffff;
    border-radius: 5px;
    transition: all .3s ease;
    overflow: hidden;
    position: relative;
}

.themes > ul > li > ul > li .menu-item-text,
.small-banners ul li span  {
    bottom: 0;
    position: absolute;
    display: flex;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    color: white;
    font-size: 16px;
    border-radius: 0px 0px 5px 5px;
    justify-content: space-between;
}

.themes > ul > li > ul > li .menu-item-text:after,
.small-banners ul li span:after {
    content: "\f105";
    font-family: "Font awesome 6 pro";
    font-size: 16px;
}

.themes > ul > li > ul > li span .menu-item-text {
    color: #ce3a3a;
}

.themes > ul > li > ul > li .custom-icon {
    display: flex;
    width: 100%;
    flex: 1 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 200px;
    align-self: flex-start;
}

.small-banners ul li img,
.themes > ul > li > ul > li .custom-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
    transform: scale(1) rotate(0deg);
    transition: all .5s ease-in-out;
}

.product-banner > ul {
    display: flex;
    border: 2px solid #572a86;
    padding: 20px;
    border-radius: 5px;
    background: #ffffff;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}

.product-banner > ul li .custom-icon + .menu-item-text {
    display: none;
}

.product-banner > ul li:last-child a {
    padding: 12px 50px;
}

.product-banner > ul li:last-child a,
.product-banner > ul li:first-child,
.product-banner > ul li .custom-icon {
    margin-bottom: 20px;
    margin-top: 20px;
}

.product-banner > ul > li > span {
    display: block;
}

.product-banner > ul li .custom-icon img {
    max-width: 100%;
    max-height: 300px;
}

.product-banner > ul li .custom-icon,
.product-banner > ul li:last-child,
.product-banner > ul li:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.references .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 0;
    background: none;
}

.references .bx-wrapper .bx-controls {
    display: none;
}

.references .bx-wrapper li {
    display: block;
    padding: 16px 0;
}

.references .bx-wrapper li > a {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
    display: block;
    margin: 0 20px;
    padding: 0 10px;
    background: #ffffff;
    transition: all .3s ease;
}

.popular-brands ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    justify-content: space-evenly;
}

.popular-brands > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.popular-brands > ul > li:first-child {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: -20px;
}

.popular-brands > ul > li:not(:first-child) {
    display: flex;
    flex: 1 1 calc(50% - 20px);
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.popular-brands > ul > li .custom-icon + .menu-item-text {
    display: none;
}

.popular-brands > ul > li .custom-icon {
    display: flex;
    height: 100%;
    align-items: center;
}

.popular-brands > ul > li .custom-icon img {
    object-fit: cover;
}

.popular-brands > ul > li > ul {
    padding: 20px 20px 20px 40px;
    flex: 1;
}

.popular-brands > ul > li > ul > li {
    width: 100%;
}

.popular-brands > ul > li > ul > li > span {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

#container .popular-brands > ul > li > ul > li > ul a,
#container .popular-brands > ul > li > ul > li > ul span .menu-item-text {
    color: #000000;
    display: block;
    width: 100%;
    padding: 2px 0;
}

#container .popular-brands > ul > li > ul > li > ul > li a:before {
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    width: 16px;
    font-size: 15px;
}

#container .popular-brands > ul > li > ul > li > ul span .menu-item-text {
    color: #ce3a3a;
}

#container .popular-brands > ul > li > ul > li > ul a:hover,
#container .popular-brands > ul > li > ul > li > ul a:focus {
    color: #00ABAA;
}


.widget-opgemaakte-tekst > p:last-child,
.widget-opgemaakte-tekst .text-wrapper > p:last-child {
    margin: 0;
}

.widget-afbeelding:not(.logo) img {
    border-radius: 5px;
}

#container main .widget-13 {
    margin: 0;
}

/* placeholder-footer-top-wrapper */
footer .widget-duplicaat .widget-editor-relative {
    position: absolute;
    top: 0;
    left: 0;
}

#container footer {
    min-height: auto;
    background: #ffffff;
}

html #container .footer-menu {
    width: 100% !important;
}

html #container .footer-menu ul > li > a {
    font-size: 16px;
    line-height: 1.9em;
    color: #ffffff;
    transition: all .1s ease;
}

footer #placeholder-footer-wrapper ul li a, 
footer #placeholder-footer-wrapper ul li span {
    color: #fff;
}

footer #placeholder-footer-top-wrapper,
footer #placeholder-footer-wrapper,
footer #placeholder-footer-bottom-wrapper {
    height: auto;
    width: auto;
    border: none;
    background: #572a86;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

footer #placeholder-footer-top-wrapper {
    background: #ffffff;
}

footer #placeholder-footer-wrapper #placeholder-footer,
footer #placeholder-footer-wrapper #placeholder-footer > .widget-duplicaat {
    display: flex;
    justify-content: space-between;
}

footer #placeholder-footer-bottom-wrapper {
    background: #572a86;
}

footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom,
footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom > .widget-duplicaat {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
    border-top: 1px solid #ffffff;
}

#container.checkout footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom,
#container.checkout footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom > .widget-duplicaat,
#container.checkoutProcess footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom,
#container.checkoutProcess footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom > .widget-duplicaat,
#container.offerRequest footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom,
#container.offerRequest footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom > .widget-duplicaat,
#container.offerRequestProcess footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom,
#container.offerRequestProcess footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom > .widget-duplicaat {
    border: none;
}

footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom .widget {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

footer .footer-menu {
    width: 100% !important;
}

.footer-menu span.title {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 14px;
    color: #ffffff;
}

#container main .footer-menu span.title,
#container main .footer-menu ul > li > a {
    color: #000000;
}

.footer-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0px !important;
}

.footer-menu ul > li > a {
    font-size: 16px;
    line-height: 1.9em;
    color: #ffffff;
    transition: all .1s ease;
}

html #container .footer-menu.contact ul > li:not(:last-child) > a:hover .menu-item-text,
html #container .footer-menu.contact ul > li:not(:last-child) > a:focus .menu-item-text,
html #container .footer-menu ul > li > a:hover,
html #container .footer-menu ul > li > a:focus,
#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications li a:hover,
#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications li a:focus {
    text-decoration: underline;
}

.footer-menu.contact ul > li > a,
.footer-menu.contact ul > li > span {
    display: flex;
    align-items: center;
}

.footer-menu.contact:not(.wide) ul > li:not(:first-child) {
    margin-top: 10px;
}

footer #placeholder-footer-wrapper .footer-menu.contact ul > li:last-child > a {
    display: table-cell;
}

footer #placeholder-footer-wrapper .footer-menu.contact ul > li:last-child span {
    width: auto;
}

html #container .footer-menu.contact ul > li > a, 
html #container .footer-menu.contact ul > li > span {
    display: flex;
    align-items: center;
}

html #container .footer-menu.contact ul > li .custom-icon {
    border: 1px solid #e3e3e3;
    background: #ffffff;
    display: flex;
    width: 50px;
    height: 50px;
    float: left;
    min-height: auto;
    margin: 0;
    line-height: normal;
    justify-content: center;
    align-items: center;
    border-radius: 100rem;
}

html #container .footer-menu.contact ul > li .custom-icon img {
    margin: 0px;
}

#container main .footer-menu.contact ul > li .custom-icon {
    border: 1px solid #eaeaea;
}

html #container .footer-menu.contact ul > li .custom-icon + .menu-item-text {
    padding-left: 10px;
}

#placeholder-footer-wrapper .footer-menu.contact ul > li .custom-icon + .menu-item-text {
    padding-left: 10px;
}

#placeholder-footer-wrapper .footer-menu.contact ul > li:last-child {
    margin-top: 20px;
    display: block;
}

#placeholder-footer-wrapper .footer-menu.contact ul > li:last-child > a,
.newsletter .button {
    display: inline-block;
    color: white;
    text-decoration: none !important;
    border-color: #ffffff;
}

#placeholder-footer-wrapper .footer-menu.contact ul > li:last-child > a:hover {
    color: #000000;
    background: #ffffff;
}

footer #placeholder-footer-wrapper .widget-7 {
    margin: 0;
}

.newsletter > .wrapper {
    display: flex;
    align-items: center;
}

.newsletter > .wrapper .news-image {
    height: 65px;
    width: auto;
    filter: brightness(0%);
}

.newsletter > .wrapper > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex: 1 auto;
}

.newsletter > .wrapper > ul li {
    min-height: auto;
    color: #000000;
}

footer #placeholder-footer-wrapper ul li:not(:last-child) span.menu-item-text {
    width: auto;
    color: #ffffff;
}

.newsletter > .wrapper > ul > li:first-child span.menu-item-text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    margin: 0;
}

.newsletter > .wrapper #mc_embed_signup {
    padding: 0;
}

.newsletter > .wrapper #news-form {
    padding: 0;
}

.newsletter > .wrapper #news-form .mc-field-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    -ms-flex-line-pack: center;
    align-content: center
}

.newsletter > .wrapper #news-form .mc-field-group input[type='email'] {
    flex: 1;
}

.newsletter .button {
    margin-left: 10px;
    border-color: #572a86;
    background: #572a86;
    color: #ffffff;
}

footer #placeholder-footer-bottom .widget-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer #placeholder-footer-bottom .copyright > ul li span {
    color: #ffffff;
    font-size: 16px;
}

footer #placeholder-footer-bottom .socialmedia > ul,
footer #placeholder-footer-bottom .payment > ul {
    list-style-type: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}

footer #placeholder-footer-bottom .socialmedia > ul > li,
footer #placeholder-footer-bottom .payment > ul > li {
    padding: 0;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 auto;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a,
footer #placeholder-footer-bottom .payment > ul > li a,
footer #placeholder-footer-bottom .socialmedia > ul > li > span,
footer #placeholder-footer-bottom .payment > ul > li > span {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    background: #eaeaea;
    border-radius: 5px;
    transition: all .3s ease;
}

footer #placeholder-footer-bottom .socialmedia > ul > li > span {
    background: #ce3a3a;
    cursor: not-allowed;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a img,
footer #placeholder-footer-bottom .socialmedia > ul > li a img {
    transition: all .3s ease;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a:hover img,
footer #placeholder-footer-bottom .socialmedia > ul > li a:focus img {
    transform: scale(1.03) rotate(1deg);
}

footer #placeholder-footer-bottom .socialmedia > ul > li .custom-image {
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
}

footer #placeholder-footer-bottom .payment > ul > li .custom-image {
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
    height: 35px;
    padding: 0px 5px;
}

footer #placeholder-footer-bottom .socialmedia > ul > li .custom-image img,
footer #placeholder-footer-bottom .payment > ul > li .custom-image img {
    max-height: 100%;
}

#container.category .widget-categorie-lijst .items {
    list-style-type: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper {
    width: 100%;
    padding: 0 10px;
    transition: all .3s ease-out, border-radius 0s ease-out;
    border: 1px solid transparent;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper:nth-child(n+5) {
    margin-top: 20px;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item {
    padding: 0;
    border: 1px solid transparent;
    background: #ffffff;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-flow: column;
    padding: 20px;
    transition: all .3s ease;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item:hover {
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
    border-color: #eaeaea !important;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item .category-info {
    flex: 1;
    display: flex;
    flex-flow: column;
    margin-top: 20px;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item .category-info > h4 {
    flex: 1;
    margin-bottom: 10px;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item .category-info .button {
    margin: 0;
}

#container.search .widget-categorie-detail {
    display: none !important;
}

#container.no_children_category .widget-categorie-detail .wrapper,
#container.category .widget-categorie-detail .wrapper {
    border-bottom: 1px solid #eaeaea;
}

#container.no_children_category .widget-categorie-detail .description.extra,
#container.category .widget-categorie-detail .description.extra {
    border-top: 1px solid #eaeaea;
}

#container.no_children_category .widget-categorie-detail .resource-image,
#container.category .widget-categorie-detail .resource-image {
    border-radius: 5px;
    width: auto;
    max-width: 100%;
}

#container.no_children_category .widget-categorie-detail .wrapper > h1,
#container.category .widget-categorie-detail .wrapper > h1 {
    margin: 0;
}

#container.no_children_category .widget-categorie-detail .description > p:last-child,
#container.category .widget-categorie-detail .description > p:last-child {
    margin-bottom: 0;
}

#container.no_children_category .widget-product-lijst .filter,
#container.search .widget-product-lijst .filter {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

#container .filter select {
    width: auto;
}

.pager ul.yiiPager {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    margin-left: -3px;
    margin-right: -3px;
}

.pager ul.yiiPager > li {
    padding: 0 3px;
}

.pager ul.yiiPager > li > a {
    display: inline-block;
}

.pager ul.yiiPager > li.previous > a,
.pager ul.yiiPager > li.first > a {
    display: inline-block;
    position: relative;
    padding-left: calc(7.5px + 15px);
}

.pager ul.yiiPager > li.next > a,
.pager ul.yiiPager > li.last > a {
    display: inline-block;
    position: relative;
    padding-right: calc(7.5px + 15px);
}

.pager ul.yiiPager > li > a i {
    position: absolute;
    top: 1px;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.widget:not(.slider) .pager ul.yiiPager > li.previous > a i,
.widget:not(.slider) .pager ul.yiiPager > li.first > a i {
    left: 10px;
}

.widget:not(.slider) .pager ul.yiiPager > li.next > a i,
.widget:not(.slider) .pager ul.yiiPager > li.last > a i {
    right: 10px;
}

#container.productSet .widget-productset-detail.main-detail-image {
    float: none;
}

.widget-productset-detail .main-details {
    padding: 20px;
    display: block;
}

.widget-productset-detail .product-image {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease-in-out;
    -webkit-filter: none;
    filter: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.widget.widget-productset-detail div.action-label {
    left: calc(0px + 20px);
    margin-top: 0;
    background: #00B900;
    padding: 5px 12px;
}

.widget-productset-detail .product-image .product-main-image {
    margin-left: 0px;
    position: relative;
    flex: 100%;
    text-align: center;
}

.widget-productset-detail .product-image .product-main-image:after {
    content: "\f00e";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    background: rgb(0 0 0 / 30%);
    color: #ffffff;
    font-size: 22px;
    border-radius: 100rem;
}

.widget-productset-detail .product-image .product-images {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-self: baseline;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #eaeaea;
}

.widget-productset-detail .product-image .product-images li {
    display: none;
    padding: 3px;
    overflow: hidden;
    position: relative;
}

.widget-productset-detail .product-image .product-images li a {
    display: block;
    position: relative;
    background: #ffffff;
    padding: 3px;
    border-radius: 5px;
}

.widget-productset-detail .product-image .product-images li a img {
    max-width: 100%;
    max-height: 100%;
    min-width: 1px;
    min-height: 1px;
    border-radius: 5px;
    opacity: 0.7;
}

.widget-productset-detail .product-image .product-images li:hover a img {
    opacity: 1;
}

.widget-productset-detail .product-image .product-images li a:after {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35%;
    width: 35%;
    position: absolute;
    transform: translate(-10%, 10%);
    top: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-out;
    background: rgb(0 0 0 / 30%);
    content: "\f00e";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    color: #ffffff;
    font-size: 15px;
    border-radius: 5px;
}

.widget-productset-detail .product-image .product-images li:hover a:after {
    opacity: 1;
    visibility: visible;
}

#container.productSet .widget-productset-detail.main-image {
    flex: 0 0 auto;
    margin-right: 30px;
    width: 55%;
    float: none;
}

html body #lightGallery-close {
    font-size: 22px;
    padding: 4px 15px;
}

html #lightGallery-close:after {
    content: "\2716";
    position: relative;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    top: -1px;
    right: auto;
}

html .showThumbByDefault#lightGallery-outer {
    background-color: rgba(0, 0, 0, .85);
}

html #lightGallery-action a.cLthumb:after {
    content: "";
    display: none;
}

html #lightGallery-slider .lightGallery-slide img {
    background: white;
    padding: 30px;
    border-radius: 5px;
}

html body .showThumbByDefault #lightGallery-action a {
    margin: 0 !important;
    position: absolute;
    top: 44%;
    z-index: 9999999;
    background-color: transparent;
    font-size: 46px;
    width: auto;
    height: auto;
    color: #d4d4d4;
    line-height: normal;
    transition: all .3s ease;
}

html body .showThumbByDefault #lightGallery-action > a:hover {
    color: #ffffff;
}

html body .showThumbByDefault #lightGallery-action a#lightGallery-next {
    right: 5rem;
}

html body .showThumbByDefault #lightGallery-action a#lightGallery-prev {
    left: 5rem;
}

html body #lightGallery-action a#lightGallery-prev:before,
html body #lightGallery-action a#lightGallery-next:after {
    left: unset;
    position: relative;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    bottom: unset;
}

#container.productSet #placeholder-content,
#container.checkout #placeholder-content,
#container.offerRequest #placeholder-content {
    width: 100%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget {
    color: #000000 !important;
    border: 0;
    padding: 0;
    width: auto;
    margin: 0;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
    overflow: visible;
}

#container.productSet .widget-productset-detail .product-details,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator {
    overflow: hidden;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator > span.title {
    background: #572a86;
    color: #ffffff;
    padding: 15px 20px;
    margin: 0px;
    display: block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator .details {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #eaeaea;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .configurator:after,
#container.checkout .widget-winkelwagen.checkout-cart.loading .shoppingCart:after,
#container.offerRequest .widget-winkelwagen.checkout-cart.loading .shoppingCart:after,
#container .widget-afrekenen > form.loading:after,
#complete-order-modal form.checkout-form.loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("https://a95e34c3751ea4a0112a-efb4b109da3255fbc4dc396b1c2145fa.ssl.cf1.rackcdn.com/1618402597_1537453040_loader.gif") no-repeat center center;
    background-color: rgb(0 0 0 / 10%);
    border-radius: 5px;
    cursor: not-allowed;
}

#container .widget-afrekenen > form.loading:after,
#container.checkout .widget-winkelwagen.checkout-cart.loading .shoppingCart:after,
#container.offerRequest .widget-winkelwagen.checkout-cart.loading .shoppingCart:after {
    height: calc(100% + 0.59375rem + 0.59375rem);
    top: -0.59375rem;
}

#container.checkout .widget-winkelwagen.checkout-cart.loading .shoppingCart:after,
#container.offerRequest .widget-winkelwagen.checkout-cart.loading .shoppingCart:after {
    left: -0.59375rem;
    width: calc(100% + 0.59375rem + 0.59375rem);
}

#container.productSet .widget-productset-detail.main-detail-image .main-details .sku,
#container.productSet .widget-productset-detail.main-detail-image .information-details li.item {
    font-size: 16px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details h1 {
    margin-top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
}

#container.productSet .widget-productset-detail.main-detail-image .main-details .oldprice {
    display: inline;
    background: #f1f1f1;
    padding: 5px;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 600;
}

#container.productSet .widget-productset-detail.main-detail-image .main-details .oldprice #price-cut {
    color: #ce3a3a;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3em;
    margin-top: 5px;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications > li {
    display: block;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications > li.delivery:before {
    content: "\f48b";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600 !important;
    font-size: 16px;
    margin-right: 8px;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications li a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    transition: all .1s ease;
    white-space: nowrap;
    display: block;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications li a#specify {
    margin-top: 5px;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications li.seperator {
    margin: 0 10px;
    font-size: 18px;
}

#container.productSet .widget-productset-detail.main-detail-image .information-details .specifications li a#specify i {
    margin-left: 2px;
    font-size: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
    margin: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    white-space: nowrap;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title.accordion-panel-done,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .attribute-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons {
    padding-left: 20px;
    padding-right: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(.accordion-active) > div.title:not(.accordion-panel-done),
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(.accordion-active) > div.title:not(.accordion-panel-done) + div {
    opacity: 0.35;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title:after {
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    color: #000000;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li.accordion-active > div.title:after {
    content: "\f304";
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title.accordion-panel-done:after {
    content: "";
    color: #00B900;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(.accordion-active) .title.accordion-panel-done {
    background: #f9fff6;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title label {
    color: #000000;
    margin: 0;
    white-space: pre-wrap;
    flex: 1;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-selected {
    margin-right: 70px;
    color: #00b900;
    font-weight: 700;
    line-height: normal;
    white-space: pre-wrap;
    max-width: 100%;
    text-align: center;
    padding: 0 20px;
    text-align: right;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-selected:empty {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-edit {
    color: #4d606a;
    display: none;
    font-size: 16px;
    line-height: normal;
    margin-left: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    justify-content: end;
    right: 0;
    padding: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(.accordion-active) > div.title.accordion-panel-done .attribute-edit {
    display: flex !important;
    align-items: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-edit:hover {
    text-decoration: underline;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-edit:hover {
    text-decoration: underline;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    vertical-align: initial;
    background-size: 35px 24px;
    position: relative;
    margin: 0;
    padding: 4px 6px;
    padding-left: calc(39px + 10px);
    background-position: 6px center;
    border: 1px solid #EAEAEA;
    font-size: 16px;
    line-height: normal;
    border-radius: 5px;
    transition: all .3s ease;
    margin-bottom: 5px;
    margin-right: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values.color-images li {
    justify-content: start;
    padding: 4px 6px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values.color-images li span {
    margin-left: 6px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values.color-images li img.color-value-image {
    border-radius: 5px;
    width: auto;
    height: 70px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li span.check {
    position: absolute;
    z-index: 50;
    left: 4px;
    top: 4px;
    width: 39px;
    height: 23px;
    background-size: 35%;
    background-position: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values .attachment-type-1 {
    border-radius: 5px;
    width: 39px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    left: 4px;
    top: 4px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li[data-value="Wit"] .attachment-type-1 {
    border: 1px solid #EAEAEA;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li .attribute-value-label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    width: auto;
    height: auto;
    border: none;
    align-items: center;
    line-height: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .attachment-values {
    margin: 0;
    padding: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values {
    margin-bottom: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values ul#quantityRadioButtonList {
    display: inline-block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values ul#quantityRadioButtonList li {
    margin: 0px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values .quantity-input-container {
    display: block;
    float: left;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values > span {
    font-weight: 600;
    height: 42px;
    display: flex;
    align-items: center;
    float: left;
    padding-left: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.attribute-values {
    margin-bottom: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location:before {
    content: "\f00e";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    background: rgb(0 0 0 / 30%);
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    z-index: 99;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location.hover:before {
    display: flex;
}


#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title {
    color: #000000;
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title + .attachment {
    margin-top: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title .pcp-location-label {
    color: inherit;
    font-weight: inherit;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .print-location .pcp-location-title {
    flex: 0 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location-image {
    margin: 10px 0;
    max-height: 16rem;
    cursor: pointer;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .print-location-image,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .attachment {
    flex: 1 50%;
    object-fit: contain;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .attachment {
    list-style-type: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 20px;
    margin-left: -5px;
    margin-right: -5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location-image + .attachment:not(:last-of-type) {
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .attachment > li:not(:last-child) {
    margin-right: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .pcp-baseprice-info-label,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .pcp-info-label {
    display: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment:last-child {
    margin-bottom: 0rem;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value {
    padding: 0px 6px;
    flex: 0 0;
    margin: 0;
    margin-bottom: 5px;
    background: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .print-location-image + .attachment .attachment-value {
    flex: 0 auto;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .print-location .attachment .attachment-value {
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span {
    padding: 5px 15px;
    white-space: nowrap;
}

/* Text behind the amount of chosen colors */
/* Dutch */
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " kleur";
}

body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="nl"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " kleuren";
}

/* English */
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " color";
}

body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="en"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " colors";
}

/* French */
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " couleur";
}

body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="fr"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " couleurs";
}

/* German */
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " farbe";
}

body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="de"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " farben";
}

/* Danish */
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " farve";
}

body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="da"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " farver";
}

/* Spanish  */
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " color";
}

body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="es"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " colores";
}

/* Finnish */
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " väri";
}

body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="fi"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " väriä";
}

/* Swedish */
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " färg";
}

body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="sv"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " färger";
}

/* Romanian */
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " culoare";
}

body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="ro"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " culori";
}

/* Italian */
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " colore";
}

body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="it"] #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " colori";
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values .quantity-input-container > .row > .large-12.columns {
    padding: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values .quantity-input-container input {
    margin: 0;
    max-width: none;
    width: 100%;
    font-weight: 400;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .samestaffel-dropdown + * {
    margin-top: 1rem;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values {
    padding: 0;
}

#min-order {
    display: none;
}

#min-order > span {
    background: #eaeaea;
    border: 1px solid #EAEAEA;
    padding: 10px;
    border-radius: 5px;
    display: block;
    width: 100%;
}

#min-order > span > i {
    margin-right: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li:not(:last-child) {
    margin-bottom: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li[data-key="size"] > .attribute-values li#min-order,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values li#min-order {
    margin-bottom: 20px;
    display: flex;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values li#min-order {
    margin-left: 20px;
    margin-right: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li span.attribute-value-label {
    width: 100%;
    max-width: 4rem;
    text-align: left;
    font-size: 15px;
    color: inherit;
    font-weight: 500;
    padding: 13px 0px;
    align-self: baseline;
    display: flex;
    align-items: center;
    line-height: normal;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .quantity-input-container {
    display: block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .quantity-input-container .row .columns {
    padding: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator {
    margin: 0;
    background: none;
    padding: 0;
    font-size: 15px;
    min-height: 0;
    margin-top: .2rem;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator.in-stock:before {
    content: "\f49e";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    padding-right: 8px;
    color: #00a500;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator.out-of-stock:before {
    content: "\f02b";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    padding-right: 8px;
    color: #b82323;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .total-quantity-label,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .total-quantity-value {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons {
    display: flex;
    flex-wrap: wrap;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .button,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .button,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .button,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .buttons > .button {
    padding: 12px 15px;
}

#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .buttons > .button,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .buttons > .button {
    border: 1px solid #572A86;
    padding: 12px 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"] + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart + .add-to-cart {
    margin-left: 0px !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-of-type,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-of-type[style*="display: none"] + div.add-to-cart {
    flex: 0 100%;
    width: 100%;
    margin-left: 0 !important;
    font-weight: 600;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    padding: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary > .row.collapse {
    line-height: 1.9em;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row.collapse > div.large-3.small-4.columns {
    text-align: right;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal {
    font-weight: 600;
    margin-top: 1rem;
    display: block;
    line-height: 1.9em;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal > br {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator div.delivery {
    display: block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator div.delivery > div:last-child {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator div.delivery > div + div {
    margin-top: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator div.delivery > div span {
    background: #eaeaea;
    padding: 10px;
    border-radius: 5px;
    display: block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator div.delivery > div span:before {
    content: "\f0d1";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    margin-right: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart .price-placeholder {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .upload-logo {
    display: none;
    padding: 15px 20px;
    border-radius: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .upload-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 20px 20px 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .upload-logo i {
    font-size: 20px;
    color: #00B900;
    margin-right: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .upload-logo ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .upload-logo a {
    color: #000000;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .upload-logo > a {
    margin-top: 10px;
    display: block;
    text-decoration: underline;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .less-than-minimal-label {
    flex: 100%;
    line-height: normal;
    margin-bottom: 10px;
    display: block;
    order: 0;
    color: white;
    padding: 8px 15px;
    text-align: center;
    border: none;
    border-radius: 5px;
    background: #ce3a3a;
}

/* ===================================================== */
/*              Product USP iconen                       */
/* ===================================================== */

.product-usps ul {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.product-usps ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.product-usps ul li span:first-child {
    font-size: 20px;
    font-weight: 600;
}

.product-usps ul li span {
    color: #000;
    line-height: 23px;
}

.product-usps ul li:nth-child(1):before {
    content: "\f0d1";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    font-size: 28px;
    color: #00ABAA;
    font-weight: 300;
}

.product-usps ul li:nth-child(2):before {
    content: "\f466";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    font-size: 28px;
    color: #00ABAA;
    font-weight: 300;
}

.product-usps ul li:nth-child(3):before {
    content: "\f025";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    font-size: 28px;
    color: #00ABAA;
    font-weight: 300;
}

.product-questions {
    border-radius: 5px;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-top: 20px;
}

.product-questions span.title {
    display: block;
}

#container .product-questions .button {
    display: inline-block;
    width: auto;
}

.widget-productset-detail.product-tabs .product-information {
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
    padding: 2rem;
}

.widget-productset-detail.product-tabs .product-description {
    flex: 0 0 100%;
    margin-bottom: 2rem;
}

.widget-productset-detail.product-tabs .specifications,
.widget-productset-detail.product-tabs .price-information {
    flex: 1 1 50%;
}

.widget-productset-detail.product-tabs .specifications {
    padding-right: 2rem;
}

.widget-productset-detail.product-tabs .tab.ui-tabs ul.ui-tabs-nav > li a:before {
    content: "\f05a";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    padding-right: 8px;
    font-size: 20px;
    color: #00ABAA;
    font-weight: 300;
}

.widget-productset-detail.product-tabs .tab.ui-tabs ul.ui-tabs-nav li:nth-child(2) a:before {
    content: "\f02b";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    padding-right: 14px;
    font-size: 20px;
    color: #00ABAA;
    font-weight: 300;
}

.widget-productset-detail.product-tabs .tab.ui-tabs ul.ui-tabs-nav li:nth-child(3) a:before {
    content: "\f46d";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    padding-right: 14px;
    font-size: 20px;
    color: #00ABAA;
    font-weight: 300;
}

.widget-productset-detail.product-tabs {
    border-top: 1px solid #eaeaea;
}

.widget.widget-productset-detail .tab.ui-tabs {
    margin: 0;
    font-size: 16px;
}

.widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav {
    list-style-type: none;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}

.widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li {
    display: inline-block;
    border-left-width: 0;
    border: none;
    padding: 0;
    background-color: inherit;
    background: none;
    z-index: 2;
    position: relative;
    border-radius: 0px;
}

#container .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li > a {
    margin: 0;
    color: #000000;
    opacity: 0.35;
    transition: .3s ease;
}

#container .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li > a:hover,
#container .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li > a:focus,
#container .widget.widget-productset-detail .tab.ui-tabs ul.ui-tabs-nav > li.ui-state-active > a {
    opacity: 1;
    border-color: #000000;
}

.widget.widget-productset-detail .tab.ui-tabs .ui-tabs-panel {
    font-size: 16px;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    color: #000000;
    line-height: 1.5em;
    border: none;
}

.widget-productset-detail.product-tabs .description {
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
}

.widget-productset-detail.product-tabs .video iframe {
    width: 100%;
}

.widget-productset-detail.product-tabs table {
    width: 100%;
    margin: 0;
}

.widget-productset-detail.product-tabs table tr:not(:last-child) {
    border-bottom: 1px solid #EAEAEA;
}

.widget-productset-detail.product-tabs table tr td.selected-minimal {
    background: rgb(0 0 0 / 7%);
}

.widget-productset-detail.product-tabs table tr td.selected-minimal.selected-color {
    color: #00B900;
    font-weight: 600;
}

.widget-productset-detail.product-tabs table tr td.selected-minimal.selected-color:before {
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    position: relative;
    top: 1px;
    padding-right: 8px;
    font-size: 16px;
}

table tr th,
table tr td {
    font-size: 16px;
    padding: 10px 0;
    color: #000000;
}

table tr th {
    font-weight: 600;
    padding-right: 10px;
}


.alert-box {
    display: block;
    line-height: normal;
    margin-bottom: 0;
    padding: 10px 15px;
    padding-right: 37px;
    font-size: 16px;
    border-radius: 5px !important;
}

.alert-box.secondary {
    background-color: #ffffff;
    border-color: #EAEAEA;
    color: #000000;
}

.alert-box.secondary .button {
    padding: 7px;
    font-size: 15px;
    display: inline-block;
    font-weight: 400 !important;
    text-transform: none;
    margin-top: 0.5rem;
}

.alert-box.secondary .button:hover,
.alert-box.secondary .button:focus {
    background: #f68c1f !important;
    color: #fff !important;
}

.alert-box .close {
    padding: 10px 5px;
    top: 6px;
    margin-top: 0;
    right: 8px;
    color: #000000;
    font-weight: 600;
    opacity: 1 !important;
    transition: all .1s ease;
}

.alert-box .close:hover {
    color: #ce3a3a !important;
}

.details + .alert-box {
    margin-top: 20px;
}

.details + .alert-box + .selection {
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

#container .cart-intro p:last-of-type {
    margin-bottom: 0px;
}

#container.checkout .widget.widget-afrekenen,
#container.offerRequest .widget.widget-afrekenen {
    float: none;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form {
    display: flex;
    flex-wrap: wrap;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items {
    width: 100%;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items [class*="block-grid-"],
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items [class*="block-grid-"],
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items [class*="block-grid-"],
#container .widget-contactformulier form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items > [class*="block-grid-"],
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items > [class*="block-grid-"],
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items > [class*="block-grid-"] {
    margin-left: -0.59375rem;
    margin-right: -0.59375rem;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items:last-child,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items:last-child {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons {
    flex: 1;
    margin-left: 10px;
}

#container.checkout .widget.widget-afrekenen span.title,
#container.offerRequest .widget.widget-afrekenen span.title,
#container.payInvoice .widget.widget-afrekenen span.title {
    width: 100%;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-1 .row:last-child,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-1 .row:last-child,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-1 .row,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row.field_country,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row.field_country,
#container .widget-contactformulier form > .row.buttons {
    margin-bottom: 0;
    position: relative;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .large-block-grid-2 .row,
#container .widget-contactformulier form > .row {
    margin-bottom: 0;
    position: relative;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item,
#container .widget-contactformulier form > .row:not(:last-child) {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

#container .widget-contactformulier .homepage-form form > .row:not(:last-child):not(.field_question) {
    width: 50%;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .terms,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .terms {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .terms .item,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .terms .item {
    margin-bottom: 0px;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items:last-child > div > .item:last-child,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items:last-child > div > .item:last-child {
    margin: 0px;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item label,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item label,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item label,
#container .widget-winkelwagen.checkout-cart label[for="discountCode"],
#container .widget-contactformulier form > .row > label,
label {
    color: #000000;
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item label .required,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item label .required,
#container .widget-contactformulier > form > .row > label .required,
label .required {
    color: #ce3a3a;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .check,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .check {
    display: flex;
    float: left;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns {
    line-height: normal;
    width: auto;
    display: flex;
    align-items: center;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns > input,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns > input,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns > input,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns > label,
#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns > label,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .check .columns > label {
    line-height: normal;
    margin: 0;
    cursor: pointer;
}

/*Custom checkbox*/

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    padding: 7px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color: #00b900;
    border: 1px solid #00b900;
    color: #ffffff;
}

input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: -2px;
    left: 2px;
    color: #ffffff;
}

/*Custom radio button*/

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    width: 15px;
    height: 13px;
    clear: left;
    margin: 0px;
}

input[type="radio"]:before {
    content: "";
    height: 15px;
    width: 15px;
    transition: all 0.15s ease-out 0s;
    border: 1px solid #797979;
    background: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 100%;
    z-index: 9;
    position: absolute;
}

input[type="radio"]:hover::before {
    border: 1px solid #00b900;
}

input[type="radio"]:checked::before {
    background: #00b900;
    border: 1px solid #00b900;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"],
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"],
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] {
    display: flex;
    height: 42px;
    align-items: center;
    left: 15px;
    float: left;
    width: 0px;
}


#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns input[type="radio"] + label {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    padding-left: 45px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

#ui-datepicker-div {
    background: #EAEAEA;
    border-radius: 5px;
    box-shadow: 0px 8px 10px -1px rgb(0 0 0 / 6%);
    overflow: hidden;
}

#ui-datepicker-div .ui-datepicker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #141414;
    color: #ffffff;
    padding: 8px 15px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    order: 1;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    order: 3;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    order: 2;
}

html #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span,
html #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span {
    text-decoration: none;
    font-size: 20px;
    margin: 0;
    color: #ffffff;
}

#ui-datepicker-div .ui-datepicker-calendar {
    display: block;
    padding: 10px;
    margin: 0;
}

#ui-datepicker-div .ui-datepicker-calendar thead {
    background: none;
}

#ui-datepicker-div .ui-datepicker-calendar tr th,
#ui-datepicker-div .ui-datepicker-calendar tr td {
    padding: 7px 12px;
}

#ui-datepicker-div .ui-datepicker-calendar .undefined a:hover,
#ui-datepicker-div .ui-datepicker-calendar .undefined a:focus {
    color: #572A86;
}

#ui-datepicker-div .ui-datepicker-calendar .undefined.ui-datepicker-unselectable {
    cursor: not-allowed;
    opacity: 0.4;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns textarea,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items .item .columns textarea {
    max-width: 100%;
    min-height: 180px;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label {
    font-size: 16px;
    font-weight: 400;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label a,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label a {
    color: #000000;
    text-decoration: underline;
}

#container.checkout .widget-afrekenen .wrapper > form.checkout-form > .buttons *,
#container.offerRequest .widget-afrekenen .wrapper > form.checkout-form > .buttons *,
#container.payInvoice .widget-afrekenen .wrapper > form.checkout-form > .buttons * {
    display: block !important;
    width: 100%;
}

#container.checkout .widget-winkelwagen.checkout-cart,
#container.offerRequest .widget-winkelwagen.checkout-cart {
    flex: 1;
    border: 0;
    width: auto;
    margin: 0;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-self: baseline;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail {
    z-index: auto;
    right: 0;
    cursor: auto;
    position: relative;
    height: 100%;
    overflow: hidden;
}

#container.offerRequest .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail {
    margin-bottom: 20px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart {
    display: inline-block;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .empty {
    padding: 20px;
    line-height: 1.5em;
    font-size: 16px;
    color: #000000;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item {
    border: none;
    padding: 20px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div {
    display: flex;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:first-child {
    margin-bottom: 20px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .product-name {
    height: auto;
    flex: 1;
    margin-right: 30px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove {
    margin: 0;
    width: auto;
    line-height: normal;
    padding: 0;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a {
    overflow: hidden;
    text-indent: 0;
    float: none;
    width: auto;
    height: auto;
    line-height: 0.4;
    padding: 6px 7px;
    font-size: 15px;
    transition: all .3s ease;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a:hover,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a:focus,
#container .widget-winkelwagen.checkout-cart .discount a.remove:hover:after,
#container .widget-winkelwagen.checkout-cart .discount a.remove:focus:after {
    border-color: #ce3a3a;
    color: #ce3a3a;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a {
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a img {
    width: 100%;
    height: auto;
    max-height: none;
    float: none;
    margin: 0;
    border-radius: 5px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 10px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div {
    display: flex;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div:not(:last-child) {
    margin-bottom: 5px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > span {
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #000000;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .left {
    font-family: inherit;
    white-space: normal;
    padding: 0;
    margin: 0;
    background: none;
    -ms-flex: 0 0 35%;
    flex: 0 35%;
    max-width: 35%;
    flex-shrink: 0;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .left > span:first-child {
    margin-bottom: 5px;
    width: 100%;
    font-weight: 600;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right {
    width: 100%;
    margin-top: 10px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .left > span:last-child,
#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span {
    display: flex;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a {
    margin-top: 5px;
    text-decoration: underline;
}

/* Checkout text behind "remove.." printing on product */
/* Dutch */
body[lang="nl"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " bewerking";
}

/* English */
body[lang="en"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " adjustment";
}

/* French */
body[lang="fr"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " modifier";
}

/* German */
body[lang="de"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " bearbeiten";
}

/* Danish */
body[lang="da"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " redigering";
}

/* Spanish  */
body[lang="es"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " editar";
}

/* Finnish */
body[lang="fi"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " muokkaus";
}

/* Swedish */
body[lang="sv"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " redigering";
}

/* Romanian */
body[lang="ro"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " editarea";
}

/* Italian */
body[lang="it"] #container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " modifica";
}

#container .widget-winkelwagen.checkout-cart .discount-prompt {
    display: none;
    flex: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .discount:not(.discount-prompt) {
    display: block !important;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

#container .widget-winkelwagen.checkout-cart .discount > dd {
    display: inline-flex;
    align-items: center;
    margin: 0;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart .discount > dd > span {
    margin: 0;
    padding: 7px 15px;
    border-radius: 5px;
    font-size: 16px;
    line-height: normal;
    float: left;
    box-sizing: border-box;
    border: 1px solid #EAEAEA;
    outline: 0;
    display: flex;
    align-items: center;
    background: #eaeaea;
    cursor: not-allowed;
}

#container .widget-winkelwagen.checkout-cart .discount a.remove {
    font-size: 16px;
    color: transparent;
    margin-left: 10px;
    position: relative;
    padding: 6px 15px;
}

#container .widget-winkelwagen.checkout-cart .discount a.remove:after {
    content: "\f1f8";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 8px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-size: 15px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right {
    display: flex !important;
    float: left !important;
    margin: 0;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input {
    margin: 0;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a {
    margin-left: 10px;
    padding: 10px 16px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .cart-summary {
    display: inline-block;
    width: 100%;
    padding: 20px;
    background: #eaeaea;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .cart-summary > div {
    display: flex;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .cart-summary > div:not(:last-child) {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 10px;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .cart-summary > div:last-child > span {
    font-weight: 600;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .cart-summary > div > span {
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #000000;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
}

#container .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .cart-summary > div > .label {
    font-family: inherit;
    white-space: normal;
    padding: 0;
    background: none;
    -ms-flex: 0 0 40%;
    flex: 0 40%;
    max-width: 40%;
}

#container.checkoutProcess #placeholder-content,
#container.offerRequestProcess #placeholder-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#container.checkoutProcess .widget-winkelwagen.checkout-cart .shoppingCart,
#container.offerRequestProcess .widget-winkelwagen.checkout-cart .shoppingCart,
#container.checkoutProcess .cart-intro,
#container.offerRequestProcess .cart-intro,
#container.payInvoiceProcess .cart-intro,
#container.checkoutProcess .widget.widget-winkelwagen,
#container.offerRequestProcess .widget.widget-winkelwagen {
    display: none;
}

#container.checkoutProcess main .widget-duplicaat .widget-afrekenen,
#container.offerRequestProcess main .widget-duplicaat .widget-afrekenen {
    width: 100%;
}

#container.staticPage.staticPage-133 main #placeholder-content {
    display: flex;
    align-items: center;
}

#container.staticPage.staticPage-133 main .widget-statische-pagina.content h1 {
    font-size: 130px;
    line-height: normal;
}

#container.staticPage.staticPage-133 main .widget-statische-pagina.content .button {
    display: inline-block;
}

#container.staticPage main .widget-statische-pagina.content {
    margin: 0;
}

#container.staticPage .widget-contactformulier,
#container.staticPage main .google-maps,
#container.staticPage main .footer-menu.wide,
#container.staticPage main .error-image {
    display: none;
}

#container.staticPage main .google-maps {
    border-bottom: 5px solid #572a86;
}

#container.staticPage.staticPage-241030 main .widget-contactformulier,
#container.staticPage.staticPage-241030 main .google-maps,
#container.staticPage.staticPage-241030 main .footer-menu.wide,
#container.staticPage.staticPage-133 main .error-image {
    display: block;
}

#container.staticPage .google-maps iframe {
    display: flex;
}

#container .widget-contactformulier form {
    margin-left: -0.59375rem;
    margin-right: -0.59375rem;
}

#container .widget-contactformulier form > .row {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

#container .widget-contactformulier form > .row.field_question > textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 77px;
}

#container .widget-contactformulier form > .row.field_validation + .row {
    margin-top: 30px !important;
}

#container .footer-menu.wide .contact-wrapper,
#container .footer-menu.wide .contact-wrapper > ul {
    display: flex;
    justify-content: center;
}

#container .footer-menu.wide .contact-wrapper ul {
    flex: 0 0 100%;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-left: -10px;
    margin-right: -10px;
}

#container .footer-menu.wide .contact-wrapper > ul > li {
    padding: 0 10px;
}

#container .footer-menu.wide .contact-wrapper > ul > li:last-child {
    display: none;
}

#container.staticPage.staticPage-241030 main #placeholder-content {
    display: flex;
    flex-wrap: wrap;
}

#container.staticPage table {
    border: 1px solid #eaeaea;
}

#container.staticPage table tr {
    border-bottom: 1px solid #eaeaea;
}

#container.staticPage table th {
    background: #eaeaea;
}

#container.staticPage table tr th,
#container.staticPage table tr td {
    padding: 10px 10px;
    vertical-align: middle;
    line-height: 1.5em;
    font-size: 16px;
    border: 1px solid #eaeaea;
}

main #accordion.ui-accordion {
    margin: 0;
}

main #accordion.ui-accordion span.title {
    color: #000000;
    background: transparent;
    padding: 30px 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0;
    outline: 0;
    cursor: pointer;
}

main #accordion.ui-accordion span.title > span {
    float: right;
}

main #accordion.ui-accordion span.title > span:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    font-size: 15px;
}

main #accordion.ui-accordion span.title.ui-state-active > span:after {
    content: "\f077";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    font-size: 15px;
}

main #accordion.ui-accordion > .group:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

main #accordion.ui-accordion .ui-accordion-content {
    padding: 0;
}

#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll > .mc-field-group:nth-child(3) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll .clear {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

#container.offer footer {
    display: block;
}

#container header #placeholder-header-wrapper {
    display: block;
    background: #572a86;
}

#container.offer header #placeholder-header-wrapper #placeholder-header > .widget-duplicaat > .widget:not(.widget-afbeelding):not(.widget-html),
#container.offer header #placeholder-header-wrapper #placeholder-header > .widget-duplicaat > .widget.quick-offer {
    display: none !important;
}

#container.offer header #placeholder-header-wrapper #placeholder-header > .widget-duplicaat > .widget.kiyoh-top {
    margin-left: auto;
    margin-right: 0;
}

#container.offer header .logo {
    margin-right: auto;
}

.offer .offerDetails {
    background: #ffffff;
    line-height: normal !important;
    border-radius: 5px;
}

#container.offer .widget-122 * {
    font-size: 16px !important;
    text-transform: none !important;
    color: #000000;
}

#container.offer h2.toptext {
    font-size: 22px !important;
    text-align: center;
    background: none;
}

#container.offer .widget-122 span.titel,
#container.offer .widget-122 h2 {
    text-transform: none;
    color: #000000;
}

#container.offer .widget-122 hr:first-of-type {
    display: none;
}

#container.offer .offerteCart .shopping-cart-detail {
    border: 1px solid #dadada;
    background: #ffffff;
}

#container.offer .widget-122 .productimage {
    text-align: right;
}

#container.offer .widget-122 .item table.staffels thead > tr > th {
    padding-left: 0;
}

#container.offer .widget-122 .item h2 {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#container.offer .shopping-cart .cartItem .name *,
#container.offer .shopping-cart .cartItem .price {
    font-size: 18px;
    font-weight: bold;
}

#container.offer .totals * {
    font-size: 16px;
}

#container.offer .submit-cart-popup,
#container.offer .submit-cart-popup:hover,
#container.offer .submit-cart,
#container.offer .submit-cart:hover {
    font-size: 16px;
    text-transform: none;
}

#container .widget-122 .add-to-cart.inCart {
    font-weight: bold;
}

#container.offer .shopping-cart .cartItem * {
    font-size: 16px;
    color: #000000;
}


#container.offer .shopping-cart .cartItem .cartRemove a i {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
}

body #container.offer header #placeholder-header-wrapper {
    display: block !important;
}

body #container.offer header #placeholder-header-wrapper .widget-duplicaat {
    min-height: 90px;
}

body #container.offer .hoofdmenu,
body #container.offer header .widget-winkelwagen {
    display: none !important;
}

#container.offer .offerteCart {
    width: 55% !important;
}

#container.offer .widget-offertepagina {
    margin-top: 30px;
}

#container.offer .widget-offertepagina h2.toptext {
    display: none;
}

#container.offer .widget-winkelwagen {
    margin-top: 65px;
}

#container.offer .shopping-cart h2.toptext {
    font-size: 28px !important;
    line-height: 1.3em;
    font-weight: 600 !important;
    color: #000000;
    margin-bottom: 15px;
    text-align: left;
    font-family: sans-serif;
}

#container.offer .offerteCart .shopping-cart-detail {
    background: none;
    padding: 10px;
    border-radius: 5px;
}

#container.offer .shopping-cart .cartItem {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#container.offer .shopping-cart .cartItem * {
    display: inline-block;
    line-height: inherit;
    font-size: inherit;
}

#container.offer .shopping-cart .cartItem .cartRemove {
    float: right;
    text-align: right;
    margin: 0;
    padding: 0;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

#container.offer .shopping-cart .cartItem .cartRemove > p {
    margin: 0;
}

#complete-order-modal .close-reveal-modal {
    transition: all .3s ease 0s;
}

#container.offer .shopping-cart .cartItem .cartProduct {
    width: 100%;
}

#container.offer .shopping-cart .cartItem .cartProduct .name {
    color: #000000;
    display: block;
    font-weight: 700;
}

#container.offer .shopping-cart .cartItem .cartProduct .name img {
    float: right;
    margin: 0;
    margin-left: 4px;
    width: 70px;
    height: auto;
    position: relative;
    display: block;
    border: none;
    max-width: none;
    max-height: none;
}

#container.offer .shopping-cart .cartItem .cartProduct .quantity {
    color: #383838;
    border: none;
    border-radius: 2px;
    display: inline-block;
    width: calc(100% - 80px);
    line-height: normal
}

#container.offer .shopping-cart .cartItem .cartProduct .pcp-description {
    color: #383838;
    border: none;
    border-radius: 2px;
    overflow: hidden;
    display: inline-block;
    width: calc(100% - 80px);
    line-height: normal;
}

#container.offer .shopping-cart .cartItem .cartProduct .name a {
    color: #000000;
    font-weight: 700;
    display: flex;
    line-height: normal;
}

#container.offer .totals {
    padding: 0;
    color: #000000;
    font-size: 16px;
    line-height: normal;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
}


#container.offer .totals .large-12.small-12.columns .row.collapse:not(:last-child) {
    margin-bottom: 10px;
}

#container.offer .totals .price {
    padding-left: 3px;
    text-align: right;
}

#container.offer .submit-cart-popup:after,
#container.offer .submit-cart:after {
    content: "";
    display: none;
}

#container.offer .widget-122 table.staffels div.add-to-cart,
#container.offer .widget-122 table.staffels div.add-to-cart:hover,
#container.offer .widget-122 table.staffels div.add-to-cart:focus {
    display: inline-block;
    float: right;
    background: #00B900 !important;
}

#container.offer .widget-122 table.staffels div.add-to-cart * {
    font-size: inherit !important;
}

#container.offer .widget-122 table.staffels div.add-to-cart i {
    font-size: 12px !important;
    margin-right: 5px;
}

html #container.offer .submit-cart-popup,
html #container.offer .submit-cart-popup:hover {
    margin-top: 10px;
}

#complete-order-modal div.form-block-wrapper {
    display: flex;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
}

#complete-order-modal div.form-block-wrapper li {
    list-style-type: none;
}

#complete-order-modal div.form-block-wrapper > h2 {
    flex: 1;
    flex-basis: 100%;
    background: #572A86;
    display: flex;
    align-items: center;
}

#complete-order-modal div.form-block-wrapper > * {
    margin: 0;
    width: auto;
    flex: 1 50%;
    padding: 10px;
}

#complete-order-modal div.form-block-wrapper > .form-block li {
    width: 100%;
}

#complete-order-modal label {
    width: auto;
    font-weight: bold;
    color: #000000;
    font-size: 16px;
}

#complete-order-modal #CheckoutModel_paymentMethod label {
    font-weight: 400;
}

#complete-order-modal .row.buttons {
    margin: 0;
    flex: 1;
    flex-basis: 100%;
    height: auto;
    width: auto;
    border: none;
    border-top: 1px solid #e9ebef;
}

#complete-order-modal .row.buttons input.button {
    width: auto;
    margin: 0;
}

/* BEGIN scroll to top button */

html #container .scroll-top {
    width: auto;
    position: fixed;
    bottom: 30px;
    right: 15px;
    visibility: hidden;
    transition: bottom .5s ease;
    z-index: 99999;
}

html #container header.fixed .scroll-top {
    display: inline-block;
    bottom: 15px;
}

.scroll-top > span {
    padding: 0;
    height: 50px;
    width: 50px;
    font-size: 22px;
    border-radius: 100rem;
    cursor: pointer;
    border: 1px solid #f7f7f7;
}

/* END scroll to top button */

/* BEGIN sidebar category page */
.sidebar-information ul {
    list-style-type: none;
    margin: 0;
}

.sidebar-information > ul {
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.sidebar-information > ul {
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.sidebar-information ul li,
.sidebar-information ul li a {
    color: #000000;
}

.sidebar-information ul li a:hover {
    text-decoration: underline;
}

.sidebar-information ul > li:last-child {
    font-size: 20px;
    font-weight: 600;
}

.sidebar-information ul > li:last-child ul li {
    font-size: 16px;
    font-weight: 400;
    margin-left: 1px;
}

.sidebar-information ul > li > ul > li:first-child,
.sidebar-information ul > li > ul > li:nth-child(3) {
    margin-bottom: 20px;
}

.sidebar-information ul > li span.custom-icon + .menu-item-text {
    display: none;
}

.sidebar-information > ul > li:last-child {
    padding: 15px;
}

/* END sidebar category page */

/* Popup */
body.no-scroll {
    overflow: hidden;
    height: 100%;
}

body.no-scroll:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.popup,
.lightbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}

.popup.open,
.lightbox.open {
    display: flex;
}

.popup .popup-wrapper,
.lightbox .lightbox-wrapper {
    margin: auto;
    background: white;
    border-radius: 5px;
    padding: 20px;
    height: 90vh;
    position: relative;
}

.lightbox .lightbox-wrapper {
    height: auto;
}

.popup .popup-wrapper .title,
.lightbox .lightbox-wrapper .title {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.popup .popup-wrapper .title h4,
.lightbox .lightbox-wrapper .title h4 {
    color: #000000;
}

.lightbox .lightbox-wrapper button.close {
    margin-left: auto;
}

.lightbox .lightbox-wrapper .image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.popup .popup-wrapper form {
    overflow: auto;
}

.popup .popup-wrapper form .row.buttons {
    position: absolute !important;
    bottom: 20px;
}

.popup form .row.field_pcpDescription textarea,
.popup form .row.field_question textarea {
    resize: none;
    height: 80px;
}

#container .popup .popup-wrapper form > .row.field_quantity,
#container .popup .popup-wrapper form > .row.field_pcpDescription,
#container .popup .popup-wrapper form > .row.field_question {
    -ms-flex: 0 0 100%;
    flex: 0 100%;
    max-width: 100%;
}

#container .popup .popup-wrapper form > .row.field_pcpDescription {
    display: none !important;
}

.popup .popup-wrapper form > .row.field_validation + .row {
    margin-top: 0px !important;
}

#container .popup .popup-wrapper form .row {
    margin-left: 0;
    margin-right: 0;
}

.btn.popup-trigger {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

form .errorMessage {
    color: #ce3a3a;
    padding: 0;
}

/* ===================================================== */
/*              Start - Custom brandpage code            */
/* ===================================================== */
.flex {
    display: flex;
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-auto {
    flex: 1;
}

.flex-100 {
    flex: 1 100%;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.non-scalable {
    object-fit: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

.align-center {
    align-items: center;
}

.align-self-center {
    align-self: center;
    border-radius: 5px;
}

.text-center {
    text-align: center;
}

.text-img img,
.text-img .img,
.image-box img,
.image-box .img,
.text.bg-grey,
.text-img.bg-grey {
    border-radius: 5px;
}

section + section {
    margin-top: 1rem;
}

.meta {
opacity: 0.7;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 18px;
}

.meta + .meta {
    margin-left: 20px;
}

.featured-blocks .items {
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.meta.author:before {
    content: "\f007";
    font-family: "Font Awesome 6 Pro";
    font-size: 14px;
    margin-right: 7px;
}

.meta.date:before {
    content: "\f073";
    font-family: "Font Awesome 6 Pro";
    font-size: 14px;
    margin-right: 7px;
    font-weight: 300;
}

.featured-blocks:not(.products) .items .item {
    padding: 0px 20px;
}

.featured-blocks.products .items .item a.wrapper {
    border: 1px solid transparent;
    padding: 20px;
    display: block;
    border-radius: 5px;
    transition: all .3s ease;
}

.featured-blocks.products .items .item a:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-color: #CCCCCC !important;
}

.featured-blocks .items .item .image {
    position: relative;
    overflow: hidden;
}

.featured-blocks:not(.products) .items .item .image img {
    border-radius: 5px;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.featured-blocks:not(.products) .items .item:hover .image img {
    -webkit-transform: scale(1.03) rotate(1deg);
    transform: scale(1.03) rotate(1deg);
}

.featured-blocks .items .item .image .action-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #00B900;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    color: #ffffff;
    z-index: 9;
    font-size: 16px;
}

.featured-blocks .items .item .title {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0;
    padding: 15px 0;
    display: block;
    width: 100%;
    text-align: center;
}

.featured-blocks.products .items .item .title {
    padding-bottom: 0px;
    text-align: left;
}

.featured-blocks .items .item .price {
    color: #00ABAA;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3em;
    display: inline-block;
}

.featured-blocks .items .item .price .from-price {
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
    color: #000000;
    margin-right: 6px;
}

/* Custom blocks - Large and up (Computer till nothing) */
@media screen and (min-width: 64.063em) {

    .text-img img + div,
    .text-img .img + div,
    .text-img div + img,
    .text-img div + .img{
        margin-left: 5rem !important;
    }

    .text.bg-grey.text-center {
        padding-left: 15%;
        padding-right: 15%;
    }

    .featured-blocks .items .item {
        flex: 1 1 25%;
    }

    .featured-blocks .items .item:nth-child(n+5) {
        margin-top: 40px;
    }

}

/* Custom blocks - Small and medium (Nothing till tablet) */
@media screen and (max-width: 64em) {
    .text.bg-grey.text-center {
        padding-left: 20px;
        padding-right: 20px;
    }

    html section {
        flex-direction: column;
    }

    .mobile-text-hide .text {
        display: none !important;
    }

    .mobile-img-hide img,
    .mobile-img-hide .img {
        display: none !important;
    }

    .text-img.mobile-img-top > img,
    .text-img.mobile-img-top > .img{
        order: 1;
        margin-bottom: 1.5rem;
    }

    .text-img.mobile-img-top > .text {
        order: 2;
    }

    .text-img.mobile-img-bottom > img,
    .text-img.mobile-img-bottom > .img {
        order: 2;
        margin-top: 1.5rem;
    }

    .text-img.mobile-img-bottom > .text {
        order: 1;
    }

}

/* Medium only (Tablet) */
@media screen and (min-width: 40em) and (max-width: 64em) {
    .featured-blocks .items .item {
        flex: 1 1 50%;
    }

    .featured-blocks .items .item:nth-child(n+3) {
        margin-top: 40px;
    }
}

/* Small only (Mobile) */
@media screen and (max-width: 39.9375em) {
    .featured-blocks .items .item {
        flex: 1 1 100%;
    }

    .featured-blocks .items .item:not(:first-child) {
        margin-top: 40px;
    }
}

/* ===================================================== */
/*              Einde - Custom brandpage code            */
/* ===================================================== */

span.send-prices-mail > a.send-prices-mail {
    color: black !important;
}