:root {
    --bb-action: #ffc078;
    --bb-action-hover: #ffb565;
    --bb-action-active: #f4a854;
    --bb-action-text: #45372e;
    --bb-link: #695044;
    --bb-accent: #efa35a;
    --bb-soft: #fff3e8;
    --bb-soft-border: #efd5bc;
}

body {
    font-family: sans-serif;
    margin: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000 ;
    background-color: #fff;
    font-weight: 400;
}

footer, header, nav, section {
    display: block;
}

a {
    background-color: transparent;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    color: #000000;
    text-decoration: none;
}

a:active {
    outline: 0;
}

a:hover, a:focus {
    outline: 0;
    outline-offset: 0;
    text-decoration: underline;
    color: #efa35a;
}

.wsmenu {
    color: #fff;
    float: left;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

strong {
    font-weight: 700;
}

img {
    border: 0;
    vertical-align: middle;
}

button, input {
    margin: 0;
    font: inherit;
    color: inherit;
    -moz-box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
    font-size: inherit;
    line-height: inherit;
}

button {
    overflow: visible;
    text-transform: none;
}

button, input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

td {
    padding: 0;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[role=button] {
    cursor: pointer;
}

h1 {
    font-size: 18px;
}

h2, h3 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 24px;
}

p {
    margin: 0 0 5px;
}

.text-center {
    text-align: center;
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
}

ul ul {
    margin-bottom: 0;
}

.container {
    padding-right: 4px;
    padding-left: 4px;
    margin-right: auto;
    margin-left: auto;
}

.containerFancy {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.col-lg-3, .col-lg-6, .col-md-12, .col-md-3, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-12 {
    float: left;
    width: 100%;
}

.left-sidebar {
    padding-top: 5px;
}

.header-middle .container .row {
    border-bottom: 1px solid #f5f5f5;
    margin-left: 0;
    margin-right: 0;
    height: 58px;
}

.header-middle .container .row .col-sm-4 {
    padding-left: 0;
}

.header-middle .container .row .col-sm-8 {
    padding-right: 0;
}

.view-product-fancy {
    position:relative;
    border:3px solid #F7F7F0;
    padding:5px;
    min-height:550px;
}

.category {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.category a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
}

.category:hover {
    background-color: #f0f0f0;
}

.category img {
    max-width: 50%;
    height: auto;
}

.category .image-container {
    flex-shrink: 0;
    width: 75px;
    display: flex;
    justify-content: center;
}

.filtersidebar {
    min-height:75px;
    padding-bottom:10px;
}

@media (max-width: 768px) {
    .row-cookies-desktop {
        display: none;
    }

    #orderbymobile {
        width: 85%;
    }

    #orderbymobilediv {
        padding-top:10px;
    }

    .filtersidebar {
        min-height:0px;
        padding-bottom:0px;
    }

    #ordertextmobile {
        font-size: 12px;
    }

    .category {
        display: flex;
        align-items: center;
        font-size: 22px;
        border: 1px solid lightgrey;
        height: 100px;
    }

    .category .image-container {
        flex-shrink: 0;
        width: 100px;
        display: flex;
        justify-content: center;
    }

    .category img {
        max-width: 75%;
        max-height: 80px;
    }

    .category a {
        text-decoration: none;
        color: inherit;
        display: flex;
        align-items: center;
    }

    .category:hover {
        background-color: #f0f0f0;
    }

    #verfijn {
        display: none;
        position: fixed;
        top: 50px;
        padding: 10px;
        padding-bottom: 160px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 10;
        overflow: auto;
    }

    #closeVerfijndiv {
        cursor: pointer;
        font-size: 20px;
        font-weight: bold;
        color: #efa35a;
    }

    #foundresultsfilter {
        padding-top:10px;
    }

    #filterdivtotal #slider-range {
        padding-left: 15px;
        width: 95%;
    }

    #filterdivtotal .filtergr {
        font-size: 20px;
        font-weight:700;
    }

    #filterdivtotal .btn {
        font-size: 18px;
        font-weight:700;
    }

    #filterdivtotal .category-products, #filterdivtotal #orderbyfilter {
        font-size: 18px;
        padding-left: 0px;
        font-weight:700;
        border:none;
    }

    #orderbyfilter {
        margin-left: 8px;
    }

    #alleselecteditems {
        padding-left:0px;
        padding-top: 10px;
    }

    #filterdivtotal {
        position: fixed;
        top: 50px;
        padding: 10px;
        padding-bottom: 160px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 10;
        overflow: auto;
    }

    #closeFilterdiv {
        cursor: pointer;
        font-size: 20px;
        font-weight: bold;
        color: #efa35a;
    }

    #filterdiv {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 14;
        border-right: solid 1px #000000;
    }

    #filterenmobile {
        width: 50%;
        height: 50px;
        font-size: 20px;
        border-right: solid 1px #000000;
        float: right;
    }

    #categoriemobile {
        width: 50%;
        height: 50px;
        font-size: 20px;
        border-right: solid 1px #000000;
        float: left;
    }

    .containerFancy {
        padding-left: 2px;
        padding-right: 2px;
    }

    .view-product-fancy {
        position:relative;
        min-height:550px;
        padding:0px;
        border:none;
    }

    .klantenvredenheid {
        display: none;
    }

    .mobielhideleftbar {
        display: none;
    }

}

@media (min-width: 768px) {
    .row-cookies-mobile {
        display: none;
    }

    .klantenvredenheid {
        height: 62px;
    }

    .klantenvredenheid a, .klantenvredenheid a:hover, .klantenvredenheid a:active, .klantenvredenheid a:focus {
        text-decoration: none;
    }

    .features_items {
        padding-top: 0px;
    }

    .left-sidebar {
        padding-top: 0px;
    }

    .container {
        width: 750px;
    }

    .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

}
.opties {
    width: 70%;
}

.groupselect {
    width: 20%;
}

@media (min-width: 992px) {
    .groupselect {
        width: 10%;
    }

    .opties {
        width: 45%;
    }

    .container {
        width: 970px;
    }

    .col-md-12, .col-md-3 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-3 {
        width: 25%;
    }

}
@media (min-width: 1024px) {
    .view-product-fancy {
        min-height:580px;
    }

    .container, .containerFancy {
        width: 100%;
        max-width: 1280px;
    }

    .col-lg-3, .col-lg-6 {
        float: left;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-3 {
        width: 25%;
    }

    Xmilaand1024X

}
.table-condensed > thead > tr > td {
    padding: 5px;
}

.nav {
    padding-left: 0;
    margin-top: 8px;
    list-style: none;
}

.nav > li, .nav > li > a {
    position: relative;
    display: block;
}

.nav > li > a {
    padding: 10px 15px;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
}

.nav-pills > li {
    float: left;
}

.nav-pills > li > a {
    border-radius: 4px;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.clearfix:after, .clearfix:before, .container:after, .container:before, .nav:after, .nav:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.clearfix:after, .container:after, .nav:after, .row:after {
    clear: both;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

ul li {
    list-style: none;
}

a#scrollUp {
    bottom: 0;
    right: 10px;
    padding: 5px 10px;
    background: #efa35a;
    color: var(--bb-action-text);
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}

a#scrollUp i {
    font-size: 30px;
}

.shop-menu ul li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
    height: 40px;
}

.shop-menu ul li:last-child {
    padding-right: 0;
}

.shop-menu ul li a i {
    margin-right: 3px;
}

.fa-angle-down {
    padding-left: 5px;
}

.banner, .item p {
    font-size: 16px;
}

.banner {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 10px;
}

.right {
    right: 0;
}

h2.title:after {
    content: " ";
    position: absolute;
    border: 1px solid #f5f5f5;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -2;
}

h2.title:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 220px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -110px;
}

.features_items {
    overflow: hidden;
    padding-top: 10px;
}

h2.title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 15px 10px;
    position: relative;
}

.reviewsterren a {
    font-size: 12px;
}

.reviewcijfer span {
    margin-left: 11px;
}

.reviewcijfer {
    height: 53px;
    width: 69px;
    font-size:26px;
    font-weight:bold;
}

.caro_tekst {
    float: left;
}

.main_caro_img {
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    width: 6%;
}

.borders {
    border-bottom: 2px solid #f5f5f5;
}

@media (max-width: 900px) {
    body {
        overflow-x: hidden;
    }

    .wsmenu > .wsmenu-list > li > a > .fa {
        font-size: 16px;
        color: #bfbfbf;
        margin-right: 11px;
        text-align: center;
        width: 19px;
    }

    .wsmenu-click i {
        display: block;
        height: 23px;
        width: 25px;
        margin-top: 11px;
        margin-right: 8px;
        background-size: 25px;
        font-size: 21px;
        color: rgba(0, 0, 0, .25);
        float: right;
    }

    .wsmenu-click {
        height: 43px;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        width: 100%;
    }

    .features_items .col-sm-3 {
        float: left;
        width: 33%;
    }

    .caro_tekst {
        color: black;
        float: left;
        padding-left: 28px;
    }

    .caro_tekst a {
        color: black;
        text-decoration: underline;
    }

    .header-middle .col-sm-4 {
        display: inline-block;
        overflow: inherit;
    }

    #slider-carousel .item {
        padding-left: 0;
    }

}
@media (max-width: 480px) {
    body {
        overflow-x: hidden;
    }

    .features_items .col-sm-3 {
        float: left;
        width: 49%;
    }

    .winkelwagen_meldingen_overlay {
        top: 25%;
        width: 259px;
    }

    .banner, .item p {
        font-size: 12px;
    }

    .main_caro_img {
        width: 14%;
    }

    .footer-bottom .pull-left {
        float: none !important;
    }

    .header-middle .col-sm-4 {
        text-align: center;
        overflow: inherit;
    }

    .item {
        padding-left: 0;
    }

}
.wsmain h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased !important;
    font-smoothing: subpixel-antialiased !important;
    font-smooth: subpixel-antialiased;
}

.wsmain .cl {
    clear: both;
}

.wsmain img {
    border: 0;
    padding-top: 5px;
}

.wsmain a:focus {
    outline: 0 !important;
}

.wsmain:after, .wsmain:before, .wsmenu-list > li.rightmenu:after, .wsmenu-list > li.rightmenu:before {
    content: "";
    display: table;
}

.wsmain:after, .wsmenu-list > li.rightmenu:after {
    clear: both;
}

.ws-activearrow > i {
    transform: rotate(180deg);
}

.wsmenu-rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.overlapblackbg, .wsmobileheader {
    display: none;
}

.smllogo a {
    display: block;
    float: left;
    padding: 0px 20px 0 15px;
}

.topmenusearch {
    float: right;
    width: 168px;
    height: 47px;
    position: relative;
    margin: 0;
}

.topmenusearch .searchicon, .topmenusearch input {
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
}

.topmenusearch input {
    position: relative;
    float: right;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: 15px;
    height: 45px;
    outline: 0;
    background-color: #b0b0b0;
}

.topmenusearch input:hover, .topmenusearch input:focus {
    transform:scale(1.05);
    transform-origin: right center;
    background-color: #f5f5f5;
}

.topmenusearch input:focus ~ .btnstyle, .topmenusearch input:hover ~ .btnstyle {
    background-color: #efa35a;
    color: var(--bb-action-text);
    opacity: .9;
}

.topmenusearch input:focus ~ .btnstyle .fa {
    color: #fff;
}

.topmenusearch .btnstyle {
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    line-height: 30px;
    cursor: pointer;
    opacity: .3;
    color: var(--bb-action-text);
    z-index: 1000;
    border: solid 0;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    background-color: #efa35a;
}

.topmenusearch .btnstyle .fa {
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.topmenusearch .btnstyle:hover {
    background-color: #efa35a;
    opacity: .9
    color: var(--bb-action-text);
}

.wsmain {
    width: 100%;
    max-width: 1280px;
    background: #f0f0e9;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wsmain, .wsmenu, .wsmenu-list {
    margin: 0 auto;
    padding: 0;
}

.wsmenu-list {
    text-align: left;
    width: 100%;
    display: block;
}

.wsmenu-list > li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.breadcrumb {
    box-sizing: border-box;
    height: auto;
    min-height: 40px;
    margin: 0 15px 22px;
    padding: 12px 16px;
    border: 1px solid #f2e5d9;
    border-radius: 9px;
    background: #fff8f0;
    color: #74665a;
    font-size: 13px;
    line-height: 1.6;
    list-style: none;
    overflow-wrap: anywhere;
}

.breadcrumb > li {
    display: inline;
}

.breadcrumb > li + li::before {
    content: "/";
    padding: 0 8px;
    color: #b9a28e;
}

.breadcrumb a {
    color: #805033;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.breadcrumb > .active {
    color: #665c53;
}

.breadcrumb a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .breadcrumb {
        margin-bottom: 16px;
        padding: 10px 12px;
        font-size: 12px;
    }

}
.wsmenu-list > li > a .fa {
    height: 25px;
    width: 25px;
}

.mobiletext {
    display: none;
}

.wsmenu-list li a .arrow:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #898d91;
    content: "";
    right: 12px;
    height: 0;
    margin: 0 0 0 9px;
    position: absolute;
    text-align: right;
    top: 22px;
    width: 0;
}

.wsmenu-list > li > a {
    display: block;
    padding: 10px 30px 0 18px;
    height: 47px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    text-decoration: none;
    position: relative;
}

.wsmenu-list li a:hover .arrow:after, .wsmenu-list li:hover > a .arrow:after {
    border-top-color: #b3b3b3;
}

.wsmenu-list > li.rightmenu {
    float: right;
    zoom: 1;
}

.wsmenu-list li:hover .megamenu {
    opacity: 1;
}

.link-list li a, .megamenu {
    text-align: left;
    background-color: #fff;
}

.megamenu {
    left: 0;
    position: absolute;
    top: 48px;
    color: #000;
    z-index: 1000;
    margin: 0;
    font-size: 15px;
    border: solid 1px #eee;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    padding: 14px;
}

.megamenu .title {
    border-bottom: 1px solid #ccc;
    padding: 9px 5px 9px 0;
    font-size: 17px;
    color: #424242;
    text-align: left;
    height: 50px;
    margin: 0 0 10px;
}

.link-list li {
    display: block;
    white-space: nowrap;
    text-align: left;
}

.link-list li a {
    line-height: 18px;
    padding: 6px 0;
    background: #fff !important;
    background-image: none !important;
    border-right: 0 none !important;
    display: block;
}

.link-list .fa {
    font-size: 11px;
}

.wsmenu-list .megamenu li:hover > a {
    background: 0 0 !important;
}

.wsmenu-list .megamenu li a:hover {
    background: 0 0 !important;
    text-decoration: underline;
}

.wsmenu-list .megamenu li .fa {
    margin-right: 5px;
    text-align: center;
    width: 18px;
}

.megamenu .left.carousel-control, .megamenu .right.carousel-control {
    padding-top: 20%;
}

.megamenu, .wsmain .carousel-inner .item img {
    width: 100%;
}

.megamenu .carousel-caption {
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    font-size: 13px;
    height: 31px;
    left: 0;
    padding: 7px 0;
    right: 0;
    width: 100%;
}

.typography-text {
    padding: 0;
    font-size: 14px;
}

.typography-text ul {
    padding: 0;
    margin: 0;
}

.typography-text p {
    text-align: justify;
    line-height: 24px;
    color: #656565;
}

.typography-text ul li, .wsmenu-submenu li a {
    display: block;
    padding: 2px 0;
    line-height: 22px;
}

.typography-text ul li a {
    color: #656565;
}

.wsmenu-list li > .megamenu, .wsmenu-list li > .wsmenu-submenu, .wsmenu-submenu li > .wsmenu-submenu-sub, .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-75deg);
    -o-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -webkit-transform: rotateX(-75deg);
    visibility: hidden;
}

