/*

- #f6A117 = Knop kleur / Primary kleur
- #007877 = Knop kleur HOVER / Primary kleur HOVER
- #00B900 = Productpagina bestelknop en product HOVER

- #cccccc = Lijn/border kleur en secondary knop HOVER
- #355665 = Tekstkleur

- 219963 = Pagina nummer, vervangen met contactpagina nummer

*/

#adminbar {
    display: none !important;
}

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


/* Large and up (Computer till nothing) */
@media screen and (min-width: 64.063em) {
    
    html header.fixed-header {
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
        top: -100px;
        position: fixed;
        width: 100%;
        background: #043044;
        z-index: 9999;
    }
    
    html header.fixed-header #placeholder-header-wrapper,
    html header.fixed-header #placeholder-header-top-wrapper {
        display: none !important;
   }

    #container header.fixed-header #placeholder-header-bottom {
        z-index: 9999;
        align-items: center;
        width:100%;
    }
    
    #container header.fixed-header #placeholder-header {
        padding-top: 20px;
    }
    
    #container header.fixed-header + main {
        margin-top: 150px;
    }
    
    .widget-product-lijst div.items > .overlay-wrapper:hover > .item > .main-image > .thumbnails {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        z-index: 9;
    }
    
    .widget-product-lijst div.items > .overlay-wrapper:hover > .item > .main-image > .thumbnails {
        opacity: 1;
        visibility: visible;
    }
    
    .widget-product-lijst div.items > .overlay-wrapper:hover > .item > .main-image > .thumbnails > li:nth-child(4) > img {
        background: none !important;
        position: relative;
        width: auto;
    }
    
    .widget-product-lijst div.items > .overlay-wrapper:hover > .item > .main-image > .thumbnails > li:nth-child(4) > img: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: #4d606a;
        font-size: 14px;
        display: flex;
        top: -2px;
        height: 100%;
    }
    
    header .logo img {
        margin-top: -25px;
    }
    
    #container .customercases > ul > li {
        flex: 0 33.3333%;
        flex-flow: column;
    }

    .customercases > ul > li:nth-child(n+4) {
        margin-top: 40px;
    }
    
    .kiyoh-reviews .item {
        flex: 1 1 calc(25% - 20px);
    }

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

    .usp > ul > li,
    footer .footer-menu,
    #container .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    .widget-categorie-lijst div.items > .overlay-wrapper {
        -ms-flex: 0 0 25%;
        flex: 0 25%;
        max-width: 25%;
    }

    #container .widget-product-lijst div.items > .overlay-wrapper {
        -ms-flex: 0 0 33.3333%;
        flex: 0 33.3333%;
        max-width: 33.3333%;
    }
    
    .connect {
        margin-bottom: 2rem;
    }

    #container.productSet .widget-productset-detail.main-detail-image {
        -webkit-box-flex: 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 40%;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    
    .widget-productset-detail .product-image .product-images li:nth-child(-n+6) {
        display: inline-block;
    }

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

    #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 .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .left {
        -ms-flex: 0 0 35%;
        flex: 0 35%;
        max-width: 35%;
        flex-shrink: 0;
        margin-right: 10px;
    }

    html .popup .popup-wrapper {
        width: 50vw;
    }

    .widget-contactformulier form > .row {
        -ms-flex: 0 0 50%;
        flex: 0 50%;
        max-width: 50%;
    }
    
    #container.checkout main .widget.widget-winkelwagen,
    #container.offerRequest main .widget.widget-winkelwagen {
        flex: 0 0 auto;
        width: 37.3333%;
    }

    .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-slider {
        margin-top: 15px !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,
    .category-list > ul > li:last-child > span,
    .productfilter.category-filter div[class*="-item"],
    .productfilter div[class*="-item"]:not(:last-of-type),
    div[class*="accordion-item"]:not(:last-of-type),
    #container main .productfilter .reset-filter {
        margin-bottom: 2rem !important;
    }

    .mb-lg-5,
    .categories > ul > li:last-child > span {
        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 {
        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 .menu > ul > li > ul {
        width: 56.2vw;
        min-width: 48rem;
        gap: 0 20px;
    }
    
    .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;
    }

    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;
    }

    html #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper:nth-last-child(-n+3) {
        border-bottom: none;
    }

    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;
    }

    .categories > ul > li > ul > li:nth-child(n+8) {
        margin-top: 40px;
    }

    .team > ul,
    .categories > ul > li > ul {
        flex-wrap: wrap;
    }

    .categories > ul > li > ul {
        justify-content: center;
    }

    html div[class*="accordion-item"] div[class*="-body"],
    html div[class*="accordion-item"].is-collapsed:only-child div[class*="-body"] {
        width: 75%;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    html body .menu > ul > li > ul {
        width: 70.4vw;
        min-width: 48rem;
    }
 }

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

    #container.no_children_category .widget-product-lijst .filter div.items-per-page, #container.search .widget-product-lijst .filter div.items-per-page {
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }
    
    html .team > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }

    html .usp > ul {
        flex-direction: column;
        align-items: baseline;
    }
    
    html .usp > ul > li > a:before, 
    html .usp > ul > li > span:before {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    
    html .fullwidth-row .usp > ul > li:not(:first-child) {
        margin-top: 20px;
    }

    html .customercases > ul > li {
        flex-wrap: wrap;
        justify-content: center;
        flex: 0 100%;
        flex-flow: column;
    }

    html .customercases > ul > li:nth-child(n+2) {
        margin-top: 40px;
    }
    
    html h1,
    html .h1,
    html h2.title,
    html #container .widget-contactformulier h2.title,
    html #container.staticPage main h1,
    html .categories > ul > li:first-child > span,
    html .category-list > ul > li:first-child > span,
    html .popup .popup-wrapper .title h4,
    html .order-popup-panel > div.top span.order-popup-label {
        font-size: 28px !important;
        line-height: 1 !important;
    }
    
    html h2,
    html .h2,
    html #configuration-placeholder-widget-865 > div.shoppingCart > div.main-details > span .h2,
    html #container.staticPage main h2,
    main h2,
    html #container .main-details .h2,
    html .h2.title,
    html #container[class*="category-"] h1:not(.cart-title) {
        font-size: 24px !important;
        line-height: 1 !important;
    }
    
    html h3,
    html .h3,
    html #container.staticPage main h3,
    html .categories > ul > li > ul > li a,
    html .categories > ul > li > ul > li a .menu-item-text,
    html .categories > ul > li > ul > li > span .menu-item-text
    html .widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name,
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator > span.title,
    html #container .widget-winkelwagen .price-details .title,
    html .widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info h4,
    html .order-popup-panel > div.contents .product-item > div > .product-name,
    html .newsletter > .wrapper > ul > li:first-child span.menu-item-text,
    html .sidebar-information ul > li:first-child > span {
        font-size: 22px !important;
        line-height: 1 !important;
    }
    
    html h4,
    html .h4,
    html #container.staticPage main h4,
    html .category-list > ul > li > ul > li > span,
    html .productfilter div[class*="-head"] .label,
    html .usp > ul > li > span,
    html .footer-menu span.title,
    html .cart-title {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    #page-layout-editor,
    .widget-editor-controlls {
        display: none !important;
    }

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

    #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper:nth-child(odd),
    #container.search .widget-product-lijst div.items > .overlay-wrapper:nth-child(odd) {
        border-right: 1px solid #eaeaea;
    }
    
    #container.checkout .widget.widget-afrekenen,
    #container.offerRequest .widget.widget-afrekenen {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 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: #83afb5;
        position: fixed;
        width: 100%;
        left: 0;
        transition: left .3s ease;
        -webkit-transition: left .3s ease;
        -moz-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: 55px;
        min-width: 55px;
    }

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

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

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

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

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

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

    html .mobile-menu .nav-bar .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 5px 0;
        top: -5px;
    }

    html .mobile-menu .nav-bar .logo img {
        height: 37px;
    }

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

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

    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: #355665;
    }

    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: #ffffff;
        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-y: 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 #e3e3e3;
        display: block;
        background: #f9f9f9;
    }

    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: 15px;
        padding: 12px 35px 12px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        background-color: #f9f9f9;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        -moz-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 > a[href="#special-request"],
    html .mobile-menu aside.nav-bar-menu > ul > li > span[href="#special-request"] {
        color: #f6A117;
        font-weight: 600;
    }

    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%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        z-index: 2;
        font-size: 10px;
        line-height: 1em;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
    }

    html .mobile-menu aside.nav-bar-menu ul li.back {
        background: #e3e3e3;
        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 .newsletter > .wrapper {
        flex-wrap: wrap;
    }

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

    html .newsletter > .wrapper > ul {
        flex: 1;
    }
    
    html .newsletter > .wrapper > ul > li:first-child span.menu-item-text {
        font-size: 17px;
        line-height: 24px;
    }

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

    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;
    }

    header .searchbar {
        order: 1;
    }

    header .widget-8 {
        order: 2;
    }

    header .widget-8.cart {
        margin-right: 40px;
    }

    #container header .widget-8 .shoppingCart .cart-icon + span {
        display: none;
    }

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

    html header #placeholder-header-wrapper .widget-602.cart {
        margin-right: 15px;
    }

    #container.home header > * > * > #placeholder-header,
    header > * > * > #placeholder-header > .widget-duplicaat {
        flex-wrap: nowrap;
    }

    #container .widget-product-lijst.product-slider div.items {
        margin: 0 !important;
    }

    #container .row > .large-3.medium-4,
    #container .row > .large-9.medium-8 {
        width: 100%;
    }

    #container .row > .large-3.medium-4 {
        display: none;
    }

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

    .category-filter.productfilter .list-view,
    .widget-filter.productfilter form {
        background: #f5f5f5;
        padding: 15px !important;
    }
    
    .category-filter.productfilter .list-view {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    
    .widget-filter.productfilter form {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .productfilter .filter-item.is-collapsed div[class*="-body"] {
        display: block !important;
        opacity: 1;
        visibility: visible;
        max-height: 100%;
        margin-top: 20px;
    }

    html .widget-product-lijst .filter {
        flex-flow: column !important;
    }

    html #container .filter select.product-list-sort {
        margin-top: 10px;
    }

    html .pager ul.yiiPager > li {
        flex: 1;
    }

    #container.staticPage .bx-wrapper .bx-controls,
    .productfilter .filter-item .filter-head .icon {
        display: none;
    }
    
    html #container.category .widget-categorie-lijst .items > .overlay-wrapper,
    html #container[class*="themes-brandpage-"] .widget-categorie-lijst .items > .overlay-wrapper,
    html #container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper,
    html #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper,
    html #container.search .widget-product-lijst div.items > .overlay-wrapper {
        flex: 0 50%;
        max-width: 50%;
    }

    .categories > ul > li > ul {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    .categories > ul > li > ul::-webkit-scrollbar,
    #container:not([class*="no_children_category"]) .widget-product-lijst div.items::-webkit-scrollbar,
    #container:not([class*="no_children_category"]) .widget-categorie-lijst:not(.productfilter) div.items::-webkit-scrollbar {
        height: 4px;
    }

    .categories > ul > li > ul::-webkit-scrollbar-thumb,
    #container:not([class*="no_children_category"]) .widget-product-lijst div.items::-webkit-scrollbar-thumb,
    #container:not([class*="no_children_category"]) .widget-categorie-lijst:not(.productfilter) div.items::-webkit-scrollbar-thumb {
        background-color: #f6A117;
    }

    .widget-contactformulier form > .row {
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }

    #container main .widget.widget-afrekenen form .items [class*="large-block-grid-2"] > .row,
    #container main .widget.widget-afrekenen form > .items > [class*="large-block-grid-1"] > .row,
    #container main .widget.widget-afrekenen form > .items > [class*="large-block-grid-"] > .item,
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="companyName"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="emailAddress"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="address"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="file"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="eliveryAddress"],
    html #container main .widget.widget-afrekenen,
    html #container main .widget.widget-afrekenen form > .items,
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget,
    .newsletter > .wrapper > ul > li,
    footer .copyright,
    footer .socialmedia,
    footer .partner-logos {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
    
    html #container .widget-afrekenen > form.checkout-form {
        gap: 40px;
    }
    
    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div + div {
        border-top: 1px solid #e3e3e3;
        display: block;
        padding-top: 6px;
    }

    html .partner-logos .wrapper {
        justify-content: center;
    }
    
    html .socialmedia,
    html .copyright {
        text-align: center;
    }
    
    footer #placeholder-footer-bottom .socialmedia {
        margin: auto !important;
    }

    html body .order-popup-panel {
        top: calc(50px + 3%);
        height: calc(100% - 3% - 3% - 50px);
        width: calc(100% - 3%);
    }

    html .popup .popup-wrapper,
    html .lightbox .lightbox-wrapper {
        width: 95vw;
        margin-top: calc(51px + 10px);
        height: calc(90% - 51px);
    }

    html #container.login,
    html #container.forgotPassword {
        margin-top: 0px !important;
        padding-top: 0;
    }

    html #container .login-card {
        padding: 4% 10% 4% 10%;
    }
    
    .newsletter > .wrapper > ul {
        flex-wrap: wrap;
    }

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

    .newsletter > .wrapper > ul > li:nth-child(2) {
        margin-bottom: 10px;
    }


}

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

    html .customercases > ul > li {
        justify-content: space-between;
    }

    .kiyoh-reviews .item {
        flex: 1 1 calc(50% - 20px);
    }

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

    footer .footer-menu,
    #container[class*="no_children_category"] .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container[class*="no_children_category"] .widget-product-lijst div.items > .overlay-wrapper,
    #container[class*="search"] .widget-product-lijst div.items > .overlay-wrapper,
    #container[class*="category"] .widget-categorie-lijst div.items > .overlay-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 50%;
        max-width: 50%;
    }

    .categories > ul > li > ul > li {
        flex: 1 0 29%;
        max-width: 29%;
    }
    
    html .team > ul > li {
        flex: 1 0 50%;
        max-width: 50%;
    }
    
    html .team > ul > li:nth-child(n + 3) {
        margin-top: 20px;
    }
    
    html .team > ul > li {
        padding: 0 10px;
    }

    #container:not([class*="no_children_category"]) .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container:not([class*="no_children_category"]):not([class*="search"]) .widget-product-lijst div.items > .overlay-wrapper,
    #container:not([class*="category"]) .widget-categorie-lijst div.items > .overlay-wrapper {
        flex: 1 0 65%;
        max-width: 65%;
    }

    #container[class*="no_children_category"] .widget-product-lijst.product-slider div.items > .overlay-wrapper:nth-child(n+3),
    #container[class*="no_children_category"] .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+3),
    #container[class*="search"] .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+3),
    .widget-categorie-lijst div.items > .overlay-wrapper:nth-child(n+3) {
        margin-top: 40px;
    }
    
    .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);
    }

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

    html .popup .popup-wrapper {
        width: 80vw;
    }

    html #container .login-card {
        width: 50%;
    }

    html .bg-grey:not(.usp-bar):after,
    html .bg-gray:not(.usp-bar):after,
    html footer #placeholder-footer-top-wrapper:after {
        background-position: 25% 70%;
        background-size: 180%;
    }
    
    html .connect .wrapper {
        flex-direction: column;
    }
    
    html .connect .wrapper i {
        margin-bottom: 10px;
    }

    .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,
    .productfilter {
        margin-top: 1rem !important;
    }

    .mt-md-3,
    #container .row > .large-9.medium-8 {
        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;
    }

    .productfilter.category-filter div[class*="-item"],
    .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,
    .categories > ul > li:last-child > span,
    .category-list > ul > li:last-child > span,
    .productfilter:not(.category-filter) div[class*="-item"]:not(:last-of-type),
    div[class*="accordion-item"]:not(:last-of-type),
    #container main .productfilter .reset-filter,
    #container[class*="category-"] .widget-categorie-detail .resource-image {
        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,
    footer #placeholder-footer-top {
        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,
    footer #placeholder-footer-top {
        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 > form.checkout-form > .button,
    #container.offerRequest .widget-afrekenen > form.checkout-form > .button,
    #container.payInvoice .widget-afrekenen > form.checkout-form > .button {
        margin-right: 10px;
    }

    #container.checkout .widget-afrekenen > form.checkout-form > .button,
    #container.offerRequest .widget-afrekenen > form.checkout-form > .button,
    #container.payInvoice .widget-afrekenen > form.checkout-form > .button,
    #container.checkout .widget-afrekenen > form.checkout-form > .buttons,
    #container.offerRequest .widget-afrekenen > form.checkout-form > .buttons,
    #container.payInvoice .widget-afrekenen > form.checkout-form > .buttons {
        flex: 1;
    }

    #container.checkout .widget-afrekenen > form.checkout-form > .large-block-grid-2 .row,
    #container.offerRequest .widget-afrekenen > form.checkout-form > .large-block-grid-2 .row,
    #container .widget-contactformulier form > .row,
    #container main #mc-embedded-subscribe-form #news-form_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;
    }
    
    #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 {
        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 .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 50%;
        flex: 0 50%;
        max-width: 50%;
    }
    
    .fullwidth-row.desktop-hide {
        display: none;
    }

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

    html .popup .popup-wrapper {
        margin-top: calc(45px + 20px);
    }

    .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 #e3e3e3;
    }

    .newsletter > .wrapper > ul > li:nth-child(2) {
        flex: 1;
    }
    
    #container main .widget.widget-afrekenen form .items [class*="large-block-grid-2"] > .row,
    #container.offerRequest main .widget.widget-afrekenen form > .items > [class*="large-block-grid-1"] > .row,
    #container.offerRequest main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="companyName"] {
        width: 100%;
        -ms-flex: 0 0 50%;
        flex: 0 50%;
        max-width: 50%;
    }

    #container main .widget.widget-afrekenen form > .items > [class*="large-block-grid-1"] > .row,
    #container main .widget.widget-afrekenen form > .items > [class*="large-block-grid-"] > .item,
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="companyName"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="emailAddress"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="address"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="file"],
    #container main .widget.widget-afrekenen form > .items [class*="large-block-grid-"] .row[class*="eliveryAddress"] {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }

}

