﻿
@import url("https://use.typekit.net/yuc5bwv.css");

.body {
}

.home-page-body {
    background: #908d6f /*url('../img/achtergrond2.png') repeat*/;
}

.home-page-body .master-wrapper-content {
    background: #908d6f /*url('../img/achtergrond2.png') repeat*/;
    padding-left: 0px;
    padding-right: 0px;
}
.master-wrapper-content {
    background: #908d6f /*url('../img/achtergrond2.png') repeat*/;
}

.home-page-category-grid .item-box {
    background: none !important;
}
.category-grid .item-box .picture {
    max-width: 80% !important;
}

.home-page-body.master-column-wrapper {
margin-top:-60px;
margin-left:12px;
margin-right:8px;
}

.nop-jcarousel .carousel-title strong, .product-grid .title, .category-grid .item-box .title a {
    font-family: "good-karma-wide", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    color: #181818 !important;
    padding-top: 5px !important;
    background-color: #fff !important;
    padding-top: 20px;
}

.title.carousel-title.has-navigation {
    background-color: #fff;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.title.carousel-title{
margin-left: -10px!important;
margin-right: -10px!important;
margin-top: 10px!important;
margin-bottom:10px!important;
}

.nop-jcarousel .carousel-title {
    text-align: center !important;
    font-size: 50px !important;
}

h1, .productAddedToCartWindowSummary a {
}

.footer {
    background-color: #908d6f;
    border-top: 6px solid #fff;
}

.footer-block .title {
    color: #fff;
}

.footer .title strong {
    color: #fff;
    font-family: "good-karma-wide", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    font-size:28px;
    text-transform: lowercase;
}

.category-navigation-list-wrapper {
    border-right: 3px solid #fff;
}

.header-links a, .variant-overview .add-to-wishlist-button:before {
    color: #fff !important;
}

.search-box input.search-box-text {
    background-color: #908d6f;
    color: #fff;
}

.jCarouselMainWrapper .slick-next:hover, .jCarouselMainWrapper .slick-prev:hover {
    background-color: #cfbea3 !important;
}

.category-navigation-list-wrapper .sublist-wrap .sublist, .category-navigation-list {
    background-color: #908d6f;
    border: none;
}

.picture-slide {
    display: block;
}

.item-box {
    background-color: transparent;
}

cart-page, .cart-collaterals .button-2,
.jCarouselMainWrapper .slick-prev, .jCarouselMainWrapper .slick-next, .bar-notification.success {
    background-color: #fff !important;
}

    .item-box .button-2, .button-1, cart-page .cart-collaterals .button-2, .shopping-cart-page .cart-collaterals .button-2 {
        color: #181818;
        font-style: normal;
        background-color: #fff !important;
    }

.category-navigation-list-wrapper ul li a, .header-menu > ul > li > a   {
     color: #181818!important;
     font-family: myriad-pro, sans-serif;
     font-weight: 700;
     font-style: normal;
}