.wsmenu-list li:hover > .megamenu, .wsmenu-list li:hover > .wsmenu-submenu, .wsmenu-submenu li:hover > .wsmenu-submenu-sub, .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub, .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub, .wsmenu-submenu {
    position: absolute;
    margin: 0;
    padding: 0;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

.wsmenu-submenu {
    z-index: 1000;
    border: solid 1px #eee;
    background-color: #fff;
    top: 48px;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
}

.wsmenu-submenu li a {
    background: #fff !important;
    background-image: none !important;
    border-right: 0 none !important;
    text-align: left;
    padding: 6px 12px;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
}

.wsmenu-submenu li {
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub, .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    min-width: 220px;
    left: 100%;
    top: 0;
    -o-transition: -o-transform .4s, opacity .4s;
    -ms-transition: -ms-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub, .wsmenu-list li:hover .wsmenu-submenu {
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub, .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    opacity: 1;
    list-style: none;
    padding: 0;
    border: solid 1px #eee;
    background-color: #fff;
}

.wsmenu-click, .wsmenu-click02 {
    display: none;
}

.wsmenu-submenu .fa {
    margin-right: 7px;
}

.wsmenu-list li:hover > a, .wsmenu-list > li > a.active, .wsmenu-list > li > a:hover, .wsmenu-submenu > li > a:hover {
    background-color: rgba(0, 0, 0, .1) !important;
    text-decoration: none;
}

.wsmenu-submenu > li > a:hover {
    border-radius: 0 !important;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .wsmenu-list li a .arrow:after {
        display: none !important;
    }

    .wsmenu-list > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .smllogo {
        width: 10% !important;
    }

}
@media only screen and (min-width: 900px) and (max-width: 1023px) {
    .wsmenu-list li a .arrow:after, .wsmenu-list > li > a .fa {
        display: none;
    }

    .wsmenu-list > li > a {
        white-space: nowrap !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .wsmenu {
        width: 85% !important;
    }

    .smllogo {
        width: 15% !important;
    }

    .wsmain {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .mobiletext {
        display: block;
    }

}
@media only screen and (min-width: 900px) {
    .wsmenu-list li.keyboard-open-parent > .megamenu, .wsmenu-list li.keyboard-open-parent > .wsmenu-submenu, .wsmenu-submenu li.keyboard-open-child > .wsmenu-submenu-sub, .wsmenu-submenu-sub li.keyboard-open-child > .wsmenu-submenu-sub-sub {
        display: block !important;
        transform: rotateX(0deg) !important;
        -o-transform: rotateX(0deg) !important;
        -moz-transform: rotateX(0deg) !important;
        -webkit-transform: rotateX(0deg) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .wsmenu-list li:hover > .megamenu, .wsmenu-list li:hover > .wsmenu-submenu, .wsmenu-submenu li:hover > .wsmenu-submenu-sub, .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
        display: block !important;
    }

    .wsmenu-list > li a.menuhomeicon .fa {
        margin-right: 0 !important;
    }

    select:focus, select:hover {
        border-color: #efa35a;
        outline: 0;
        box-shadow: 0 0 0 3px rgba(239, 163, 90, .18);
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .hideonbigscreen {
        display: none !important;
    }

}
.callusicon {
    position: fixed;
    right: 3px;
    top: 5px;
    width: 210px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.callusicon:focus {
    color: #fff !important;
}

.wsoffcanvasopener .callusicon {
    display: none !important;
}

@media only screen and (max-width: 900px) {
    .topmenusearch {
        margin: 0;
        width: 100%;
        height: 44px;
        position: fixed;
        z-index: 101;
        font-size: 16px;
    }

    .topmenusearch input {
        width: 50%;
    }

    .smllogo, .smllogo a {
        margin: 0 auto;
        text-align: center;
    }

    .smllogo {
        width: 100%;
        display: none !important;
        background-color: #b0b0b0;
    }

    .smllogo a {
        float: none;
        padding: 10px 0 3px;
    }

    .topmenusearch .btnstyle {
        height: 44px;
        color: #424242;
    }

    .wsmenucontainer {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .overlapblackbg {
        left: 0;
        z-index: 102;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        display: none;
        background-color: rgba(0, 0, 0, .45);
        cursor: pointer;
    }

    .wsmenucontainer.wsoffcanvasopener {
        display: block;
        margin-left: 240px;
    }

    .wsmobileheader {
        display: block !important;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .smallogo {
        display: block;
        text-align: center;
        padding-top: 9px;
        position: fixed;
        z-index: 101;
        width: 100%;
        height: 52px;
        background: #f0f0e9;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    }

    .smallogo > img {
        margin-top: -2px;
    }

    .wsmenu-list > li:hover > a {
        background-color: rgba(0, 0, 0, .08) !important;
        text-decoration: none;
    }

    .mobiletext {
        display: inline-block !important;
    }

    wsoffcanvasopener .overlapblackbg {
        display: block !important;
    }

    .wsoffcanvasopener .wsmain {
        left: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .wsmain, .wsmenu {
        float: none;
        height: 100%;
    }

    .wsmain {
        left: -240px;
        position: fixed;
        top: 0;
        margin: 0;
        border-radius: 0;
        z-index: 9999999;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        border: 0 !important;
        background-color: #fff !important;
        width: 240px;
    }

    .wsmenu {
        border-left: none;
        width: 100%;
        overflow-y: auto;
        display: block !important;
    }

    .wsmenu-click, .wsmenu-click02 {
        height: 43px;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        width: 100%;
    }

    .wsmenu-click i, .wsmenu-click02 i {
        display: block;
        height: 23px;
        width: 25px;
        margin-top: 11px;
        margin-right: 8px;
        background-size: 25px;
        font-size: 21px;
        color: #efa35a;
        float: right;
    }

    .animated-arrow {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 102;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
        padding: 13px 35px 16px 0;
        margin: 10px 0 0 15px;
    }

    .wsoffcanvasopener .animated-arrow {
        left: 240px;
    }

    .animated-arrow span, .animated-arrow span:after, .animated-arrow span:before {
        cursor: pointer;
        height: 2px;
        width: 23px;
        background: #c9c9c9;
        position: absolute;
        display: block;
        content: "";
    }

    .animated-arrow span:before {
        top: -7px;
    }

    .animated-arrow span:after {
        bottom: -7px;
    }

    .animated-arrow span, .animated-arrow span:after, .animated-arrow span:before {
        transition: all 500ms ease-in-out;
    }

    .wsoffcanvasopener .animated-arrow span {
        background-color: transparent;
    }

    .animated-arrow.active span:after, .wsoffcanvasopener .animated-arrow span:before {
        top: 7px;
    }

    .wsoffcanvasopener .animated-arrow span:before {
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        bottom: 0;
    }

    .wsoffcanvasopener .animated-arrow span:after {
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .typography-text {
        padding: 10px 0;
    }

    .wsmenu-list .megamenu {
        background-color: #e7e7e7;
        padding: 0;
        border: solid 0;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .wsmenu-list .megamenu, .wsmenu-list li:hover .megamenu {
        display: none;
        position: relative !important;
        top: 0;
    }

    .megamenu .title {
        font-size: 15px !important;
        padding: 10px 8px 10px 0;
    }

    .megamenu > ul {
        width: 100% !important;
        margin: 0;
        padding: 0;
        font-size: 13px !important;
    }

    .megamenu > ul > li > a:hover {
        background-color: #000 !important;
    }

    .megamenu ul li.title {
        line-height: 26px;
        margin: 0;
        font-size: 15px;
        padding: 7px 13px !important;
        border-bottom: 1px solid #ccc;
        background-color: transparent !important;
    }

    .wsmenu-submenu > li:hover > a {
        background-color: #7b7b7b;
    }

    .wsmenu > .wsmenu-list > li > a.active, .wsmenu > .wsmenu-list > li > a:hover {
        background-color: rgba(0, 0, 0, .08);
    }

    .wsmenu-list li:hover .wsmenu-submenu, .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
        display: none;
    }

    .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
        display: none;
        list-style: none;
        padding: 2px;
        border: solid 1px #eee;
        background-color: #fff;
    }

    .wsmenu-list li:first-child a {
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

    .wsmenu-list li:last-child a {
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        border-right: 0 solid;
    }

    .wsmenu-submenu-sub, .wsmenu-submenu-sub-sub {
        width: 100% !important;
        position: static !important;
        left: 100% !important;
        top: 0 !important;
        display: none;
        margin: 0 !important;
        padding: 0 !important;
        border: solid 0 !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .wsmenu-submenu-sub li {
        margin: 0 !important;
        padding: 0;
        position: relative;
    }

    .wsmenu-submenu-sub a, .wsmenu-submenu-sub-sub a {
        display: block;
        padding: 10px 25px;
        border-bottom: solid 1px #ccc;
        font-weight: 400;
    }

    .wsmenu-submenu-sub li:hover > a {
        background-color: #b0b0b0 !important;
        color: #fff;
    }

    .wsmenu > .wsmenu-list > li > a > .fa {
        font-size: 16px;
        color: #efa35a;
        margin-right: 11px;
        text-align: center;
        width: 19px;
    }

    .wsmenu-submenu-sub-sub li {
        margin: 0 !important;
    }

    .wsmenu-submenu-sub-sub a {
        color: #000;
        background: #000 !important;
    }

    .wsmenu-submenu-sub-sub li:hover > a {
        background-color: #606060 !important;
        color: #fff;
    }

    .wsmenu .wsmenu-list {
        display: block !important;
    }

    .wsmenu .wsmenu-list > li {
        width: 100%;
        display: block;
        float: none;
        border-right: none;
        background-color: transparent;
        position: relative;
        white-space: inherit;
    }

    .wsmenu > .wsmenu-list > li > a {
        padding: 9px 32px 9px 12px;
        font-size: 14px;
        text-align: left;
        border-right: solid 0;
        background-color: transparent;
        line-height: 25px;
        border-bottom: 1px solid;
        border-bottom-color: rgba(0, 0, 0, .13);
        position: static;
    }

    .wsmenu .wsmenu-list li a .arrow:after {
        display: none !important;
    }

    .mobile-sub .wsmenu-submenu {
        transform: none !important;
        opacity: 1 !important;
        display: none;
        position: relative !important;
        top: 0;
        background-color: #fff;
        border: solid 1px #ccc;
        padding: 0;
        visibility: visible !important;
    }

    .mobile-sub .wsmenu-submenu li a {
        line-height: 20px;
        height: 36px;
        background-color: #e7e7e7 !important;
        font-size: 13px !important;
        padding: 8px 0 8px 18px;
        color: #000000;
    }

    .mobile-sub .wsmenu-submenu li a:hover {
        text-decoration: underline;
    }

    .mobile-sub .wsmenu-submenu li a:hover, .mobile-sub .wsmenu-submenu li:hover > a {
        background-color: #e7e7e7 !important;
    }

    .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
        line-height: 20px;
        height: 36px;
        background-color: #e7e7e7 !important;
        border-bottom: none;
        padding-left: 28px;
    }

    .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a {
        line-height: 20px;
        height: 36px;
        background-color: #e7e7e7 !important;
        border-bottom: none !important;
        padding-left: 38px;
        color: #000000;
    }

    .wsmenu-list li:hover > .wsmenu-submenu, .wsmenu-list li > .wsmenu-submenu, .wsmenu-submenu li > .wsmenu-submenu-sub {
        transform: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
    }

    .wsmenu-list li:hover > .megamenu, .wsmenu-list li > .megamenu, .wsmenu-submenu li:hover > .wsmenu-submenu-sub, .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub, .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
        transform: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

}
.fa:before, .fas:before {
    content: "X";
    font-size: 11px;
    font-family: "bbwebwinkel";
    width: 15px;
    height: 20px;
    display: inline-block;
}

.thumbproduct {
    width: 100px;
    height: 100px;
    object-fit: contain;
    box-sizing: border-box;
    margin-left: 2px;
}

img.watermark_details {
    position: absolute;
    top: 0;
    z-index: 10;
    border: 0;
}

.view-product {
    position: relative;
    width: 100%;
    border: 3px solid #f5f5f5;
    Xheigtmin1024X
}

Xviewport767X

@media (min-width: 768px) and (max-width: 1024px) {
    Xviewport1024X

    .thumbproduct {
        width: 88px;
    }

    Xmilaandmax1024X

}
.view-product img {
    max-width: 100%;
    display: block;
}

.heightthumbsdiv {
    padding-top: 5px;
    display: block;
    height: auto;
    overflow: auto;
}

.thumbdiv {
    display: inline-block;
}

.tooltipclass {
    border: 0;
    width: 20px;
    height: 20px;
}

.clear_input {
    color: #efa35a;
    position: absolute;
    right: 49px;
    font-weight: 700;
    font-size: 22px;
    top: 4px;
}

.smallogo {
    display: block;
    text-align: center;
    padding-top: 9px;
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 52px;
    background: #f0f0e9;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}

.smallogo > img {
    float: left;
    margin-left: 49px;
    height: 45px;
    width: 106px;
}

.grid-container-recent-bezocht {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    padding-bottom:10px;
}

.grid-container-home, .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    padding-bottom:10px;
}

.grid-item img {
    max-width: 90%;
}

.grid-item {
    min-height: 315px;
}

.grid-container-recent-bezocht .grid-item {
    min-height: auto;
}

.grid-container-home .grid-item {
    min-height: 200px;
}

.grid-container-home .grid-item img {
    max-height: 153px;
}

@media only screen and (max-width: 413px) {
    .grid-container-home .grid-item {
        min-height: 180px;
    }

    .grid-item img {
        max-width: 100%;
    }

    .grid-container-home, .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 10px;
        grid-column-gap: 10px;
        padding-bottom:10px;
    }

}
.grid-item img {
    max-height: 200px;
}

.grid-item {
    padding-top: 10px;
    border: 1px solid #efa35a;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.grid-item-thema, .grid-item-bijpassend {
    padding-top: 10px;
    border: 3px solid #F5F5F5;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.grid-price {
    padding-top: 5px;
    color:#efa35a;
    font-weight: bold;
}

.grid-footer {
    margin-top: auto;
    padding: 10px;
    background-color: #f0f0f0;
}

.grid-footer img {
    width: 16px;
    height: 16px;
}

.grid-beschrijving {
    margin-top: auto;
    padding: 10px;
    background-color: #f0f0f0;
}

.reviewcijfer a {
    font-size: 26px;
    font-weight: 700;
    margin-left: 11px;
}

.reviewcijfer {
    background: url(/shop/images/default/cirkel_getekend.png);
    background-repeat: no-repeat;
    background-size: 64px 50px;
}

#filterenmain {
    margin-bottom: 10px;
    width: 100%;
    z-index: 15;
    border-right: solid 1px #000000;
}

#filterenmain:hover {
    font-weight: bold;
    box-shadow: 0 0 0 3px rgba(239, 163, 90, .18);
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#displayfilter {
    padding-left: 12px;
    padding-right: 15px;
    padding-bottom: 5px;
}

.left-sidebar h2 {
    color: #efa35a;
    font-size: 16px;
    font-weight: 700;
    margin: 10px auto 10px;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
}

.left-sidebar h2:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 130px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -65px;
}

.product-image-wrapper, .product-image-wrapper_reclame {
    border: 1px solid #efa35a;
    overflow: hidden;
    margin-bottom: 30px;
    height: 300px;
    border-radius: 8px;
    z-index: 1000;
    width: 100%;
}

.category-products {
    border: 1px solid #f7f7f0;
    margin-bottom: 5px;
    padding-left: 15px;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.carousel {
    position: relative;
}

.carouselheader {
    height: 43px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

#slider-carousel.carouselheader {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 10px 0 16px;
    background: #ffffff;
}

#slider-carousel > .carousel-inner, #slider-carousel > .carousel-inner > .item, #slider-carousel > .carousel-inner > .item > a {
    width: 100%;
    max-width: none;
    background: #ffffff;
}

#slider-carousel .col-sm-61 {
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 10px 12px;
    background: #ffffff;
}

#slider-carousel .main_caro_img {
    margin: 0;
    background: #ffffff;
}

.row > [class*="col-"]:has(#slider-carousel) {
    float: none;
    width: 100%;
    max-width: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

select {
    border: 1px solid #efa35a;
    color: #696763;
    padding: 3px;
    width: 100%;
    font-size: 1.2em;
    height: 30px;
    border-radius: 3px;
    resize: none;
    background: #fff;
    -moz-box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
}

.orderby {
    width: 200px;
}

.product-information .aantal {
    max-width: 60px;
}

.product-information {
    border: 3px solid #f7f7f0;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 5px;
    position: relative;
}

.product-information span {
    display: inline-block;
}

.product-information ul {
    padding-left: 20px;
    margin: 0;
}

.product-information li {
    list-style-type: disc;
}

.fa-home:before {
    content: "a";
}

.fa-search:before {
    content: "b";
}

.fa-star:before {
    content: "c";
}

.fa-star-half-alt:before {
    content: "d";
}

.fa-shopping-cart:before {
    content: "e";
}

.fa-crosshairs:before {
    content: "f";
}

.fa-check:before {
    content: "g";
}

.fa-lock:before {
    content: "h";
}

.fa-angle-left:before {
    content: "i";
}

.fa-angle-right:before {
    content: "j";
}

.fa-rss:before {
    content: "k";
}

.fa-list-alt:before {
    content: "l";
}

.fa-arrow-circle-right:before {
    content: "m";
}

.fa-angle-down:before, .fa-arrow-down:before {
    content: "n";
}

.fa-sliders-h:before {
    content: "o";
}

.fa-times:before {
    content: "p";
}

.fa-angle-up:before {
    content: "q";
}

.fas-link:before {
    content: "r";
}

.fas-a-paint-roller:before {
    content: "s";
}

.fa-align-justify:before {
    content: "t";
}

.fas-envelope:before {
    content: "u";
}

.fas-question:before {
    content: "v";
}

.fas-truck:before {
    content: "w";
}

.product-information span span {
    color: #efa35a;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 10px;
}

#eu-cookie-ruk {
    padding-top: 10px;
    text-align: left;
}

#eu-cookie-confirmation {
    background-color: black;
    color: #FFF;
    padding: 12px;
    z-index: 50;
}

#eu-cookie-confirmation a {
    color: #FFF;
    font-weight: bold;
}

#melding {
    color: darkred;
}

#melding_footer {
    background-color: darkred;
    color: white;
    padding: 12px;
    z-index: 9999998;
}

#holdermeldingen {
    margin: 0;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 9999998;
}