/* Small only (Mobile) */
@media screen and (max-width: 39.9375em) {
    
    html .hero-overlay {
        padding: 20px;
    }
    
    html .hero-title {
        font-size: 28px;
    }
    
    html .hero-subtitle {
        font-size: 18px;
    }
    
    html .customercases > ul > li {
        flex-wrap: wrap;
        justify-content: center;
        flex: 0 100%;
        flex-flow: column;
    }
    
    html .team > ul > li {
        width: 100%;
    }
    
    html .team > ul > li:not(:first-child) {
        margin-top: 20px;
    }
    
    html .popup .popup-wrapper form .row.buttons {
        bottom: 60px;
    }
    
    .fullwidth-row.mobile-hide,
    html #container header .searchbar a {
        display: none;
    }
    
    html #container.productSet .widget-kruimelpad {
        position: relative;
        top: 20px;
    }
    
    html #cookie-control-wrapper {
        max-width: 80% !important;
        width: 100% !important;
    }


    html #cookie-control-container {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
    }
    
    html div[class*="-item"] div[class*="-head"] .label {
        white-space: normal;
        max-width: 100%;
        display: inline-block;
        text-align: left;
    }
    
    html #container:not(.no_children_category):not(.search) .widget-product-lijst div.items {
        flex-wrap: nowrap;
        overflow: auto;
    }
    
    html #container.category .widget-categorie-lijst .items > .overlay-wrapper:nth-child(n+3),
    html #container[class*="themes-brandpage-"] .widget-categorie-lijst .items > .overlay-wrapper:nth-child(n+3) {
        margin-top: 20px;
    }

    html #container.no_children_category .widget-categorie-detail .wrapper {
        flex-direction: column;
        border-radius: 0;
    }

    html #container.no_children_category .widget-categorie-detail .wrapper .description {
        background: transparent !important;
        padding: 0px 0px 15px 0px;
        order: 1;
    }

    html #container.no_children_category .widget-categorie-detail .wrapper .description h1 {
        color: #4d606a !important;
        margin-bottom: 0px;
    }

    html #container.no_children_category .widget-categorie-detail .wrapper .resource-image {
        order: 2;
        border-radius: 3px;
        flex: 0 100%;
        max-width: 100%;
    }

    html #container.no_children_category .widget-product-lijst div.items > .overlay-wrapper,
    html #container.search .widget-product-lijst div.items > .overlay-wrapper,
    html #container.category .widget-categorie-lijst .items > .overlay-wrapper,
    html #container[class*="themes-brandpage-"] .widget-categorie-lijst .items > .overlay-wrapper {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    html #container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper {
        flex: 0 0 65%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .widget-product-lijst div.items > .overlay-wrapper > .item > .main-image a > img {
        width: 70%;
        height: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    html #container.no_children_category .widget-categorie-detail .wrapper .description .short-description,
    html #container.productSet .widget-productset-detail .information-details {
        display: none;
    }

    .widget-categorie-lijst div.items > .overlay-wrapper:nth-child(n+3) {
        margin-top: 30px;
    }
    
    .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;
    }
    
    .categories > ul > li > ul > li {
        flex: 1 0 40%;
        max-width: 40%;
    }
    
    #container main .widget.widget-afrekenen form .items [class*="large-block-grid-2"] > .row {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }

    footer .footer-menu,
    #container[class*="no_children_category"] .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container[class*="no_children_category"] .widget-product-lijst div.items > .overlay-wrapper,
    #container[class*="search"] .widget-product-lijst div.items > .overlay-wrapper,
    .widget-categorie-lijst div.items > .overlay-wrapper,
    #container.checkout .widget-afrekenen > form.checkout-form > .button,
    #container.offerRequest .widget-afrekenen > form.checkout-form > .button,
    #container.checkout .widget-afrekenen > form.checkout-form > .buttons,
    #container.offerRequest .widget-afrekenen > form.checkout-form > .buttons,
    #container.checkout .widget-afrekenen > form.checkout-form > .large-block-grid-2 .row,
    #container.offerRequest .widget-afrekenen > form.checkout-form > .large-block-grid-2 .row,
    #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 {
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }
    
    #container.checkout .widget-afrekenen > form.checkout-form > .buttons,
    #container.offerRequest .widget-afrekenen > 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);
    }

    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:not(:first-child) {
        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;
    }
    
    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:last-child > a {
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
    }
    
    html #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a img {
        max-width: 190px;
        padding: 0;
    }

    #container:not([class*="no_children_category"]) .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container:not([class*="no_children_category"]):not([class*="search"]) .widget-product-lijst div.items > .overlay-wrapper {
        flex: 1 0 80%;
        max-width: 80%;
    }

    footer .footer-menu.image img {
        margin: auto;
    }

    html #container .login-card {
        width: 80%;
    }

    html .bg-grey:not(.usp-bar):after,
    html .bg-gray:not(.usp-bar):after,
    html footer #placeholder-footer-top-wrapper:after {
        background-position: 45% 70%;
        background-size: 230%;
    }
    
    html .connect .wrapper {
        flex: 100%;
    }
    
    html .connect-subtitle {
        margin-bottom: 0;
    }

    .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 {
        margin-top: .5rem !important;
    }

    .mt-sm-2,
    .category-filter {
        margin-top: 1rem !important;
    }

    .mt-sm-3,
    #container .row > .large-9.medium-8 {
        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;
    }

    .productfilter.category-filter div[class*="-item"],
    .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,
    .categories > ul > li:last-child > span,
    .category-list > ul > li:last-child > span,
    .productfilter:not(.category-filter) div[class*="-item"]:not(:last-of-type),
    div[class*="accordion-item"]:not(:last-of-type),
    #container main .productfilter .reset-filter {
        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,
    footer #placeholder-footer-top {
        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,
    footer #placeholder-footer-top {
        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: #355665;
    font-size: 15px;
    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: 99;
    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: #f5f5f5;
    border-radius: 10px;
}

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

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

: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;
    left: 50%;
    top: 32%;
    transform: translateX(-50%);
    margin: 0;
    min-height: auto;
    background: #ffffff;
    color: #000000; /* kleur aangepast zodat tekst zichtbaar is op witte achtergrond */
    z-index: 9999999;
    font-size: 15px;
    max-width: 700px;
    width: auto;
    border-radius: 4px;
    text-align: left;
    line-height: 1.5em;
    display: flex;
    flex-flow: row;
    overflow: hidden;
    box-shadow: 0px 0px 18px rgb(0 0 0 / 20%);
}

html #cookie-control-opacity {
    position: relative;
    background: none;
    width: auto;
    height: auto;
    opacity: 1;
    display: flex;
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    align-items: center;
    justify-content: center;
    flex: 1;
}

html #cookie-control-opacity:before {
    content: "Cookie Policy";
    color: #043044;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}

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

html body #cookie-control-container input#accept-cookies {
    background: transparent;
    color: #ffffff;
    background: #f6A117;
    border: 1px solid #f6A117;
    padding: 8px 13px;
    font-weight: 600 !important;
    margin-top: 20px;
    width: 100%;
}

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

#cookie-control-container #deny-cookies {
    color: #043044;
    font-size: 15px;
}

html #cookie-control-wrapper,
html #cookie-control-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

html #cookie-control-container {
    max-width: 35em !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#container {
    overflow: hidden !important;
}

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

#container main,
#container.cart main,
#container main,
#containerProcess main,
#container.completeOrder main,
#container.completeOrderProcess main,
#container.catalogue main,
#container.catalogueProcess main,
#container.offer main {
    min-height: 74vh;
}

body,
#container,
ul li,
ol li,
dl,
input,
p,
main p,
.subtext,
#container .widget-kruimelpad a,
#container .widget-kruimelpad span {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #043044;
    font-style: normal;
}

.staticPage .widget-statische-pagina.content a {
    color: #f6A117;
}

a:hover,
a:focus {
    color: #f6A117;
}

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

h1,
.h1,
h2.title,
#container .widget-contactformulier h2.title,
#container.staticPage main h1,
.categories > ul > li:first-child > span,
.category-list > ul > li:first-child > span,
html .order-popup-panel > div.top span.order-popup-label {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 24px;
    color: #043044;
}

h2,
.h2,
#configuration-placeholder-widget-865 > div.shoppingCart > div.main-details > span .h2,
#container.staticPage main h2,
main h2,
#container .main-details .h2,
.h2.title,
.popup .popup-wrapper .title h4,
#container.staticPage .popup .popup-wrapper .title h4,
#container[class*="category-"] h1:not(.cart-title),
.team > ul > li > ul > li:nth-child(2) .menu-item-text {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 27px;
    line-height: 30px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 10px;
    color: #043044;
}

h3,
.h3,
#container.staticPage main h3,
.categories > ul > li > ul > li a,
.categories > ul > li > ul > li a .menu-item-text,
.categories > ul > li > ul > li > span .menu-item-text
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator > span.title,
#container .widget-winkelwagen .price-details .title,
.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info h4,
html .order-popup-panel > div.contents .product-item > div > .product-name,
.newsletter > .wrapper > ul > li:first-child span.menu-item-text,
.sidebar-information ul > li:first-child > span,
div[class*="accordion-item"] div[class*="-head"] .label {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 14px;
    color: #043044;
}

h4,
.h4,
#container.staticPage main:not(.popup) h4,
.category-list > ul > li > ul > li > span,
.productfilter div[class*="-head"] .label,
.usp > ul > li > span,
.usp > ul > li > a,
.footer-menu span.title {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 10px;
    color: #043044;
}

h5,
.h5,
#container.staticPage main h5,
.mobile-menu .nav-bar .logo > span,
.menu > ul > li:first-child > span {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.333em;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 7px;
    color: #043044;
}

h6,
.h6,
#container.staticPage main h6 {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.273em;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 4px;
    color: #043044;
}

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 {
    color: #043044;
    clear: both;
    text-transform: none;
    border: none;
    height: auto;
    text-align: inherit;
}

.bg-grey,
.bg-gray {
    background: #f3f3f3;
    position: relative;
    border: none;
    height: auto;
}

.bg-yellow {
    background: #f6A117;
    position: relative;
    border: none;
    height: auto;
}

.bg-cyan {
    background: #82AFB5;
    position: relative;
    border: none;
    height: auto;
}

.bg-blue {
    background: #355665;
    position: relative;
    border: none;
    height: auto;
}

.bg-red {
    background: #E35A62;
    position: relative;
    border: none;
    height: auto;
}

.bg-pink {
    background: #E35A62;
    position: relative;
    border: none;
    height: auto;
}

footer #placeholder-footer-top-wrapper {
    background: #ffffff;
    border: none;
}

footer #placeholder-footer-top-wrapper > * {
    position: relative;
    z-index: 2;
}

footer #placeholder-footer-top-wrapper:after {
    background-size: 30%;
    background-position: 109% 50%;
}

.fullwidth-row .row {
    z-index: 2;
    position: relative;
}