.item-box .product-title a {
    color: #fff !important;
    font-size: 20px;
    height: 50px;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.topic-block-body p, .header-links a {
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.flyout-cart-scroll-area > p {
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #fff;
}

.flyout-cart .items, .flyout-lower {
    background: #908d6f;
}

.mini-shopping-cart .picture {
    border: none;
}

.mini-shopping-cart .quantity, .attributes dt {
    color: #cfbea3;
}

.totals {
    background-color: #908d6f;
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.topic-block-title h2 {
font-size:50px!important;
}

.compare-products .add-to-compare-list-button {
    color:#fff!important;
}


.product-social-sharing li a:before {
color:#fff!important;
}


.header-menu .all-categories, .variant-overview .add-to-wishlist-button, .shopping-cart-page .cart-collaterals .button-2 {
    background-color: #ccc;
}

.header-menu .close-menu, .header-menu, .store-search-box, .block .listbox, .product-selectors select, .mobile-flyout-wrapper,
.ajaxCart, .compare-products-table tr td:first-child, .mini-shopping-cart .flyout-cart-scroll-area, .footer-block ul,
.item-box .details, .profile-menu-box.open, .category-navigation-list-wrapper ul li:hover > a, .header {
    background-color: #908d6f !important;
}

    .ico-compare  {
        color: #fff;
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        font-style: normal;
        border-top: none;
    }

    .ico-wishlist {
        color: #fff;
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        font-style: normal;
        border-top: 3px solid #181818;
    }

.close-side-menu, .mobile-flyout-wrapper .close-side-menu {
    background-color: #908d6f !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.profile-menu-box span:before, .profile-menu-box a:before,
.header-menu .all-categories > span:before, .ico-compare:before, .ico-wishlist:before,
.responsive-nav-wrapper > div > span:before, .responsive-nav-wrapper > div > a:before, p {
    color: #fff !important;
}

.page-title h1 {
    color: #fff;
}

.block .title {
    background-color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #444;
}

.block .list a {
    color: #fff!important;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}


.overview .qty-input, .variant-overview .add-to-cart-qty-wrapper {
    background-color: #fff;
}

.wishlist-page .share-info a {
    Color: #000;
}

.flatpickr-weekdays, span.flatpickr-weekday, .flatpickr-monthDropdown-months, .flatpickr-months .flatpickr-month, .compare-products-page .remove-button {
    background: #fff !important;
}

.compare-products-page .clear-list {
    Background-color: #908d6f;
}

.aanbieding {
    font-family: "good-karma-wide", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    color: #181818 !important;
    padding-top: 5px !important;
    text-align: center !important;
    font-size: 50px !important;
    padding-left:10px;
    padding-right:10px;
}


.slider-wrapper.aanbiedingsbanner {
    background-color: #fff;
    margin-left: -9px;
    margin-right: -9px;
    color: #444;
    margin-bottom: 10px;
}

.data {
    font-size: 24px;
    padding: -30px;
    font-family: "p22-typewriter", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    padding-bottom: 10px;
    color: #444;
    text-align: center;
    padding-left:20px;
    padding-right:20px;
}


.product-variant-line {
    background-color: #908d6f;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #cfbea3;
    padding: 10px 10px 10px 10px;
}

@media (min-width:1600px) {
    .product-variant-line {
        width: calc(50% - 40px)!important;
        margin:0 10px 20px;
        float:left;
    }

    .variant-info {
    width:90%;
    }


    .price-buttons-wrapper {
        text-align:right;
    }

}



.compare-products-table td {
    border-right: none;
}

.compare-products-table {
    border-top: none;
    border-bottom: none;
    background-color: #908d6f;
}

.compare-products-page .clear-list {
    border-bottom: none
}

.productAddedToCartWindow {
    background-color: #908d6f;
    border: 1px solid #fff;
}

.slider-wrapper.banner {
    margin-left:-7px!important;
    margin-right:-8px!important;
    margin-top:-60px;
}


.ajaxCart .productAddedToCartWindowTitle {
    color: #fff!important;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

@media (min-width:1025px) {
    .category-navigation-title {
       display:none;
    }
}

.productAddedToCartWindowSummary a, .grouped-btn {
    background-color: #fff !important;
    color: #444 !important;
}

.productAddedToCartWindowDescription h1 a, .topic-block-body p, .productAddedToCartWindowDescription span,
.compare-products .add-to-compare-list-button:before, .compare-products-table tr td:first-child,
.wishlist-content .button-2:before, .compare-products-page .remove-button:before, .instant-search-item .detail .title,
.profile-menu-box a:before, .topic-page p, .shipping-pickup-wrapper label, h5, .stepper__list__item--current, .checkout-page .add-button .btn-holder:before, .header-links a:before, .product-title a {
    color:#fff !important;
}

a, .shopping-cart-page .common-buttons button:before{
    color: #a3a0a0;
}

.mega-menu a, .cart-collaterals .title {
    color: #444 !important;
}



.inputs > label, .account-page .title strong, .header-menu > ul li > span {
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.inputs input[type="text"], .inputs input[type="email"], .inputs textarea, .inputs select {
    background-color: #908d6f !important;
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}


label[for="Newsletter"], .address-item li, .address-item .name, .address-item .email, .reward-points-overview, .no-data,
input[type="radio"] + label, .grouped-product-box label, .variant-overview .variant-name, .breadcrumb li, .mini-shopping-cart .name a, 
.footer-block a {
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.post-body, .news-body{
    color: #fff !important;
}

.shops-sorting-filtering-wrapper, .store-locator-map-holder, .getUserGeoLocation, .current-location-wrap,
.map-wrapper #shop-address-input, .shops-item .show-directions, .shops-item .distance-line, .shops-item .tags-label, .shops-item .tag-item,
.shop-page .tag-item, .shop-page .tags {
    display: none !important;
}

.change-password-page .page-body, .registration-page .page-body, .apply-vendor-page .page-body form,
.returning-wrapper .form-fields, .order-progress a:before, .login-page .new-wrapper, .inputs input[type="tel"],
.address-edit-page .page-body, .address-item, .account-page, .customer-info-page .page-body, .search-page .search-input form,
.contact-page .page-body form, .grouped-product-box, .ui-tabs .ui-tabs-panel, .product-prices-box, .wishlist-page .share-info {
    background-color: #908d6f !important;
}


.inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea {
    background-color: #908d6f;
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.login-page .title, .registration-page .title, .login-page .title strong, .registration-page .title stron,
.login-page .title strong, .registration-page .title strong {
    background-color: #fff;
    color: #181818 !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

h2, .login-page .text {
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 400 !important;
    font-style: normal;
}

.home-page-body .login-page .topic-block-title h2, .ui-tabs .ui-tabs-nav li a{
    color: #fff !important;
    font-family: "good-karma-wide", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    font-size: 24px !important;
}

.login-page .topic-block-title h2, .ui-tabs .ui-tabs-nav li a {
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px !important;
}

.blog-posts .read-more {
    background-color:#fff!important;
    color:#181818!important;
}

/* afrekenen */
.order-progress .active-step.last a:before {
    background-color: #908d6f;
    color: #444;
}

.cart th {
    background-color: #fff;
    color: #181818;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.cart td {
    background-color: #908d6f;
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}


.cart .subtotal span {
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.checkout-attributes {
    background-color: #908d6f;
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px !important;
}

.cart-total td label {
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.section .title strong, .ajaxCart .product-name {
    color: #fff!important;
    font-family: myriad-pro, sans-serif;
    font-weight: 700 !important;
    font-style: normal;
}

.gallery .picture {
    background-color: rgb(136, 66, 213, 0.0);
}

.product-name h1 {
    color: #fff;
    font-size: 30px;

}

.shops-item .read-more {
    background-color: #fff!important;
}

.shop-info table, .shop-info tabl td {
    background-color: none !important;
    border: none !important;
    background: none!important;
}

h3, h4 {
    font-family: "good-karma-wide", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    color: #fff;
}

.overview .short-description {
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

product-variant-line {
    width: calc(45% - 30px);
    margin: 0 10px 20px;
    float: left;
    box-sizing: border-box;
}

.stepper-wrapper, .ultimate-wrapper {
    background: #908d6f !important;
    border: 1px solid #fff !important;
}

.back-next-buttons a, .wishlist-content .button-2 {
    background-color: #fff;
    color: #444 !important;
}

.shipping-methods-warning {
    color: #181818 !important;
    background-color: #908d6f !important;
}

.flatpickr-day.selected {
    background: #ccc!important;
    border-color: #181818!important;
}

textarea {
    background-color: #908d6f;
    color: #fff;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.master-wrapper-content {
    width: 100%!important;
}

.selectable::before {
    color: #181818;
}

.pickup-point-slider .option:first-child, .shipping-methods .option,
.option.shipping-pickup-option, .existing-addresses .shipping-address, .pickup-point-slider .option {
    border: 1px solid #fff;
}

.category-navigation-list-wrapper.menuItemsAreClickable .category-navigation-title, .social-sharing .rss:before, 
.pay-options, shop-page .tags {
    display: none;
}

.cart td.subtotal, .cart td.unit-price *, .cart td.subtotal * {
    background-color: #908d6f !important;
    color: #fff !important;
}

.cart td.unit-price, .instantSearch .k-item.k-state-focused .instant-search-item, .cart tr, .cart td.quantity,
.order-item, .order-details-area > div, .instantSearch .k-list-scroller,
.add-button, .cart-collaterals, .cart-collaterals > div > .list {
    background-color: #908d6f !important;
}

 .button-1.checkout-as-guest-button {
    background-color: #fff;
    color: #444;
}

.order-details-page .page-title a, .checkout-page .button-2, .cart-collaterals > div > .title,
.shopping-cart-page .common-buttons button {
    background-color: #fff;
    color: #444;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.order-details-page .order-overview .order-number, .order-total td span {
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.order-overview-content li, .order-overview-content li strong, .data-table .product a,
.order-details-area li, .order-details-area .title, .order-item li, .topic-page ul,
.slick-initialized .slick-slide, .cart-total td, input[type="checkbox"] + label, .cart-collaterals .hint, 
.cart .product a {
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.data-table th {
    background-color: #fff;
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.data-table td, .selected-checkout-attributes, .full-description {
    background-color: #908d6f;
    color: #fff !important;
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.two-row-carousels .slick-list {
    border: none;
}

.two-row-carousels .slick-slide > div:first-child {
    border-bottom: none;
}

.button-2.edit-address-button, .button-2.delete-address-button {
    background-color: #cfbea3;
}


.Overonstekst {
    width: 45%;
    text-align: left;
    float: left;
}

.fotooverons {
    max-width: 55%;
    display: inline-block;
    padding-top: 5%;
    padding-left: 10%;
}

.mini-shopping-cart .product .remove-item {
    padding-top: 0px;
}

.shipping-methods-warning {
    color: white!important;
    background-color: #fff!important;
}

.calendar-info {
    background-color: #fff!important;
    color: #fff!important;
    
}

@media (max-width: 1279px) {
    .attributes-wrapper {
        background-color: #908d6f;
    }
}

@media (min-width: 1281px) {
   /* .topic-page-body .master-wrapper-content {
        padding: 0px 0px 20px 0px !important;
    }*/
    .overview .add-to-wishlist button {
        background-color: #6d6d6a;
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        font-size: 15px;
    }
}

@media all and (max-width:1024px) {
    .close-menu span {
        color: #181818 !important;
    }

    .close-menu-btn:before {
        color: #181818 !important;
    }
}

.overview .additional-details div .value {
    color:#878785!important;
}


@media all and (min-width: 651px) {
    .shops-item .info-wrap {
margin:0 0 170px 370px!important;
    }
}

.overview .old-product-price {
    color: #fff !important;
}

.mini-shopping-cart .attributes {
    color: #fff !important;
}

.cart .attributes {
color:#fff!important;
}

@media (max-width: 1024px) {
    .header-menu .all-categories, .overview .add-to-wishlist button {
        display: none;
    }

    .header-menu > ul li {
        border-bottom: none;
    }
    .ico-compare, .ico-wishlist, .plus-button {
        background-color: #fff;
        color:#181818!important;
    }

    .select-navigation select {
        background-color: #908d6f;
        color: #fff !important;
    }

    .responsive-nav-wrapper-parent {
        background-color: #908d6f;
        border-bottom: 3px solid #fff !important;
    }


    .responsive-nav-wrapper, .cart tr, .select-navigation {
        background-color: #908d6f;
    }

    .header-menu > ul li > a {
        background-color: #fff;
        border-bottom: 3px solid #181818;
    }

    .header-form-holder > a, .profile-menu-box > a {
        color: #a3a0a0;
        background-color: #fff;
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        font-style: normal;
        border-top: 3px solid #181818;
    }

    .td-title, .cart td.subtota {
        color: #cfbea3 !important;
    }

    .plus-button:before {
        color: #fff;
    }

    .header-menu .sublist-wrap {
        background-color: #908d6f !important;
    }

    .td-title + span {
        color: #fff!important;
    }
}

@media (min-width: 480px) {
    .slingers_mob {
        display: none;
    }
}

@media (max-width: 481px) {
    .slingers {
        display: none;
    }
}

.newsletter, .title strong {
    font-size: 18px;
}

@media (min-width: 1600px) {
    .product-variant-line {
        width: calc(45% - 30px);
        margin: 0 10px 20px;
        float: left;
        box-sizing: border-box;
    }
}


    @media (min-width: 1025px) {
        .block-account-navigation.block .list a:after, .category-navigation-title:before {
            color: #fff;
        }

        .login-page .returning-wrapper form {
            background-color: #908d6f;
        }

        .login-page .inputs.reversed label, .login-page .inputs.reversed span {
            color: #fff;
            font-family: myriad-pro, sans-serif;
            font-weight: 400;
            font-style: normal;
        }

        .product-selectors, .category-navigation-title {
            color: #444;
            font-family: myriad-pro, sans-serif;
            font-weight: 700;
            font-style: normal;
        }


        .nop-jcarousel .carousel-title strong {
            font-size: 50px !important;
        }


        .header-menu {
            background-color: #fff !important;
        }

        .taart {
            max-width: 55%;
            display: inline-block;
            padding-left: 0px;
        }

        .kinderfeestje {
            width: 40%;
            text-align: left;
            float: left;
            padding-right: 10px;
            padding-top: 10px;
        }

        .account-page .button-2 {
            background-color: #fff;
            color: #fff;
            font-family: "good-karma-wide", sans-serif;
            font-weight: 600 !important;
            font-style: normal;
        }

        .header-lower {
            padding: 5px 0 5px;
        }

        .header-logo a img {
            max-width: 100%;
            max-height: 75px;
        }

        .header-lower .search-box {
            padding: 15px;
        }

        .header-links a {
            padding-top: 15px;
        }

        .ico-wishlist .wishlist-qty, .ico-cart .cart-qty {
            top: 12px;
        }

        .mega-menu .sublist-wrap {
            background-color: #908d6f !important;
        }
    }


    /**--elmar--*/
    .category-grid .item-box .picture a:before {
        padding-top: 100% !important;
    }

    .category-grid .item-box .picture {
        max-width: 100% !important;
    }

    @media (min-width:1040px) {
        .category-grid .item-box .title {
            margin-top: -60px;
            margin-bottom: 10px;
            z-index: 100;
            position: relative !important;
            background: #fff;
        }

        .category-grid .item-box .title {
            background: #fff;
            border: 2px solid #181818;
            width: 80%;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            height: 50px;
        }
    }


    .topic-block-title {
        margin-top: 30px;
        color: #fff;
        font-family: "good-karma-wide", sans-serif;
        font-weight: 600 !important;
        font-style: normal;
    }


    .home-page-body .topic-block-body p {
        font-size: 24px !important;
        font-family: "p22-typewriter", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
    }

    .topic-block-body p {
        font-size: 18px !important;
        font-family: "p22-typewriter", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
    }


    /*---blokken----*/

    /*** Gridbox for *********************************************************************************************************************/

    /*.grid-box-wrapper {
    width: 100vw;
}*/

    .grid-box-container {
        display: grid;
        grid-gap: 10px;
        /*grid-template-columns: repeat(3, [col] 150px ) ;*/
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(2, [row] auto );
        background-color: none;
        color: #444;
        margin-top: -60px;
    }

    #grid-box-2.grid-box-container {
        margin-bottom: -60px;
    }

    .grid-box {
        aspect-ratio: 1 / 1;
        color: #fff;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .small-products {
        display: none;
    }

    /*** max width 680 (mobile)  ********************************************************************************************************************/
    #grid-box-1 .grid-box:nth-of-type(3) {
        /* aspect-ratio: auto;*/
        /*grid-row: 1 / 3;
    grid-column: 3/3;*/
    }

    #grid-box-2 .grid-box:nth-of-type(3) {
        /* aspect-ratio: auto;*/
        grid-row: 1 / 3;
        grid-column: 1/1;
    }

    @media (max-width:680px) {


        .grid-box-container {
            display: grid;
            grid-gap: 10px;
            /*grid-template-columns: repeat(3, [col] 150px ) ;*/
            grid-template-columns: repeat(1,1fr);
            grid-template-rows: repeat(5, [row] auto );
            background-color: none;
            color: #020202;
        }


        #grid-box-1 .grid-box:nth-of-type(1),
        #grid-box-2 .grid-box:nth-of-type(1) {
            aspect-ratio: 1/1;
            grid-row: 1 / 1;
            grid-column: 1/1;
        }

        #grid-box-1 .grid-box:nth-of-type(2),
        #grid-box-2 .grid-box:nth-of-type(2) {
            aspect-ratio: 1/1;
            grid-row: 2 / 2;
            grid-column: 1/1;
        }

        #grid-box-1 .grid-box:nth-of-type(3),
        #grid-box-2 .grid-box:nth-of-type(3) {
            aspect-ratio: 1/1;
            grid-row: 3 / 3;
            grid-column: 1/1;
        }

        #grid-box-1 .grid-box:nth-of-type(4),
        #grid-box-2 .grid-box:nth-of-type(4) {
            aspect-ratio: 1/1;
            grid-row: 4 / 4;
            grid-column: 1/1;
        }

        #grid-box-1 .grid-box:nth-of-type(5),
        #grid-box-2 .grid-box:nth-of-type(5) {
            aspect-ratio: 1/1;
            grid-row: 5 / 5;
            grid-column: 1/1;
        }

        .grid-box-content-title {
            color: #d40e68;
            font-family: "good-karma-wide", sans-serif;
            font-weight: 600 !important;
            font-style: normal;
            Font-size: 35px;
            line-height: 110%;
            text-transform: uppercase;
            text-align: center;
            margin: auto;
            margin-top: 8%;
            width: 80%;
            text-transform: uppercase;
        }

        .grid-box-content-text {
            font-family: 'arial','avant garde';
            font-size: 22px;
            padding-left: 10px;
            padding-right: 10px;
            margin: auto;
            margin-top: 1%;
            margin-bottom: 5%;
            text-align: center;
            line-height: 140%;
            width: 95%;
        }

        .grid-box-container button {
            width: 60%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 18%;
            transition: all .5s ease;
            color: #020202;
            font-family: "good-karma-wide", sans-serif;
            font-weight: 600 !important;
            font-style: normal;
            text-align: center;
            font-size: 28px;
            background-color: #fff;
            outline: none;
            border-radius: 4px;
            height: 50px;
            padding: 0 5%;
            border: none;
        }
    }

    /*** Background image  ***************************************************************************************************/


    #grid-box-1 .grid-box:nth-of-type(3) {
        background-image: url("/images/nieuw_nw.jpg");
    }


    #grid-box-1 .grid-box:nth-of-type(2) {
        background-image: url("/images/acties_nw.jpg");
    }

    #grid-box-1 .grid-box:nth-of-type(1) {
        background-image: url("/images/assortiment_nw.jpg");
    }

    /*#grid-box-2 .grid-box:nth-of-type(3) {
    background-image: url("/images/over_ons.jpg");      
}*/


    #grid-box-2 .grid-box:nth-of-type(1) {
        background-image: url("/images/Hier_vind_je_ons.jpg");
    }

    #grid-box-2 .grid-box:nth-of-type(2) {
        background-image: url("/images/Blog3.jpg");
    }


    #grid-box-2 .grid-box:nth-of-type(3) {
        background-image: url("/images/Even_voorstellen.jpg");
    }




    /*** Flexbox for gridbox content ***************************************************************************************************/

    .grid-box-content-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /*flex-flow: column no-wrap;*/
    }

        .grid-box-content-wrapper:hover {
            background-color: rgba(0,0,0,0.3);
        }

    .grid-box:hover {
        background-color: rgba(0,0,0,0.7);
    }

    .grid-box-content {
        width: 100%;
    }

    .grid-box-content-title,
    .grid-box-content-text,
    .grid-box-content-button {
        text-align: center;
    }
    /*** Min width 1281m(grote schermen)  ***********************************************************************************************************************/


    @media (min-width:1281px) {
        .grid-box-content-title {
            color: #fff;
            font-family: "good-karma-wide", sans-serif;
            font-weight: 600 !important;
            font-style: normal;
            Font-size: 50px;
            line-height: 110%;
            text-align: center;
            margin: auto;
            margin-top: 8%;
            width: 80%;
            text-transform: uppercase;
        }

        .grid-box-content-text {
            font-family: 'arial','avant garde';
            font-size: 30px;
            padding: 0;
            margin: auto;
            margin-top: 1%;
            margin-bottom: 5%;
            text-align: center;
            line-height: 130%;
            width: 80%;
        }

        .grid-box-container button {
            width: 60%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 18%;
            transition: all .5s ease;
            color: #020202;
            font-family: "good-karma-wide", sans-serif;
            font-weight: 600 !important;
            font-style: normal;
            text-align: center;
            font-size: 36px;
            background-color: #fff;
            outline: none;
            border-radius: 4px;
            height: 50px;
            padding: 0 5%;
            border: none;
        }
    }

    /*** Max width 1280 (kleine schermen)  ***********************************************************************************************************************/

    @media (min-width:681px) and (max-width:768px) {
        .grid-box-content-text {
            font-family: 'arial','avant garde';
            font-size: 18px;
            padding: 0;
            margin: auto;
            margin-bottom: 2%;
            margin-top: 0%;
            text-align: center;
            line-height: 130%;
            width: 80%;
        }
    }

    @media (min-width:769px) and (max-width:1280px) {
        .grid-box-content-text {
            font-family: 'arial','avant garde';
            font-size: 22px;
            padding: 0;
            margin: auto;
            margin-bottom: 2%;
            margin-top: 0%;
            text-align: center;
            line-height: 125%;
            width: 80%;
        }
    }


    @media (min-width:681px) and (max-width:1280px) {

        .grid-box-content-title {
            color: #d40e68;
            font-family: "good-karma-wide", sans-serif;
            font-weight: 600 !important;
            font-style: normal;
            Font-size: 23px;
            text-transform: uppercase;
            text-align: center;
            margin: auto;
            margin-top: 12%;
            width: 95%;
            text-transform: uppercase;
        }
        /*
        .grid-box-content-text {
            font-family: 'arial','avant garde';
            font-size: 18px;
            padding: 0;
            margin: auto;
            margin-bottom: 2%;
            margin-top: 0%;
            text-align: center;
            line-height: 130%;
            width: 80%;
        }
        */

        .grid-box-container button {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            transition: all .5s ease;
            color: #444;
            font-family: "good-karma-wide", sans-serif;
            font-weight: 600 !important;
            font-style: normal;
            text-align: center;
            font-size: 24px;
            background-color: #fff;
            outline: none;
            border-radius: 4px;
            height: 35px;
            margin-top: 2%;
            padding: 0 3%;
            border: none;
        }
    }

    .grid-box-content:nth-of-type(1) {
        height: 80px;
        /* was 100px*/
    }

    .grid-box-content:nth-of-type(2) {
        height: 100px;
    }


    .grid-box-content:nth-of-type(3) {
        height: 100px;
    }

    .grid-box-content-title {
        height: 100%;
    }


    .grid-box-content-text {
        height: 100%;
    }

    .grid-box-content-button {
        height: 100%;
    }

    @media(max-width:850px) {
        .vacatures {
            display: none;
        }
    }

    @media(min-width:851px) {
        .vacaturesmob {
            display: none;
        }

        .vacatures p {
            width: 650px;
        }
    }

    .tips {
        padding-top: 0px;
    }

    @media (min-width:1024px) {
        .tipsmob {
            display: none;
        }

        .tips table td {
            vertical-align: top;
            text-align: center;
            padding-left: 3%;
            padding-right: 3%;
        }
    }

    @media (max-width:1023px) {
        .tips {
            display: none;
        }
    }

    .shops-item .tags {
        display: none;
    }

    .shops-page .tags {
        display: none;
    }

    .short-description table {
        width: 50% !important;
    }

    .distance-line, a.show-directions {
        display: none !important;
    }

    .shops-item .read-more {
        color: #181818 !important;
    }

    .store-locator .sublist {
        display: none;
    }

    .mega-menu .store-locator .sublist-wrap {
        display: none !important;
    }

    .shops-item .shop-name a, a.picture-link {
        pointer-events: none;
        cursor: default;
    }

    /**** nieuw vanaf 11-12-2023  ***/
    @media (min-width: 1025px) {
        .ico-wishlist .wishlist-qty, .ico-cart .cart-qty {
            background-color: #fff !important;
            color: #181818;
        }
    }

    .item-box .actual-price, .footer-block .title::before, .footer-block .title::after, .instant-search-item .detail .price, .block .list li.active > a, .overview .product-price, .variant-overview .product-price, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-state-active.ui-tabs-active a, .productAddedToCartWindowDescription strong {
        color: #fff !important;
    }

    @media (min-width: 1025px) {
        .header-links a:hover, .header-links a:hover::before {
            color: #fff !important;
        }
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-state-active.ui-tabs-active a {
        border-bottom: 2px solid #fff !important;
    }

    @media (min-width: 1281px) {
        .productTabs.ui-tabs .ui-tabs-panel {
            clear: both;
        }
    }

    .ui-tabs .ui-tabs-nav {
        clear: both;
    }

    .quick-view-button a:hover, .pager li.previous-page a:hover, .pager li.next-page a:hover, .pager li.first-page a:hover, .pager li.last-page a:hover {
        background-color: #fff !important;
    }

    .pager li a:hover, .pager li span {
        color: #fff;
        background-color: #fff;
        border-color: #fff !important;
    }

    @media (min-width: 1025px) {
        .block-account-navigation.block .list a:hover, .block-account-navigation.block .list a:hover::after, .block-account-navigation.block .list .active a::after {
            color: #fff !important;
        }
    }

    .email-a-friend-page .title a, .mini-shopping-cart .price, .mini-shopping-cart .totals strong, .order-total td label, .order-total td span, .terms-of-service .read, .cart-collaterals > div > .title::before, .order-total td label, .order-total td span, .block .list a:hover, .breadcrumb a:hover, .breadcrumb a:hover span, .compare-products .add-to-compare-list-button:hover, .compare-products .add-to-compare-list-button:hover::before, .compare-products-table .product-price td, .compare-products-table .product-price td, .sitemap-page a, .sitemap-page a:hover {
        color: #fff;
    }

    input[type="radio"]:checked + label::before, input[type="checkbox"]:checked + label::before {
        background-color: #fff;
    }

    input[type="radio"] + label::before, input[type="checkbox"] + label::before {
        border: 1px solid #2e2b26;
    }

    .link-rss {
        display: none;
    }

    @media (max-width: 1024px) {
        .shopping-cart-link .cart-qty {
            background-color: #fff !important;
        }

        .header-menu .close-menu, .close-side-menu, .mobile-flyout-wrapper .close-side-menu, .header-menu ul li.back-button {
            background-color: #fff !important;
        }

        .header-menu .sublist-wrap {
            background: none !important;
        }
    }

    .productcarousel {
        padding-bottom: 2%;
    }

    .grouped-btn:hover {
        background-color: #fff !important;
    }

    .previous-product a:before, .next-product a:before {
        color: #fff !important;
    }


    .jCarouselMainWrapper.mestromsspecials {
        background-color: #fff !important;
        margin: 0px;
        padding-top: 2%;
        padding-left: 2%;
        padding-right: 2%;
        padding-bottom: 5px !important;
        margin: 0px !important;
    }


    .footer {
        border-top: none;
    }


    .footer-logo {
        padding-top: 4%;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .master-wrapper-page .jCarouselMainWrapper.mestromsspecials {
        display: none;
    }

    .miniProductDetailsView .product-variant-name {
        display: inline !important;
    }

    .miniProductDetailsView .overview .product-price {
        line-height: 30px;
    }

    .jCarouselMainWrapper {
        margin-left: 10px;
        margin-right: 10px;
    }

    .rich-blog-homepage {
        margin-left: 10px;
        margin-right: 10px;
    }

    .pickup-point-slider .option {
        color: #cfbea3 !important;
    }

    .flatpickr-day.nextMonthDay {
        color: #ccc !important;
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        color: #000 !important;
    }

    .numInput.cur-year {
        color: #000 !important;
    }

    .selectable.selected {
        background-color: #908d6f!important;
    }

    /*@media (min-width: 1040px) {
    .category-grid .item-box .title {
        opacity: 0.8;
    }
}*/

    .register.inputs {
        display: none !important;
    }

    @media (min-width: 1025px) {
        .vendor-item .title a, .manufacturer-item .title a, .category-grid .item-box .title a {
            font-size: 15px !important;
        }
    }

    .item-box .product-title a {
        font-size: 17px !important;
    }

    .calendar-info p {
        color: #000 !important;
    }

    .tiktok {
        padding-top: 20px;
        width: 60px;
        height: 60px;
    }

    .social-sharing.vimeo:before {
        content: url('../img/tiktok.png') !important;
    }

    a.vimeo {
        content: url('../img/tiktok.png') !important;
        height: 25px;
    }

    .product-error {
        background-color: #fd7e14 !important;
        color: #fff
    }

    .calendar-warnings > label {
        color: #fff !important;
        background-color: #fd7e14 !important;
    }

    .calendar-warnings {
        background-color: #fd7e14 !important;
    }