#hide_melding_button {
    position: relative;
    float: left;
    background: gray;
    color: white;
    top: 0px;
    right: 0px;
    margin-right:10px;
}

.product-information .meldinglevertijd span {
    color: darkred;
    font-size: 1.1em;
}

.icondefault {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 16px;
    height: 16px;
}

.product-details .heightthumbsdiv {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    height: auto;
    margin: 14px 0 20px;
    padding: 4px;
    overflow: visible;
}

.product-details .heightthumbsdiv > div:not(.thumbdiv) {
    display: none;
}

.product-details .heightthumbsdiv > .thumbdiv {
    display: block;
    float: none;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.product-details .heightthumbsdiv > .thumbdiv > a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 112px;
    height: 112px;
    margin: 0;
    padding: 4px;
    overflow: hidden;
    border: 2px solid #eee3da;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
    text-decoration: none;
    transition:
            border-color 150ms ease,
            box-shadow 150ms ease;
}

.product-details .heightthumbsdiv > .thumbdiv > a > img.thumbproduct {
    display: block;
    float: none;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: none;
    object-fit: contain;
}

.product-details .heightthumbsdiv > .thumbdiv > a.mz-thumb-selected {
    border-color: #efa35a;
    box-shadow: 0 0 0 2px #fff3e8;
}

.product-details .heightthumbsdiv > .thumbdiv > a:focus-visible {
    outline: 2px solid #695044;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .product-details .heightthumbsdiv {
        gap: 8px;
        margin-top: 10px;
    }

}
#products.grid-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
    width: 100%;
    margin: 0 0 24px;
    padding: 0;
    box-sizing: border-box;
}

#products.grid-container > .grid-item {
    display: flex;
    flex-direction: column;
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #eadfd5;
    border-radius: 12px;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 2px 8px rgba(92, 48, 15, 0.03);
    transition:
            border-color 150ms ease,
            box-shadow 150ms ease;
}

#products > .grid-item > a {
    display: block;
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 14px;
    color: #38312c;
    text-decoration: none;
}

#products .grid-item .fftr {
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    overflow-wrap: anywhere;
}

#products .grid-item .hvr-grow {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    padding: 0;
    background: #ffffff;
    transform: none;
}

#products .grid-item .watermark_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 190px;
    margin: 0;
    padding: 0;
    background: #ffffff;
}

#products .grid-item .watermark_box > img {
    display: block;
    float: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 190px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    object-fit: contain;
}

#products .grid-item .grid-price {
    position: static;
    float: none;
    width: auto;
    margin: 0 0 7px;
    padding: 10px 0 0;
    border-top: 1px solid #f2e9e1;
    background: transparent;
    color: #695044;
    font-family: inherit;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

#products > .grid-item > .grid-footer {
    margin: auto 0 0;
    padding: 10px 14px;
    border-top: 1px solid #f1e5d9;
    border-radius: 0;
    background: #fff6eb;
    color: #665c53;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

#products .grid-footer > div {
    display: flex;
    align-items: center;
    gap: 7px;
}

#products .grid-footer img.instockicon {
    display: block;
    flex: 0 0 16px;
    float: none;
    width: 16px;
    height: 16px;
    max-width: 16px;
    max-height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    object-fit: contain;
}

#products > .grid-item > a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: -3px;
    border-radius: 10px;
}

@media (max-width: 991px) {
    #products.grid-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    #products .grid-item .watermark_box {
        height: 170px;
    }

    #products .grid-item .watermark_box > img {
        max-height: 170px;
    }

}
@media (max-width: 600px) {
    #products.grid-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    #products.grid-container > .grid-item {
        border-radius: 10px;
    }

    #products > .grid-item > a {
        padding: 10px;
    }

    #products .grid-item .watermark_box {
        height: 145px;
    }

    #products .grid-item .watermark_box > img {
        max-height: 145px;
    }

    #products .grid-item .fftr {
        font-size: 13px;
        line-height: 1.45;
    }

    #products .grid-item .grid-price {
        font-size: 19px;
    }

    #products > .grid-item > .grid-footer {
        padding: 9px 10px;
        font-size: 12px;
    }

}
h2.title:has(+ .grid-container-home) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 26px 0 0;
    padding: 18px 20px;
    border: 1px solid #f0dccb;
    border-top: 3px solid #efa35a;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(110deg, #fff3e8, #fff7ee);
    color: #38312c;
    font-family: inherit;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    text-transform: none;
}

h2.title:has(+ .grid-container-home)::before {
    content: none;
}

h2.title:has(+ .grid-container-home)::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: auto;
    left: auto;
    right: -45px;
    bottom: -112px;
    width: 150px;
    height: 150px;
    margin: 0;
    box-sizing: border-box;
    border: 18px solid #ffc78f;
    border-radius: 50%;
    background: transparent;
    box-shadow:
            0 0 0 14px #ffdfbf,
            0 0 0 26px #ffd2a6;
    opacity: 0.65;
    pointer-events: none;
}

.grid-container-home {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 26px;
    padding: 18px;
    border: 1px solid #f0dccb;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: #fffaf5;
}

.grid-container-home > .grid-item {
    display: flex;
    flex-direction: column;
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #eee3da;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
    text-align: center;
    transition:
            border-color 150ms ease,
            box-shadow 150ms ease;
}

.grid-container-home > .grid-item > .hvr-grow {
    display: flex;
    flex: 1;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    transform: none;
    background: #ffffff;
}

.grid-container-home .hvr-grow > a:first-child {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 169px;
    margin: 0;
    padding: 8px;
    background: #ffffff;
    text-decoration: none;
}

.grid-container-home .hvr-grow > a:first-child > img {
    display: block;
    float: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 153px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    object-fit: contain;
}

.grid-container-home .hvr-grow > p {
    display: flex;
    flex: 1;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #f2e9e1;
    background: #fff8f0;
}

.grid-container-home .hvr-grow > p > a {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    padding: 11px 10px;
    color: #38312c;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.grid-container-home .hvr-grow > p strong {
    font-weight: 600;
}

.grid-container-home a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: -3px;
    border-radius: 6px;
}

@media (max-width: 991px) {
    .grid-container-home {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 14px;
    }

}
@media (max-width: 600px) {
    h2.title:has(+ .grid-container-home) {
        margin-top: 20px;
        padding: 15px;
        font-size: 19px;
    }

    .grid-container-home {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }

    .grid-container-home .hvr-grow > a:first-child {
        height: 139px;
        padding: 7px;
    }

    .grid-container-home .hvr-grow > a:first-child > img {
        max-height: 125px;
    }

    .grid-container-home .hvr-grow > p > a {
        min-height: 46px;
        padding: 10px 8px;
        font-size: 13px;
    }

}
#products .grid-item .watermark_box > img, .grid-container-home .hvr-grow > a:first-child > img, .grid-container-thema .grid-item-thema > a > img, .grid-container-bijpassend .grid-item-bijpassend > a > img, #recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a > img.thumbproduct, .product-details .heightthumbsdiv > .thumbdiv > a > img.thumbproduct {
    transform: none;
    transform-origin: center;
    transition: transform 200ms ease;
}

#products .grid-item .hvr-grow, #products .grid-item .hvr-grow:hover, #products .grid-item .hvr-grow:focus, #products .grid-item .hvr-grow:active, .grid-container-home > .grid-item > .hvr-grow, .grid-container-home > .grid-item > .hvr-grow:hover, .grid-container-home > .grid-item > .hvr-grow:focus, .grid-container-home > .grid-item > .hvr-grow:active {
    transform: none;
}

#products .grid-item .watermark_box, .grid-container-home .hvr-grow > a:first-child {
    overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
    .product-details .heightthumbsdiv > .thumbdiv > a:hover:not(.mz-thumb-selected) {
        border-color: #efd5bc;
        box-shadow: 0 3px 10px rgba(92, 48, 15, 0.06);
    }

    #products.grid-container > .grid-item:hover {
        border-color: #efd5bc;
        box-shadow: 0 5px 16px rgba(92, 48, 15, 0.08);
    }

    #products > .grid-item > a:hover {
        color: #695044;
        text-decoration: none;
    }

    .grid-container-home > .grid-item:hover {
        border-color: #efd5bc;
        box-shadow: 0 4px 14px rgba(92, 48, 15, 0.07);
    }

    .grid-container-home .hvr-grow > p > a:hover {
        background: #ffedda;
        color: #695044;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    #products .grid-item > a:hover .watermark_box > img, .grid-container-home > .grid-item:hover .hvr-grow > a:first-child > img, .grid-container-thema .grid-item-thema > a:hover > img, .grid-container-bijpassend .grid-item-bijpassend > a:hover > img, #recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a:hover > img.thumbproduct, .product-details .heightthumbsdiv > .thumbdiv > a:hover > img.thumbproduct {
        transform: scale(1.05);
    }

}
.grid-container-home .hvr-grow > a:focus-visible, .grid-container-home .hvr-grow > p > a:focus-visible, .grid-container-thema .grid-item-thema > a:focus-visible, .grid-container-bijpassend .grid-item-bijpassend > a:focus-visible, #recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a:focus-visible {
    outline: 2px solid #695044;
    outline-offset: -2px;
    border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
    #products .grid-item .watermark_box > img, .grid-container-home .hvr-grow > a:first-child > img, .grid-container-thema .grid-item-thema > a > img, .grid-container-bijpassend .grid-item-bijpassend > a > img, #recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a > img.thumbproduct, .product-details .heightthumbsdiv > .thumbdiv > a > img.thumbproduct, #products .grid-item > a:hover .watermark_box > img, .grid-container-home > .grid-item:hover .hvr-grow > a:first-child > img, .grid-container-thema .grid-item-thema > a:hover > img, .grid-container-bijpassend .grid-item-bijpassend > a:hover > img, #recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a:hover > img.thumbproduct, .product-details .heightthumbsdiv > .thumbdiv > a:hover > img.thumbproduct {
        transition: none;
        transform: none;
    }

}
.btn.btn-primary {
    color: var(--bb-action-text);
    background: var(--bb-action);
    border: 1px solid #e7ae71;
    border-radius: 9px;
    margin-top: 10px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(69, 55, 46, .08);
    transition: background-color 180ms ease, border-color 180ms ease;
}

.btn.btn-primary:focus {
    background: var(--bb-action);
    color: var(--bb-action-text);
}

.btn.btn-primary:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .btn.btn-primary:hover:not(:disabled):not(.disabled) {
        background: var(--bb-action-hover);
        border-color: #dda064;
        color: var(--bb-action-text);
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 2px 6px rgba(69, 55, 46, .08);
    }

}
.btn.btn-primary:active:not(:disabled):not(.disabled) {
    background: var(--bb-action-active);
    color: var(--bb-action-text);
}

.btn.btn-primary:disabled, .btn.btn-primary.disabled {
    opacity: .55;
    cursor: not-allowed;
    box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
    .btn.btn-primary {
        transition: none;
    }

}
.magic-hidden-wrapper {
    display: block !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-height: none !important;
    max-width: none !important;
    width: 10px !important;
    height: 10px !important;
    position: absolute !important;
    top: -10000px !important;
    left: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none 0s ease 0s !important;
}

.product-image-wrapper-aanbieding, .product-image-wrapper-nieuwbinnen {
    border: 3px solid #F5F5F5;
    overflow: hidden;
    margin-bottom: 20px;
}

.productinfo_bijpassend h2 {
    color: var(--bb-link);
    font-size: 14px;
    font-weight: 700;
}

.productinfo_bijpassend p {
    font-size: 14px;
    font-weight: 400;
    color: #696763;
}

.productinfo_bijpassend img {
    max-height: 110px;
    max-width: 110px;
}

.productinfo_bijpassend {
    position: relative;
}

.add-to-cart {
    background: #f5f5ed;
    border: 0 none;
    border-radius: 0;
    color: #696763;
    font-size: 15px;
    margin-bottom: 25px;
}

.add-to-cart:hover {
    background: var(--bb-action);
    color: var(--bb-action-text);
    border: 0 none;
    border-radius: 0;
}

.category-tab {
    overflow: hidden;
}

.recommended_items {
    overflow: hidden;
}

.recommended-item-control {
    position: absolute;
    top: 41%;
}

.recommended-item-control i {
    background: none repeat scroll 0 0 var(--bb-action);
    color: var(--bb-action-text);
    font-size: 20px;
    padding: 4px 10px;
}

.product-details {
    overflow: hidden;
}

#footer {
    background: #f0f0e9;
}

.footer-top .container {
    border-bottom: 1px solid #e0e0da;
    padding-bottom: 20px;
}

.footer-top .col-sm-3 {
    overflow: hidden;
}

.footer-widget .container {
    border-top: 1px solid #fff;
    padding-top: 15px;
}

.footer-bottom {
    background: #d6d6d0;
    padding-top: 10px;
}

.footer-bottom p {
    color: #363432;
    font-weight: 300;
    margin-left: 15px;
}

.video-gallery {
    margin-top: 10px;
    position: inherit;
}

.video-gallery a img {
    border: 2px solid #ccccc6;
}

.companyinfo {
    margin-top: 2px;
}

.companyinfo h2 span {
    color: var(--bb-link);
}

.companyinfo h2, .single-widget h2 {
    color: #b4b1ab;
    font-size: 20px;
    text-transform: uppercase;
}

.iframe-img {
    position: relative;
    display: block;
}

.searchres {
    display: flex;
    align-items: center;
}

.image-container {
    flex-shrink: 0;
    width: 50px;
    display: flex;
    justify-content: center;
}

.searchres img {
    max-width: 100%;
    height: auto;
}

.searchres a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
}

.searchres:hover {
    background-color: #f0f0f0;
}

#results {
    margin-left: -82px;
    border: solid 1px #b2b2b2;
    background-color: #FFF;
}

#impliedsubmit {
    color: #000;
    background-color: var(--bb-action);
}

.left-sidebar .col-sm-3 {
    float: left;
    width: 100%;
}

.left-sidebar .col-sm-3 .product-image-wrapper {
    height: auto;
}

@media (max-width: 480px) {
    #mobielrecentbezocht .col-sm-3 {
        float: left;
        width: 49%;
    }

    .footer-bottom p {
        text-align: center;
        font-size: 13px;
    }

    .video-gallery {
        margin-top: 30px;
    }

    .footer-widget .col-sm-2 {
        width: 50%;
        display: flex;
        margin-bottom: 50px;
        margin-top: 0;
        float: left;
        padding-right: 0;
        padding-left: 30px;
        margin-left: 0;
        z-index: 1;
    }

    .companyinfo h2 {
        text-align: center;
    }

    .single-widget {
        padding-left: 0;
    }

    .category-tab .col-sm-2 {
        float: left;
        width: 49%;
    }

}
@media (min-width: 481px) and  (max-width: 767px) {
    .category-tab .col-sm-2 {
        float: left;
        width: 25%;
    }

    #mobielrecentbezocht .product-image-wrapper {
        height: 175px;
    }

    #mobielrecentbezocht {
        display: inline;
    }

    #mobielrecentbezocht h2 {
        color: var(--bb-link);
        font-size: 18px;
        font-weight: 700;
    }

    .footer-widget .col-sm-2 {
        width: 45%;
        display: flex;
        margin-bottom: 50px;
        margin-top: 0;
        float: left;
    }

    .footer-widget .col-sm-3 {
        display: inline-block;
    }

    .companyinfo {
        text-align: center;
    }

    .clear_input {
        top: 9px;
    }

}
@media (max-width: 991px) {
    .rightmenu {
        display: none !important;
    }

    #results {
        display: none;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
    .category .image-container {
        flex-shrink: 0;
        width: 40px;
        display: flex;
        justify-content: center;
    }

    #footer .col-sm-3 {
        width: 20%;
    }

    .video-gallery a img {
        max-width: 95px;
    }

    #mobielrecentbezocht {
        display: none;
    }

    .left-sidebar img {
        max-width: 100%;
    }

    .header-middle .container .row {
        padding-top: 56px;
    }

    .footer-widget .col-sm-2 {
        width: 23.6666%;
        display: inline-block;
        margin-bottom: 50px;
    }

    .footer-widget .col-sm-7 {
        width: 37.333333%;
    }

    .footer-widget .col-sm-3 {
        display: inline-block;
        width: 32%;
    }

    .companyinfo h2 {
        font-size: 15px;
        font-weight: 700;
        margin-top: 10px;
    }

    .clear_input {
        top: 9px;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    #results {
        margin-left: -20px;
        width: 199px;
    }

}
@media (min-width: 992px) {
    #winkelwagenoverzichttabel table {
        -moz-box-shadow: 4px 4px 2px 1px rgba(23, 22, 22, 0.2);
        -webkit-box-shadow: 4px 4px 2px 1px rgba(23, 22, 22, 0.2);
        box-shadow: 4px 4px 2px 1px rgba(23, 22, 22, 0.2);
        margin-bottom: 10px;
    }

    #winkelwagenoverzichttabel thead {
        -moz-box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
        -webkit-box-shadow: 2px 2px 2px 1px rgba(23, 22, 22, 0.2);
        box-shadow: 7px 7px 2px 1px rgba(23, 22, 22, 0.2);
    }

    #mobielrecentbezocht {
        display: none;
    }

}
.tekstzoeken_filmpje {
    font-size: 18px;
    font-family: "Caveat";
    vertical-align: middle;
    font-display: swap;
    text-transform: uppercase;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.stock_box {
    text-align: right;
    bottom: 0;
    font-style: italic;
    font-size: 0.9em;
    background: #FFFFFF;
}

.instockicon, .outofstock {
    width: 1.5em;
}

.watermark_box {
    position:relative;
    display:block;
}

img.watermark {
    position:absolute;
    top:0;
    left:0;
    width:40%;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.product-image-wrapper_reclame a, .product-image-wrapper_reclame .productinfo_individueel {
    color: var(--bb-link);
    font-weight: bold;
}

.pagination {
    margin-top: 0;
    padding-left: 0px;
}

.pagination span:first-child a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}

.pagination span:last-child a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination .active a, .pagination .active a:hover, .pagination .active a:focus {
    border-color: var(--bb-accent);
    cursor: default;
    z-index: 2;
}

.pagination span a {
    background-color: #f0f0e9;
    border: 0;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 9px;
    position: relative;
    text-decoration: none;
    margin-right: 4px;
    margin-bottom: 10px;
}

.pagination span a:hover {
    background: var(--bb-action);
    color: var(--bb-action-text);
}

.filtergr {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 700;
}

#filter input[type="checkbox"] {
    position: absolute;
    font-size: 12px;
    margin-top: 4px;
}