.fullwidth-row .row > *:not(label),
.mobile-filter {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

#container[class*="category-"] .fullwidth-row .row > a {
    display: block;
}

h2.title,
#container.staticPage h2.title,
.subtitle,
.category-list > ul > li:first-child > span,
.category-list > ul > li:last-child > span {
    display: block;
    width: 100%;
    text-align: center;

}

.categories > ul > li:last-child > span .menu-item-text,
.category-list > ul > li:last-child > span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}


/* Colored (standard) button */
.button,
button,
button.disabled,
.ui-dialog .ui-dialog-buttonpane button.disabled,
button[disabled],
.ui-dialog .ui-dialog-buttonpane button[disabled],
.button.disabled,
.button[disabled],
.ui-dialog .ui-dialog-buttonpane button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.pager ul.yiiPager > li > a,
.pager ul.yiiPager > li.selected > a,
#container main .productfilter .reset-filter a,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a,
#container .widget-afrekenen > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons input.button,
#container.checkout .widget-afrekenen > form.checkout-form > .button,
#container.offerRequest .widget-afrekenen > form.checkout-form > .button, #container.payInvoice .widget-afrekenen > form.checkout-form > .button,
html .order-popup-panel > div.contents .product-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,
html #cookie-control-container input#accept-cookies,
#container header .searchbar a,
html .order-popup-panel > div.top span.order-popup-close,
html .order-popup-panel .button-primary {
    border-radius: 3px;
    background: #f6A117;
    font-size: 15px;
    color: white;
    border: 1px solid #f6A117;
    text-transform: none;
    font-weight: 500 !important;
    padding: 8px 13px;
    display: block;
    font-family: "Poppins", Arial, sans-serif;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    outline: none;
    height: auto;
    margin: 0;
    text-align: center;
    line-height: normal;
}

/* Disabled button */
button.disabled,
.ui-dialog .ui-dialog-buttonpane button.disabled,
button[disabled],
.ui-dialog .ui-dialog-buttonpane button[disabled],
.button.disabled,
.button[disabled] {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

/* Secondary button */
.button.secondary,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
html .order-popup-panel > div.contents .product-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 #355665;
    color: #355665;
}

.pager ul.yiiPager > li > a {
    background: transparent;
    border: 1px solid #e3e3e3;
    color: #355665;    
}

/* 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 .buttons > div.add-to-cart.add-to-shopping-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart,
#container.productSet #sample-request,
#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: #355665;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart,
#container.productSet #sample-request {
    display: flex;
    flex: 0 100%;
    width: 100%;
    justify-content: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart {
    margin: 0px;
}

/* Red button */
#container main .productfilter .reset-filter a {
    background: #E35A62;
    border-color: #E35A62;
}

/* Green button */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:nth-child(-n+2),
#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 .widget-afrekenen > form.checkout-form .row.buttons input.button,
html .order-popup-panel .button-primary:first-child {
    background: #5cb245;
    color: #ffffff !important;
    border: 1px solid #5cb245;
}

/* Colored (standard) button - Hover/Focus */
.button:hover,
.button:focus,
button.disabled:hover,
.ui-dialog .ui-dialog-buttonpane button.disabled:hover,
button.disabled:focus,
.ui-dialog .ui-dialog-buttonpane button.disabled:focus,
button[disabled]:hover,
.ui-dialog .ui-dialog-buttonpane button[disabled]:hover,
button[disabled]:focus,
.ui-dialog .ui-dialog-buttonpane button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus,
button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
button:focus,
.ui-dialog .ui-dialog-buttonpane button:focus,
html .pager ul.yiiPager > li.selected > a,
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,
html .order-popup-panel > div.top span.order-popup-close:hover,
html .order-popup-panel > div.top span.order-popup-close:focus,
html .order-popup-panel .button-primary:hover,
html .order-popup-panel .button-primary:focus,
#container.offerRequest .widget-afrekenen > form.checkout-form > .button:hover,
#container.checkout .widget-afrekenen > form.checkout-form > .button:hover,
#container.payInvoice .widget-afrekenen > form.checkout-form > .button:hover,
#container.offerRequest .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items + .button:hover,
#container.offerRequest .widget-winkelwagen.checkout-cart .shoppingCart .shopping-cart-detail .items + .button:focus {
    background: #355665;
    border-color: #355665 !important;
}

/* Grey button - Hover/Focus */
.button.secondary:hover,
.button.secondary:focus,
#container main .productfilter .reset-filter a:hover,
#container main .productfilter .reset-filter a:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:focus,
#container.productSet #sample-request:hover,
#container.productSet #sample-request:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart: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: #355665 !important;
    color: #ffffff;
}

.pager ul.yiiPager > li > a:hover,
.pager ul.yiiPager > li > a:focus {
    background: #355665;
    border-color: #355665;
    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: #5cb245;
}

/* Red button - Hover/Focus */
html #container main .productfilter .reset-filter a:hover,
html #container main .productfilter .reset-filter a:focus {
    background: #bd2e2e !important;
    border-color: #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 .widget-afrekenen > form.checkout-form .row.buttons input.button:hover,
#container .widget-afrekenen > form.checkout-form .row.buttons input.button:focus,
html .order-popup-panel .button-primary:first-child:hover,
html .order-popup-panel .button-primary:first-child:focus {
    background: #55a440 !important;
    border-color: #55a440 !important;
}

/*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;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label:hover {
    background: #f3f3f3;
}

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

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label {
    margin: 0;
    border: none;
    background: none !important;
    height: auto;
    display: flex;
    font-weight: 600;
    align-items: center;
    padding: 2px 15px;
    padding-left: 0px;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-size: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label:hover {
    background: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values #quantityRadioButtonList {
    margin-bottom: 10px;
}

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 {
    border: 1px solid #e3e3e3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 3px;
    font-size: 15px;
    font-family: "Poppins", Arial, sans-serif;
    color: #043044;
    font-weight: 500;
    font-size: 14px;
    margin: 0;
    background: #ffffff;
    height: auto;
    padding: 8px 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

input[type="file"] {
    border: 1px solid #e3e3e3;
    padding: 8px 15px;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="time"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder,
#container header .searchbar form input::placeholder {
    color: #043044;
    font-weight: 500;
    font-size: 14px;
    opacity: 0.8;
}

textarea {
    border-radius: 3px;
    min-height: 100px;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #ffffff 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:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #f3f3f3;
    border-color: #e3e3e3;
    outline: none;
}

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


/* 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-slider {
    margin-bottom: 20px !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;
}

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

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

.p-4 {
    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;
}

.telefoon-header {
    justify-content: center;
    margin-left: auto;
}

.telefoon-header a {
    white-space: nowrap;
    font-size: 15px !important;
    color: #fff !important;
}
    
.telefoon-header a:hover {
    text-decoration: underline;
}

.telefoon-header a:before {
    content: "\f095";
    font-family: 'font Awesome 6 Pro';
    margin-right: 10px;
    font-weight: bold;
    display: inline-block;
    }

.telefoon-header p {
    margin-bottom: 0px;
}

input[type="checkbox"] {
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: white;
    cursor: pointer;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type="checkbox"]:checked {
    border-color: #5cb245;
}

input[type="checkbox"]:hover:after,
input[type="checkbox"]:checked:after {
    content: '\2714';
    font-family: "Font awesome 6 pro";
    font-size: 15px;
    position: relative;
    top: 0px;
    left: 1px;
    color: #cccccc;
    transition: all .3s ease;
}

input[type="checkbox"]:checked:after {
    color: #5cb245;
}

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 #cccccc;
    background: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -ms-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -o-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"]:not(:checked):hover::before,
.custom-staffel-radio-table tr:hover input[type="radio"]:not(:checked)::before {
    background: #cccccc;
}

input[type="radio"]:checked::before {
    background: #5cb245;
    border: 1px solid #5cb245;
}

header .clear {
    display: none !important;
}

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;
}

header #placeholder-header-top-wrapper {
    height: auto;
    line-height: normal;
}

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

#container header #placeholder-header-wrapper,
#container.offer footer {
    display: block;
}

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

.header-usp ul {
    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: #ffffff !important;
    display: flex;
    align-items: center;
    padding: 12px 0px;
    line-height: normal;
}

.header-usp ul li i {
    background: #5cb245;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 100rem;
    height: 20px;
    width: 20px;
}

.kiyoh {
    font-size: 15px;
    color: #ffffff;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-end;
    margin-left: auto;
}

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

.connect {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.connect-photo img {
    height: 100%;
}

.connect .wrapper {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #043044;
    min-width: 200px;
    transition: color 0.3s ease;
}

.connect .wrapper:hover {
    color: #48606b;
}

.connect .wrapper > i {
    width: 60px;
    height: 60px;
    border-radius: 30rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    background: #f6A117;
    margin-right: 10px;
    color: #ffffff;
    transition: background 0.3s ease;
    line-height: 1;
    vertical-align: middle;
}

.connect .wrapper > i:before {
    width: 27px;
    display: block;
    text-align: center;
}

.connect .wrapper:hover > i {
    background: #355665;
}

.connect .wrapper span {
    font-size: 18px;
}

.sidebar-information ul,
.usp ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.usp > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.usp > ul > li > a:before,
.usp > ul > li > span:before {
    content: "\f00c";
    font-weight: 700;
    font-family: "Font awesome 6 pro";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    color: white;
    background: #f6A117;
    border-radius: 100rem;
    font-size: 28px;
    position: relative;
    top: -1px;
}

.usp > ul > li > span,
.usp > ul > li > a {
    font-weight: 400;
    margin: 0;
    color: #043044;
}

.usp > ul > li > span,
.usp > ul > li > a {
    display: flex;
    align-items: center;
}

.header-questions {
    text-align: right;
    justify-content: end;
}

.header-questions i {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

header {
    z-index: 999;
    background: #043044;
}

#container header #placeholder-header-bottom-wrapper {
    border: none;
    height: auto;
    display: block;
    background: #83afb5;
    position: relative !important;
}

header .logo {
    width: auto !important;
    filter: brightness(0) invert(1);
}

#container header .searchbar {
    margin-left: auto;
}

#container header .searchbar form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    background: white;
    border-radius: 3px;
}

#container header .searchbar form .twitter-typeahead {
    position: static !important;
}

#container header .searchbar form input {
    height: 100%;
    width: 100%;
    border: 1px solid #ffffff;
    padding: 9.5px 15px 9.5px 15px;
    border-radius: 3px;
}

#container header .searchbar a {
    position: relative;
    height: auto;
    width: auto;
    right: auto;
    top: auto;
    padding: 3.5px 15px;
    font-size: 23px;
    background: #f6a117;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #043044;
}

#container header .searchbar a i {
    font-weight: 500;
}

#container header .searchbar a:hover,
#container header .searchbar a:focus {
    background: #355665 !important;
    border-color: #355665 !important;
}

#container header .searchbar a i {
    filter: brightness(0) invert(1);
}

#container header .searchbar a span {
    display: block !important;
}

html .tt-menu {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    border: none;
}

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 header .widget-8 .shoppingCart {
    border-radius: 3px;
    float: none;
    min-height: auto;
    background: none !important;
    padding: 0;
    border: none;
    cursor: default;
    display: flex;
}

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

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

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

#container header .widget-8 .shoppingCart .cart-icon .cart-svg {
    height: 34px;
    width: 27px;
    filter: brightness(0) invert(1);
}

#container header .widget-8 .shoppingCart .cart-icon .offer-svg {
    height: 34px;
    width: 27px;
    filter: brightness(0) invert(1);
}

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

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

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

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

#container header .widget-8 .shoppingCart:hover .shopping-cart-detail {
    opacity: 1;
    -webkit-transform: scaleY(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 #e3e3e3;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item img {
    margin: 0;
    border: 0;
    border-radius: 3px;
    min-width: 54px;
    min-height: 54px;
}

#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,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name {
    color: #355665;
    margin: 0;
    line-height: normal;
    text-align: left;
    border: none;
    overflow: hidden;
    background: none;
}

#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;
    max-width: 80%;
}

#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: 21px;
    color: #043044;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-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: #E35A62;
}

#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: #f5f5f5;
    padding: 10px;
    border-radius: 3px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter .carttotal * {
    font-size: 15px;
    font-weight: 600;
}

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

/* Main menu */
.main-menu,
.menu {
    align-self: normal;
    position: static !important;
}

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

.main-menu > ul {
    width: 100%;
    display: flex;
    white-space: nowrap;
}

.main-menu > ul > li {
    float: left;
    line-height: normal;
    height: 100%;
    display: flex;
    align-items: center;
}

.main-menu > ul > li:last-child {
    margin-left: auto;
}

.main-menu > ul > li:last-child a {
    padding-right: 0px;
}

.main-menu > ul > li > a,
.main-menu > ul > li > span {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 18px 13px;
    height: 100%;
    overflow-wrap: anywhere;
    transition: all 0.3s, background 0.1s, color 0.1s, border-color 0.1s;
    transition-delay: 0s;
}

.main-menu > ul > li:last-child > a > span {
    background: #f6A117;
    padding: 5px 10px;
    border-radius: 3px;
    transition: all .3s ease;
}

.main-menu > ul > li:last-child > a > span:hover {
    background: #355665
}

.main-menu > ul > li:not(:last-child):hover > a,
.main-menu > ul > li:not(:last-child).children:hover > span {
    background: #fff;
    color: #355665;
    transition: all 0.3s, background 0.1s, color 0.1s, border-color 0.1s;
    transition-delay: 0.2s
}

.main-menu > ul > li > a i,
.main-menu > ul > li > span i {
    padding-right: 10px;
    transition: all 0.3s, background 0.1s, color 0.1s, border-color 0.1s;
    transition-delay: 0s;
}

.main-menu > ul > li:hover > a i,
.main-menu > ul > li:hover > span i {
    color: #355665;
    transition: all 0.3s, background 0.1s, color 0.1s, border-color 0.1s;
    transition-delay: 0.2s
}

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

.main-menu > ul > li.children > a:after,
.main-menu > ul > li.children > span:after,
.menu > ul > li:not(:first-child) > span:after,
.menu > ul > li:not(:first-child) > a:after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    font-size: 0.8rem;
    position: relative;
    top: 2px;
    margin-left: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    width: 11px;
    height: 11px;
    transform-origin: center;
    transition: all .3s, transform 0.1s;
    transition-delay: 0s;
}

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

.main-menu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-height: 100%;
    z-index: 9999;
    background: #ffffff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 12px 0px;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    transition: opacity 0.1s, visibility 0.1s;
    transition-delay: 0s;
    margin-left: 9px;
    margin-right: 9px;
    min-height: 260px;
}