#filter input[type="checkbox"] ~ label {
    padding-left: 1.4em;
    display: inline-block;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.removeoptie {
    padding: 4px;
    color: var(--bb-link);
    float: left;
    cursor: pointer;
}

#results {
    margin-top: 46px;
    width: 264px;
    border: solid 1px #f0f0e9;
    display: none;
    z-index: 1001;
    position: absolute;
    color: #000;
}

#results li a:hover {
    background: red;
}

#results li a {
    display: block;
    padding: 1px;
    text-decoration: none;
    color: #000;
}

#results ul, #results li {
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
    background: #fff;
}

#winkelwagenoverzichttabel tr {
    border: 1px solid #ccc;
}

#winkelwagenoverzichttabel .amount {
    width: 90px;
    text-align: right;
    font-size: 15px;
}

#winkelwagenoverzichttabel .amountwhite {
    text-align: right;
    background-color: #fff;
}

#winkelwagenoverzichttabel .summary {
    min-width: 270px;
    background-color: #fff;
    border-right: 1px solid #ccc;
}

#winkelwagenoverzichttabel .righttext {
    text-align: right;
}

#winkelwagenoverzichttabel thead {
    font-size: 16px;
    font-weight: 400;
}

.desktophide {
    display: none;
}

#winkelwagenoverzichttabel img {
    max-height: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#winkelwagenoverzichttabel .description {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

#winkelwagenoverzichttabel .productcode {
    font-style: italic;
    font-size: 12px;
}

#winkelwagenoverzichttabel .centertext {
    text-align: center;
}

.table-condensed > tbody > tr > td, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.funkyradio div {
    clear: both;
    overflow: hidden;
    width: 95%;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #d1d3d4;
    font-weight: normal;
}

.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    position: absolute;
    opacity: 0;
}

.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    padding-left: 49px;
    padding-right: 20px;
    word-break: break-word;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    width: 2.5em;
    background: #d1d3d4;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {
    color: var(--bb-action-text);
    font-weight: 600;
    background: var(--bb-soft);
    border-color: var(--bb-soft-border);
}

.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
    content: "✔";
    text-indent: .9em;
    color: var(--bb-action-text);
    background-color: var(--bb-action);
}

.funkyradio input[type="radio"]:focus ~ label:before, .funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: inset 0 0 0 2px #946d4c;
}

.funkyradio-success input[type="radio"]:checked ~ label:before, .funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: var(--bb-action-text);
    background-color: var(--bb-action);
}

.form-control {
    display: block;
    width: 95%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-control:focus, .form-control:hover {
    border-color: var(--bb-accent);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(198, 83, 11, 0.14);
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 15px;
}

.accounttxt {
    padding-left: 15px;
}

.step-one {
    margin-bottom: -10px;
}

.step-one .heading {
    background: none repeat scroll 0 0 #f0f0e9;
    color: #363432;
    font-size: 20px;
    margin-bottom: 25px;
    padding: 10px 25px;
    width: 95%;
}

textarea.form-control {
    width: 95%;
}

@media only screen and (max-width: 800px) {
    #winkelwagenoverzichttabel .amount {
        width: auto;
    }

    #winkelwagenoverzichttabel table, #winkelwagenoverzichttabel thead, #winkelwagenoverzichttabel tbody, #winkelwagenoverzichttabel th, #winkelwagenoverzichttabel td, #winkelwagenoverzichttabel tr {
        display: block;
    }

    #winkelwagenoverzichttabel thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #winkelwagenoverzichttabel td {
        position: relative;
        padding-left: 40%;
        white-space: normal;
        text-align: left;
    }

    #winkelwagenoverzichttabel .mobielhide {
        display: none;
    }

    #winkelwagenoverzichttabel td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: var(--bb-link);
        content: attr(data-title);
    }

    #winkelwagenoverzichttabel .amount, #winkelwagenoverzichttabel .centertext {
        text-align: left;
    }

    .desktophide {
        display: block;
    }

}
.arrow_box {
    position: relative;
    background: #fff;
    border: 2px solid var(--bb-accent);
    border-radius: 5px;
    padding: 20px;
}

.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}

.arrow_box:before {
    border-color: rgba(255, 103, 0, 0);
    border-top-color: var(--bb-accent);
    border-width: 18px;
    margin-left: -18px;
}

.review_van {
    padding-top: 20px;
    padding-bottom: 30px;
}

.veelgestelde_vragen a {
    margin-bottom: 10px;
}

.veelgestelde_vragen {
    border: 1px solid #F7F7F0;
    overflow: hidden;
    padding-left: 15px;
    padding-top: 5px;
    position: relative;
}

.view-vragen img {
    width: 100%;
}

.winkelwagenimageverwacht {
    float: left;
    padding-top: 10px;
}

.winkelwagenverwacht {
    float: left;
    font-size: 17px;
    padding-left: 15px;
}

.winkelwagenovertabel {
    float: left;
    padding-left: 4px;
    font-size: 13px;
}

.afrekenenbutton a {
    background: var(--bb-action);
    padding: 5px;
    width: 120px;
    border-radius: 4px;
    color: var(--bb-action-text);
    font-size: 18px;
}

#cartcount {
    float: right;
}

#cartcount td {
    height: 25px;
    width: 150px;
    font-weight: 700;
}

#cartcount td:nth-child(n/**/+2) {
    width: 134px;
}

#cart_items .cart_info {
    border: 1px solid #e6e4df;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px;
}

.content-404 img {
    max-width: 100%;
}

#alleselecteditems {
    padding-left: 10px;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev:before {
    content: "‹";
}

.carousel-control .icon-next:before {
    content: "›";
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \	;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }

    .hvr-grow {
        display: inline-block;
        vertical-align: middle;
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        transition-duration: .3s;
        transition-property: transform;
    }

    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        transform: scale(1.08);
        z-index: 1000;
    }

}
.homedelivery, .contacticon {
    display: inline-block;
    vertical-align: middle;
}

.carouselicon {
    width: 40px;
    height: 40px;
}

.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}

.square_enable {
    border: 1px solid var(--bb-accent);
    float: left;
    width: 50px;
    height: 66px;
    display: block;
    overflow: hidden;
    background: #000 url(/shop/images/default/stempel.jpg);
}

.square_disable {
    border: 1px solid var(--bb-accent);
    float: left;
    width: 50px;
    height: 66px;
    display: block;
    overflow: hidden;
    background: #000 url(/shop/images/default/disable.jpg);
}

.clear_square {
    clear: both;
}

.betaalkeuze {
    line-height: 1em;
    height: 100px;
    width: 144px;
    float: left;
    margin: 10px;
}

#terugnaarboven {
    width: 40px;
    line-height: 33px;
    overflow: hidden;
    z-index: 9999999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    right: 0;
    background-color: var(--bb-action);
    border: 1px solid #000000;
    color: var(--bb-action-text);
    text-align: center;
    font-size: 30px;
    height: 50px;
    text-decoration: none;
    padding-right: 15px;
}

#terugnaarboven .fa:before {
    font-size: 30px;
}

@font-face  {
    font-family: "bbwebwinkel";
    font-style: normal;
    font-display: swap;
    src: url("/shop/fonts/bbwebwinkel.woff2") format("woff2");
}

@font-face  {
    font-family: "Caveat";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local(""),
    url("/shop/fonts/caveat-Regular-subset.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

.parent_ontwerpen img {
    max-height: 100px;
}

.parent_ontwerpen {
    text-align: center;
    float: left;
}

.inner_ontwerpen {
    padding: 5px;
}

.noUi-connect {
    background: var(--bb-action) !important;
}

#mobilecart {
    padding: 12px;
    background: #000;
    color: #FFF;
    display: none;
    text-align: left;
    z-index: 50;
}

#mobilecart .btn {
    padding: 3px 6px;
}

#mobilecart .btn.btn-primary {
    margin-top:0px;
}

#mobilecart .tip {
    font-size: 10px;
    font-style: italic;
}

#mobilecart .text {
    font-weight: bold;
    padding-right:5px;
    position: center;
}

.honingpot {
    display: none;
}

body div a#jeans > .mz-figure > img {
    transition: none 0s ease 0s;
    transform: none;
}

body div a#jeans:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img {
    width: 100% !important;
}

.magic-hidden-wrapper, .magic-temporary-img {
    display: block !important;
    min-height: 0px !important;
    min-width: 0px !important;
    max-height: none !important;
    max-width: none !important;
    width: 10px !important;
    height: 10px !important;
    position: absolute !important;
    top: -10000px !important;
    left: 0px !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none 0s ease 0s !important;
}

.MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-expand-stage .mz-image-stage .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button {
    box-sizing: border-box;
}

.MagicZoom, .mz-figure {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0px auto;
    vertical-align: middle;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    backface-visibility: hidden;
    outline: 0px !important;
    font-size: 0px !important;
    line-height: 100% !important;
    direction: ltr !important;
}

.MagicZoom {
    transform: translate3d(0px, 0px, 0px);
    touch-action: pan-y;
}

figure.mz-figure {
    overflow: hidden;
    transform-style: preserve-3d;
    margin: 0px !important;
}

.MagicZoom img, .mz-figure img {
    border: 0px !important;
    margin: 0px !important;
    outline: 0px !important;
    padding: 0px !important;
}

.MagicZoom > img, .mz-figure > img {
    width: 100%!important;
    height: auto!important;
}

.mz-lens, .mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.mz-lens img, .mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}

.mz-lens img {
    transition: none 0s ease 0s !important;
}

.mz-zoom-window {
    z-index: 2000000000;
    transform: translate3d(0px, 0px, 0px);
}

.mz-zoom-window img {
    width: auto;
    height: auto;
    inset: -1000%;
    margin: auto !important;
    transition: none 0s ease 0s !important;
    transform-origin: 50% 50% !important;
}

.mobile-magic .mz-expand > .mz-zoom-window {
    top: 0px !important;
    left: 0px !important;
}

.mz-lens {
    border: 1px solid rgba(170, 170, 170, 0.7);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
    cursor: none;
    z-index: 10;
    opacity: 0;
}

.mz-figure.mz-active .mz-lens {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none;
}

.mz-zoom-window {
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px;
}

.mz-zoom-window .mz-caption {
    background: rgb(119, 119, 119);
    color: rgb(255, 255, 255);
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0px;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important;
}

.mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
    transition-duration: .25s, .25s, .25s;
}

.mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}

.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
}

.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
}

.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
}

.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
}

.mz-zoom-window > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
}

.mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
    transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}

.mz-zoom-window > img {
    transform: translate3d(0px, 0px, 0px) scale(1);
    backface-visibility: hidden;
}

.mz-hint, .mz-loading {
    color: rgb(238, 238, 238);
    background: rgba(49, 51, 61, 0.7);
    font: 12px / 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0px;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    transition: opacity 0.25s ease 0s;
}

.mz-hint {
    bottom: 8px;
    left: 0px;
    right: 0px;
    padding: 0px 10%;
    background-color: transparent;
    transition: opacity 0.4s ease 0s, z-index 0.4s ease 0s;
}

.mz-hint-message {
    display: inline-block;
    background: rgba(49, 51, 61, 0.7);
    border-radius: 2em;
    padding: 0.7em 1.1em;
}

.mz-hint-message::before {
    content: "⊕";
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
}

.mobile-magic .mz-hint-message::before {
    display: none;
}

.mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0px;
    transform: translate(0px, -50%);
}

.mz-expand .mz-hint-message {
    padding: 1.1em;
}

.mz-expand .mz-hint-message::before {
    display: none;
}

.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100% !important;
}

.mz-expand .mz-figure > img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.mz-expand .mz-figure {
    cursor: zoom-in;
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent;
}

.mz-nav-controls, .mz-expand-controls, button.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
}

.mz-nav-controls {
    z-index: 2100000000;
}

button.mz-button {
    color: rgba(180, 180, 180, .6) !important;
    font-size: 0;
    cursor: pointer;
    z-index: 2100000000 !important;
    background-color: transparent !important;
    border: 0 solid transparent !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    width: 60px !important;
    height: 60px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-transition: color .25s, background-color .25s !important;
    transition: color .25s, background-color .25s !important;
}

button.mz-button::before {
    display: block;
    position: static;
    height: 100%;
    transform: scale(.9);
    -webkit-transition: -webkit-transform .25s !important;
    transition: transform .25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover, button.mz-button:active {
    color: rgb(180, 180, 180) !important;
}

button.mz-button:active::before {
    transform: scale(0.7) !important;
}

.mobile-magic .mz-expand button.mz-button:active {
    background-color: rgba(49, 51, 61, 0.7) !important;
}

button.mz-button.mz-button-prev, button.mz-button.mz-button-next {
    margin: auto 10px !important;
    top: 0px !important;
    bottom: 0px !important;
    overflow: hidden !important;
}

button.mz-button.mz-button-prev {
    left: 0px !important;
    transform: rotateZ(180deg) !important;
}

button.mz-button.mz-button-next {
    right: 0px !important;
}

.mz-figure .mz-nav-controls button.mz-button {
    display: none;
    width: 32px !important;
    height: 56px !important;
    margin: auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button {
    display: block;
}

a[data-zoom-id], .mz-thumb, .mz-thumb:focus {
    display: inline-block;
    line-height: 1px;
    outline: none;
}

a[data-zoom-id] img, .mz-thumb img {
    padding-bottom: 4px;
    border-width: 0px 0px 2px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    box-sizing: border-box;
    line-height: 1px;
}

.mz-thumb:not(.mz-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, 0.3);
}

.mz-thumb.mz-thumb-selected img {
    border-bottom-color: rgb(180, 180, 180);
}

.thumbnails-style-shaded.mz-thumb img {
    padding-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 0px;
    border: 0px !important;
}

.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    filter: brightness(0.7);
}

.thumbnails-style-shaded.mz-thumb-selected img {
    filter: brightness(0.7) opacity(0.7);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected {
    background: rgb(0, 0, 0);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: 0.75;
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
    opacity: 0.7;
}

@supports (
        ((-webkit-mask-image:url()) or (mask-image:url())) and
        ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and
        ((-webkit-mask-position:center) or (mask-position:center)) and
        ((-webkit-mask-size:cover) or (mask-size:cover))
) {
    button.mz-button:before {
        content: "" !important;
        background-color: currentColor;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: cover;
        mask-size: cover;
    }

    button.mz-button.mz-button-prev:before, button.mz-button.mz-button-next:before {
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    }

}
@media screen and (max-device-width: 767px) {
    button.mz-button-prev, button.mz-button-next {
        display: none !important;
    }

}
.single-widget h2 {
    color: var(--bb-link);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 22px;
}

.single-widget ul li a {
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0;
}

.single-widget ul li a i {
    margin-right: 18px;
}

.single-widget ul li a:hover {
    background: 0 0;
    color: var(--bb-link);
}

.video-gallery p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}

.filteroptions .fa:before {
    content: "";
}

.fa-caret-square-o-up.fa {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cpath fill='%23efa35a' d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM224 160c6.7 0 13 2.8 17.6 7.7l104 112c6.5 7 8.2 17.2 4.4 25.9s-12.5 14.4-22 14.4H120c-9.5 0-18.2-5.7-22-14.4s-2.1-18.9 4.4-25.9l104-112c4.5-4.9 10.9-7.7 17.6-7.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.fa-caret-square-o-down.fa {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cpath fill='%23efa35a' d='M384 480c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0zM224 352c-6.7 0-13-2.8-17.6-7.7l-104-112c-6.5-7-8.2-17.2-4.4-25.9s12.5-14.4 22-14.4l208 0c9.5 0 18.2 5.7 22 14.4s2.1 18.9-4.4 25.9l-104 112c-4.5 4.9-10.9 7.7-17.6 7.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.logout-form {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.logout-link {
    height: 43px;
    position: absolute;
    top: 0;
    right: 0;
    color: black;
    display: block;
    cursor: pointer;
    width: 100%;
}

.logout-link:hover {
    text-decoration: underline;
}

.inline-delete-form {
    display: inline;
    margin: 0;
    padding: 0;
}

.inline-delete-form .cart-delete-link {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
    font: inherit;
}

.inline-delete-form .cart-delete-link:hover {
    color: #000000;
    text-decoration: none;
}

.text-left {
    text-align:left;
}

#map-fallback {
    display: none;
    text-align: center;
    padding: 1rem;
    background-color: #f9f9f9;
    color: #666;
    font-style: italic;
    border-radius: 6px;
}

.wsmenu-list > li.keyboard-open-parent > .megamenu, .wsmenu-list > li.keyboard-open-parent > .wsmenu-submenu {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

.validation-tooltip {
    background-color: #dc3545;
    font-weight: normal;
}

input.error, select.error, textarea.error {
    border-color: #dc3545;
}

.validation-tooltip {
    display: block;
    position: static;
    clear: both;
    margin-top: 5px;
    padding: 6px 10px;
    width: fit-content;
    max-width: 100%;
    background: #dc3545;
    color: white;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
}

a.peanuts, a.info {
    cursor: help;
}

a.peanuts img, a.info img {
    vertical-align: middle;
    transition: transform 0.2s ease;
}

a.peanuts:hover img, a.info:hover img {
    transform: scale(1.12);
}

.info_voordelen.bb-voordelen {
    box-sizing: border-box;
    width: 100%;
    max-width: 650px;
    margin: 16px 0;
    padding: 0;
    border: 1px solid #ebd5c4;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 5px 18px #71381510;
    color: #372a21;
    font-family: Arial, sans-serif;
    text-align: left;
    container-type: inline-size;
}

.bb-voordelen .bb-voordelen-header {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 22px 24px 17px;
    border-top: 4px solid #efa35a;
    border-radius: 19px 19px 0 0;
    background: #fff1e3;
}

.bb-voordelen .bb-voordelen-header::after {
    position: absolute;
    z-index: -1;
    right: -38px;
    bottom: -105px;
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    border: 18px solid #ffc78f;
    border-radius: 50%;
    pointer-events: none;
}

.bb-voordelen .bb-voordelen-titel {
    margin: 0 0 9px;
}

.bb-voordelen a.bb-voordelen-review {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    width: fit-content;
    margin: 0;
    padding: 0;
    background: transparent;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

.bb-voordelen .bb-review-aantal {
    text-decoration: underline;
}

.bb-voordelen .bb-review-info {
    margin-left: 5px;
}

.bb-voordelen .bb-voordelen-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 18px;
    padding: 6px 18px;
}

.bb-voordelen a.bb-voordeel {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #372a21;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
}

.bb-voordelen .bb-voordeel + .bb-voordeel {
    border-top: 1px solid #eee4dc;
}

.bb-voordelen .bb-voordeel-icoon {
    display: grid;
    place-items: center;
    border-radius: 12px;
}

.info_voordelen.bb-voordelen, .bb-voordelen {
    border: 1px solid #f0dccb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(92, 48, 15, 0.05);
    color: #333333;
    font-family: inherit;
}

.bb-voordelen .bb-voordelen-header {
    padding: 20px 22px 15px;
    border-top: 3px solid #efa35a;
    border-radius: 11px 11px 0 0;
    background: linear-gradient(110deg, #fff3e8 0%, #fff7ee 100%);
}

.bb-voordelen .bb-voordelen-header::after {
    content: "";
    right: -45px;
    bottom: -112px;
    border-color: #ffc78f;
    box-shadow:
            0 0 0 14px #ffdfbf,
            0 0 0 26px #ffd2a6;
    opacity: 0.65;
}

.bb-voordelen .bb-voordelen-titel {
    margin: 0 0 7px;
    color: #38312c;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

.bb-voordelen a.bb-voordelen-review {
    min-height: 38px;
    gap: 8px;
    color: #61564d;
    font-size: 13px;
}

.bb-voordelen .bb-voordelen-review strong {
    color: #333333;
    font-size: 16px;
}

.bb-voordelen .bb-review-aantal {
    text-decoration-color: #cbb7a5;
    text-underline-offset: 3px;
}

.bb-voordelen .bb-voordelen-grid {
    padding: 6px 20px;
    column-gap: 22px;
}

.bb-voordelen a.bb-voordeel {
    grid-template-columns: 38px minmax(0, 1fr) 22px;
    gap: 11px;
    min-height: 72px;
    padding: 12px 0;
}

.bb-voordelen .bb-voordeel + .bb-voordeel {
    border-top-color: #f1e9e2;
}

.bb-voordelen .bb-voordeel-icoon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #fff3e8;
    transition: background-color 150ms ease;
}

.bb-voordelen .bb-voordeel-tekst strong {
    color: #36312d;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.bb-voordelen .bb-voordeel-tekst > span {
    margin-top: 3px;
    color: #73675d;
    font-size: 12px;
    line-height: 1.5;
}

.bb-voordelen a.bb-voordeel:hover .bb-voordeel-icoon {
    background: #ffe1bf;
}

.bb-voordelen a.bb-voordeel:hover strong, .bb-voordelen a.bb-voordelen-review:hover {
    color: #695044;
}

@container (min-width: 560px) {
    .bb-voordelen a.bb-voordeel {
        min-height: 78px;
    }

}
@container (max-width: 360px) {
    .bb-voordelen .bb-voordelen-header {
        padding: 17px 15px 12px;
    }

    .bb-voordelen .bb-voordelen-titel {
        font-size: 19px;
    }

    .bb-voordelen .bb-voordelen-grid {
        padding-right: 13px;
        padding-left: 13px;
    }

}
.product-details.bb-retourpagina {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    background: #ffffff;
    color: #36312d;
    font-family: inherit;
    text-align: left;
}

.bb-retourpagina, .bb-retourpagina * {
    box-sizing: border-box;
}

.bb-retourpagina h1, .bb-retourpagina h2, .bb-retourpagina h3 {
    margin: 0;
    padding: 0;
    color: #38312c;
    font-family: inherit;
    text-transform: none;
}

.bb-retourpagina h1 {
    margin-bottom: 12px;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.bb-retourpagina h2 {
    margin-bottom: 14px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}

.bb-retourpagina h3 {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.bb-retourpagina p {
    margin: 0;
    padding: 0;
    color: #665c53;
    font-size: 14px;
    line-height: 1.75;
}

.bb-retourpagina p + p {
    margin-top: 12px;
}

.bb-retourpagina .bb-retour-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    align-items: center;
    gap: 28px;
    padding: 28px;
    border-top: 3px solid #efa35a;
    border-radius: 12px;
    background: linear-gradient(110deg, #fff3e8, #fff8f0);
}

.bb-retourpagina .bb-retour-label {
    display: block;
    margin-bottom: 10px;
    color: #695044;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.bb-retourpagina .bb-retour-foto {
    display: block;
    float: none;
    width: 150px;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
}

.bb-retourpagina .bb-retour-keuzes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 22px 0 30px;
}

.bb-retourpagina .bb-retour-keuze {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 20px;
    border: 1px solid #f0e2d6;
    border-radius: 12px;
    background: #ffffff;
}

.bb-retourpagina .bb-retour-keuze h2 {
    margin-bottom: 7px;
    font-size: 17px;
}

.bb-retourpagina .bb-retour-icoon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: #fff3e8;
}

.bb-retourpagina .bb-retour-icoon img {
    display: block;
    float: none;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.bb-retourpagina .bb-retour-sectie {
    margin: 0 0 30px;
}

.bb-retourpagina .bb-retour-stappen {
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: retourstap;
}

.bb-retourpagina .bb-retour-stappen > li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    margin: 0;
    padding: 0;
    counter-increment: retourstap;
}

.bb-retourpagina .bb-retour-stappen > li::before {
    content: counter(retourstap);
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff3e8;
    color: #695044;
    font-size: 14px;
    font-weight: 700;
}

.bb-retourpagina .bb-retour-terugbetaling {
    padding: 24px;
    border: 1px solid #eee5dd;
    border-radius: 12px;
    background: #fcfaf7;
}

.bb-retourpagina .bb-retour-uitzonderingen {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.bb-retourpagina .bb-retour-uitzonderingen > section {
    padding-left: 16px;
    border-left: 3px solid #ffd2a6;
}

.bb-retourpagina .bb-retour-hulp {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    padding: 24px;
    border-radius: 12px;
    background: #fff5e9;
}

.bb-retourpagina a {
    color: #695044;
    text-decoration: underline;
    text-decoration-color: #e7bc97;
    text-underline-offset: 3px;
}

.bb-retourpagina a:hover {
    color: #57463b;
    text-decoration-color: currentColor;
}

.bb-retourpagina a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 2px;
}

@media (max-width: 640px) {
    .bb-retourpagina .bb-retour-intro {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 22px 18px;
    }

    .bb-retourpagina .bb-retour-foto {
        width: 110px;
    }

    .bb-retourpagina .bb-retour-keuzes, .bb-retourpagina .bb-retour-uitzonderingen {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .bb-retourpagina .bb-retour-keuze {
        padding: 17px;
        gap: 12px;
    }

    .bb-retourpagina .bb-retour-terugbetaling, .bb-retourpagina .bb-retour-hulp {
        padding: 20px 16px;
    }

    .bb-retourpagina .bb-retour-hulp {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .bb-retourpagina h2 {
        font-size: 19px;
    }

}
.bb-footer {
    margin-top: 36px;
    border-top: 3px solid #efa35a;
    background: #fffaf5;
    color: #38312c;
    font-family: inherit;
    text-align: left;
}

.bb-footer, .bb-footer * {
    box-sizing: border-box;
}

.bb-footer .footer-widget, .bb-footer .footer-top, .bb-footer .footer-bottom {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.bb-footer .footer-widget {
    padding: 34px 0;
}

.bb-footer .single-widget {
    margin: 0;
    padding: 0;
}

.bb-footer .single-widget h2, .bb-footer .companyinfo h2 {
    margin: 0 0 15px;
    padding: 0;
    color: #38312c;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
}

.bb-footer p {
    margin: 0 0 12px;
    color: #665c53;
    font-size: 14px;
    line-height: 1.75;
}

.bb-footer a {
    color: #574c43;
    text-decoration: none;
}

.bb-footer a:hover {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bb-footer a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 3px;
}

.bb-footer .footer-widget > .container > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
    margin: 0;
}

.bb-footer .footer-widget > .container > .row::before, .bb-footer .footer-widget > .container > .row::after, .bb-footer .footer-top > .container > .row::before, .bb-footer .footer-top > .container > .row::after {
    content: none;
}

.bb-footer .footer-widget > .container > .row > [class*="col-"], .bb-footer .footer-top > .container > .row > [class*="col-"] {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.bb-footer .footer-widget > .container > .row > .col-sm-2 {
    padding: 24px;
    border: 1px solid #f0dccb;
    border-radius: 12px;
    background: linear-gradient(120deg, #fff3e8, #fff8f0);
}

.bb-footer .single-widget ul.nav {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.bb-footer .single-widget ul.nav > li {
    float: none;
    margin: 0;
    padding: 0;
}

.bb-footer .single-widget ul.nav > li > a {
    display: block;
    margin: 0;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #574c43;
    font-size: 14px;
    line-height: 1.5;
}

.bb-footer .single-widget ul.nav > li > a:hover, .bb-footer .single-widget ul.nav > li > a:focus {
    background: transparent;
    color: #695044;
}

.bb-footer .single-widget .fa-rss {
    margin-right: 7px;
    color: #695044;
}

.bb-footer .single-widget > img {
    display: block;
    width: auto;
    max-width: 90px;
    height: auto;
    max-height: 60px;
    margin: 10px 0 22px;
    object-fit: contain;
}

.bb-footer .single-widget > .single-widget {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid #ead5c2;
}

.bb-footer .single-widget > .single-widget p {
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.6;
}

.bb-footer .footer-widget > .container > .row > .col-sm-3 {
    display: grid;
    align-content: start;
    gap: 22px;
    padding: 8px 0;
}

.bb-footer .footer-widget > .container > .row > .col-sm-3 > .single-widget + .single-widget {
    padding-top: 22px;
    border-top: 1px solid #eee1d5;
}

.bb-footer .footer-widget > .container > .row > .col-sm-3 ul.nav {
    margin-bottom: 0;
}

.bb-footer .footer-widget > .container > .row > .col-sm-7 {
    grid-column: 1 / -1;
    padding: 26px;
    border: 1px solid #eee3da;
    border-radius: 12px;
    background: #ffffff;
}

.bb-footer .footer-widget > .container > .row > .col-sm-7 > .single-widget {
    columns: 2;
    column-gap: 32px;
}

.bb-footer .footer-widget > .container > .row > .col-sm-7 h2 {
    column-span: all;
    margin-bottom: 18px;
    font-size: 20px;
}

.bb-footer .footer-widget > .container > .row > .col-sm-7 p {
    break-inside: avoid;
}

.bb-footer .footer-top {
    padding: 28px 0;
    border-top: 1px solid #eee1d5;
    background: #ffffff;
}

.bb-footer .footer-top > .container > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
    gap: 32px;
    margin: 0;
}

.bb-footer .companyinfo {
    margin: 0;
    padding: 0;
    color: #665c53;
    font-size: 14px;
    line-height: 1.75;
}

.bb-footer .companyinfo h2 {
    font-size: 22px;
    overflow-wrap: anywhere;
}

.bb-footer .companyinfo h2 span {
    color: #efa35a;
}

.bb-footer .footer-top .col-sm-10 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.bb-footer .footer-top .col-sm-10 > .col-sm-3 {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.bb-footer .video-gallery {
    height: 100%;
    margin: 0;
    padding: 14px 10px;
    border: 1px solid #eee3da;
    border-radius: 10px;
    background: #fffaf5;
    text-align: center;
}

.bb-footer .video-gallery > a {
    display: block;
}

.bb-footer .video-gallery .iframe-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: transparent;
}

.bb-footer .video-gallery .iframe-img img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: contain;
}

.bb-footer .video-gallery p {
    margin: 0;
    color: #665c53;
    font-size: 12px;
    line-height: 1.5;
}

.bb-footer .footer-bottom {
    padding: 17px 0;
    border-top: 1px solid #eee1d5;
    background: #fff3e8;
}

.bb-footer .footer-bottom .row {
    margin: 0;
}

.bb-footer .footer-bottom p.pull-left {
    float: none !important;
    margin: 0;
    color: #665c53;
    font-size: 12px;
    text-align: center;
}

@media (min-width: 992px) {
    .bb-footer .footer-widget > .container > .row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }

    .bb-footer .footer-widget > .container > .row > .col-sm-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        padding-top: 24px;
    }

    .bb-footer .footer-widget > .container > .row > .col-sm-3 > .single-widget + .single-widget {
        padding-top: 0;
        border-top: 0;
    }

}
@media (max-width: 767px) {
    .bb-footer {
        margin-top: 24px;
    }

    .bb-footer .footer-widget {
        padding: 22px 0;
    }

    .bb-footer .footer-widget > .container > .row, .bb-footer .footer-top > .container > .row {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .bb-footer .footer-widget > .container > .row > .col-sm-2, .bb-footer .footer-widget > .container > .row > .col-sm-7 {
        padding: 20px;
    }

    .bb-footer .footer-widget > .container > .row > .col-sm-7 > .single-widget {
        columns: auto;
    }

    .bb-footer .footer-top .col-sm-10 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .bb-footer .single-widget ul.nav > li > a {
        min-height: 44px;
        padding: 11px 0;
    }

}
@media (min-width: 992px) {
    .bb-footer .footer-widget > .container > .row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
        gap: 24px;
    }

    .bb-footer .footer-widget > .container > .row > .col-sm-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
    }

}
.bb-footer .bb-footer-daarom p {
    margin: 0 0 9px;
    color: #665c53;
    font-size: 13px;
    line-height: 1.6;
}

.bb-footer .single-widget ul.nav > li > a {
    overflow-wrap: anywhere;
}

.bb-detail {
    padding-top: 12px;
    color: #38312c;
}

.bb-detail .product-details {
    margin-bottom: 28px;
    padding: 0;
    border: 0;
    background: transparent;
}

.bb-detail .breadcrumb {
    margin: 0 15px 22px;
    padding: 12px 16px;
    border: 1px solid #f2e5d9;
    border-radius: 9px;
    background: #fff8f0;
    color: #74665a;
    font-size: 13px;
    line-height: 1.6;
}

.bb-detail .breadcrumb a {
    color: #805033;
    text-decoration: none;
}

.bb-detail .breadcrumb a:hover {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bb-detail .view-product {
    position: relative;
    margin: 0 0 14px;
    padding: 16px;
    border: 1px solid #eee3da;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(92, 48, 15, 0.04);
}

.bb-detail .view-product > img, .bb-detail .view-product > a > img {
    max-width: 100%;
    height: auto;
}

.bb-detail .heightthumbsdiv {
    margin: 0 0 18px;
    padding: 8px 0;
}

.bb-detail .heightthumbsdiv img {
    box-sizing: border-box;
    max-width: 100%;
    border: 1px solid #eadfd5;
    border-radius: 7px;
    background: #ffffff;
    transition: border-color 150ms ease;
}

.bb-detail .heightthumbsdiv a:hover img {
    border-color: #efa35a;
}

.bb-detail .product-information {
    margin: 0;
    padding: 4px 0 0 20px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.bb-detail .product-information > h1 {
    margin: 0 0 14px;
    padding: 0;
    color: #38312c;
    font-family: inherit;
    font-size: clamp(25px, 2.5vw, 34px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.bb-detail .product-information > p {
    margin: 0 0 14px;
    color: #665c53;
    font-size: 15px;
    line-height: 1.7;
}

.bb-detail #sharelinks {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    margin: 2px 0 12px;
    padding: 6px 11px;
    border: 1px solid #f0dccb;
    border-radius: 7px;
    background: #fff8f0;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
}

.bb-detail #sharelinks:hover {
    background: #ffedda;
}

.bb-detail #sharelinks .icondefault {
    display: block;
    float: none;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
}

.bb-detail .product-information > .bb-detail-prijs {
    display: block;
    float: none;
    margin: 10px 0 20px;
    padding: 0 0 16px;
    border-bottom: 1px solid #eee3da;
}

.bb-detail .product-information > .bb-detail-prijs > .bb-detail-prijsbedrag {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    color: #695044;
    font-family: inherit;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}

.bb-detail #changeoptions {
    margin-bottom: 16px;
}

.bb-detail #changeoptions label {
    color: #38312c;
    font-weight: 600;
}

.bb-detail #changeoptions select {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid #d9cec4;
    border-radius: 7px;
    background-color: #ffffff;
    color: #38312c;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;
}