.main-menu > ul > li:not(:first-child) > ul {
    padding: 20px;
}

.main-menu > ul > li:hover > ul,
.main-menu > ul > li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s, visibility 0.1s;
    transition-delay: 0.2s;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.main-menu > ul > li:first-child > ul > li {
    max-width: 280px;
}

.main-menu > ul > li:first-child > ul > li:first-child:after {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 40px);
    background: #cccccc;
    top: 20px;
    z-index: 9999;
    left: 290px;
    pointer-events: none
}

.main-menu > ul > li:first-child > ul > li > a,
.main-menu > ul > li:first-child > ul > li > span {
    font-size: 15px;
    color: #043044;
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 0px;
    transition: all .2s ease;
    z-index: 99;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.main-menu > ul > li:first-child > ul > li > a i,
.main-menu > ul > li:first-child > ul > li > span i {
    margin-right: 10px;
    width: 15px;
}

.main-menu > ul > li:first-child > ul > li:not(:last-child) > a,
.main-menu > ul > li:first-child > ul > li:not(:last-child) > span {
    border-bottom: 1px solid #cccccc;
}

.main-menu > ul > li > ul > li:not(.children):hover > a {
    color: #f6A117;
}

.main-menu > ul > li:first-child > ul > li {
    width: 100%;
    padding: 0;
    padding-right: 25px;
    padding-left: 25px;
}

.main-menu > ul > li:not(:first-child) > ul > li.children + li.children,
.main-menu > ul > li > ul > li > ul > li:not(:first-child) + li,
.main-menu > ul > li:first-child > ul > li > ul > li:not(:first-child) + li {
    margin-top: 20px;
}

.main-menu > ul > li:not(:first-child) > ul > li > span,
.main-menu > ul > li:not(:first-child) > ul > li > a,
.main-menu > ul > li > ul > li > ul > li > span,
.main-menu > ul > li > ul > li > ul > li > a, 
.main-menu > ul > li > ul > li > ul > li > ul > li > a > span {
    color: #043044;
    display: flex;
    align-items: center;
    padding: 3px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-menu > ul > li:not(:first-child) > ul > li.children > a,
.main-menu > ul > li:not(:first-child) > ul > li.children > span {
    font-weight: 600;
    font-size: 18px;
}

.main-menu > ul > li:not(:first-child) > ul > li span .custom-icon,
.main-menu > ul > li:not(:first-child) > ul > li a .custom-icon {
    max-height: 40px;
    max-width: 40px;
    margin-right: 10px;
}

.main-menu > ul > li > ul > li > ul > li a b,
.menu > ul > li > ul > li a b {
    font-weight: 500;
}

.main-menu > ul > li > ul > li > ul > li > a,
.main-menu > ul > li > ul > li > ul > li > span,
.menu > ul > li > ul > li.children > a,
.menu > ul > li > ul > li.children > span {
    font-weight: 700;
}

.main-menu > ul > li:not(.children) > span,
.main-menu > ul > li:not(:first-child) > ul > li:not(.children) > span,
.main-menu > ul > li > ul > li:not(.children) > span,
.main-menu > ul > li > ul > li > ul > li:not(.children) > span,
.main-menu > ul > li > ul > li > ul > li > ul > li:not(.children) > span {
    color: #E35A62;
}

.main-menu > ul > li > ul > li > ul > li.children:nth-child(n+6) {
    margin-top: 20px;
}

.main-menu > ul > li:first-child > ul > li > ul {
    display: none;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    padding-left: 330px;
    border-radius: 3px;
    width: 100%;
    min-height: 100%;
    align-content: baseline;
    z-index: 9;
}

.main-menu > ul > li:first-child > ul > li > ul > li a,
.main-menu > ul > li:first-child > ul > li > ul > li span,
.menu > ul > li > ul > li span,
.menu > ul > li > ul > li a {
    color: #043044;
    display: block;
    padding: 3px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-menu > ul > li > ul > li > ul {
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

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

.main-menu > ul > li > ul > li > ul > li:not(:first-child),
.menu > ul > li > ul > li:not(:first-child) {
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.main-menu > ul > li > ul > li > ul > li:first-child {
    column-span: all;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

.main-menu > ul > li > ul > li > ul > li:first-child a,
.main-menu > ul > li > ul > li > ul > li:first-child span,
.menu > ul > li > ul > li:first-child span,
.menu > ul > li > ul > li:first-child a {
    font-size: 18px;
    font-weight: 600;
}

.main-menu > ul > li > ul > li:hover > ul {
    display: block;
    background: #ffffff;
}

.main-menu > ul > li > ul > li > ul > * {
    z-index: 9;
}

/* Menu links */

.menu > ul {
    position: relative;
    border: 1px solid #043044;
    border-radius: 3px;
    width: 100%;
    z-index: 9;
}

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

.menu > ul > li > a,
.menu > ul > li > span {
    font-size: 15px;
    color: #043044;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all .2s ease;
    z-index: 99;
    position: relative;
}

.menu > ul > li:not(:first-child) > span:after,
.menu > ul > li:not(:first-child) > a:after {
    content: "\f105";
}

.menu > ul > li:first-child > span {
    color: #ffffff;
    background: #043044;
    margin: 0;
    padding: 14px;
}

.menu > ul > li.children:not(:first-child):hover > span:after,
.menu > ul > li.children:not(:first-child):hover > a:after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(90deg);
}

.menu > ul > li > ul > li:not(:first-child).children + li.children {
    margin-top: 20px;
}

.menu > ul > li > ul > li a:hover,
.menu > ul > li a:hover {
    color: #f6A117;
}

.menu > ul > li:not(:first-child):not(.children) > span,
.menu > ul > li > ul > li:not(:first-child):not(.children) > span,
.menu > ul > li > ul > li > ul > li:not(.children) > span {
    color: #E35A62;
}

.menu > ul > li > ul > li:first-child {
    column-span: all;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

.menu > ul > li > ul > li.children:nth-child(n+6) {
    margin-top: 20px;
}

.menu > ul > li > ul {
    display: none;
    flex-wrap: wrap;
    position: absolute;
    left: 100%;
    top: -1px;
    right: 0;
    padding: 20px;
    padding-left: 280px;
    border: 1px solid #043044;
    border-radius: 0px 0px 10px 0px;
    width: 100%;
    height: calc(100% + 2px);
    min-height: 100%;
    align-content: baseline;
    background: #ffffff;
    z-index: 9;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

.menu > ul > li:hover > ul {
    display: block;
}

.menu > ul > li > ul {
    padding: 20px;
}

.menu > ul > li > ul > li {
    flex: 0 25%;
}

/* Sliders and banners */

.hero-banner img {
    border-radius: 3px;
}

.hero-banner-wrapper {
    position: relative;
}

.hero-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    padding: 40px;
    pointer-events: none;
    /*background: rgba(0, 0, 0, 0.3);*/
}

.hero-title {
    color: #ffffff;
    margin: 0;
}

.hero-subtitle {
    color: #ffffff;
    margin: 10px 0;
}

.hero-banner-wrapper .button {
    display: inline-block;
    pointer-events: all;
}

.hero-overlay.small {
    padding: 20px;
}

.hero-overlay.small .hero-title {

    line-height: normal;
}

.hero-overlay.small .hero-subtitle {
    font-size: 16px;
}

.slider .bx-wrapper {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0px;
}

.slider .bx-wrapper .bx-viewport {
    z-index: 2;
}

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

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

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

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

.slider .bx-controls-direction {
    display: none;
}

.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;
}

.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;
}

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

.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;
}

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

/*FOOTER*/
#container footer,
footer {
    min-height: auto;
}

footer #placeholder-footer-wrapper,
footer #placeholder-footer-bottom-wrapper {
    height: auto;
    width: auto;
    border: none;
    background: #043044;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

footer #placeholder-footer-wrapper #placeholder-footer,
footer #placeholder-footer-wrapper #placeholder-footer > .widget-duplicaat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer #placeholder-footer-bottom-wrapper {
    background: #ffffff !important;
}

footer #placeholder-footer-top-wrapper,
footer #placeholder-footer-wrapper,
footer #placeholder-footer-bottom-wrapper {
    height: auto;
    width: auto;
    border: none;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

footer #placeholder-footer-top-wrapper #placeholder-footer-top,
footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

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;
}

footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom .clear {
    display: none !important;
}

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 {
    color: #ffffff;
    margin-bottom: 14px;
}

.footer-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.footer-menu ul > li,
.footer-menu ul > li a {
    color: #ffffff !important;
    font-size: 15px !important;
    min-height: 0px !important;
}

.footer-menu ul > li a:hover {
    text-decoration: underline;
}

.footer-menu ul > li span {
    color: red !important;
    cursor: not-allowed;
}

.footer-menu.adress ul > li i {
    margin-right: 10px;
    display: inline-block;
    font-size: 20px;
    width: 20px;
    text-align: center;
}

.newsletter > .wrapper {
    display: flex;
    align-items: center;
}

.newsletter > .wrapper .news-image {
    height: 65px;
    width: auto;
    filter: brightness(0) invert(1);
}

.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;
}

.newsletter > .wrapper > ul > li span.menu-item-text {
    color: #ffffff;
}

.newsletter > .wrapper > ul > li:first-child span.menu-item-text {
    color: #ffffff;
    margin: 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'] {
    border: 1px solid #ffffff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 48px;
    padding: 8px 13px;
    flex: 1;
    border-right: 0;
}

.newsletter > .wrapper #news-form .mc-field-group .button {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 3.5px 15px;
    height: 48px !important;
    width: 55px !important;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    margin: 0;
}

.newsletter > .wrapper #news-form .mc-field-group .button i {
    position: relative;
    top: 2px;
    font-size: 23px;
}


footer #placeholder-footer-bottom .widget-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer #placeholder-footer-bottom-wrapper {
    border-top: 1px solid #e3e3e3;
}

footer #placeholder-footer-bottom .copyright > ul li span {
    color: #043044;
    font-size: 15px;
    font-weight: 300;
}

footer #placeholder-footer-bottom .copyright {
    margin-left: auto;
    width: auto !important;
}

.partner-logos {
    margin-right: auto;
    width: auto !important;
}

.payment-logos .wrapper,
.partner-logos .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.payment-logos .wrapper img,
.partner-logos .wrapper img {
    display: block;
    max-height: 30px;
    flex: 0 0;
}

.payment-logos {
    margin: auto;
    width: auto !important;
}

footer .footer-menu.image img {
    max-width: 250px;
    opacity: 0.13;
}

footer #placeholder-footer-bottom .socialmedia > ul {
    list-style-type: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

footer #placeholder-footer-bottom .socialmedia > 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 .socialmedia > ul > li > span {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    transition: all .3s ease;
}

footer #placeholder-footer-bottom .socialmedia > ul > li > span {
    background: #E35A62;
    cursor: not-allowed;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a i,
footer #placeholder-footer-bottom .socialmedia > ul > li a i {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a:hover i,
footer #placeholder-footer-bottom .socialmedia > ul > li a:focus i {
    background: #355665;
}

footer #placeholder-footer-bottom .socialmedia > ul > li i {
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    max-height: 100%;
    background: #f6A117;
    color: #ffffff;
    border-radius: 100rem;
    font-size: 18px;
}

footer #placeholder-footer-bottom .socialmedia > ul > li .hide {
    display: none;
}

footer #placeholder-footer-bottom .adress > 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 .adress > ul > li {
    padding: 0;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 auto;
}

footer #placeholder-footer-bottom .adress > ul > li a,
footer #placeholder-footer-bottom .adress > ul > li > span {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    background: #ffffff;
    border-radius: 30px;
}

footer #placeholder-footer-bottom .adress > ul > li > span[target="_self"] {
    display: inline-block;
    position: relative;
    padding-left: 1.5em;
    text-indent: -1.5em;
    line-height: 1.5;
}

footer #placeholder-footer-bottom .adress > ul > li > span {
    background: #E35A62;
    cursor: not-allowed;
}

footer #placeholder-footer-bottom .adress > ul > li a img,
footer #placeholder-footer-bottom .adress > ul > li a img {
    transition: all .3s ease;
}

footer #placeholder-footer-bottom .adress > ul > li a:hover img,
footer #placeholder-footer-bottom .adress > ul > li a:focus img {
    transform: scale(1.15);
}

footer #placeholder-footer-bottom .adress > ul > li .custom-image {
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 37px;
    background: #f5f5f5;
    border-radius: 3px;
}

footer #placeholder-footer-bottom .adress > ul > li .custom-image img {
    max-height: 100%;
}

.kiyoh-footer {
    margin-right: auto;
    width: auto !important;
}

/*END FOOTER*/

/* Slider style */
html .bx-wrapper {
    margin: 0;
}

html .bx-wrapper img {
    margin: auto;
}

html .bx-wrapper .bx-viewport {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    left: 0px;
    z-index: 2;
}

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

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

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

html .bx-wrapper .bx-pager.bx-default-pager a:hover,
html .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #043044;
}

html .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%;
}

html .bx-wrapper .bx-controls-direction a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat;
    margin: 0;
    text-indent: 0;
    color: transparent;
    outline: none;
    width: 30px;
    height: 28px;
    font-size: 25px;
    position: relative;
    top: auto;
    opacity: 0.7;
}

html .bx-wrapper .bx-controls-direction a.bx-prev:before,
html .bx-wrapper .bx-controls-direction a.bx-next:after {
    position: absolute;
    font-family: "Font awesome 6 pro";
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-indent: 0px;
    filter: drop-shadow(0px 0px 6px rgba(0 0 0 / 20%));
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

html .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "\f053";
}


html .bx-wrapper .bx-controls-direction a.bx-next:after {
    content: "\f054";
}

/* Categorieën */
.categories ul,
.team ul,
.category-list ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}

.categories > ul > li > ul,
.team > ul,
.category-list > ul > li > ul {
    display: flex;
}

.categories > ul > li {
    padding: 0 20px;
    display: flex;
    justify-content: center;
}

.categories > ul > li:first-child > span,
.categories > ul > li:last-child > span {
    display: none;
}

.categories > ul > li > ul > li a,
.team > ul > li a,
.category-list > ul > li > ul > li a {
    color: #043044;
}

.categories > ul > li > ul > li a {
    margin-bottom: 0;
}

.categories > ul > li > ul > li .custom-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #82AFB5;
    border-radius: 100rem;
    padding: 10px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin: auto;
}