.bb-detail #changeoptions select:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 2px;
    border-color: #946d4c;
}

.bb-detail .product-information .bb-voordelen {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
}

.bb-detail .bb-detail-productcode {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px solid #eee3da;
    color: #756b62;
    font-size: 12px;
    font-style: normal;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.bb-detail #sharelinks:focus-visible, .bb-detail .breadcrumb a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .bb-detail {
        padding-top: 4px;
    }

    .bb-detail .breadcrumb {
        margin-bottom: 16px;
        padding: 10px 12px;
        font-size: 12px;
    }

    .bb-detail .view-product {
        padding: 10px;
        border-radius: 11px;
    }

    .bb-detail .product-information {
        padding: 14px 0 0;
    }

    .bb-detail .product-information > h1 {
        font-size: 25px;
    }

    .bb-detail .product-information > .bb-detail-prijs > .bb-detail-prijsbedrag {
        font-size: 28px;
    }

}
h2.title:has(+ .grid-container-thema) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 24px 0 0;
    padding: 16px 20px;
    border: 1px solid #f0dccb;
    border-top: 3px solid #efa35a;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(110deg, #fff3e8, #fff7ee);
    color: #38312c;
    font-family: inherit;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    text-transform: none;
}

h2.title:has(+ .grid-container-thema)::before {
    content: none;
}

h2.title:has(+ .grid-container-thema)::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: auto;
    left: auto;
    right: -45px;
    bottom: -112px;
    width: 150px;
    height: 150px;
    margin: 0;
    box-sizing: border-box;
    border: 18px solid #ffc78f;
    border-radius: 50%;
    background: transparent;
    box-shadow:
            0 0 0 14px #ffdfbf,
            0 0 0 26px #ffd2a6;
    opacity: 0.65;
    pointer-events: none;
}

h2.title:has(+ .grid-container-thema) a {
    color: #695044 !important;
    text-decoration: none;
}

h2.title:has(+ .grid-container-thema) a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.grid-container-thema {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 170px));
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 24px;
    padding: 16px;
    border: 1px solid #f0dccb;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: #fffaf5;
}

.grid-container-thema > .grid-item-thema {
    display: flex;
    flex-direction: column;
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #eee3da;
    border-radius: 9px;
    background: #ffffff;
    text-align: left;
    box-shadow: none;
    transition:
            border-color 150ms ease,
            box-shadow 150ms ease;
}

.grid-container-thema > .grid-item-thema:hover {
    border-color: #efd5bc;
    box-shadow: 0 3px 10px rgba(92, 48, 15, 0.06);
}

.grid-container-thema .grid-item-thema > a:first-child {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    min-height: 0;
    aspect-ratio: auto;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: #ffffff;
}

.grid-container-thema .grid-item-thema > a:first-child img {
    display: block;
    float: none;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    max-width: 100%;
    max-height: 100px;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
}

.grid-container-thema .grid-item-thema > p {
    margin: 0 0 10px;
    padding: 0;
    color: #38312c;
    font-size: 13px;
    line-height: 1.45;
}

.grid-container-thema .grid-item-thema > p a {
    color: #38312c;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.grid-container-thema .grid-item-thema > p a:hover {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.grid-container-thema .grid-item-thema > .grid-price {
    position: static;
    float: none;
    width: auto;
    margin: auto 0 0;
    padding: 9px 0 0;
    border-top: 1px solid #f2e9e1;
    background: transparent;
    color: #695044;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

.grid-container-thema a:focus-visible, h2.title:has(+ .grid-container-thema) a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 3px;
}

@media (max-width: 600px) {
    h2.title:has(+ .grid-container-thema) {
        margin-top: 20px;
        padding: 14px;
        font-size: 19px;
    }

    .grid-container-thema {
        grid-template-columns: repeat(2, minmax(0, 170px));
        gap: 10px;
        padding: 10px;
    }

    .grid-container-thema > .grid-item-thema {
        padding: 9px;
    }

}
h2.title:has(+ .grid-container-bijpassend) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 24px 0 0;
    padding: 16px 20px;
    border: 1px solid #f0dccb;
    border-top: 3px solid #efa35a;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(110deg, #fff3e8, #fff7ee);
    color: #38312c;
    font-family: inherit;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    text-transform: none;
}

h2.title:has(+ .grid-container-bijpassend)::before {
    content: none;
}

h2.title:has(+ .grid-container-bijpassend)::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: auto;
    left: auto;
    right: -45px;
    bottom: -112px;
    width: 150px;
    height: 150px;
    margin: 0;
    box-sizing: border-box;
    border: 18px solid #ffc78f;
    border-radius: 50%;
    background: transparent;
    box-shadow:
            0 0 0 14px #ffdfbf,
            0 0 0 26px #ffd2a6;
    opacity: 0.65;
    pointer-events: none;
}

h2.title:has(+ .grid-container-bijpassend) a {
    color: #695044 !important;
    text-decoration: none;
}

h2.title:has(+ .grid-container-bijpassend) a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.grid-container-bijpassend {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 170px));
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 24px;
    padding: 16px;
    border: 1px solid #f0dccb;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: #fffaf5;
}

.grid-container-bijpassend > .grid-item-bijpassend {
    display: flex;
    flex-direction: column;
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #eee3da;
    border-radius: 9px;
    background: #ffffff;
    text-align: left;
    box-shadow: none;
    transition:
            border-color 150ms ease,
            box-shadow 150ms ease;
}

.grid-container-bijpassend > .grid-item-bijpassend:hover {
    border-color: #efd5bc;
    box-shadow: 0 3px 10px rgba(92, 48, 15, 0.06);
}

.grid-container-bijpassend .grid-item-bijpassend > a:first-child {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    min-height: 0;
    aspect-ratio: auto;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: #ffffff;
}

.grid-container-bijpassend .grid-item-bijpassend > a:first-child img {
    display: block;
    float: none;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    max-width: 100%;
    max-height: 100px;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
}

.grid-container-bijpassend .grid-item-bijpassend > p {
    margin: 0 0 10px;
    padding: 0;
    color: #38312c;
    font-size: 13px;
    line-height: 1.45;
}

.grid-container-bijpassend .grid-item-bijpassend > p a {
    color: #38312c;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.grid-container-bijpassend .grid-item-bijpassend > p a:hover {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.grid-container-bijpassend .grid-item-bijpassend > .grid-price {
    position: static;
    float: none;
    width: auto;
    margin: auto 0 0;
    padding: 9px 0 0;
    border-top: 1px solid #f2e9e1;
    background: transparent;
    color: #695044;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

.grid-container-bijpassend a:focus-visible, h2.title:has(+ .grid-container-bijpassend) a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 3px;
}

@media (max-width: 600px) {
    h2.title:has(+ .grid-container-bijpassend) {
        margin-top: 20px;
        padding: 14px;
        font-size: 19px;
    }

    .grid-container-bijpassend {
        grid-template-columns: repeat(2, minmax(0, 170px));
        gap: 10px;
        padding: 10px;
    }

    .grid-container-bijpassend > .grid-item-bijpassend {
        padding: 9px;
    }

}
#recommended-item-carouselnieuwbinnen {
    position: relative;
    box-sizing: border-box;
    margin: 24px 0;
    padding: 18px 44px;
    border: 1px solid #f0dccb;
    border-top: 3px solid #efa35a;
    border-radius: 12px;
    background: linear-gradient(110deg, #fff3e8, #fffaf5);
}

#recommended-item-carouselnieuwbinnen > .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#recommended-item-carouselnieuwbinnen > .carousel-inner > .item {
    display: none;
    grid-template-columns: repeat(6, minmax(0, 170px));
    justify-content: center;
    align-items: stretch;
    gap: 12px;
}

#recommended-item-carouselnieuwbinnen > .carousel-inner > .item.active, #recommended-item-carouselnieuwbinnen > .carousel-inner > .item.next, #recommended-item-carouselnieuwbinnen > .carousel-inner > .item.prev {
    display: grid;
}

#recommended-item-carouselnieuwbinnen > .carousel-inner > .item::before, #recommended-item-carouselnieuwbinnen > .carousel-inner > .item::after {
    content: none;
}

#recommended-item-carouselnieuwbinnen .item > .col-sm-2 {
    display: flex;
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

#recommended-item-carouselnieuwbinnen .product-image-wrapper-nieuwbinnen {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #eee3da;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: none;
    transition:
            border-color 150ms ease,
            box-shadow 150ms ease;
}

#recommended-item-carouselnieuwbinnen .product-image-wrapper-nieuwbinnen:hover {
    border-color: #efd5bc;
    box-shadow: 0 3px 10px rgba(92, 48, 15, 0.06);
}

#recommended-item-carouselnieuwbinnen .nieuwbinnen-products, #recommended-item-carouselnieuwbinnen .nieuwbinneninfo {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    text-align: left;
}

#recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    color: #38312c;
    text-decoration: none;
}

#recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a > img {
    display: block;
    order: 0;
    flex-shrink: 0;
    align-self: center;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    max-width: 100%;
    max-height: 100px;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    object-fit: contain;
}

#recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a > p:nth-of-type(2) {
    order: 1;
    margin: 0 0 10px;
    padding: 0;
    color: #38312c;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    text-align: left;
    overflow-wrap: anywhere;
}

#recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a > p:first-of-type {
    order: 2;
    margin: auto 0 0;
    padding: 9px 0 0;
    border-top: 1px solid #f2e9e1;
    color: #695044;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

#recommended-item-carouselnieuwbinnen .nieuwbinneninfo > a:hover > p:nth-of-type(2) {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#recommended-item-carouselnieuwbinnen > .recommended-item-control {
    position: absolute;
    top: 50%;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid #efd5bc;
    border-radius: 9px;
    background: #ffffff;
    color: #695044;
    font-size: 27px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    box-shadow: 0 2px 6px rgba(92, 48, 15, 0.06);
    opacity: 1;
    transform: translateY(-50%);
    z-index: 2;
}

#recommended-item-carouselnieuwbinnen > .recommended-item-control.left {
    left: 4px;
    right: auto;
}

#recommended-item-carouselnieuwbinnen > .recommended-item-control.right {
    right: 4px;
    left: auto;
}

#recommended-item-carouselnieuwbinnen > .recommended-item-control:hover {
    border-color: #efa35a;
    background: #ffe4c8;
    color: #57463b;
}

#recommended-item-carouselnieuwbinnen > .recommended-item-control i {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    line-height: 1;
}

#recommended-item-carouselnieuwbinnen a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 2px;
    border-radius: 3px;
}

@media (max-width: 991px) {
    #recommended-item-carouselnieuwbinnen > .carousel-inner > .item {
        grid-template-columns: repeat(3, minmax(0, 170px));
    }

}
@media (max-width: 600px) {
    #recommended-item-carouselnieuwbinnen {
        margin: 20px 0;
        padding: 12px 10px 66px;
    }

    #recommended-item-carouselnieuwbinnen > .carousel-inner > .item {
        grid-template-columns: repeat(2, minmax(0, 170px));
        gap: 10px;
    }

    #recommended-item-carouselnieuwbinnen .product-image-wrapper-nieuwbinnen {
        padding: 9px;
    }

    #recommended-item-carouselnieuwbinnen > .recommended-item-control {
        top: auto;
        bottom: 11px;
        width: 44px;
        height: 44px;
        transform: none;
    }

    #recommended-item-carouselnieuwbinnen > .recommended-item-control.left {
        left: calc(50% - 50px);
        right: auto;
    }

    #recommended-item-carouselnieuwbinnen > .recommended-item-control.right {
        left: auto;
        right: calc(50% - 50px);
    }

}
.afrekenenbutton a, #impliedsubmit, .overlayreset button, .overlayWarningBoundingBoxes button, .overlayWarningBoundingSharelinks button, .overlayLoadProduct button {
    background: var(--bb-action);
    border-color: #e7ae71;
    color: var(--bb-action-text);
    box-shadow: 0 3px 8px rgba(135, 58, 12, 0.12);
    transition: background-color 180ms ease, border-color 180ms ease,
    box-shadow 180ms ease;
}

.afrekenenbutton a:focus, #impliedsubmit:focus, .overlayreset button:focus, .overlayWarningBoundingBoxes button:focus, .overlayWarningBoundingSharelinks button:focus, .overlayLoadProduct button:focus {
    background: var(--bb-action);
    color: var(--bb-action-text);
}

.afrekenenbutton a:focus-visible, #impliedsubmit:focus-visible, .overlayreset button:focus-visible, .overlayWarningBoundingBoxes button:focus-visible, .overlayWarningBoundingSharelinks button:focus-visible, .overlayLoadProduct button:focus-visible {
    outline: 2px solid var(--bb-link);
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .afrekenenbutton a:hover:not(:disabled):not(.disabled), #impliedsubmit:hover:not(:disabled):not(.disabled), .overlayreset button:hover:not(:disabled):not(.disabled), .overlayWarningBoundingBoxes button:hover:not(:disabled):not(.disabled), .overlayWarningBoundingSharelinks button:hover:not(:disabled):not(.disabled), .overlayLoadProduct button:hover:not(:disabled):not(.disabled) {
        background: var(--bb-action-hover);
        border-color: #dda064;
        color: var(--bb-action-text);
        box-shadow: 0 3px 9px rgba(135, 58, 12, 0.15);
    }

}
.afrekenenbutton a:active:not(:disabled):not(.disabled), #impliedsubmit:active:not(:disabled):not(.disabled), .overlayreset button:active:not(:disabled):not(.disabled), .overlayWarningBoundingBoxes button:active:not(:disabled):not(.disabled), .overlayWarningBoundingSharelinks button:active:not(:disabled):not(.disabled), .overlayLoadProduct button:active:not(:disabled):not(.disabled) {
    background: var(--bb-action-active);
    border-color: #d39355;
    color: var(--bb-action-text);
    box-shadow: inset 0 1px 3px rgba(65, 24, 4, 0.12);
}

.pagination span a {
    background: var(--bb-soft);
    color: var(--bb-link);
    border-radius: 6px;
    transition: background-color 180ms ease, color 180ms ease;
}

.pagination span a:hover, .pagination span a:focus-visible {
    background: #ffe1bf;
    color: #57463b;
}

.pagination .active a, .pagination .active a:hover, .pagination .active a:focus {
    background: var(--bb-action);
    color: var(--bb-action-text);
}

#winkelwagenoverzichttabel thead {
    background: var(--bb-soft);
    color: #38312c;
}

.recommended-item-control i {
    transition: background-color 180ms ease;
}

.recommended-item-control i:hover {
    background: var(--bb-action-hover);
    color: var(--bb-action-text);
}