.categories > ul > li > ul > li:nth-of-type(4n+2) .custom-icon {
    background: #E35A62;
}

.categories > ul > li > ul > li:nth-of-type(4n+3) .custom-icon {
    background: #f6A117;
}

.categories > ul > li > ul > li:nth-of-type(4n+4) .custom-icon {
    background: #355665;
}

.categories > ul > li > ul > li:nth-of-type(4n+5) .custom-icon {
    background: #f6B2BB;
}

.categories > ul > li > ul > li {
    transition: all .4s ease;
}

.team > ul > li > ul > li .custom-icon img,
.categories > ul > li > ul > li .custom-icon img,
.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image img,
#container .widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image img,
.references .bx-wrapper li > a:not([href="#"]) img {
    object-fit: contain;
    transition: all .4s ease;
}

.team > ul > li > ul > li:hover .custom-icon img,
.categories > ul > li > ul > li a:hover .custom-icon img,
#container .widget-categorie-lijst div.items > .overlay-wrapper > .item:hover .category-image img {
    transform: scale(1.15);
}

.categories > ul > li > ul > li a .menu-item-text,
.categories > ul > li > ul > li > span .menu-item-text {
    margin-top: 2rem;
    display: block;
    overflow-wrap: anywhere;
}

.categories > ul > li > span {
    color: #E35A62;
}

.team > ul > li {
    padding: 0 20px;
}

.team > ul > li:nth-child(n + 4) {
    margin-top: 40px;
}

.team > ul > li > ul > li:first-child > span > span.menu-item-text,
.team > ul > li > span {
    display: none;
}

.team > ul > li > ul {
    overflow: hidden;
    border-radius: 3px;
    background: #82AFB5;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    padding-bottom: 20px;
    height: 100%;
    text-align: left;
}

.team > ul > li:nth-of-type(4n+2) > ul {
    background: #E35A62;
}

.team > ul > li:nth-of-type(4n+3) > ul {
    background: #f6A117;
}

.team > ul > li:nth-of-type(4n+4) > ul {
    background: #355665;
}

.team > ul > li:nth-of-type(4n+5) > ul {
    background: #f6B2BB;
}

.team > ul > li > ul > li .menu-item-text {
    color: #ffffff !important;
}

.team > ul > li > ul > li {
    overflow: hidden;
    max-height: 220px;
}

.team > ul > li > ul > li:not(:first-child) {
    padding: 20px 20px 0px 20px;
}

.team > ul > li > ul > li:last-child a {
    display: inline-block;
}

#container .widget-product-lijst .list-view {
    border: none;
    padding: 0;
}

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

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image {
    position: relative;
    overflow: hidden;
    align-self: flex-start;
    width: 100%;
}

div.action-label {
    position: absolute;
    left: 10px;
    background: #355665;
    border-radius: 3px;
    padding: 5px 12px;
    display: table;
    color: #ffffff;
    z-index: 9;
    font-size: 14px;
    font-weight: 500;
    right: 0;
}

div.action-label.green {
    background: #5cb245;
}

div.action-label.lightblue {
    background: #82AFB5;
}

div.action-label.red {
    background: #E35A62;
}

div.action-label.yellow {
    background: #f6A117;
}

div.action-label.pink {
    background: #f6B2BB;
}

.widget-product-lijst div.items > .overlay-wrapper:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-color: #CCCCCC !important;
}

.widget-product-lijst div.items > .overlay-wrapper > .item,
.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image a {
    display: flex;
    flex-flow: column;
    height: 100%;
    cursor: pointer;
}

.widget-product-lijst div.items > .overlay-wrapper > .item {
    width: 100%;
}

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

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    display: flex;
    background: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border: 1px solid #CCCCCC;
    transition: all .2s ease;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    background: #fff;
    border-radius: 3px;
}

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

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:nth-child(-n+8) {
    display: block;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:nth-child(8):before {
    content: "+";
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    border: 1px solid #4d606a;
    border-radius: 3px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:nth-child(8) img {
    display: none !important;
}

.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:hover:after {
    opacity: 0;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-image > .thumbnails .overlay-gallery ul > li img {
    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 {
    display: flex;
    flex-flow: column;
    height: 100%;
}

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

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper .price > a {
    color: #4d606a;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 10px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper .price .from-price {
    font-weight: 400;
    font-size: 15px;
    text-transform: lowercase;
    color: #4d606a;
    margin-right: 6px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

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

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: normal;
    color: #043044;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.material {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span:not(:last-child) {
    margin-bottom: 5px;
}

.widget-productset-detail .cart-usp ul li.delivery:before,
html .widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.delivery:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.colors-label:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.material:before {
    font-size: 15px;
    margin-right: 5px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.stock {
    color: #5cb245;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.material:before {
    content: "\f7d9";
    font-family: "Font awesome 6 pro";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.stock:before {
    content: "\f466";
    font-family: "Font awesome 6 pro";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.delivery:before {
    content: "\f48b";
    font-family: "Font awesome 6 pro";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.colors-label:before {
    content: "\f53f";
    font-family: "Font awesome 6 pro";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper ul {
    list-style-type: none;
    margin: 0px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper ul > li {
    padding: 0px;
    font-size: 14px;
    display: inline-flex;
    width: 100%;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper ul > li:before {
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .slider-button {
    margin-top: auto;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .slider-button a {
    display: inline-block;
    background: #f6A117;
    border: 1px solid #f6A117;
    border-radius: 3px;
    color: #ffffff;
    padding: 8px 13px;
    margin-top: 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    font-family: "Poppins", Arial, sans-serif;
    transition: all .3s ease;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .slider-button a:after {
    content: "\f061";
    padding: 0 7px;
    font-family: 'Font awesome 6 Pro';
    font-weight: bold;
    color: #ffffff;
    font-size: 0.8rem;
    position: relative;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .slider-button a:hover,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .slider-button a:focus {
    background: #355665;
    border-color: #355665;
    color: #fff;
}

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

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

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

.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: 16px;
    height: 16px;
    display: block;
    border-radius: 30rem;
}

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

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span:nth-child(10) > .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: #4d606a;
    font-size: 14px;
    display: flex;
    top: -2px;
    height: 100%;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span:not(:nth-child(10)) > .attachment > span.white,
.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span[data-translatedcolor*="Wit"]:not(:nth-child(10)) > .attachment > span,
.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span[data-translatedcolor*="Meerkleurig"]:not(:nth-child(10)) > .attachment > span {
    border: 1px solid #eaeaea !important;
}

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

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info a .product-name {
    color: #82AFB5;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%;
    word-wrap: break-word;
    max-height: 80px;
    overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 2.8em; /* 1.4em * 2 lines */
}

/*Categorie pagina*/

#container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper,
#container.category .widget-categorie-lijst .items > .overlay-wrapper,
#container[class*="themes-brandpage-"] .widget-categorie-lijst .items > .overlay-wrapper {
    -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 {
    -ms-flex: 0 0 33.3333%;
    flex: 0 33.3333%;
    max-width: 33.3333%;
}

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

#container:not(.no_children_category):not(.search) .widget-product-lijst div.items > .overlay-wrapper:not(:last-child) {
    border-right: 1px solid #eaeaea;
}

#container.no_children_category .widget-product-lijst div.items > .overlay-wrapper,
#container.search .widget-product-lijst div.items > .overlay-wrapper {
    display: flex;
    width: 100%;
    padding: 20px;
    transition: all .3s ease-out,
    border-radius 0s ease-out;
    border: 1px solid transparent;
    position: relative;
}

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

#container:not(.no_children_category):not(.search) .widget-product-lijst .pager ul.yiiPager > li > a {
    color: #ffffff;
    background: #355665;
    border: none;
    border-radius: 100rem;
}

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

#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: 0px;
}

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

#container.category .widget-categorie-lijst .items {
    list-style-type: none;
    margin: 0;
    display: flex;
    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 #eaeaea;
    border-radius: 3px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-flow: column;
    background: #fff;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item:hover .category-info a h4 {
    color: #043044;
    transition: all .2s ease;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item .category-info a h4 {
    flex: 1;
    margin: 0 !important;
}

#container.category .widget-categorie-lijst .items > .overlay-wrapper .item .category-info .button {
    margin: 0;
}

#container.no_children_category .widget-categorie-detail .wrapper .resource-image,
#container.category .widget-categorie-detail .wrapper .resource-image {
    width: auto;
    flex: 50% 0;
    max-width: 50%;
    object-fit: cover;
}

#container.no_children_category .widget-categorie-detail .wrapper {
    display: flex;
    overflow: hidden;
    border-radius: 3px;
}

#container.no_children_category .widget-categorie-detail .wrapper .description {
    background: #355665;
    padding: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#container.no_children_category .widget-categorie-detail .wrapper .description h1,
#container.no_children_category .widget-categorie-detail .wrapper .description p {
    color: #fff !important;
    margin: 0;
}

#container.category .widget-categorie-detail .wrapper .description p:last-child {
    margin: 0;
}

#container.no_children_category .widget-categorie-detail .wrapper .description p {
    font-size: 15px;
    margin-top: 5px;
}

#container .widget-categorie-detail .wrapper .description a {
    display: inline-block;
}

#container .filter select {
    width: auto;
}

#container.no_children_category .widget-product-lijst .filter, #container.search .widget-product-lijst .filter {
     display: flex; 
     flex-flow: row; 
     justify-content: space-between;
}

.pager ul.yiiPager {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-left: -3px;
    margin-right: -3px;
}

/*.pager ul.yiiPager > li {*/
/*    padding: 0 3px;*/
/*}*/

.pager ul.yiiPager > li.last,
.pager ul.yiiPager > li.first {
    display: block;
}

.pager ul.yiiPager > li > a,
.pager ul.yiiPager > li > button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    min-height: 45px;
}

.pager ul.yiiPager > li.selected a {
    border: 1px solid #355665;
}

.pager ul.yiiPager > li > a i,
.pager ul.yiiPager > li > button i {
    font-size: 14px;
    position: relative;
    top: 1px;
}

#container .widget-product-lijst:not(.slider):not(.product-slider) div.items {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

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

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

.references .bx-wrapper li {
    display: block;
}

.references .bx-wrapper li > a {
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    display: block;
    margin: 0 20px;
}

hr {
    border-color: #cccccc;
    margin: 0px;
}

.category-list > ul > li ul {
    text-align: left;
}

.category-list > ul > li > ul > li {
    flex: 0 20%;
    padding: 0 20px;
}

.category-list > ul > li > ul > li.children > span {
    display: block;
    margin-bottom: 15px;
}

.footer-menu ul > li:not(:last-child),
.category-list > ul > li > ul > li > ul > li:not(:last-child) {
    margin-bottom: 0.5em;
}

.category-list > ul > li > ul > li > ul > li a:before,
.category-list > ul > li > ul > li > ul > li span:before {
    content: "\f105";
    font-family: "Font awesome 6 pro";
    font-weight: 400;
    margin-right: 5px;
    color: #f6A117;
}

#container main {
    margin: 0;
}

#container .widget-kruimelpad,
#container .widget-kruimelpad .row > div,
#container.no_children_category .widget-kruimelpad .row > div {
    display: flex;
}

#container .widget-kruimelpad > a,
#container .widget-kruimelpad .row > div > a,
#container.no_children_category .widget-kruimelpad .row > div > a {
    font-weight: 700;
    white-space: nowrap;
    line-height: normal;
}

#container .widget-kruimelpad > a:before,
#container .widget-kruimelpad .row > div > a:before,
#container.no_children_category .widget-kruimelpad .row > div > a:before {
    content: "\f053";
    font-family: 'Font awesome 6 pro';
    font-weight: bold;
    margin-right: 5px;
    display: inline-block;
    color: #f6A117;
}

#container .widget-kruimelpad > span,
#container .widget-kruimelpad .row > div > span,
#container.no_children_category .widget-kruimelpad .row > div > span {
    padding: 0 7px;
    font-weight: 700;
    position: relative;
    top: 2px;
}

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

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

#container.productSet .widget-kruimelpad .breadcrumbs li:nth-last-child(-n+2),
#container.productSet .widget-kruimelpad .breadcrumbs li:nth-last-child(-n+3) a:after,
#container.productSet .widget-kruimelpad .breadcrumbs li:nth-last-child(-n+3) span:after {
    display: none !important;
}

#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: #043044;
    font-size: 0.6rem;
    position: relative;
    top: -1px;
}

#container .widget-kruimelpad .breadcrumbs li a,
#container .widget-kruimelpad .breadcrumbs li span {
    border: none;
    font-weight: 400;
    margin: 0;
}

#container .widget-kruimelpad a:hover,
#container .widget-kruimelpad a:focus {
    text-decoration: none;
    color: #f6A117;
}

#container[class*="category-"]:not(.productSet) h1 {
    margin: 0px;
}

#container .widget-categorie-lijst div.items > .overlay-wrapper > .item {
    border: 1px solid #e3e3e3;
    background: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    padding: 0px;
    text-align: center;
}

.widget-categorie-lijst:not(.productfilter) div.items a {
    display: block;
    width: 100%;
    padding: 0 20px;
}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image,
.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info a:last-child {
    padding: 20px;
}

#container .widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image img {
    max-height: 150px;
}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info a:not(:last-child) {
    padding: 0 20px;

}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info h4 {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0px;
}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info a:last-child .button {
    display: inline-block;
}

#container[class*="category-"] .description > p:last-child {
    margin-bottom: 0;
}

/* Accordion */
div[class*="-item"],
#container main .productfilter .reset-filter {
    display: block;
    width: 100%;
}

div[class*="accordion-item"] {
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    padding: 20px;
}

div[class*="-item"] div[class*="-head"]:not(.ui-widget-header) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

div[class*="accordion-item"] div[class*="-head"] {
    padding: 20px;
    margin: -20px;
}

div[class*="-item"] div[class*="-head"] .label {
    background: none;
    color: #043044;
    padding: 0;
    margin: 0px;
    font-weight: 600;
}

div[class*="-item"] div[class*="-head"] .icon {
    font-size: 18px;
}

.productfilter div[class*="-head"] .label:empty + .icon,
div[class*="-item"]:only-child div[class*="-head"] .icon {
    display: none;
}

div[class*="-item"] div[class*="-head"] .icon .close,
div[class*="-item"].is-collapsed div[class*="-head"] .icon .open {
    display: block;
}

div[class*="-item"] div[class*="-head"] .icon .open,
div[class*="-item"].is-collapsed div[class*="-head"] .icon .close {
    display: none;
}

div[class*="-item"] div[class*="-body"],
div[class*="-item"].is-collapsed:only-child div[class*="-body"] {
    margin-top: 20px;
    display: block;
    width: 100%;
    transform-origin: top;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    visibility: visible;
    border-color: #e3e3e3 !important;
    max-height: 100%;
}

div[class*="-item"].is-collapsed div[class*="-body"] {
    opacity: 0;
    visibility: hidden;
    max-height: 0px;
    margin-top: 0px;
}

/* Category filter */

#container .productfilter .filter-checkboxlist {
    display: inline-block;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    margin: 0;
    padding: 0rem 1.5rem 0rem 0rem;
    border: none;
}

.productfilter form {
    padding: 0px !important;
    overflow: visible !important;
}

.productfilter div[class*="-item"] div[class*="-head"]:not(.ui-widget-header) {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}

.productfilter div[class*="-item"] div[class*="-body"],
.productfilter div[class*="-item"].is-collapsed:only-child div[class*="-body"] {
    display: flex;
    flex-wrap: wrap;
    flex: 100%;
}

.productfilter div[class*="-item"] div[class*="-body"] .items label.item a {
    color: inherit;
    width: 100%;
}

.productfilter div[class*="-item"] div[class*="-body"] .items label.item a:hover {
    text-decoration: underline;
}

#container .productfilter div[class*="-item"] div[class*="-body"] .items {
    display: block;
    width: 100%;
}

#container .productfilter div[class*="-item"] div[class*="-body"] .items .item {
    display: block;
    width: 100%;
    padding: 0px;
    text-align: left;
}

#container .productfilter div[class*="-item"] div[class*="-body"] .items .item:last-child a {
    margin-bottom: 0px;
}

#container .productfilter div[class*="-body"] .filter-checkboxlist {
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px 10px 0px 0px;
}

#container main .widget-9 .filter-colorblocklist {
    border-bottom: none;
}

.productfilter div[class*="-body"] .filter-checkboxlist input[type="checkbox"] {
    float: right;
}

.productfilter div[class*="-body"] input[type="checkbox"] {
    float: right;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"] {
    top: 2px;
}

.productfilter div[class*="-body"] input[type="checkbox"] + label {
    display: flex;
    align-items: center;
    flex: 1;
    line-height: normal;
    width: auto;
    padding-right: 50px;
    font-size: 15px;
    color: #043044;
    margin: 0px 0px 10px 0px;
    cursor: pointer;
}

.productfilter div[class*="-body"] input[type="checkbox"] + label span {
    width: auto;
    max-width: 100%;
    padding-right: 5px;
    flex-shrink: 0;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"] + label:before,
.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values:not(.color-images) li[data-fromcolor]:before,
#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values:not(.color-images) .attachment-type-1 {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 5px;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 33%, rgba(0, 192, 255, 1) 66%, rgba(192, 0, 255, 1) 100%);
    border: 1px solid transparent;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="blauw"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="blue"] + label:before {
    background: blue;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="bruin"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="brown"] + label:before {
    background: brown;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="geel"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="yellow"] + label:before {
    background: yellow;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="grijs"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="gray"] + label:before {
    background: gray;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="groen"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="green"] + label:before {
    background: green;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="oranje"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="orange"] + label:before {
    background: orange;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="paars"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="violet"] + label:before {
    background: purple;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="rood"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="red"] + label:before {
    background: #E35A62;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="roze"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="pink"] + label:before {
    background: pink;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="wit"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="white"] + label:before {
    background: white;
    border-color: #043044;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="zwart"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="black"] + label:before {
    background: black;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="zilver"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="silver"] + label:before {
    background: #c0c0c0;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="brons"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="bronze"] + label:before {
    background: #CD7F32;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="goud"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="gold"] + label:before {
    background: #FFD700;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="overig"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="other"] + label:before {
    content: "?";
    background: none;
    color: #043044;
    border-color: #043044;
    font-weight: 700;
    font-size: 15px;
}

.productfilter div[class*="-body"] input[type="checkbox"] + label:hover span {
    text-decoration: underline;
}

.productfilter div[class*="-body"] .filter-checkboxlist br {
    display: none;
}

.productfilter .price-range {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-indent: -9999999999999999px;
}

.productfilter .price-range input {
    width: 100% !important;
    flex: 1 auto;
    margin-left: 5px;
}

.productfilter .price-range .range-slider-seperator {
    margin: 0 10px;
    text-indent: 0px;
}

#container .widget.productfilter .price-slider {
    background-color: #cccccc;
    margin-right: 0 !important;
    margin-bottom: 8px;
    height: 5px;
    border-radius: 3px;
    border: 0;
    position: relative;
    text-align: left;
    width: calc(100% - 22px);
    left: 6px;
}

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

.widget.productfilter .price-slider .ui-slider-handle {
    background: none;
    background-color: #ffffff;
    border: 5px solid #82AFB5;
    width: 22px;
    height: 22px;
    top: -9px !important;
    -webkit-box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    position: absolute;
    z-index: 2;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
}

.widget.productfilter .price-seperator {
    display: none;
}

#container main .productfilter .reset-filter a:before {
    content: "\f2ed";
    font-family: "Font awesome 6 pro";
    font-size: inherit;
    padding: 0;
    margin-right: 10px;
    font-weight: 300;
}

.widget-product-lijst .filter {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
}

.widget-product-lijst .filter:first-of-type {
    border-top: 1px solid #e3e3e3;
}

.widget-product-lijst .filter:not(:first-of-type) {
    border-bottom: 1px solid #e3e3e3;
}

#container .filter select {
    width: auto;
}

/* Sidebar */
.sidebar-information {
    background: #f3f3f3;
    padding: 20px 15px !important;
}

.sidebar-information ul > li:first-child > span {
    color: #355665;
    display: block;
    margin-bottom: 0.5em;
}

.sidebar-information ul > li.children > span {
    display: block;
    margin-bottom: 1em;
    font-weight: normal;
}

.sidebar-information ul > li.children > ul > li a {
    font-family: "Poppins", Arial, sans-serif;
    display: block;
    width: 100%;
    text-align: center;
    line-height: normal;
    padding: 8px 13px;
    margin-bottom: 10px;
    border: 1px solid #355665;
    color: #355665 !important;
    font-weight: 500;
    text-decoration: none;
    border-radius: 3px;
    transition: background 0.3s ease;
}

.sidebar-information ul > li.children > ul > li:last-child a {
    margin-bottom: 0px;
}

.sidebar-information ul > li.children > ul > li a:hover {
    background-color: #355665;
    color: white !important;
}

html body #lightGallery-close {
    font-size: 30px;
    padding-left: 4px;
    height: 40px;
    width: 30px;
    background: none;
    color: #ffffff;
}

html body #lightGallery-close:hover {
    background: none;
    color: #bd2e2e;
}

html #lightGallery-close:after {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro" !important;
    position: relative;
    font-size: inherit;
    line-height: normal;
    top: -1px;
    right: auto;
}

html body #lightGallery-Gallery .thumb_cont {
    background-color: rgb(0 0 0 / 0%);
}

html body #lightGallery-Gallery .thumb_cont .thumb > img {
    border: 1px solid #e3e3e3 !important;
    border-radius: 3px;
}

html body #lightGallery-Gallery .thumb_cont .thumb:hover > img,
html body #lightGallery-Gallery .thumb_cont .thumb.active > img {
    border-color: #a3afb5 !important;
}

html body #lightGallery-Gallery .thumb_cont .thumb_inner {
    margin-left: 0px;
}

html .showThumbByDefault#lightGallery-outer {
    background-color: rgb(0 0 0 / 85%);
}

html #lightGallery-action a.cLthumb:after {
    content: "";
    display: none;
}

html #lightGallery-slider .lightGallery-slide img {
    border-radius: 3px;
}

html body #lightGallery-action a#lightGallery-prev:before,
html body #lightGallery-action a#lightGallery-next:after {
    color: #043044;
    font-weight: inherit;
    top: auto;
    left: auto;
    font-size: 14px;
    position: relative;
    bottom: auto;
}

#container.productSet #placeholder-content,
#container #placeholder-content,
#container #placeholder-content > .widget-duplicaat {
    width: 100%;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


.description-small .read-more {
    font-weight: 700;
}

/* Dutch */
body[lang="nl"] .description-small .read-more::before {
    content: "Lees meer >";
}

/* English */
body[lang="en"] .description-small .read-more::before {
    content: " Read more >";
}

/* French */
body[lang="fr"] .description-small .read-more::before {
    content: "Lire la suite >";
}

/* German */
body[lang="de"] .description-small .read-more::before {
    content: "Lesen Sie mehr >";
}

/* Danish */
body[lang="da"] .description-small .read-more::before {
    content: "Læs mere >";
}

/* Spanish  */
body[lang="es"] .description-small .read-more::before {
    content: "Leer más";
}

/* Finnish */
body[lang="fi"] .description-small .read-more::before {
    content: "Lue lisää >";
}

/* Swedish */
body[lang="sv"] .description-small .read-more::before {
    content: "Läs mer >";
}

/* Romanian */
body[lang="ro"] .description-small .read-more::before {
    content: "Citește mai mult >";
}

/* Italian */
body[lang="it"] .description-small .read-more::before {
    content: "Per saperne di più >";
}

.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: 0px;
    top: 75%;
    background: #355665;
    padding: 5px 12px;
}

.widget-productset-detail .product-image .product-main-image {
    position: relative;
    flex: 100%;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    background: white;
    border-radius: 3px;
}

.widget-productset-detail .product-image .product-main-image:after {
    content: "\f00e";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    background: rgb(0 0 0 / 30%);
    color: #fff;
    font-size: 20px;
    border-radius: 100rem;
}

.widget-productset-detail .product-image .product-images {
    list-style-type: none;
    display: flex;
    align-self: baseline;
    position: relative;
    margin: 0;
    gap: 5px;
}

.widget-productset-detail .product-image .product-images li {
    display: none;
    overflow: hidden;
    position: relative;
    flex: 0 14.2%;
}

.widget-productset-detail .product-image .product-images li a {
    display: block;
    position: relative;
    background: #fff;
    padding: 3px;
    border-radius: 3px;
}

.widget-productset-detail .product-image .product-images li a img {
    max-width: 100%;
    max-height: 100%;
    min-width: 1px;
    min-height: 1px;
    border-radius: 3px;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: rgb(0 0 0 / 30%);
    content: "\f00e";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.widget-productset-detail .product-image .product-images li:hover a:after {
    opacity: 1;
    visibility: visible;
}

#container.productSet .widget-productset-detail.main-image {
    -webkit-box-flex: 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 30px;
    width: 55%;
    float: none;
}

html body #lightGallery-close {
    font-size: 20px;
    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: 4px;
}

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;
    -webkit-transition: all .3s ease;
    -moz-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: #043044;
    font-weight: inherit;
    bottom: unset;
}

#container.productSet #placeholder-content,
#container.checkout #placeholder-content,
#container.offerRequest #placeholder-content {
    width: 100%;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details: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: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    cursor: not-allowed;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details:after {
    left: 0.59375rem;
    width: calc(100% - 0.59375rem - 0.59375rem);
}

#container .widget-afrekenen > form.loading:after {
    height: calc(100% + 0.59375rem + 0.59375rem);
    top: -0.59375rem;
}

.widget.widget-productset-detail .tab.ui-tabs .ui-tabs-panel .staffel-table {
    width: 100%;
}

#container.productSet .widget-100 table.staffel-table,
.custom-staffel-radio-table {
    width: 100%;
    display: table;
}