@media (prefers-reduced-motion: reduce) {
    .afrekenenbutton a, #impliedsubmit, .overlayreset button, .overlayWarningBoundingBoxes button, .overlayWarningBoundingSharelinks button, .overlayLoadProduct button, .pagination span a, .recommended-item-control i {
        transition: none;
    }

}
.noUi-target .noUi-tooltip, .noUi-tooltip {
    background: #fff3e8 !important;
    color: #45372e !important;
    border: 1px solid #efd5bc !important;
    border-radius: 7px;
    box-shadow: 0 2px 6px rgba(69, 55, 46, 0.08);
}

.noUi-target .noUi-handle {
    background: #fff;
    border-color: #e7bc92;
}

.noUi-target .noUi-handle:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
}

.btn.btn-primary svg [fill]:not([fill="none"]), .overlayreset button svg [fill]:not([fill="none"]), .overlayLoadProduct button svg [fill]:not([fill="none"]) {
    fill: currentColor;
}

.category-products:has(> #verfijn) {
    padding: 0;
    border: 1px solid #efd5bc;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: none;
}

#verfijn > h2 {
    margin: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #efd5bc;
    border-radius: 8px 8px 0 0;
    background: var(--bb-soft, #fff3e8);
    color: #45372e;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
}

#verfijn > h2::before, #verfijn > h2::after {
    content: none;
}

#verfijn > a:has(> .category) {
    display: block;
    margin: 0;
    padding: 0;
    color: #45372e;
    text-decoration: none;
}

#verfijn > a > .category {
    display: flex;
    align-items: center;
    gap: 9px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 48px;
    margin: 0;
    padding: 5px 10px;
    border: 0;
    border-bottom: 1px solid #f4ece5;
    border-radius: 0;
    background: #ffffff;
    font-size: 13px;
    line-height: 1.35;
    transition: background-color 160ms ease;
}

#verfijn .category .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 4px;
    background: #ffffff;
}

#verfijn .category .image-container img {
    display: block;
    width: 36px;
    height: 36px;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
}

#verfijn .category > p {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

@media (hover: hover) and (pointer: fine) {
    #verfijn > a:hover > .category {
        background: var(--bb-soft, #fff3e8);
    }

}
#verfijn > a:has(> .category):focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
    #verfijn > a > .category {
        transition: none;
    }

}
.left-sidebar > h2:has(+ .grid-container-recent-bezocht) {
    margin: 16px 0 0;
    padding: 10px 12px;
    border: 1px solid #efd5bc;
    border-radius: 9px 9px 0 0;
    background: var(--bb-soft, #fff3e8);
    color: #45372e;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
}

.left-sidebar > h2:has(+ .grid-container-recent-bezocht)::before, .left-sidebar > h2:has(+ .grid-container-recent-bezocht)::after {
    content: none;
}

.grid-container-recent-bezocht {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    border: 1px solid #efd5bc;
    border-top: 0;
    border-radius: 0 0 9px 9px;
    background: #ffffff;
    overflow: hidden;
}

.grid-container-recent-bezocht > .grid-item {
    display: block;
    float: none;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #f4ece5;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    text-align: left;
}

.grid-container-recent-bezocht > .grid-item:last-child {
    border-bottom: 0;
}

.grid-container-recent-bezocht > .grid-item > a {
    display: flow-root;
    box-sizing: border-box;
    min-height: 56px;
    padding: 8px 10px;
    background: #ffffff;
    color: #45372e;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: background-color 160ms ease;
}

.grid-container-recent-bezocht > .grid-item > a > img {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    margin: 0 9px 0 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: #ffffff;
    object-fit: contain;
}

.grid-container-recent-bezocht .grid-price {
    position: static;
    display: block;
    float: none;
    width: auto;
    height: auto;
    margin: 0 0 2px 49px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bb-link, #695044);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
}

@media (hover: hover) and (pointer: fine) {
    .grid-container-recent-bezocht > .grid-item > a:hover {
        background: var(--bb-soft, #fff3e8);
        color: #45372e;
        text-decoration: none;
    }

}
.grid-container-recent-bezocht > .grid-item > a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
    .grid-container-recent-bezocht > .grid-item > a {
        transition: none;
    }

}
.btn.btn-link.p-0 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px !important;
    border: 1px solid #e7ae71;
    border-radius: 8px;
    background: var(--bb-action, #ffc078);
    color: var(--bb-action-text, #45372e);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer;
    transition: background-color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
    .btn.btn-link.p-0:hover:not(:disabled):not(.disabled) {
        background: var(--bb-action-hover, #ffb565);
        color: var(--bb-action-text, #45372e);
        text-decoration: none;
    }

}
.btn.btn-link.p-0:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
}

.btn.btn-link.p-0:active:not(:disabled):not(.disabled) {
    background: var(--bb-action-active, #f4a854);
}

.btn.btn-link.p-0:disabled, .btn.btn-link.p-0.disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
    .btn.btn-link.p-0 {
        transition: none;
    }

}
.overzichtlogin:has(.betaalkeuze) {
    margin-bottom: 20px;
    border: 1px solid #efd5bc;
    border-radius: 12px;
    background: #ffffff;
}

.overzichtlogin:has(.betaalkeuze) > .step-one {
    background: var(--bb-soft, #fff3e8);
    margin: 0;
    padding: 0;
}

.overzichtlogin:has(.betaalkeuze) > .step-one > .heading {
    margin: 0;
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid #efd5bc;
    border-radius: 11px 11px 0 0;
    background: var(--bb-soft, #fff3e8);
    color: #45372e;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
}

.overzichtlogin:has(.betaalkeuze) > .account.row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 14px;
    background: transparent;
}

.overzichtlogin:has(.betaalkeuze) > .account.row::before, .overzichtlogin:has(.betaalkeuze) > .account.row::after {
    content: none;
}

.overzichtlogin:has(.betaalkeuze) .melding_ideal {
    grid-column: 1 / -1;
    min-width: 0;
    color: #45372e;
}

.overzichtlogin:has(.betaalkeuze) .melding_ideal:empty {
    display: none;
}

.overzichtlogin:has(.betaalkeuze) #applepay {
    grid-column: 1 / -1;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

.overzichtlogin:has(.betaalkeuze) #applepay img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 44px;
}

.overzichtlogin .betaalkeuze {
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    border: 1px solid #e9e2db;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: none;
    transition:
            border-color 160ms ease,
            box-shadow 160ms ease;
}

.overzichtlogin .betaalkeuze .video-gallery {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 0;
}

.overzichtlogin .betaalkeuze .betaalkeuze-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border-radius: 8px 8px 0 0;
}

.overzichtlogin .betaalkeuze .betaalkeuze-img > a, .overzichtlogin .betaalkeuze .betaalkeuze-img > form {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
    border-radius: 8px 8px 0 0;
}

.overzichtlogin .betaalkeuze .betaalkeuze-img img, .overzichtlogin .betaalkeuze input[type="image"] {
    display: block;
    float: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 46px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    object-fit: contain;
}

.overzichtlogin .betaalkeuze .video-gallery > p {
    flex: 1;
    margin: 0;
    padding: 8px 6px;
    border-top: 1px solid #f1e9e2;
    border-radius: 0 0 8px 8px;
    background: #fffaf5;
    color: #45372e;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    overflow-wrap: anywhere;
}

@media (hover: hover) and (pointer: fine) {
    .overzichtlogin .betaalkeuze:hover {
        border-color: var(--bb-accent, #efa35a);
        box-shadow: 0 2px 8px rgba(69, 55, 46, 0.08);
    }

}
.overzichtlogin .betaalkeuze:focus-within {
    border-color: #946d4c;
}

.overzichtlogin .betaalkeuze a:focus-visible, .overzichtlogin .betaalkeuze input[type="image"]:focus-visible, .overzichtlogin #applepay a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: -2px;
}

@media (max-width: 600px) {
    .overzichtlogin:has(.betaalkeuze) > .account.row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
    }

}
@media (prefers-reduced-motion: reduce) {
    .overzichtlogin .betaalkeuze {
        transition: none;
    }

}
.product-details.bb-betaalinfo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    box-sizing: border-box;
    margin: 0 0 18px;
    padding: 20px;
    border: 1px solid #efd5bc;
    border-top: 3px solid var(--bb-accent, #efa35a);
    border-radius: 12px;
    background: #fffaf5;
    color: #45372e;
}

.bb-betaalinfo .bb-betaalinfo-foto {
    order: -1;
    align-self: flex-start;
    box-sizing: border-box;
    width: 110px;
    padding: 6px;
    border: 1px solid #eee3da;
    border-radius: 9px;
    background: #ffffff;
}

.bb-betaalinfo .bb-betaalinfo-foto img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100px;
    margin: 0;
    object-fit: contain;
}

.bb-betaalinfo .bb-betaalinfo-tekst {
    min-width: 0;
    width: 100%;
}

.bb-betaalinfo .bb-betaalinfo-tekst > h4 {
    margin: 0 0 10px;
    color: #38312c;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.bb-betaalinfo .bb-betaalinfo-tekst > h4:empty {
    display: none;
}

.bb-betaalinfo p {
    margin: 0;
    color: #61564d;
    font-size: 13px;
    line-height: 1.65;
}

.bb-betaalinfo .bb-betaalinfo-intro {
    color: #45372e;
    font-size: 14px;
}

.bb-betaalinfo .bb-betaalinfo-item {
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid #eee1d5;
}

.bb-betaalinfo .bb-betaalinfo-item h5 {
    margin: 0 0 4px;
    color: #45372e;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

@media (max-width: 600px) {
    .product-details.bb-betaalinfo {
        padding: 16px;
    }

    .bb-betaalinfo .bb-betaalinfo-tekst > h4 {
        font-size: 16px;
    }

}
.product-details.bb-controleinfo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    box-sizing: border-box;
    margin: 0 0 18px;
    padding: 20px;
    border: 1px solid #efd5bc;
    border-top: 3px solid var(--bb-accent, #efa35a);
    border-radius: 12px;
    background: #fffaf5;
    color: #45372e;
}

.bb-controleinfo .bb-controleinfo-foto {
    align-self: flex-start;
    box-sizing: border-box;
    width: 110px;
    height: 110px;
    padding: 6px;
    border: 1px solid #eee3da;
    border-radius: 9px;
    background: #ffffff;
}

.bb-controleinfo .bb-controleinfo-foto img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
}

.bb-controleinfo .bb-controleinfo-tekst {
    min-width: 0;
}

.bb-controleinfo .bb-controleinfo-tekst > h4 {
    margin: 0 0 10px;
    color: #38312c;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.bb-controleinfo .bb-controleinfo-tekst > h4:empty {
    display: none;
}

.bb-controleinfo p {
    margin: 0 0 12px;
    color: #61564d;
    font-size: 13px;
    line-height: 1.65;
}

.bb-controleinfo .bb-controleinfo-intro {
    color: #45372e;
    font-size: 14px;
}

.bb-controleinfo .bb-controleinfo-tekst a {
    color: var(--bb-link, #695044);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #d4b698;
    text-underline-offset: 3px;
}

.bb-controleinfo .bb-controleinfo-tekst a:hover {
    color: #45372e;
    text-decoration-color: currentColor;
}

.bb-controleinfo .bb-controleinfo-tekst a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 2px;
}

.bb-controleinfo .bb-controleinfo-slot {
    margin: 0;
    padding-top: 12px;
    border-top: 1px solid #eee1d5;
    color: #45372e;
    font-weight: 600;
}

@media (max-width: 600px) {
    .product-details.bb-controleinfo {
        padding: 16px;
    }

    .bb-controleinfo .bb-controleinfo-tekst > h4 {
        font-size: 16px;
    }

}
.wsmain, .wsmenu, .wsmenu > .wsmenu-list {
    background: #f8eee5;
    color: #45372e;
}

.wsmenu {
    border-left-color: #e6d8cb;
}

.wsmenu .wsmenu-list > li > a {
    background: #f8eee5;
    color: #45372e;
    border-right-color: #e6d8cb;
    text-decoration: none;
    transition: background-color 180ms ease;
}

.wsmenu .wsmenu-list > li:hover > a, .wsmenu .wsmenu-list > li > a:focus-visible {
    background: #f1e1d3;
    color: #45372e;
}

.wsmenu .wsmenu-list > li > a.active {
    background: #ebcfb5;
    color: #45372e;
}

.wsmenu .wsmenu-list > li > a > .fa {
    color: #695044;
}

.wsmenu .wsmenu-list li a .arrow::after, .wsmenu .wsmenu-list li:hover > a .arrow::after {
    border-top-color: #695044;
}

.wsmenu .wsmenu-submenu, .wsmenu .wsmenu-submenu-sub, .wsmenu .wsmenu-submenu-sub-sub, .wsmenu .megamenu {
    background: #fffaf5;
    border-color: #e6d8cb;
}

.wsmenu .wsmenu-submenu li > a, .wsmenu .wsmenu-submenu-sub li > a, .wsmenu .wsmenu-submenu-sub-sub li > a {
    background: #fffaf5 !important;
    color: #45372e;
}

.wsmenu .wsmenu-submenu li:hover > a, .wsmenu .wsmenu-submenu-sub li:hover > a, .wsmenu .wsmenu-submenu-sub-sub li:hover > a {
    background: #f8eee5 !important;
    color: #45372e;
}

.topmenusearch input {
    background: #fffaf5;
    color: #45372e;
}

.topmenusearch input:hover, .topmenusearch input:focus {
    background: #ffffff;
    color: #45372e;
}

.wsmenu a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {
    .wsmenu .wsmenu-list > li > a {
        transition: none;
    }

}
@media only screen and (max-width: 900px) {
    .wsmobileheader, .smallogo, .topmenusearch {
        background: #f8eee5;
        color: #45372e;
    }

    .smallogo {
        -webkit-box-shadow: 0 1px 4px rgba(69, 55, 46, 0.12);
        box-shadow: 0 1px 4px rgba(69, 55, 46, 0.12);
    }

    .animated-arrow span, .animated-arrow span::before, .animated-arrow span::after {
        background: #695044;
    }

    .wsoffcanvasopener .animated-arrow span {
        background: transparent;
    }

}
.wsmenu-click, .wsmenu-click02 {
    background: transparent;
}

.wsmenu-click i, .wsmenu-click02 i {
    color: #695044;
    background-color: transparent;
}

.wsmenu-click.ws-activearrow, .wsmenu-click02.ws-activearrow {
    background: transparent;
}

.wsmenu-click.ws-activearrow > i, .wsmenu-click02.ws-activearrow > i {
    color: #45372e;
}

@media only screen and (max-width: 900px) {
    .megamenu > ul > li > a {
        padding: 9px 14px !important;
        line-height: normal !important;
        font-size: 13px !important;
        background-color: #f8eee5 !important;
        color: #45372e !important;
    }

    .megamenu > ul > li > a:hover, .megamenu > ul > li > a:focus-visible {
        background-color: #f1e1d3 !important;
        color: #45372e !important;
    }

}
.bb-faq {
    margin: 0 0 24px;
    color: #45372e;
}

.bb-faq .bb-faq-intro {
    display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    margin: 0 0 14px;
    padding: 16px;
    border: 1px solid #efd5bc;
    border-top: 3px solid var(--bb-accent, #efa35a);
    border-radius: 12px;
    background: #fffaf5;
}

.bb-faq .bb-faq-photo {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #eee3da;
    border-radius: 9px;
    background: #fff;
}

.bb-faq .bb-faq-photo img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain;
}

.bb-faq .bb-faq-intro > div:last-child {
    min-width: 0;
}

.bb-faq .bb-faq-intro h1 {
    margin: 0 0 6px;
    color: #38312c;
    font-family: inherit;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

.bb-faq .bb-faq-intro p {
    margin: 0;
    color: #61564d;
    font-size: 14px;
    line-height: 1.5;
}

.bb-faq .veelgestelde_vragen.bb-faq-list {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: visible;
}

.bb-faq .bb-faq-item {
    margin: 0 0 8px;
    border: 1px solid #e9e2db;
    border-radius: 9px;
    background: #fff;
}

.bb-faq .bb-faq-item > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 48px;
    box-sizing: border-box;
    margin: 0;
    padding: 11px 14px;
    border-radius: 8px;
    background: #fff;
    color: #45372e;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    list-style: none;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.bb-faq .bb-faq-item > summary::-webkit-details-marker {
    display: none;
}