/* 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 .product-details .details .buttons-flex button {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0px !important;
    width: auto;
    background: transparent;
    border: 1px solid #f25b61;
    color: #043044;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget {
    color: #043044 !important;
    border: 0;
    padding: 0;
    width: auto;
    margin: 0;
    overflow: visible;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .price-arrow {
    display: block;
    width: 100%;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .price-arrow img {
    width: 190px;
    margin-left: 3%;
    margin-bottom: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .product-details {
    padding: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid #eaeaea;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details: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: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    cursor: not-allowed;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details:after {
    left: 0.59375rem;
    width: calc(100% - 0.59375rem - 0.59375rem);
}

#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-voeg-toe-aan-winkelwagen-widget .details .main-details {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
    padding-bottom: 30px;
    margin: 0;
    width: 100%;
    display: block;
}

#container.productSet .widget-productset-detail .details .main-details h1 {
    margin: 0;
}

#container.productSet .widget-productset-detail .details .main-details .sku {
    margin-top: 10px;
}

#container.productSet .widget-productset-detail .details .main-details .sku > span:first-child {
    font-weight: 600;
}

#container.productSet .widget-productset-detail .details .main-details .price {
    color: #f26422;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3em;
    margin-top: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price > span {
    font-weight: 400;
    font-size: 15px;
    text-transform: lowercase;
    color: #043044;
    margin-right: 6px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul {
    margin-top: 20px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li {
    display: block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li:last-child,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li:nth-child(2) {
    margin-top: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li.delivery:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    font-size: 15px;
    margin-right: 8px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: #043044;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    white-space: nowrap;
    display: block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li a#specify {
    margin-top: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li.seperator {
    margin: 0 10px;
    font-size: 19px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li a#specify i {
    margin-left: 2px;
    font-size: 13px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-pricing > .selection {
    background: #fff;
    z-index: 9;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .row {
    display: flex;
    flex-wrap: wrap;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection {
    position: sticky;
    top: 70px;
    z-index: 2;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(:last-child) {
    margin: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(:first-child) > div.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#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: "\f00c";
    color: #5cb245;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title label {
    font-family: "Poppins", Arial, sans-serif;
    color: #043044;
    margin: 0;
    font-size: 18px;
    margin: 0px 0px 0px;
    vertical-align: middle;
    font-weight: 600;
    line-height: normal !important;
    border-bottom: 1px solid #f3f3f3;
    background: #f3f3f3;
    padding: 12px 15px;
}

.cart-title {
    color: #043044;
    margin: 0;
    font-size: 18px;
    margin: 0px 0px 0px;
    vertical-align: middle;
    font-weight: 600;
    line-height: normal !important;
    border-bottom: 1px solid #f3f3f3;
    background: #f3f3f3;
    padding: 12px 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-edit {
    color: #7d7d7d;
    display: inline-block;
    font-size: 15px;
    line-height: normal;
    margin-left: auto;
    margin-right: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: initial;
    background-size: 35px 24px;
    position: relative;
    padding: 4px;
    background-position: 6px center;
    border: 1px solid #CCCCCC;
    font-size: 15px;
    line-height: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    margin: 0;
    overflow: hidden;
    flex: 0 calc(50% - 5px);
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li .color-value-image {
    width: 50px;
    height: 50px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li span.check {
    position: absolute;
    z-index: 2;
    top: 4px;
    width: 49px;
    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: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    width: 49px;
    height: 24px;
    overflow: hidden;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li[data-value="Wit"] .attachment-type-1 {
    border: 1px solid #cccccc;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li .attribute-value-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    height: auto;
    border: none;
    align-items: center;
    line-height: 1.5em;
    width: 100%;
    color: #043044;
}

#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 {
    padding: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.attribute-values {
    padding: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.attribute-values .samestaffel-dropdown {
    margin-bottom: 10px;
    box-shadow: 0px 0px 3px #5cb245;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title {
    color: #043044;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    margin-bottom: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title .pcp-location-label {
    color: #043044;
    font-weight: inherit;
}

#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-left: -5px;
    margin-right: -5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .attachment + .pcp-location-title {
    margin-top: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location-print-type {
    display: none !important;
}

#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;
    padding-bottom: 5px;
    flex: 0 auto;
    margin: 0;
    background: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span {
    padding: 3px 10px;
    white-space: nowrap;
}

#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: 0px;
    margin-top: 0px;
}

#min-order {
    display: none;
}

#min-order > span {
    background: #eaeaea;
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    display: block;
    width: 100%;
}

#min-order > span > i {
    margin-right: 10px;
}

/* Start - Custom staffel tabel */

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li[data-key="size"] > .attribute-values li#min-order {
    margin-bottom: 20px;
    display: block;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList li {
    border-bottom: 1px solid #e3e3e3;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList li label {
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin: 0;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList li label input {
    margin-right: 10px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList + span {
    margin-top: 20px;
    display: block;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList:empty + span {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-values[style="display: block;"],
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li[data-key="size"] > div.attribute-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li[data-key="size"] > div.attribute-values[style="display: block;"] {
    display: flex !important;
    flex-flow: column;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-values table + label {
  padding-top: 1em; /* pas aan naar wens */
}


#container.productSet .widget-100 table.staffel-table {
    display: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .staffel-table tr:nth-child(even),
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .custom-staffel-radio-table tr:nth-child(even) {
    background: #f4f4f4;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .custom-staffel-radio-table tr:hover {
    cursor: pointer;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .staffel-table tr th,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .staffel-table tr td {
    padding: 10px 5px;
}

table.custom-staffel-radio-table tr th, table.custom-staffel-radio-table tr td {
    padding: 10px 5px !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > * {
    order: 5;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .custom-staffel-radio-table {
    order: 1;
    margin: 0px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .staffel-info-label {
    order: 2;
    display: block;
    width: 100%;
    padding: 12px 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #eaeaea;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li label {
    order: 3;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-input-container,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .samestaffel-dropdown,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .size-values {
    order: 4;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li[data-key="size"] > div .custom-staffel-radio-cell {
    display: none !important;
}

/* End - Custom staffel tabel */
/* Denk ook om input[type="radio"] */

#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 {
    margin-bottom: 20px;
    display: block;
}

#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: 14px;
    color: #043044;
    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: 13px;
    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 5 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 5 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;
    padding: 15px;
}

#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 {
    padding: 8px 13px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart {
    padding: 8px 13px;
    flex: 0 100%;
    width: 100%;
    margin-top: 10px;
    margin-left: 0 !important;
}

#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.add-to-shopping-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart:focus {
    background: #55a440 !important;
    border-color: #55a440 !important;
}

.columns .selection {
    border: 1px solid #eaeaea;
    background: #ffffff;
    border-radius: 3px;
    overflow: hidden;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary {
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary > .row.collapse {
    line-height: normal;
}

#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: bold;
    font-size: 14px;
    border-top: 1px solid #d8d8d8;
    padding-top: 10px;
    margin-top: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal > br {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget div.delivery {
    display: block;
    width: 100%;
    padding: 20px 15px;
    background: #f3f3f3;
    border-radius: 3px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget div.delivery > div span {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    display: block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget div.delivery > div span:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    margin-right: 10px;
    color: #5cb245;
    width: 18px;
    display: inline-block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget div.delivery > div:last-child span:before {
    content: "\f075";
}

#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 .application {
    padding: 15px 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    margin-top: 20px;
    border: 1px solid #eaeaea;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .application.be[lang="BE"],
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .application.nl[lang="NL"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .application i {
    font-size: 20px;
    color: #36b900;
    margin-right: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .application ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .application a {
    color: #043044;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .application > 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: 3px;
    background: #E35A62;
}

#container.productSet .widget-100 .staffel-info-label {
    padding-left: 3px;
    margin: 0px;
    margin-top: 3px;
    color: #043044;
}

#container.productSet .widget-100 .quantity-values table.staffel-table tr:nth-of-type(even),
#container.productSet .widget-100 .attribute-values table.staffel-table tr:nth-of-type(even),
.custom-staffel-radio-table tr:nth-of-type(even){
    background-color: #f3f3f3;
}

.custom-staffel-radio-table thead {
    background: #f3f3f3;
}

table.custom-staffel-radio-table tr th, 
table.custom-staffel-radio-table tr td {
    padding: 10px 5px !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:nth-child(-n+2),
#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"] + .less-than-minimal-label + .add-to-cart,
#container.checkout .widget-afrekenen > 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: #5cb245;
    color: #fff;
    border: 1px solid #5cb245;
    margin-bottom: 10px;
}

.product-questions {
    border-radius: 3px;
    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 table {
    width: 100%;
    margin: 0;
}

table {
    margin: 0px;
}

table tr:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}

table tr th,
table tr td {
    font-size: 15px;
    padding: 10px 0;
    color: #043044;
}

table tr th {
    font-weight: 600;
    padding-right: 10px;
}

.alert-box {
    display: block;
    line-height: normal;
    margin-bottom: 0;
    padding: 8px 13px;
    padding-right: 37px;
    font-size: 15px;
}

.alert-box.secondary {
    background-color: #cccccc;
    border-color: #f3f3f3;
    color: #043044;
}

.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: #ffffff !important;
}

.alert-box .close {
    padding: 10px 5px;
    top: 6px;
    margin-top: 0;
    right: 8px;
    color: #043044;
    font-weight: 600;
    opacity: 1 !important;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
}

.alert-box .close:hover {
    color: red !important;
}

.details + .alert-box {
    margin-top: 20px;
}

.details + .alert-box + .selection {
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item {
    border-radius: 3px;
    padding: 0;
    border: 1px solid #e3e3e3;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item:not(:last-child) {
    margin-bottom: 20px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div .product-name {
    color: #043044;
    font-weight: 700;
    margin-right: 20px;
    line-height: normal;
    text-align: left;
    display: flex;
    width: 100%;
    overflow: hidden;
    font-size: 15px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div .product-name * {
    text-overflow: ellipsis;
    overflow: hidden;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div {
    padding: 5px 0;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div > span {
    line-height: 21px;
    text-align: left;
    color: #043044;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    font-size: 15px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div .price {
    text-align: right;
    white-space: nowrap;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:first-child {
    flex: 100%;
    padding: 10px 20px;
    background: #f5f5f5;
    width: 100%;
}

#container .widget-afrekenen,
#container.payInvoice .widget-afrekenen {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
    width: auto;
    margin: 0;
}

#container .widget-afrekenen > form.checkout-form > .row {
    display: none;
}

#container .widget-afrekenen > form.checkout-form,
#container.payInvoice .widget-afrekenen > form.checkout-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#container .widget-afrekenen > form.checkout-form > .items,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items {
    width: 100%;
    order: 1;
    flex: 0 0 50%;
}

#container .widget-afrekenen > form.checkout-form > .items [class*="block-grid-"],
#container.payInvoice .widget-afrekenen > form.checkout-form > .items [class*="block-grid-"],
#container .widget-contactformulier form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: baseline;
    margin: 0;
}

#container .widget-afrekenen > form.checkout-form > .items > [class*="block-grid-"],
#container.payInvoice .widget-afrekenen > form.checkout-form > .items > [class*="block-grid-"] {
    margin-left: -0.59375rem;
    margin-right: -0.59375rem;
}

#container .widget-afrekenen > form.checkout-form > .button,
#container.payInvoice .widget-afrekenen > form.checkout-form > .button {
    order: 4;
    flex: 100%;
}

#container .widget-afrekenen > form.checkout-form > .button + span,
#container.payInvoice .widget-afrekenen > form.checkout-form > .button + span {
    order: 3;
    flex: 100%;
    text-align: center;
    margin: 20px 0px;
}

#container .widget-afrekenen > form.checkout-form > .buttons,
#container.payInvoice .widget-afrekenen > form.checkout-form > .buttons {
    order: 2;
    flex: 100%;
}

#container .widget-afrekenen > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons {
    flex: 1;
    margin-left: 10px;
}

#container main .widget.widget-afrekenen form > .items:last-child > .row.buttons {
    order: 2;
    display: block;
    width: 100%;
}

#container main .widget.widget-afrekenen form > .items:last-child > .row.buttons:last-child {
    order: 1;
}

#container.offerRequest main .widget.widget-afrekenen form > .items:last-child > .row.buttons:last-child {
    margin-top: 25px;
}

#container main .widget.widget-afrekenen form > .items:last-child > .row.buttons input {
    width: 100%;
}

#container main .widget.widget-afrekenen form > .items:last-child > .row.buttons *:not(:last-child) {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

#container main .widget.widget-afrekenen form > .items:last-child > .row.buttons > span:not(:last-child) {
    text-align: center;
}

#container .widget.widget-afrekenen span.title,
#container.payInvoice .widget.widget-afrekenen span.title {
    width: 100%;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 .row:last-child,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 .row,
#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row.field_country,
#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row.field_otherDeliveryAddress,
#container .widget-contactformulier form > .row.buttons {
    margin-bottom: 0;
    position: relative;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#container main .widget.widget-afrekenen form > .items:last-child > [class*="large-block-grid-1"] > .row[class*="acceptTerms"] div.line {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    border-top: 1px solid #DDDDDD;
    padding-top: 20px;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row,
#container .widget-contactformulier form > .row {
    margin-bottom: 0;
    position: relative;
}

#container .widget-afrekenen > form.checkout-form .address-info {
    display: none;
}

#container .widget-afrekenen > form.checkout-form > .items .item,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item,
#container .widget-contactformulier form > .row:not(:last-child) {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

#container .widget-afrekenen > form.checkout-form > .items .terms {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

#container .widget-afrekenen > form.checkout-form > .items .terms .item {
    margin-bottom: 0px;
}

#container .widget-afrekenen > form.checkout-form > .items:last-child > div > .item:last-child {
    margin: 0px;
}

label,
#container .widget-afrekenen > form.checkout-form > .items .item label,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item label,
#container .widget-winkelwagen.checkout-cart label[for="discountCode"],
#container .widget-contactformulier form > .row > label,
#container .widget.widget-afrekenen .form-delivery-address span.title,
#container .widget.widget-afrekenen .form-delivery-address span.title,
#container.payInvoice .widget.widget-afrekenen .form-delivery-address span.title {
    color: #043044;
    font-size: 15px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 > .item .columns > label {
    font-weight: 600;
}

form .errorMessage {
    color: #E35A62 !important;
    font-weight: 400 !important;
}

#container.payInvoice .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item {
    padding-top: 20px;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item .columns > label,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item .columns > label,
#container .widget.widget-afrekenen span.title,
#container.payInvoice .widget.widget-afrekenen span.title,
#container .widget.widget-afrekenen .form-delivery-address span.title,
#container.payInvoice .widget.widget-afrekenen .form-delivery-address span.title {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}

#container .widget-afrekenen > form.checkout-form > .items .item label .required,
#container .widget-contactformulier > form > .row > label .required,
label .required {
    color: #E35A62;
}

#container .widget-afrekenen > form.checkout-form > .items .item .check {
    display: flex;
    float: left;
}

#container .widget-afrekenen > form.checkout-form > .items .item .check .columns {
    line-height: normal;
    width: auto;
    display: flex;
    align-items: center;
}

#container .widget-afrekenen > form.checkout-form > .items .item .check .columns > input,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item .check .columns > label,
#container .widget-afrekenen > form.checkout-form > .items .item .check .columns > label {
    line-height: normal;
    margin: 0;
    cursor: pointer;
}

#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"],
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] {
    display: flex;
    height: 22px;
    align-items: center;
    float: left;
    width: 0px;
}

#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] + label {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    padding-left: 23px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] + label {
    margin-bottom: 0px;
}

#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] + label[for="CheckoutModel_paymentMethod_0"] {
    flex-wrap: wrap;
    margin-bottom: 20px;
}

label[for="CheckoutModel_paymentMethod_0"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  width: 100%;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 200px auto;
  background-image: url('https://cms.promothing.nl/frontendEditor/uploads/betaaliconen.png');
}

#ui-datepicker-div {
    background: #f5f5f5;
    border-radius: 3px;
    box-shadow: 0px 8px 10px -1px rgb(0 0 0 / 6%);
    -webkit-box-shadow: 0px 8px 10px -1px rgb(0 0 0 / 6%);
    -moz-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: #043044;
    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,
#ui-datepicker-div .ui-datepicker-calendar .undefined a {
    color: #355665;
}

#ui-datepicker-div .ui-datepicker-calendar .undefined a:hover,
#ui-datepicker-div .ui-datepicker-calendar .undefined a:focus {
    color: #f6A117;
}

#ui-datepicker-div .ui-datepicker-calendar .undefined.ui-datepicker-unselectable {
    cursor: not-allowed;
    opacity: 0.4;
}

#container .widget-afrekenen > form.checkout-form > .items .item .columns textarea,
#container .widget-afrekenen > form.checkout-form > .items .item .columns textarea {
    max-width: 100%;
    min-height: 180px;
}

#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label,
#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label {
    font-size: 15px;
    font-weight: 300;
}

#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label a,
#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label a {
    color: #043044;
    text-decoration: underline;
}

#container .widget-afrekenen > form.checkout-form > .buttons *,
#container .widget-afrekenen > form.checkout-form > .buttons *,
#container.payInvoice .widget-afrekenen > form.checkout-form > .buttons * {
    display: block !important;
    width: 100%;
}

#container.offerRequest main .shoppingCart,
#container.checkout main .shoppingCart {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
    border: none;
}

.shoppingCart {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-self: baseline;
}