.bb-faq .bb-faq-item > summary::after {
    content: "";
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(#695044, #695044) center / 10px 2px no-repeat,
    linear-gradient(#695044, #695044) center / 2px 10px no-repeat,
    var(--bb-soft, #fff3e8);
}

.bb-faq .bb-faq-item[open] {
    border-color: #efd5bc;
}

.bb-faq .bb-faq-item[open] > summary {
    border-radius: 8px 8px 0 0;
    background: var(--bb-soft, #fff3e8);
}

.bb-faq .bb-faq-item[open] > summary::after {
    background: linear-gradient(#695044, #695044) center / 10px 2px no-repeat,
    #ffe4c8;
}

.bb-faq .bb-faq-item > summary:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: -3px;
}

@media (hover: hover) and (pointer: fine) {
    .bb-faq .bb-faq-item > summary:hover {
        background: #fff5ee;
    }

}
.bb-faq .bb-faq-answer {
    padding: 14px;
    border-top: 1px solid #f1e9e2;
    color: #61564d;
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
    overflow-x: auto;
}

.bb-faq .bb-faq-answer p {
    margin: 0 0 10px;
    font-size: inherit;
    line-height: inherit;
}

.bb-faq .bb-faq-answer > :last-child {
    margin-bottom: 0;
}

.bb-faq .bb-faq-answer a {
    color: var(--bb-link, #695044);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bb-faq .bb-faq-answer a:hover {
    color: #45372e;
}

.bb-faq .bb-faq-answer a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
}

.bb-faq .bb-faq-answer ul, .bb-faq .bb-faq-answer ol {
    margin: 8px 0 12px;
    padding-left: 22px;
}

.bb-faq .bb-faq-answer li {
    margin-bottom: 5px;
}

.bb-faq .bb-faq-answer table {
    width: 100%;
    border-collapse: collapse;
    font-size: inherit;
}

.bb-faq .bb-faq-answer td, .bb-faq .bb-faq-answer th {
    padding: 6px 8px;
    border-bottom: 1px solid #f1e9e2;
    text-align: left;
    vertical-align: top;
}

.bb-faq .bb-faq-answer .bb-faq-document {
    display: block;
    margin: 0 0 8px;
}

.bb-faq .bb-faq-document .fa {
    margin-right: 6px;
}

@media (max-width: 600px) {
    .bb-faq .bb-faq-intro {
        gap: 12px;
        padding: 12px;
    }

    .bb-faq .bb-faq-photo {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
    }

    .bb-faq .bb-faq-intro h1 {
        font-size: 19px;
    }

    .bb-faq .bb-faq-intro p {
        font-size: 13px;
    }

    .bb-faq .bb-faq-item > summary {
        padding: 10px 12px;
        font-size: 13px;
    }

    .bb-faq .bb-faq-answer {
        padding: 12px;
        font-size: 13px;
    }

}

/* Herbruikbare productblokken: tips en personaliseren */
.bb-product-info {
    clear: both;
    margin: 0;
    color: #38312c;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.7;
}

.bb-product-info,
.bb-product-info * {
    box-sizing: border-box;
}

.bb-product-info .bb-product-tips,
.bb-product-info .bb-product-personaliseer {
    margin: 0 0 14px;
    padding: 18px 20px;
    border: 1px solid #eee3da;
    border-radius: 12px;
    background: #fff;
    overflow-wrap: anywhere;
}

.bb-product-info .bb-product-tips {
    border-left: 4px solid #efa35a;
    background: #fffaf5;
}

.bb-product-info .bb-product-personaliseer {
    border-left: 4px solid #efcfad;
}

.bb-product-info h3 {
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: none;
    color: #45372e;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
}

.bb-product-info p {
    margin: 0 0 12px;
    font-size: inherit;
    line-height: inherit;
}

.bb-product-info ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: disc outside;
}

.bb-product-info ul > li {
    display: list-item;
    margin: 0 0 9px;
    padding: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style: inherit;
}

.bb-product-info ul > li::marker {
    color: #c78b52;
}

.bb-product-info a {
    color: #695044;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.bb-product-info a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
    border-radius: 2px;
}

.bb-product-info .bb-product-contacticoon {
    display: inline-block;
    float: none;
    width: 16px;
    height: 16px;
    margin: 0 0 0 3px;
    padding: 0;
    border: 0;
    vertical-align: -3px;
}

.bb-product-info > :last-child,
.bb-product-info section > :last-child,
.bb-product-info li:last-child {
    margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
    .bb-product-info a:hover {
        color: #a45122;
        text-decoration-thickness: 2px;
    }
}

@media (max-width: 600px) {
    .bb-product-info .bb-product-tips,
    .bb-product-info .bb-product-personaliseer {
        padding: 15px 16px;
        border-radius: 10px;
    }

    .bb-product-info h3 {
        font-size: 16px;
    }
}


.themaCat {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 16px 0;
    padding: 14px 18px;
    box-sizing: border-box;
    border: 1px solid #eee3da;
    border-left: 4px solid #efa35a;
    border-radius: 10px;
    background: #fffaf5;
    color: #45372e;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    text-transform: none;
    overflow-wrap: anywhere;
}

.themaCat a {
    display: inline-block;
    margin: 4px 4px 4px 0;
    padding: 4px 10px;
    border: 1px solid #efd5bc;
    border-radius: 6px;
    background: #fff;
    color: #695044;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

.themaCat a:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .themaCat a:hover {
        border-color: #e7bc97;
        background: #fff3e8;
        color: #45372e;
        text-decoration: underline;
        text-underline-offset: 3px;
    }
}

@media (max-width: 600px) {
    .themaCat {
        padding: 12px 14px;
    }
}

#infolevertijdI {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 14px 48px 14px 18px;
    box-sizing: border-box;
    border: 1px solid #eee3da;
    border-left: 4px solid #efa35a;
    border-radius: 10px;
    background: #fffaf5;
    color: #45372e;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
}

#infolevertijdI .deliveryday {
    display: block;
    min-width: 0;
}

#infolevertijdI .deliveryday p {
    margin: 0;
    padding: 0;
    color: #695044;
    font-size: inherit;
    line-height: inherit;
}

#infolevertijdI .deliveryday .levertijd {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    color: #45372e;
    font-size: 16px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

#infolevertijdI .levertijd img {
    display: block;
    flex-shrink: 0;
    float: none;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    object-fit: contain;
}

#infolevertijdI .verzendinginfo {
    position: absolute;
    top: 12px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    box-sizing: border-box;
    border: 1px solid #efd5bc;
    border-radius: 50%;
    background: #fff;
    text-decoration: none;
}

#infolevertijdI .verzendinginfo img {
    display: block;
    float: none;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
}

#infolevertijdI .verzendinginfo:focus-visible {
    outline: 2px solid #946d4c;
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    #infolevertijdI .verzendinginfo:hover {
        border-color: #e7bc97;
        background: #fff3e8;
    }
}

@media (max-width: 600px) {
    #infolevertijdI {
        padding: 12px 46px 12px 14px;
    }

    #infolevertijdI .deliveryday .levertijd {
        font-size: 15px;
    }
}

#infolevertijdI:not(:has(.deliveryday .levertijd)) {
    display: none;
}


/* Voordelen-carousel */
.carousel-inner.bb-voordelen-carousel {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff3e8;
    border-top: 1px solid #efd5bc;
    border-bottom: 1px solid #efd5bc;
    color: #45372e;
}

/* Display, position en transform van .item blijven bij de carousel. */
.bb-voordelen-carousel > .item {
    padding: 0;
    background: #fff3e8;
}

.bb-voordelen-carousel > .item > a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.bb-voordelen-carousel .col-sm-61 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 1100px;
    height: 116px;
    margin: 0 auto;
    padding: 16px 44px;
    background: transparent;
}

/* Icoon */
.bb-voordelen-carousel .main_caro_img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
    float: none;
    position: static;
    width: 68px;
    height: 68px;
    margin: 0;
    padding: 12px;
    background: #fffaf5;
    border: 1px solid #efd5bc;
    border-radius: 50%;
    transform: none;
}

.bb-voordelen-carousel .main_caro_img img.carouselicon {
    display: block;
    float: none;
    position: static;
    width: 42px;
    height: 42px;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    object-fit: contain;
    transform: none;
}

/* Tekst */
.bb-voordelen-carousel .caro_tekst {
    flex: 0 1 540px;
    float: none;
    position: static;
    width: auto;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    text-align: left;
    transform: none;
}

.bb-voordelen-carousel .caro_tekst .banner {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    color: #45372e;
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: none;
    white-space: normal;
}

.bb-voordelen-carousel .caro_tekst p {
    margin: 6px 0 0;
    padding: 0;
    color: #695044;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
}

.bb-voordelen-carousel .caro_tekst a {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bb-voordelen-carousel a:focus-visible {
    outline: 2px solid #695044;
    outline-offset: -3px;
}

/* Mobiel */
@media (max-width: 767px) {
    .bb-voordelen-carousel .col-sm-61 {
        gap: 12px;
        height: 138px;
        padding: 14px 28px;
    }

    .bb-voordelen-carousel .main_caro_img {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
        padding: 9px;
    }

    .bb-voordelen-carousel .main_caro_img img.carouselicon {
        width: 32px;
        height: 32px;
    }

    .bb-voordelen-carousel .caro_tekst .banner {
        font-size: 16px;
    }

    .bb-voordelen-carousel .caro_tekst p {
        margin-top: 5px;
        font-size: 13px;
    }
}

.klantenvredenheid.bb-klantreview {
    float: none;
    width: 100%;
    max-width: 340px;
    height: auto;
    margin-top: 10px;
    padding: 0;
    background: transparent;
    border: 0;
}

.bb-klantreview,
.bb-klantreview * {
    box-sizing: border-box;
}

.klantenvredenheid.bb-klantreview > a {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 14px;
    background: #fffaf5;
    border: 1px solid #eee3da;
    border-radius: 12px;
    color: #45372e;
    text-align: left;
    text-decoration: none;
    transition: background-color 0.2s, border-color 0.2s;
}

.klantenvredenheid.bb-klantreview > a:hover {
    background: #fff3e8;
    border-color: #efd5bc;
}

.klantenvredenheid.bb-klantreview > a:focus-visible {
    outline: 2px solid #695044;
    outline-offset: 3px;
}

.bb-klantreview .bb-klantreview-cijfer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 64px;
    height: 64px;
    background: #ffe4c7;
    border: 1px solid #efd5bc;
    border-radius: 10px;
    color: #45372e;
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
}

.bb-klantreview .bb-klantreview-inhoud {
    display: block;
    min-width: 0;
}

.bb-klantreview .bb-klantreview-titel {
    display: block;
    color: #45372e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.bb-klantreview .bb-klantreview-sterren {
    display: flex;
    gap: 3px;
    margin: 6px 0;
    color: #bd6b20;
    font-size: 15px;
    line-height: 1;
}

.bb-klantreview .bb-klantreview-aantal {
    display: block;
    color: #695044;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Pagina voor zelf ontwerpen */
.bb-ontwerp {
    padding-bottom: 30px;
    color: #38312c;
    font-size: 15px;
    line-height: 1.7;
}

.bb-ontwerp .breadcrumb {
    margin: 16px 0;
    background: transparent;
}

/* De bestaande .container bepaalt de maximale sitebreedte */
.bb-ontwerp .containerFancy {
    margin-bottom: 26px;
    padding-left: 15px;
    padding-right: 15px;
}

.bb-ontwerp .product-information.bb-ontwerp-kop,
.bb-ontwerp .product-information.bb-ontwerp-informatie {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
}

.bb-ontwerp .bb-ontwerp-kop {
    text-align: center;
}

.bb-ontwerp .bb-ontwerp-kop h1 {
    margin: 0 0 8px;
    padding: 0;
    color: #45372e;
    font-family: inherit;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: none;
}

.bb-ontwerp .bb-ontwerp-kop > p {
    margin: 0 0 22px;
    color: #695044;
    font-size: 15px;
}

.bb-ontwerp .view-product-fancy {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #eee3da;
    border-radius: 12px;
    overflow: visible;
}

/* Informatie onder de editor */
.bb-ontwerp .bb-ontwerp-informatie {
    color: #38312c;
    text-align: left;
}

.bb-ontwerp .bb-ontwerp-informatie p {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.7;
}

.bb-ontwerp .bb-ontwerp-informatie h2,
.bb-ontwerp .bb-ontwerp-informatie h3 {
    margin: 0 0 12px;
    padding: 0;
    background: none;
    border: 0;
    color: #45372e;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
}

.bb-ontwerp .bb-ontwerp-informatie h2 {
    font-size: 21px;
}

.bb-ontwerp .bb-ontwerp-informatie h3 {
    font-size: 16px;
}

.bb-ontwerp .bb-ontwerp-informatie a {
    color: #695044;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Ontwerp delen */
.bb-ontwerp .bb-ontwerp-delen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 24px;
    margin-bottom: 24px;
    padding: 20px;
    background: #fff3e8;
    border: 1px solid #efd5bc;
    border-radius: 12px;
}

.bb-ontwerp .bb-ontwerp-delen > p {
    flex: 1 1 300px;
    margin: 0;
    color: #695044;
    font-size: 14px;
}

/* Knoppen buiten de ontwerpmodule */
.bb-ontwerp .bb-ontwerp-knop {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    box-sizing: border-box;
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 12px 20px;
    background: #ffc078;
    border: 1px solid #efa35a;
    border-radius: 8px;
    box-shadow: none;
    color: #45372e;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
    cursor: pointer;
}

.bb-ontwerp .bb-ontwerp-knop:hover {
    background: #efa35a;
    color: #45372e;
}

.bb-ontwerp .bb-ontwerp-knop img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
}

/* Alle informatiekaarten onder elkaar over de volledige breedte */
.bb-ontwerp .bb-ontwerp-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.bb-ontwerp .bb-ontwerp-kaart {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 24px;
    background: #fff;
    border: 1px solid #eee3da;
    border-radius: 12px;
    overflow-wrap: anywhere;
    margin-top: 10px;
}

.bb-ontwerp .bb-ontwerp-kaart > p:last-child {
    margin-bottom: 0;
}

.bb-ontwerp .bb-ontwerp-bestellen {
    background: #fffaf5;
    border-top: 4px solid #efa35a;
}

.bb-ontwerp .bb-ontwerp-prijs {
    margin: 14px 0;
}

.bb-ontwerp #thsirt-price {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #45372e;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}

.bb-ontwerp .bb-ontwerp-levering {
    position: relative;
    line-height: 1.6;
}

.bb-ontwerp .bb-ontwerp-levering .deliveryday {
    color: #695044;
    font-size: 14px;
}

.bb-ontwerp #nooptie_informatie_bbwebwinkel {
    position: static;
    margin-left: 6px;
}

.bb-ontwerp #nooptie_informatie_bbwebwinkel img {
    width: 16px;
    height: 16px;
    border: 0;
    vertical-align: middle;
}

.bb-ontwerp .bb-ontwerp-hulp {
    background: #fffaf5;
}

.bb-ontwerp .bb-ontwerp-origineel {
    margin-top: 16px;
}

.bb-ontwerp .bb-ontwerp-fotos {
    display: flow-root;
    margin-top: 18px;
}

/* Voorwaarden */
.bb-ontwerp .bb-ontwerp-voorwaarden {
    margin: 24px 0;
    padding: 24px;
    background: #fffaf5;
    border: 1px solid #eee3da;
    border-radius: 12px;
}

.bb-ontwerp .bb-ontwerp-voorwaarden-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.bb-ontwerp .bb-ontwerp-voorwaarden p {
    margin-bottom: 0;
    color: #695044;
    font-size: 14px;
}

.bb-ontwerp .bb-ontwerp-productcode {
    margin: 20px 0;
    color: #695044;
    font-size: 13px;
}

.bb-ontwerp .bb-ontwerp-informatie a:focus-visible,
.bb-ontwerp .bb-ontwerp-knop:focus-visible {
    outline: 2px solid #695044;
    outline-offset: 3px;
}

/* Gecentreerde meldingen */
.bb-ontwerp-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(45, 35, 28, 0.55);
}

.bb-ontwerp-overlay > div {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    float: none;
    width: calc(100% - 32px);
    max-width: 560px;
    height: auto;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #eee3da;
    border-top: 4px solid #efa35a;
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(45, 35, 28, 0.18);
}

.bb-ontwerp-overlay .box-wrap-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 26px;
    color: #38312c;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.7;
    text-align: left;
}

.bb-ontwerp-overlay h2 {
    margin: 0 0 14px;
    color: #45372e;
    font-family: inherit;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.35;
}

.bb-ontwerp-overlay p {
    margin: 0 0 20px;
}

.bb-ontwerp-overlay .bb-ontwerp-overlay-acties {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bb-ontwerp-overlay button {
    float: none;
    margin: 0;
    padding: 11px 18px;
    background: #ffc078;
    border: 1px solid #efa35a;
    border-radius: 8px;
    color: #45372e;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}

.bb-ontwerp-overlay button:hover {
    background: #efa35a;
}

.bb-ontwerp-overlay button.bb-ontwerp-knop-secundair {
    background: #fff;
    border-color: #d9ccc1;
}

.bb-ontwerp-overlay button:focus-visible {
    outline: 2px solid #695044;
    outline-offset: 3px;
}

/* Mobiel */
@media (max-width: 767px) {
    .bb-ontwerp .bb-ontwerp-kop h1 {
        font-size: 24px;
    }

    .bb-ontwerp .bb-ontwerp-grid {
        gap: 18px;
    }

    .bb-ontwerp .bb-ontwerp-voorwaarden-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .bb-ontwerp .bb-ontwerp-kaart,
    .bb-ontwerp .bb-ontwerp-delen,
    .bb-ontwerp .bb-ontwerp-voorwaarden {
        padding: 18px;
    }

    .bb-ontwerp-overlay .box-wrap-inner {
        padding: 20px;
    }
}