#container .widget-afrekenen > form.checkout-form > .items, #container .widget-afrekenen > form.checkout-form > .items {
    display: flex;
    flex-wrap: wrap;
    flex: 33.3333%;
}

#container .widget-afrekenen > form.checkout-form > .items, #container .widget-afrekenen > form.checkout-form > .items,
#container .widget-winkelwagen.checkout-cart.shoppingCart .cart-wrapper {
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    cursor: auto;
    background: #ffffff !important;
    position: relative;
    right: 0;
    height: 100%;
    overflow: hidden;
    z-index: auto;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .cart-wrapper .shopping-cart-detail {
    z-index: 9;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .cart-wrapper .button.secondary {
    margin-top: 20px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .h2.title {
    text-align: left;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
}

#container.offerRequest .widget-winkelwagen.checkout-cart.shoppingCart .h2.title {
    padding-bottom: 10px;
}

#container.offerRequest .widget-winkelwagen.checkout-cart.shoppingCart p {
    margin-bottom: 25px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items + .button {
    margin-top: 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 {
    line-height: 1.5em;
    font-size: 15px;
    color: #043044;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove {
    margin: 0;
    width: auto;
    line-height: normal;
    padding: 0;
    margin-left: auto;
    display: flex;
}

#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: 1;
    padding: 4px;
    font-size: 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    background: none;
}

#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: #E35A62;
    color: #E35A62;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div {
    display: flex;
    align-items: center;
    padding: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title + .attachment {
    display: flex;
    align-items: center;
    padding: 0px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title + .attachment {
    flex-wrap: wrap;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a img {
    width: 100%;
    max-width: 220px;
    height: auto;
    max-height: none;
    float: none;
    margin: 0;
    border-radius: 3px;
    padding-right: 20px;
}

#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 .sku {
    display: none;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div {
    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: 15px;
    line-height: 1.5em;
    text-align: left;
    color: #043044;
}

#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;
}

#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;
    font-size: 15px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .left > span {
    text-align: left;
}

#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%;
    text-align: left;
    font-size: 15px;
}

#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 main .shoppingCart .shopping-cart-detail .items .discount {
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    margin-top: 20px;
}

#container main .shoppingCart .shopping-cart-detail .items .discount input {
    margin-bottom: 0px !important;
}

#container main .shoppingCart .shopping-cart-detail .items .discount dt {
    display: flex;
    align-items: center;
    font-weight: 300;
    color: #043044 !important;
    font-size: 15px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .discount:not(.discount-prompt) {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    margin-top: 20px;
}

#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: 3px;
    font-size: 15px;
    line-height: normal;
    float: left;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    outline: 0;
    display: flex;
    align-items: center;
    background: #f5f5f5;
    cursor: not-allowed;
}

#container .widget-winkelwagen.checkout-cart .discount a.remove {
    font-size: 15px;
    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: #043044;
    font-size: 14px;
}

#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;
    border-radius: 100rem 0px 0px 100rem;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a {
    border-radius: 0px 100rem 100rem 0px;
    padding: 7px 15px;
    border-left: 0;
    border-color: #e3e3e3;
}

#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 > .label {
    font-family: inherit;
    white-space: normal;
    padding: 0;
    background: none;
    flex: 1;
    font-size: 15px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    line-height: 32px;
}

.widget-winkelwagen .price-details {
    padding-top: 20px;
}

.widget-winkelwagen .price-details {
    border-top: 1px solid #e3e3e3;
}

#containerProcess #placeholder-content,
#containerProcess #placeholder-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#containerProcess .widget-winkelwagen.checkout-cart.shoppingCart,
#containerProcess .widget-winkelwagen.checkout-cart.shoppingCart,
#containerProcess .cart-intro,
#containerProcess .cart-intro,
#container.payInvoiceProcess .cart-intro,
#containerProcess .widget.widget-winkelwagen,
#containerProcess .widget.widget-winkelwagen {
    display: none;
}

#containerProcess main .widget-duplicaat .widget-afrekenen,
#containerProcess main .widget-duplicaat .widget-afrekenen {
    width: 100%;
}

/* Contactform style */
.widget-contactformulier form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.widget-contactformulier form > .row {
    padding: 0 10px;
}

.widget-contactformulier form > .row.field_question,
.widget-contactformulier form > .row.field_validation + .row,
.widget-contactformulier form > .row.buttons {
    -ms-flex: 0 0 100%;
    flex: 0 100%;
    max-width: 100%;
}

.widget-contactformulier form > .row:not(.buttons) {
    margin-bottom: 20px;
}

/* Staticpage style */

#container.staticPage main .widget-menu.team,
#container.staticPage main .widget-menu.customercases,
#container.staticPage main .widget-contactformulier,
#container.staticPage main .google-maps,
#container.staticPage main .error-image {
    display: none;
}

#container.staticPage.staticPage-219968 main .widget-menu.team,
#container.staticPage main .widget-contactformulier.request,
#container.staticPage.staticPage-429425 main .widget-menu.customercases,
#container.staticPage.staticPage-219963 main .widget-contactformulier,
#container.staticPage.staticPage-219963 main .google-maps,
#container.staticPage.staticPage-133 main .error-image,
#container.staticPage.staticPage-348397 .newsletter {
    display: block;
}

.google-maps iframe {
    width: 100%;
    height: 410px;
    display: flex;
}

#toggle-filter:not(.opened) > span.close,
#toggle-filter.opened > span.open {
    display: none;
}

.customercases ul {
    list-style-type: none;
    margin: 0;
}

.customercases > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

#container.home .customercases > ul > li:not(:first-child) {
    display: none;
}

.customercases .text {
    display: block;
    text-align: center;
}

.customercases > ul > li {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

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

.customercases > ul > li > span .custom-icon {
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 3px 3px 0px 0px;
}

.customercases > ul > li > span .custom-icon img {
    width: 100%;
}

#container .customercases > ul > li > ul {
    padding: 20px;
    border-radius: 0px 0px 3px 3px;
    position: relative;
    background: #f3f3f3;
    width: 100%;
    height: 100%;
}

#container .customercases > ul > li > ul > li {
    color: #043044;
}

.customercases > ul > li > ul > li:first-child a {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    color: #043044;
}

.customercases > ul > li > ul > li:first-child a:hover {
    color: #f6A117;
}

/* 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: 99999;
}

.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: 3px;
    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;
}

.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;
    height: calc(85% - 42px - 42px - 99px);
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.popup .popup-wrapper form .row.buttons {
    position: absolute !important;
    bottom: 60px;
}

.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%;
}

.popup .popup-wrapper form > .row.field_validation + .row {
    margin-top: 0px !important;
}

#container .popup .popup-wrapper form .row {
    margin-left: 0;
    margin-right: 0;
}


/* Login pagina */

body .login {
    overflow: hidden;
}

#container.login form,
#container.forgotPassword form {
    background-image: url('https://f6a1e7968e74dbe7db58-1ce3ae72ccbd299bcbc79de658e419e8.ssl.cf1.rackcdn.com/webshop_designs/login/loginscherm-achtergrond.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f6A117;
    position: relative;
}

#container.login .pentagon,
#container.forgotPassword .pentagon {
    position: absolute;
    top: 600px;
    right: -210px;
    max-height: 500px;
}

#container.login #placeholder-header-bottom-wrapper,
#container.forgotPassword #placeholder-header-bottom-wrapper {
    display: none;
}

#container .login-card {
    margin: auto;
    padding: 25px;
    background: #fff;
    border-radius: 3px;
    width: 25%;
}

#container.login #placeholder-content,
#container.forgotPassword #placeholder-content {
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#container.login #placeholder-content .widget-35,
#container.forgotPassword #placeholder-content .widget-35 {
    display: flex;
    background: #f6f6f6;
    width: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
}

#container.login #placeholder-content .widget-35 form,
#container.forgotPassword #placeholder-content .widget-35 form {
    height: 100vh;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

#container.login #placeholder-content .widget-35 form .row,
#container.forgotPassword #placeholder-content .widget-35 form .row {
    width: 100%;
}

#container.login input,
#container.forgotPassword input {
    margin-bottom: 1.5rem;
}

#container.login img,
#container.forgotPassword img {
    max-height: 79px;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

#container.login .login-button input,
#container.forgotPassword .login-button input {
    width: 100% !important;
}

#container.login #placeholder-footer-wrapper,
#container.login #placeholder-footer-bottom-wrapper,
#container.login #placeholder-footer-top-wrapper,
#container.forgotPassword #placeholder-footer-wrapper,
#container.forgotPassword #placeholder-footer-bottom-wrapper,
#container.forgotPassword #placeholder-footer-top-wrapper {
    display: none;
}

#container.login .login-reset a,
#container.forgotPassword .login-reset a {
    display: block;
    color: #043044;
    text-decoration: underline;
}

/* Newsletter */

#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: 50%;
    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;
}

/* ===================================================== */
/*              Start - Custom brandpage code            */
/* ===================================================== */
.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-auto {
    flex: 1;
}

.flex-100 {
    flex: 1 100%;
}

.flex-column {
    flex-direction: column;
}

.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;
}

.align-center {
    align-items: center;
}

.align-self-center {
    align-self: center;
}

.align-self-top {
    align-self: baseline;
}

.align-top {
    align-items: baseline;
}

.justify-content {
    justify-content: center;
}

.text-center {
    text-align: center;
}

.width-100 {
    width: 100% !important;
}

.text {
    background: #355665;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.text h2,
.text p {
    color: #ffffff;
}

.text p:last-child {
    margin: 0;
}

.text-img {
    display: flex;
    flex-wrap: wrap;
}

.text-img > * {
    flex: 1 1 50%;
}

.text-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* Custom blocks - Large and up (Desktop en groter) */
@media screen and (min-width: 64.063em) {

    .text-img .text {
        padding: 3rem;
    }

    .text-img .wrapper,
    .text-img .text {
        flex: 1 1 50%;
    }
}

/* Custom blocks - Small en Medium (Tot tablet) */
@media screen and (max-width: 64em) {
    
    html .text-img .text {
        padding: 1.5rem;
    }

    html .text-img .wrapper img {
        flex: 0 100%;
        max-width: 100%;
        height: auto;
    }

    html .text-img .wrapper,
    html .text-img .text {
        flex: 0 100%;
    }
}

/* Gedeelde reviewcontainer styling */
.kiyoh-reviews {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.kiyoh-reviews-large {
    column-count: 3;
    column-gap: 30px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .kiyoh-reviews-large {
    column-count: 2;
  }
}

@media screen and (max-width: 600px) {
  .kiyoh-reviews-large {
    column-count: 1;
  }
}

/* Gedeelde item styling */
.kiyoh-reviews .item,
.kiyoh-reviews-large .item {
    padding: 30px 20px;
    padding-right: 80px;
    position: relative;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    background: #ffffff;
}

.kiyoh-reviews .item {
    display: flex;
    flex-wrap: wrap;
}

.kiyoh-reviews-large .item {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    break-inside: avoid;
}

/* Total score item */
.kiyoh-reviews .item.total-score {
    flex-wrap: nowrap;
    align-items: baseline;
    padding: 30px 20px;
    gap: 20px;
}

.kiyoh-reviews .total-score .right > span {
    width: 100%;
    display: inline-block;
}

.kiyoh-reviews .total-score .right > span.company-name {
    font-weight: 600;
    font-size: 18px;
}

.kiyoh-reviews .total-score .right > span.rating-percentage {
    margin-top: 10px;
}

.kiyoh-reviews .total-score .right > span.review-counter {
    font-size: 15px;
}

.kiyoh-reviews .total-score a:not(.button) {
    color: #043044;
    font-size: 12px;
    text-decoration: underline;
}

.kiyoh-reviews .total-score .rating {
    position: relative;
    font-weight: 600;
    font-size: 23px;
    padding: 30px 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kiyoh-reviews .total-score .rating:before {
    content: "";
    position: absolute;
    background-image: url("https://cms.promothing.nl/frontendEditor/uploads/kiyoh-icon.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 105%;
    height: 105%;
    margin-top: 23px;
}

.kiyoh-reviews .total-score a.button {
    display: inline-block;
    margin-top: 10px;
    border: 1px solid #f6A117;
}

/* Gedeelde review content styling */
.kiyoh-reviews .item.review > span:not(.customer-rating),
.kiyoh-reviews-large .item.review span.review-content {
    width: 100%;
    font-size: 15px;
}

.kiyoh-reviews .item.review span.reference,
.kiyoh-reviews-large .item.review span.reference,
.kiyoh-reviews .item.review span.date,
.kiyoh-reviews-large .item.review span.date {
    color: #999999;
}

.kiyoh-reviews .item.review .reference,
.kiyoh-reviews-large .item.review .reference {
    display: block;
    margin-top: 10px;
}

.kiyoh-reviews .item.review .customer-rating,
.kiyoh-reviews-large .item.review .customer-rating {
    position: absolute;
    top: 25px;
    right: 10px;
}

.kiyoh-reviews .item.review .customer-rating > span,
.kiyoh-reviews-large .item.review .customer-rating > span {
    position: relative;
    font-weight: 600;
    font-size: 19px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kiyoh-reviews .item.review .customer-rating > span:before,
.kiyoh-reviews-large .item.review .customer-rating > span:before {
    content: "";
    position: absolute;
    background-image: url(https://cms.promothing.nl/frontendEditor/uploads/kiyoh-icon-clean.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 106%;
    height: 105%;
    margin-top: 15px;
}

.kiyoh-reviews .item.review span.author,
.kiyoh-reviews-large .item.review span.author {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 3px;
    display: block;
    width: 100%;
}

.kiyoh-reviews .item.review span.date,
.kiyoh-reviews-large .item.review span.date {
    font-size: 15px;
}

.kiyoh-reviews-large .item.review span.review-oneliner {
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
}

/* Knop onder masonry */
.masonry-review-button {
    display: block;
    margin: 40px auto 0 auto;
    text-align: center;
    padding: 10px 25px;
    background-color: #009bda;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    max-width: fit-content;
}

.masonry-review-button:hover {
    background-color: #0077aa;
}

.d-inline-block {
    display: inline-block;
}

#container.no_children_category.category-429365 .widget-categorie-detail .wrapper .description {
    background: #9f3b45;
}

.grecaptcha-badge {
    display: none;
}

.recaptcha {
    font-size: 12px;
    color: #666;
    padding: 0 10px;
    margin: 10px 0px;
}

.popup-wrapper .recaptcha {
    padding: 0px;
    position: absolute;
    bottom: 0;
}