/**
 *	RESET & SPECS
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0px;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

@media (min-width: 576px) {
    :root {
        --breakpoint-size: 540px;
    }
}
@media (min-width: 768px) {
    :root {
        --breakpoint-size: 720px;
    }
}
@media (min-width: 992px) {
    :root {
        --breakpoint-size: 960px;
    }
}
@media (min-width: 1200px) {
    :root {
        --breakpoint-size: 1140px;
    }
}
@media (min-width: 1400px) {
    :root {
        --breakpoint-size: 1320px;
    }
}

:root {
    --cover-large-width: 180px; 
    --cover-large-margin: 20px; 
    --cover-large-container: 200px;
    --green: #35a21c;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

address {
    font-style: normal;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c4c4c4;
    margin: 5px 0;
    padding: 0;
}

select {
    padding: 2px;
    vertical-align: middle;
}

span.read-more,
a.read-more {
    white-space: nowrap;
}

.hand {
    cursor: pointer;
}

.uppercase {
    text-transform: uppercase !important;
}

.divgumbuttons img {
    vertical-align: top;
}

.xsGumMenuItem,
.xsGumMenuItemHover {
    text-align: left;
}

.clearfix {
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

:focus {
    outline: none;
}

input[type='button'] {
    width: auto;
    overflow: visible;
}

textarea {
    font: normal 14px/20px 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
}

nav ul {
    margin: 0;
    list-style: none;
}

ul {
    margin: 0 0 0 20px;
}

ol {
    list-style-type: decimal;
    margin: 0 0 0 20px;
}

li {
    margin: 0 0 0px;
}

.txt-green {
    color: var(--green);
}

.hyphenate {
    /* as close as it gets to fix 'm all */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.border-top {
    border-top: 1px solid #ddd;
}

.non-footer {
    min-height: 100%;
    margin-bottom: -291px;
}

.non-footer.checkout {
    margin-bottom: -214px;
}

.push {
    height: 291px;
}

.push.checkout {
    height: 214px;
    margin-bottom: -214px;
}

.text-truncate  {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip {
    display: inline;
    opacity: 1;
    padding-left: 2px;
}

.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
.anchor-link {
    background: #daf1ff; border:1px solid #bce3fc; color: #000 !important;
    font-size: 0.9rem; padding: 2px 4px; text-decoration: none; 
    position: absolute; right: 0; z-index: 110; 
}
.anchor-link:hover {
    background: #c2e6fd; border:1px solid #bce3fc; color: #000;
    text-decoration: none; 
}
.anchor-link span { display: none; }
.anchor-link:hover span { display: inline; }


.skip-link          { position: absolute; top: -40px; left: 0; }
.skip-link:focus    { top: 0; padding: 10px; background: #fff; z-index: 150; }

*:focus {
    outline: 2px dotted #4e9db0;
    outline-offset: 2px;
}   

.divgumbuttons a:focus { outline: none; }



/**
 *	STYLES AND GLOBAL SETTINGS
 */
html {
    height: 100%;
    -ms-overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body {
    height: 100%;
    font: normal 16px/22px 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
    letter-spacing: -0.0085em;
    color: #000;
    background: #fff;
}

h1 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 0 0.67em 0;
}

/* oorspronkelijk 40 om 40 */
h2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 0 0.37em 0;
}

h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 0 0.37em 0;
}

.pretitle {
    color: #79808a;
}

.intro {
    font-weight: 700;
}

.whitespace {
    margin: 0 0 25px;
}

p {
    margin: 0;
}

p img   {
    max-width: 100%;
}

figure { position: relative; }

figure img {
    max-width: 100%;
}

.bottomruler {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 10px;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

a.decorated {
    text-decoration: underline;
}

a.bookshelf {
    color: #00b1e2;
}

a.locked-download:after {
    display: inline-block;
    height: 10px;
    width: 10px;
    padding: 0 10px 0 0;
    content: "";
    background: url(../images/lock.svg) center center / 12px auto no-repeat;
}

a.download-link { color:#489db1; }
a.download-link:hover { color:#2b3982; }

p a {
    color: #777;
}

.btn        { 
    align-items: center;
    justify-content: space-between; 
    border-radius: 20px; 
    padding: 6px 15px;
}

.btn.d-none { display: none !important; }

.btn-sm {
    font-size: 14px !important;
    border-radius: 20px !important; 
    padding: 5px 15px !important;
}

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

.mb-2 {
    __margin-bottom: 0.5rem!important;
}

.xs-editmode-notice {
    padding: 10px 10px 5px;
    background: #f0f5f8;
    font-size: 13px;
    line-height: 16px;
    border: 1px dashed #86bfe3;
}

.xs-editmode-sideblock {
    margin: 0 0 10px;
    padding: 10px 0 5px;
    background: #FFF;
}

.read-more {}

.read-more .fa-angle-right {
    margin: 0 0 0 3px;
}

.actueel-list .read-more,
.side-block-bottom .read-more,
.actueel-list-item .read-more {
    font-weight: 700;
    display: block;
}

.side-block-bottom .fa-angle-right {
    font-weight: 700;
}

.button-wrapper {
    padding: 0;
    border: 0;
    background: 0;
    border: 0;
    cursor: pointer;
}

.button-wrapper:hover {
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
}

.button-wrapper.bookshelf,
.button-wrapper.bookshelf:hover {
    width: 420px;
    background: #00b1e2;
}

.button-wrapper.bookshelf .button {
    line-height: 22px;
    padding: 8px;
}

.button-wrapper.bookshelf.waiting {
    background: #00b1e2 url('../images/bookshelf-preloader.gif') 33% center no-repeat;
}

.button-wrapper.bookshelf.waiting .button-label-left,
.button-wrapper.bookshelf.waiting .fa-angle-right {
    display: none;
}

.bookshelf-lang-switch-wrapper {
    display: flex;
    margin: 0 0 10px;
}

.bookshelf-lang-switch {
    margin: 0 5px 0 0;
    padding: 0 5px;
    border: 1px solid #999;
    font-size: 13px;
    cursor: pointer;
}

.bookshelf-lang-switch:hover,
.bookshelf-lang-switch.active {
    background: #00b1e2;
    color: #fff;
    border-color: #00b1e2;
}

.shop-notification.bookshelf .bookshelflang {
    display: none;
}

#form-bookshelf-addtocart {
    max-width: 422px;
}

#form-bookshelf-addtocartMessage.dutch .dutch.bookshelflang {
    display: inline;
}

#form-bookshelf-addtocartMessage.english .english.bookshelflang {
    display: inline;
}



#save-newsletter-prefs-button {
    float: left;
}

#wachten-form-accountgegevens {
    margin: 5px 0 0 10px;
}

.button {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 2px 15px;
    font: 600 16px/34px 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
    color: #fff;
    border: none;
    background: #777;
    cursor: pointer;
    -webkit-appearance: none;
}

.button:hover {
    background: #555;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
    border-color: #1fb1b3;
    z-index: 20;
}

.button.disabled {
    pointer-events: none;
}

.button.grey {
    background: #e7e7e7;
    color: #585858;
}

.button.grey:hover {
    background: #555;
    color: #FFF;
}

.button.inverted {
    padding: 1px 14px;
    background: #ddd;
    color: #777;
}

.button-wrapper.bookshelf .button,
.button-wrapper .button {
    background: transparent;
    box-shadow: none;
}

.button-wrapper.disabled,
.inactive .button,
.inactive .button:hover {
    width: auto;
    background-color: #ccc;
    text-decoration: none;
    cursor: not-allowed;
    box-shadow: none;
}

.button-wrapper.disabled:hover,
.inactive .button-wrapper,
.inactive .button-wrapper:hover,
.inactive .button-wrapper:hover .button,
.inactive .button-wrapper:hover .button:hover {
    background-color: #ccc;
    text-decoration: none;
    cursor: not-allowed;
    box-shadow: none;
}


.button-label   { padding: 0 10px; }

.button-label-left {
    margin: 0 10px 0 5px;
}

.button-label-right {
    margin: 0 4px 0 10px;
}

.button .fa-angle-left {
    font-size: 22px;
}

.button .fa-angle-right {
    font-size: 22px;
}

.iti #telefoonnummer { margin: 0 10px 15px 0; }

.textfield,
.textarea {
    width: 290px;
    margin: 0 10px 15px 0;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #fff;
    font: normal 16px/22px 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
    letter-spacing: -0.0085em;
}

.button-wrapper.disabled:hover .button {
    background: #ccc;
}

.shop-notification-mailme-button {
    display: inline-block;
}

/* APP BAR */
body.sticky .app-bar {
    position: fixed;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 150;
}

.app-bar {
    height: 40px;
    border-bottom: 1px solid #CCC;
    font: 400 22px/30px 'Source Sans Pro', Arial, Helvetica, Sans-serif;
    color: #000;
    box-sizing: border-box;
}

.app-bar .content {
    max-width: 980px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    border-left: 1px solid #CCC;
    margin: 0 auto;
    box-sizing: border-box;
    font: 400 22px/30px 'Source Sans Pro', Arial, Helvetica, Sans-serif;
    color: #000;
}

a.app-bar-tab {
    height: 40px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    display: block;
    padding: 6px 15px;
    color: #000;
    font-size: 15px;
    line-height: 25px;
    box-sizing: border-box;
}

a.app-bar-tab.active {
    border-bottom: 1px solid #FFF;
    box-sizing: border-box;
}


/* TABLET */
@media only screen and (max-width: 1024px) {

    .app-bar .content.open a.app-bar-tab {
        display: block;
        transition: ease all 2s;
    }

    .app-bar {
        height: auto;
        border-bottom: 0px solid #CCC;
    }

    .app-bar .content {
        flex-flow: column nowrap;
        justify-content: flex-end;
        max-width: unset;
        border: 0;
    }

    a.app-bar-tab {
        display: none;
        text-align: right;
        border-right: 0px solid #CCC;
        order: 1;
        cursor: pointer;
    }

    a.app-bar-tab.active {
        display: block;
        border-bottom: 1px solid #CCC;
        order: 0;
    }

    a.app-bar-tab.active:after {
        content: " ";
        display: inline-block;
        width: 23px;
        height: 17px;
        margin-left: 5px;
        background: url(../images/arrow-down-black.svg) 98% 0 / 23px auto no-repeat;
    }

}

/**
 *	HEADER
 *
 *	achtergrond voorlopig op alle sites #888 houden
 */
.top-notificationbanner-wrapper {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 50;
    animation-name: notify;
    animation-duration: 0.5s;
    transition: top 0.5s;
}

@media all and (max-width: 992px) {
    .top-notificationbanner-wrapper { position: relative !important; top: 0px; }
}

@keyframes notify {
  from {top: -50px;}
  to {top: 0px;}
}

.top-notificationbanner-content {
    padding: 5px 40px 7px 20px;
    text-align: center;
    background-color: #888 !important;
    color: #fff !important;
    font-size: 0.95em;
}

.top-notificationbanner-close {
    position: absolute;
    right: 15px;
    top: calc(50% - 12px);
    height: 20px;
    width: 20px;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

.top-notificationbanner-close:hover {
    color: rgba(255, 255, 255, 1);
}


/**
 *	HEADER
 */
header {
    position: fixed;
    height: 176px;
    background: #fff;
    z-index: 125;
}

header .divgumbuttons.xsInsertAnim      { position: fixed; z-index: 999; }

.header-content-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

body .scrollspacer {
    height: 176px;
}

body.checkout-wrapper .scrollspacer {
    height: 110px;
}

@media all and (max-width: 992px) {

    header                  { height: 90px; }
    body .scrollspacer      { height: 90px; }

}


@media all and (min-width: 768px) {

    .header-content-wrapper {
        padding: 0 20px;
        box-sizing: border-box;
    }
}

@media all and (max-width: 992px) {

    header {
        __position: relative;
        height: auto;
    }

    .header-search {
        position: absolute !important;
        top: 49px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .header-search form {
        border: 1px solid #b7b7b7 !important;
    }
    
    input[type="text"].header-search-input {
        font-size: 16px;
        width: 100%;
    }

    body.scrolling header {
        /* height: 90px; */
        box-shadow: 0 4px 3px 0 rgb(0 0 0 / 10%);
    }

    body.scrolling.action header {
        box-shadow: none;
    }

    .header-search-wrapper {
        padding: 11px 0 !important;
    }

}

.header-content-item {
    width: 48%;
    padding: 10px 0 0;
}

.header-menu-wrapper {
    display: flex;
    justify-content: flex-end;
    height: 22px;
    text-align: right;
}

.header-content-link-wrapper {
    position: relative;
}

.header-content-link-wrapper:hover .header-submenu-wrapper.service,
.header-content-link-wrapper:hover .header-submenu-wrapper.account,
.header-content-link-wrapper:hover .header-submenu-wrapper.right,
.header-content-link-wrapper:hover .header-submenu-wrapper.header-shopping-basket {
    display: block;
}


a.header-content-link {
    display: flex;
    align-items: center;
    margin: 0 0 0 14px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

/* Bolletjes voor BEG GEX old WS4 */
.active-bexgex a.header-content-link.menu.account  { position: relative; }
.active-bexgex a.header-content-link.menu.account::after {position: absolute; content: " "; width: 10px; height: 10px; left: 13px; top: -4px; z-index: 10; border-radius: 7px; background-color: #ff5502; }
body.sticky .active-bexgex a.header-content-link.menu.account::after { left: 26px; }

/* Bolletjes voor BOOM */
.active-bexgex a.header-action { position: relative; }
.active-bexgex a.header-action::after {position: absolute; content: " "; width: 10px; height: 10px; left: 14px; top: 6px; z-index: 10; border-radius: 7px; background-color: #ff5502; }

@media all and (min-width: 992px) {
    .active-bexgex a.header-action::after { left: 43px; top: 7px; }
}

/* SUBHEADER */
.active-bexgex .header-submenu #mijnaccount75 a { position: relative; }
.active-bexgex .header-submenu #mijnaccount75 a::after { position: absolute; content: " "; width: 10px; height: 10px; right: -10px; top: 0px; z-index: 10; border-radius: 7px; background-color: #ff5502; }

h2.active-bexgex            { display: inline-block; position: relative;}
h2.active-bexgex::after     { position: absolute; content: " "; width: 10px; height: 10px; right: -11px; top: 5px; z-index: 10; border-radius: 7px; background-color: #ff5502; }

.active-bexgex a.accountpage-overview-menu-item.item-docentaanvragen  { position: relative; }
.active-bexgex a.accountpage-overview-menu-item.item-docentaanvragen::after {position: absolute; content: " "; width: 10px; height: 10px; left: 117px; top: 12px; z-index: 10; border-radius: 7px; background-color: #ff5502; }
.active-bexgex a.accountpage-overview-menu-item.item-docentaanvragen.active::after {left: 125px; }


.icon-headset {
    height: 19px;
    width: 19px;
    background: url('../images/icon-headset.svg') 0 0 / 18px auto no-repeat;
}

.header-content-link .fa {
    margin: 3px 5px 0 0;
    font-size: 17px;
}

.header-content-link .fa.fa-shopping-cart {
    margin: 3px 5px 0 0;
    font-size: 15px;
}

.header-content-link.basket {
    position: relative;
}

.header-content-link-label {
    margin: 0 0 0 5px;
}

.header-basket-amount {
    margin: 0 5px;
    font-size: 16px;
}

.header-basket-count {
    position: absolute;
    top: -11px;
    left: 42px;
    height: 16px;
    width: 16px;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    line-height: 15px;
    __background: #aaa;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

@media all and (max-width: 992px) {

    .header-basket-count {
        left: 14px;
    }

}


.header-submenu-wrapper {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 200px;
    padding: 20px 0 0;
    z-index: 99;
    display: none;
}

body.sticky .header-submenu-wrapper.right,
.header-submenu-wrapper.right {
    left: auto;
    right: -9px;
}

.header-submenu-pointer {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 20px;
    width: 20px;
    background: url('../images/mobile-menu-pointer.png') 0 0 no-repeat;
    z-index: 100;
}

.header-submenu-wrapper.right .header-submenu-pointer {
    left: auto;
    right: 10px;
}

.header-submenu-content {
    position: relative;
    padding: 20px;
    text-align: left;
    font-size: 15px;
    border: 1px solid #c4c4c4;
    background: #fff;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
}

.mobile-header-menu-close-button {
    position: absolute;
    top: 0;
    left: -32px;
    height: 32px;
    width: 32px;
    background: #777 url('../images/close.svg') center center / 34px auto no-repeat;
    cursor: pointer;
    display: none;
}

.header-submenu {
    margin: 0;
    list-style: none;
}

.header-submenu-item {
    margin: 0 0 5px;
}

.header-shopping-basket {
    position: absolute;
    top: 30px;
    right: 0;
    width: 330px;
    padding: 20px 0 0;
    z-index: 10;
    display: none;
}

.header-shopping-basket.header-submenu-wrapper {
    left: -226px;
}

.header-shopping-basket.open {
    display: block;
}

.header-shopping-basket-pointer {
    position: absolute;
    top: 10px;
    right: 50px;
    height: 20px;
    width: 20px;
    background: url('../images/mobile-menu-pointer.png') 0 0 no-repeat;
}

.header-shopping-basket-title {
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: 900;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
}

.header-shopping-basket-content {
    padding: 20px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #4c4c4c;
    border: 1px solid #c4c4c4;
    background: #fff;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
}

.header-shopping-basket-product {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 0 5px;
    border-top: 1px solid #c4c4c4;
}

.header-shopping-basket-product-image-wrapper {
    width: 50px;
}

.header-basket-product-image {
    width: 100%;
}

.header-shopping-basket-product-info-wrapper {
    width: 225px;
}

.header-shopping-basket-product-title {
    font-weight: 700;
    color: #2a2a2a;
}

.header-shopping-basket-product-price {
    text-align: right;
}

.shop-overview-price-before {
    color: #bbb;
    text-decoration: line-through;
}

.header-shopping-basket-info {
    display: flex;
    justify-content: flex-end;
    padding: 5px 0;
    border-top: 1px solid #c4c4c4;
}

.header-shopping-basket-info.total {
    margin: 0 0 5px;
    font-weight: 700;
}

.header-shopping-basket-info.hidden {
    display: none;
}

.header-shopping-basket-info-label {
    width: 100px;
    text-align: left;
}

.header-shopping-basket-info-content {
    width: 100px;
    text-align: right;
}

.header-shopping-basket-button {
    position: relative;
    display: block;
    margin: 5px 0 8px;
    padding: 10px 0;
    background-color: #777;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    border: 0 !important;
    justify-content: center;
}

.header-shopping-basket-button:hover {
    background: #555;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
    border-color: #1fb1b3;
    text-decoration: none;
}

.header-shopping-basket-button .fa-angle-right {
    position: absolute;
    right: 15px;
    top: 6px;
    font-size: 26px;
}

.header-shopping-basket-message {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #525252;
}

.shop-cart-kadoboek-sticker	{
    display: flex; justify-content: center; align-items: center; height: 55px; width: 55px;
    background: #e15300; color: #fff; font-size: 13px; line-height: 15px; font-weight: 900;
    border-radius: 40px; transform: rotate(-20deg);
}
.header-shopping-basket-product .shop-cart-kadoboek-sticker,
.shop-overview-row-item .shop-cart-kadoboek-sticker				{ position: absolute; top: 15px; right: 0; }

.header-abandoned-shopping-basket-notice {
    position: absolute;
    top: 33px;
    right: -62px;
    color: #FFF;
    width: 160px;
    padding: 8px 20px 11px;
    text-align: center;
    border: 1px solid #aaa;
    background: #aaa;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.37);
    font-size: 16px;
    line-height: 19px;
    z-index: 100;
}

.header-abandoned-shopping-basket-notice::after {
    position: absolute;
    top: -11px;
    right: 27px;
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #aaa;
}

.header-logo-wrapper {
    display: flex;
    align-items: flex-end;
    width: 46%;
}

.mobile-menu-toggle {
    margin: 0 10px 0 0;
    cursor: pointer;
    display: none;
}

.header-top-message {
    height: 22px;
    font-size: 17px;
    font-weight: 600;
}

.header-search-wrapper {
    padding: 4px 0;
    width: 54%;
    text-align: right;
}

.header-payoff {
    margin: 5px 0 0;
    font-size: 15px;
    text-align: left;
    color: #666;
}

@media only screen and (max-width: 992px) {

    .header-payoff {
        display: none;
    }

}



.header-search-container {
    position: relative;
    background: #f3f3f3;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.19) inset;
}

.header-search-container form {
    display: flex;
    justify-content: space-between;
}

.header-search-input {
    width: 80%;
    padding: 10px 16px;
    background: transparent;
    border: 0;
    font: normal 18px/normal 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
    letter-spacing: -0.0085em;
}

.header-search-button {
    margin: 1px 5px 1px 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.header-search-button .fa-search {
    font-size: 18px;
    height: 18px;
}


.header-mobile-search                           { background: #fff; border-bottom: 1px solid #c4c4c4; }
.header-mobile-search .header-search-input      { width: calc(100% - 34px); padding: 10px; }
.header-mobile-search  ::placeholder            { font-style: italic; }

@media only screen and (min-width:990px) {

    .header-mobile-search       { display: none; }

}



.header-logo { __width: 390px; __margin: 20px 0 0; }

.header.checkout {
    width: 100%;
    height: 70px;
    padding: 25px 0 0;
}

.checkout-button-wrapper {
    width: 33%;
}

.checkout-logo-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.header-logo.checkout {
    display: block;
    width: 390px;
}

.checkout-thuiswinkel-wrapper {
    width: 33%;
    text-align: right;
}

.checkout-thuiswinkel-button {
    display: inline-block;
    height: 39px;
    width: 115px;
    background: url('/images/thuiswinkel_waarborg.svg') 0 0 / 115px auto no-repeat;
}

.menu-item a.submenu-item {
    display: block;
    max-width: calc(100% - 20px);
    padding: 5px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



/* Taalkeuze */

.header-content-language {
    position: relative;
    cursor: pointer;
    margin-left: 15px;
}

.header-content-language img {
    margin: 0 0 0 0;
}

.menu-lang-selected-text {
    text-transform: uppercase;
    font-size: 0.8rem;
}

.header-content-language .arrow {
    margin: 0 0 0 5px;
}

.menu-lang-selected {
    font-weight: 700;
    white-space: nowrap;
}

.menu-lang-options-wrapper {
    position: absolute;
    top: 25px;
    right: -1px;
    width: 100px;
    padding: 7px 12px 7px 20px;
    background: #fff;
    border: 1px solid #9d9d9c;
    z-index: 100;
    display: none;
}

.menu-lang-option {
    padding: 1px 0;
}

.menu-lang-option a {
    color: #000;
}

.header-content-language:hover .menu-lang-options-wrapper {
    display: block;
}

/* STICKY HEADER  */

body.sticky header {
    position: fixed;
    top: 0px;
    width: 100%;
    /*height: 105px;*/
    background: #fff;
    z-index: 115;
}

body.scrolling .main-nav,
body.scrolling .main-menu-wrapper {
    width: 100%;
    z-index: 15;
    box-shadow: 0 3px 3px 0px rgb(0 0 0 / 15%);
}

body.scrolling.action .main-nav,
body.scrolling.action .main-menu-wrapper {
    box-shadow:none;
}

body.sticky .scrollspacer {
    __height: 175px;
}

body.sticky .header-logo-wrapper {
    order: 1;
    width: 26%;
}

body.sticky .header-search-wrapper {
    order: 2;
    width: 40%;
    padding: 8px 10% 8px 0;
}

body.sticky .header-menu-wrapper {
    order: 3;
    width: 24%;
    height: 40px;
}

body.sticky a.header-content-link {
    flex-flow: column;
    font-weight: 400;
    font-size: 12px;
}

body.sticky .header-content-link-label {
    margin: 0 0 0 0px;
    text-transform: capitalize;
    color: #777;
    white-space: nowrap;
}

body.sticky .header-content-link-label span {
    display: none;
}

.header-menu-wrapper .fa-shopping-cart,
.header-menu-wrapper .fa-user,
.header-menu-wrapper .fa-headset,
.header-menu-wrapper .fa-globe {
    font-size: 19px;
}

body.sticky .header.checkout {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.5);
}

body.sticky .header-submenu-wrapper {
    left: 32px;
}

body.sticky .header-submenu-wrapper.header-shopping-basket {
    left: -226px;
}

body.vervolg-wide.sticky .header-submenu-wrapper.header-shopping-basket,
body.landingspage.sticky .header-submenu-wrapper.header-shopping-basket {
    left: -226px;
}

body.sticky #abandoned-cart-anchor .header-submenu-wrapper {
    left: 16px;
}


@media only screen and (max-width:1024px) {

    body.sticky .header-submenu-wrapper.header-shopping-basket {
        left: -288px;
    }

    body.sticky .header-menu-wrapper {
        width: 10%;
    }

    body.sticky .header-menu-wrapper .header-content-link-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.sticky .header-submenu-wrapper {
        left: -147px;
    }

    body.sticky #abandoned-cart-anchor .header-submenu-wrapper {
        left: -149px;
    }

    .header-search-input {
        padding: 5px 16px;
    }

}

@media only screen and (max-width:767px) {

    body .scrollspacer {
        height: 48px;
    }

    body.checkout-wrapper .scrollspacer {
        height: 80px;
    }

    .header-abandoned-shopping-basket-notice {
        right: -33px;
    }

    .header-abandoned-shopping-basket-notice::after {
        right: 5px;
    }

    body.sticky .header-logo-wrapper {
        order: 1;
        width: 75%;
    }

    body.sticky .header-menu-wrapper {
        order: 2;
        width: 25%;
        height: auto;
    }

    body.sticky .header-search-wrapper {
        order: 3;
        width: 100%;
    }

    body.sticky a.header-content-link {
        margin: 0 0 0 15px;
    }

}

body.xs-editmode.sticky header {
    top: 35px;
}


/**
 *	ZOEKSUGGESTIE
 */
.header-search							{ position: relative; }

.search-suggest-popup-container * 		{ height: auto !important; background: transparent !important; }

.search-suggest-popup-container {
	position: absolute; top: 42px; left: 0; min-height: 60px; height: auto !important; width: calc(100% - 2px) !important;
	border-width: 0 1px 1px 1px !important; border-style: solid !important; border-color: #c5c5c5 !important;
	background: #FFF;
	z-index: 150;
}

.search-suggest-popup-container	.product-block-image-stip.action				{ display: none; }

.search-suggest-popup-container	.product-suggest-product {
	display: flex; flex-flow: row wrap; justify-content: flex-end; width: 100%; padding: 6px 0 4px 0;
	border-top: 1px solid #c0c0c0; text-align: left; cursor:pointer; background: #fff !important;
}

.search-suggest-popup-container .product-suggest-product.zoektip    { padding: 10px 0; }

.search-suggest-popup-container	.product-suggest-product:hover					{ background: #eee !important; }

.search-suggest-popup-container .product-overview-product-info					{ width: calc(100% - 82px) !important; padding-right:10px; margin-left: 0; }
.search-suggest-popup-container .product-overview-product-image 				{ width: 44px; margin: 0 20px 0 0; }

.search-suggest-popup-container  .product-suggest-product.zoektip .product-overview-product-image 				{ margin: 20px 20px 0 0; }

.search-suggest-popup-container .product-overview-product-title-prefix          { font-size: 14px; line-height: 16px; font-weight: 500; margin: 0 0 2px 0; color: #002d56; }

.search-suggest-popup-container .product-overview-product-link                  { position: relative; font-size: 14px; line-height: 16px; font-weight: 500; margin: 0 0 2px 0; }
.search-suggest-popup-container .product-overview-product-link:after            {
    content: '';
    position: absolute;
    width: 20px;
    height: 19px;
    top: 0;
    background: url(/images/chevron.svg) no-repeat;
    background-size: auto;
    background-size: 8px 8px;
    background-position: 50% 50%;
    transform: rotate(180deg);
}

.search-suggest-popup-container h2.product-overview-product-title 				{ font-size: 15px; line-height: 18px; font-weight: 700; margin: 0 0 2px 0; }
.search-suggest-popup-container h3.product-overview-product-subtitle 			{ font-size: 13px; line-height: 16px; font-weight: 400; margin: 0 0 2px 0; }
.search-suggest-popup-container .product-overview-product-author,
.search-suggest-popup-container .product-info-publisher							{ font-size: 13px; line-height: 16px; font-weight: 400; margin: 0 0 0 0; }
.search-suggest-popup-container .product-info-small 				            { font-size: 13px; line-height: 16px; margin: 0 0 0px; }
.search-suggest-popup-container .product-overview-product:first-child, .xs-editmode.preview .product-overview-product:nth-child(3)	{ padding: 10px 0 5px 0; }
.search-suggest-popup-container .product-image.shadow							{ margin: 2px 0 0 0; box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.10); }
#search-suggest-popup-close														{ position: absolute; right: -3px; top: 37px; z-index: 151; font-size: 30px; padding: 8px 9px 8px 13px; background: transparent; }
#search-suggest-popup-close:hover												{ cursor: pointer; }
.search-suggest-popup-container .subtitle, .snippet {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


@media only screen and (max-width:767px) {

    .textfield.custom, 
    .textfield, 
    .textarea {
        margin-bottom: 0;
    }
    
    .shop-form-element.zoeken .shop-form-element-label  { display: none; }

    #form-kvk-zoeken    { margin: 0 !important; }

    .search-suggest-popup-container {
        height: 500px;
        overflow: scroll;
    }

    input[type="text"] {
        font-size: inherit;
    }

    body.noscroll {
        height: 100%;
        overflow: hidden;
    }

}


/**
 *	MENU
 */
.menu-container     { position: relative; z-index: 5; }

.nohover { pointer-events: none; }

.menu-panel {
    display: none;
}

.menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .4;
    z-index: 4;
    display: none;
}

.main-menu-wrapper {
    position: relative;
    background: #777;
    z-index: 110;
}

.mobile-menu-search         { padding: 0 10px 10px; background: #fff; border-bottom: 1px solid #c4c4c4; display: none; }
.mobile-menu-search form    { border: 1px solid #c4c4c4; }
.mobile-menu-search form .header-search-input   { width: calc(100% - 35px); }

@media only screen and (max-width: 992px) {

    .mobile-menu-search         { display: block; position: relative; z-index: 10; }

    .menu-panel                 { display: flex; }

}



.main-menu-wrapper.productgroup {
    margin: 0;
}

.mobile-menu-pointer {
    position: absolute;
    top: -11px;
    left: 13px;
    height: 20px;
    width: 20px;
    background: url('../images/mobile-menu-pointer.png') 0 0 no-repeat;
    display: none;
}

.main-menu-content {
    position: relative;
    width: var(--breakpoint-size);
    margin: 0 auto;
    box-sizing: border-box;
}

@media only screen and (max-width: 990px) {

    .main-menu-content,
    .breadcrumb-container {
        padding: 0 20px;
    }

}

.mobile-menu-close-button {
    position: fixed;
    top: 49px;
    right: 18px;
    height: 32px;
    width: 32px;
    background: #777 url('../images/close.svg') center center / 34px auto no-repeat;
    cursor: pointer;
    display: none;
}

.main-menu {
    position: relative;
    display: flex;
}

.main-menu-toggle {
    padding: 10px 20px;
    text-transform: uppercase;
    cursor: pointer;
    display: none;
}

.main-menu-toggle:hover {
    color: #fff;
}

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

.menu-item.libm {
    position: relative;
}

.menu-item.home a {
    padding: 7px 20px 7px 0;
}

.menu-item .fa-home {
    font-size: 16px;
}

.menu-item.home:hover,
.menu-item.home a:hover {
    background: transparent;
}

.menu-item a {
    display: block;
    padding: 9px 20px;
    font-size: 17px;
    __height: 22px;
    line-height: 22px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.menu-item a.active {
    __font-weight: 700;
    color: #000;
}

.menu-item a:hover {
    color: #fff;
}

.menu-item .fa-chevron-down {
    font-size: 14px;
    margin-left: 4px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.menu-item-subcontainer {
    position: absolute;
    left: 0;
    width: 100%;
    background: #777;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
    display: none;
}

.menu-item:hover {
    background: #fff;
}

.main-menu-wrapper .menu-item:hover a {
    color: #000;
}

.main-menu-wrapper .menu-item:hover .menu-item-subcontainer {
    display: block;
}

.menu-item-subcontainer-content {
    display: flex;
    padding: 20px 0;
}

.menu-item-subcolumn {
    width: 32%;
    padding: 0 0 0 20px;
    border-left: 1px solid #bababa;
}

.menu-item-subcolumn:first-child {
    border: 0;
}

.menu-item a.submenu-item {
    padding: 5px 0;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

.menu-item a.submenu-item.title {
    display: none;
}

.menu-item a.submenu-item:hover {
    text-decoration: underline;
}

.menu-item-subcolumn.last a {
    font-weight: 700;
}

.submenu-wrapper {
    position: absolute;
    top: 36px;
    left: 0;
    width: 250px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
    display: none;
}

.menu-item:hover .submenu-wrapper {
    display: block;
}




.page-top-menu      { color: #fff; }
.page-top-menu a    { font-size: 18px; color: #fff; }
.page-top-menu div  { border-color: #88bfdd !important; }







/**
 * TL@FB: 20180320 - PAGE_ELEMENT: webshop_categorieen_blok
 */
.webshop-category-topic,
.webshop-category-generic {
    display: flex;
    padding: 10px 0;
}

.webshop-category-item-subcolumn {
    width: 50%;
    padding: 0 0 0 0px;
    border-left: 0px solid #bababa;
}

a.webshop-category-item-submenu-item {
    display: block;
    padding: 2px 0;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-weight: 600;
}

.webshop-category-item-member-count {
    font-weight: normal;
}


.category-block.bfi-clr-accent {
    background: #e23750;
    color: #fff;
}

.category-block.bfi-clr-accent a {
    color: #fff;
}

.category-block.bfi-clr-accent2 {
    background: #95c6c4;
}

.category-block.bgi-clr-accent {
    background: #dd642f;
    color: #fff;
}

.category-block.bgi-clr-accent a {
    color: #fff;
}

.category-block.bgi-clr-accent2 {
    background: #efefef;
}

.category-block.bho-clr-accent {
    background: #09c9ca;
    color: #fff;
}

.category-block.bho-clr-accent a {
    color: #fff;
}

.category-block.bho-clr-accent2 {
    background: #cdedee;
}

.category-block.bps-clr-accent {
    background: #5daddc;
    color: #fff;
}

.category-block.bps-clr-accent a {
    color: #fff;
}

.category-block.bps-clr-accent2 {
    background: #E6EEF4;
}

.category-block.bto-clr-accent {
    background: #ee2644;
    color: #fff;
}

.category-block.bto-clr-accent a {
    color: #fff;
}

.category-block.bto-clr-accent2 {
    background: #d2efe6;
}

.category-block.bzz-clr-accent {
    background: #fc5038;
    color: #fff;
}

.category-block.bzz-clr-accent a {
    color: #fff;
}

.category-block.bzz-clr-accent2 {
    background: #fbcb2a;
}

.category-block.bfi-clr-accent hr,
.category-block.bgi-clr-accent hr,
.category-block.bho-clr-accent hr,
.category-block.bps-clr-accent hr,
.category-block.bto-clr-accent hr,
.category-block.bzz-clr-accent hr {
    border-top: 1px solid #fff;
}

.category-block.bfi-clr-accent2 hr,
.category-block.bgi-clr-accent2 hr,
.category-block.bho-clr-accent2 hr,
.category-block.bps-clr-accent2 hr,
.category-block.bto-clr-accent2 hr,
.category-block.bzz-clr-accent2 hr {
    border-top: 1px solid #000;
}

.category-block.bfi-clr-donkergrijs,
.category-block.bgi-clr-donkergrijs,
.category-block.bho-clr-donkergrijs,
.category-block.bps-clr-donkergrijs,
.category-block.bto-clr-donkergrijs,
.category-block.bzz-clr-donkergrijs {
    background: #4a4f56;
    color: #fff;
}

.category-block.bfi-clr-donkergrijs a,
.category-block.bgi-clr-donkergrijs a,
.category-block.bho-clr-donkergrijs a,
.category-block.bps-clr-donkergrijs a,
.category-block.bto-clr-donkergrijs a,
.category-block.bzz-clr-donkergrijs a {
    color: #fff;
}



.boom-bg-light-grey { background: #efefef; } 



.btn.clr-wit {
    background-color: #fff;
    color: #000;
}

.btn.clr-zwart {
    background-color: #000; border-color: #000;
}

.btn.clr-lightgrijs {
    background-color: #efefef; border-color: #efefef;
}

.btn.clr-donkergrijs {
    background-color: #4a4f56; border-color: #4a4f56;
}

.btn.clr-accent {
    background-color: #0084bc; border-color: #0084bc;
}

.btn.clr-accent2 {
    background-color: #5ebc02; border-color: #5ebc02;
}

.btn.clr-wit:hover {
    background-color: #fff; color: #000;
}

.btn.clr-zwart:hover {
    background-color: #000; border-color: #000; color: #fff;
}

.btn.clr-lightgrijs:hover {
    background-color: #efefef; border-color: #efefef;
}

.btn.clr-donkergrijs:hover {
    background-color: #4a4f56; border-color: #4a4f56;
}

.btn.clr-accent:hover {
    background-color: #0084bc; border-color: #0084bc;
}

.btn.clr-accent2:hover {
    background-color: #5ebc02; border-color: #5ebc02;
}

.widget-button .button {
    font-weight: 700;
}

.widget-button .btn.clr-lightgrijs {
    color: #000;
}


.btn-white              { background: #fff; color: #000; border-color: #d4d4d4 !important; }
.btn-white:hover        { background: #fff; }
.added .btn-white       { background: #01b403; color: #fff !important; }


.slick-dots {
    position: absolute;
    bottom: 11px;
    right: 62px;
    line-height: 0;
    text-align: right;
}

.slick-dots li {
    height: 11px
    width: 11px;
    margin: 0 7px 0 0;
}

.slick-dots li button {
    display: block;
    height: 10px;
    width: 10px;
    background: #eee;
    border-radius: 12px;
}

.slick-dots li.slick-active button {
    background: #333;
}

.slick-dots.dark li button {
    background: #999;
}

.slick-dots.dark li.slick-active button {
    background: #333;
}




/**
 *	PAGE
 */
.productgroup-tabs-content,
.productgroup-featureblock-content,
.breadcrumb-bar-wrapper.productgroup,
.productgroup-content,
.page {
    width: 100%;
    max-width: var(--breakpoint-size);
    margin: 0 auto;
    box-sizing: border-box;
    /* padding-right: 0.75rem;
    padding-left: 0.75rem; */
}

@media all and (max-width: 1024px) {

    .page.checkout  { padding-right: 0.75rem; padding-left: 0.75rem; }

    .account-adres:first-child  { margin: 0 0 10px; }

}

.page.home {
    padding: 25px 0 0;
}

.page.account {
    padding: 30px 20px 0;
    position: relative;
}

.full-page {
    height: calc(100vh - 176px);
}






/**
 *	HOMEPAGE
 */
.home-content-wrapper {
    display: flex;
    justify-content: space-between;
}

.home-content-main {
    width: 650px;
}

.home-content-side {
    width: 300px;
}

.lijn {
    margin: 0 0 25px;
    border-bottom: 1px solid #c0c0c0;
}

.pe--landingpage-home-slider                { background: url('../images/homepage_slider_bg.png') top center no-repeat; background-size: cover; }

.pe--landingpage-home-slider .swiper-slide  { padding: 2rem 2rem; }

@media (min-width: 1025px) {
    .pe--landingpage-home-slider .swiper-slide  { padding: 2rem 4rem; }
}
@media (min-width: 1200px) {
    .pe--landingpage-home-slider .swiper-slide  { padding: 2rem 8rem; }
}

.landingpage-home-swiper-slide-image        { width: 100%; }
.landingpage-home-slider-quote              { font-style: italic; font-size: clamp(29px, 2.2vw, 43px); line-height: CALC(18px + 1.4vw); color: #2b3982; border-bottom: 1px solid #bed7dc; }

.landingpage-home-slider-button-next        { position: absolute; top: 45%; right: -20px; padding: 10px; font-size: 25px; }
.landingpage-home-slider-button-prev        { position: absolute; top: 45%; left: -20px; padding: 10px; font-size: 25px; }

a.landingpage-quicklink                      { border-color: #d5e8ef !important; color: #2b3982; font-size: 18px; font-weight: 600; }
a.landingpage-quicklink .fa-angle-right      { font-size: 14px; }



@media only screen and (max-width: 768px) {

    .pe--landingpage-home-slider            { background: url('../images/homepage_slider_bg.png') top right no-repeat; }
    .pe--landingpage-home-slider .swiper-slide  { padding: 2rem 3rem; }

    .landingpage-home-swiper-slide-image        { display: block; max-height: 330px; width: auto; max-width: 100%; margin: 0 auto; }
    .landingpage-home-slider-button-next        { right: 0; z-index: 100; }
    .landingpage-home-slider-button-prev        { left: 0; z-index: 100; }

}


.pe--landingpage-product-slider .swiper-slide.product		{ height: 400px; line-height: 18px; font-size: 14px; }
.pe--landingpage-product-slider .swiper-slide.auteur        { font-weight: 600; }
.landingpage-product-slider-image-wrapper                   { height: 220px; }
.landingpage-product-slider-image-wrapper img               {  display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; }

.landingpage-product-slider-image-wrapper:hover img         { -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.20);
                                                            -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.20);
                                                            box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.20); }

.landingpage-product-slider-title                           { font-weight: 600; }
.landingpage-product-slider-price                           { font-size: 16px; }

.landingpage-product-slider-link                            { font-size: 14px; font-weight: 600; }

@media only screen and (max-width: 768px) {

    .pe--landingpage-product-slider .swiper             { padding: 0 20px; }
    .landingpage-product-slider-image-wrapper img       { height: 100%; width: auto !important; }

}

.landingpage-ean-slider                     { position: relative; }
.landingpage-ean-slider .swiper-prev        { position: absolute; top: 120px; left: 10px; z-index: 50; }
.landingpage-ean-slider .swiper-next        { position: absolute; top: 120px; right: 10px; z-index: 50; }

.pe--landingpage-news                       { background: #d5ebf0; }
.pe--landingpage-news a                     { text-decoration: none !important; color: #000; }
.landingpage-news-block-main                { height: 500px; }
.landingpage-news-block-main-titleswrapper  { font-size: 24px; background-image: linear-gradient(to bottom, rgba(41,60,119,0), rgba(41,60,119,.8)); }
.landingpage-news-block-main-title          { font-size: 30px; line-height: 1; font-weight: 600; }

.landingpage-news-block                     { position: relative; }
.landingpage-news-block-titleswrapper       { font-size: 20px; }
.landingpage-news-block-datewrapper         { align-self: start; font-size: 14px; font-weight: 600; background: #d5ebf0; }

.landingpage-news-block a:focus { display: block; }

@media only screen and (min-width: 1400px) {

    .landingpage-news-block-main    { height: 600px; }

}

.swiper-slide.auteur:hover img,
.landingpage-news-block-main:hover,
.landingpage-news-block:hover               { box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.17); }

.pe--landingpage-tegel a                    { text-decoration: none !important; }


.thema-wrapper          { height: 160px; font-weight: 600; font-size: 18px; transition: all 0.3s ease-in-out; }
.thema-wrapper:hover    { box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 17%); }

.thema-title            { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)); }



.pe--landingpage-ean-slider .swiper         { position: relative; max-width: 1080px; }
.pe--landingpage-ean-slider .swiper-prev    { position: absolute; top: 120px; left: 10px; z-index: 20; }
.pe--landingpage-ean-slider .swiper-next    { position: absolute; top: 120px; right: 10px; z-index: 20; }

body.landingspage .lpblock.clr-lightgrijs,
.methodepagina-tile-person-content-wrapper.clr-lightgrijs,
.pe--landingpage-themas.clr-lightgrijs,
.pe--methodepagina-bullets.clr-lightgrijs,
.pe--methodepagina-paragraphs.clr-lightgrijs,
.pe--methodepagina-aankondiging.clr-lightgrijs,
.pe--methodepagina-header.clr-lightgrijs,
.pe--methodepagina-row-images.clr-lightgrijs,
.pe--methodepagina-content-container.clr-lightgrijs,
.pe--methodepagina-quoteslider.clr-lightgrijs,
.pe--landingpage-product-slider.clr-lightgrijs      { background: #eee; color: #000; }





/**
 *	SIDEBAR-MENU
 */
.sidebar-menu-current-page {
    padding: 5px 10px;
    border: 1px solid #c4c4c4;
    background: #fff url('../images/arrow-down-black.svg') 98% center / 23px auto no-repeat;
    cursor: pointer;
    display: none;
}

.sidebar-menu-current-page.open {
    background: #fff url('../images/arrow-up-black.svg') 98% center / 23px auto no-repeat;
}

.sidebar-menu-wrapper {
    margin: 0 0 20px;
    padding: 20px;
    background: #efefef;
}

.sidebar-menu-menu-container {
    position: relative;
}

.sidebar-menu {
    margin: 0;
    list-style: none;
}

.sidebar-menu-item-wrapper {}

.sidebar-menu-item {
    display: block;
    padding: 2px 0;
}

.sidebar-menu-item.active {
    font-weight: 700;
}

.sidebar-menu-sub {
    margin: 0;
    list-style: none;
}

.sidebar-menu-item-sub-wrapper {
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
}

.sidebar-menu-item-sub {
    display: block;
    width: 100%;
    margin: 0 0 0 3px;
    padding: 2px 0;
}

.sidebar-menu-item-sub.active {
    font-weight: 700;
}

.sidebar-menu-subsub {
    margin: 0;
    list-style: none;
}

.sidebar-menu-item-subsub-wrapper {
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
}

.sidebar-menu-item-subsub {
    display: block;
    width: 100%;
    margin: 0 0 0 3px;
    padding: 2px 0;
}

.sidebar-menu-item-subsub.active {
    font-weight: 700;
}







/**
 *	CALENDARBLOCK
 */
.calendarblock {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.calendarblock-image-wrapper {
    order: 1;
    width: 180px;
}

.image-right .calendarblock-image-wrapper {
    order: 2;
}

.calendarblock-info-wrapper {
    order: 2;
    width: 435px;
}

.image-right .calendarblock-info-wrapper {
    order: 1;
}

.calendarblock-title {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 32px;
    font-weight: 900;
}

.calendarblock-date {
    margin: 0 10px 0 0;
    color: #79808a;
}

.calendarblock-date .fa {
    vertical-align: top;
    margin: 7px 2px 0 0;
    font-size: 21px;
}

.calendarblock-type {
    margin: 0 5px 0 0;
    font-weight: 18px;
    font-weight: 900;
}

.calendarblock-intro {
    margin: 0 0 10px;
}

.calendarblock-link-wrapper {
    font-size: 16px;
    line-height: 18px;
    font-weight: 18px;
    font-weight: 900;
}






/**
 *	BREADCRUMB
 */
.breadcrumb        { align-items: center; }

.productgroup-breadcrumb-container {
    margin: 0 !important;
    __background: #f0efed;
}

.breadcrumb-bar-wrapper {
    padding: 21px 0;
}

.breadcrumb-container {
    font-weight: 600;
    font-size: 14px;
}

.breadcrumb-container.productgroup {
    margin: 0;
}

.breadcrumb-item {
    margin: 0 5px 0 0;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0 !important;
}
.breadcrumb-item+.breadcrumb-item::before   { display: none; }


.breadcrumb-link {
    font-weight: 400;
}

.breadcrumb-item .fa-home {
    font-size: 12px;
    color: #000;
}

.breadcrumb-logo-container      { min-width: 2px; height: 32px; display: none; }

@media all and (min-width: 992px) {
    .breadcrumb-logo-container      { display: block; }
}




.share-buttons-container {
    display: flex;
    padding: 0 12px 0 0;
    position: relative;
}

.share-buttons-container:hover .share-menu {
    display: block;
}

.share-menu {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 5;
    width: 200px;
    box-shadow: 3px 3px 0 0 rgb(0 0 0 / 20%);
    border: 1px solid #c0c0c0;
    background: #FFF;
    display: none;
}

.share-menu a {
    display: block;
    padding: 6px; 
    border-top: 1px solid #F2F2F2;
}

.share-button .svg-inline--fa {
    width: 25px;
    margin-right: 5px;
}


.permalink-wrapper {
    position: fixed;
    top: 24%;
    right: 0;
    left: 0;
    width: 465px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none;
}

.permalink-box {
    margin: 5px 0 0;
    padding: 6px;
    width: 100%;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
}

.permalink-close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}

#permabox-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .4;
    z-index: 200;
    display: none;
}

.content-container {
    display: flex;
    justify-content: space-between;
}

.breadcrumb-mobile {
    display: none;
}

/**
 *	PAGE
 */
.page-content-wrapper {
    display: flex;
    justify-content: space-between;
}

.page-side-wrapper {
    max-width: 30%;
    width: 100%;
    min-width: 300px;
}

.page-main-wrapper {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

@media all and (min-width: 1024px) {
    .page-main-wrapper {
        max-width: 70%;
        width: 100%;
        min-width: 650px;
        padding-left: 40px;
    }

    body.right .page-main-wrapper {
        padding-right: 40px;
        padding-left: 0px;
    }
}


.page-main-side-duplicate-wrapper {
    display: none;
}

.article {}

.article.bottom-border {
    padding: 0 0 20px;
    border-bottom: 1px solid #c0c0c0;
}

.article-intro {
    margin: 0 0 20px;
    font-weight: 600;
}







.product-panel .videoplayer-container {
    margin: 0;
}

.videowrapper {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.soundcloud-container-wrapper iframe {
    display: block;
}








.actueel-list-artikel-content-wrapper .actueel-tegel-tag {
    position: relative;
    top: 0;
    display: inline-block;
}

.actueel-list-artikel-title {
    width: 255px;
    padding: 10px 20px 0 10px;
    background: #fff;
    font-size: 23px;
    line-height: 26px;
}

.actueel-list-artikel-intro {
    padding: 0 10px;
}

.actueel-list-artikel-intro .read-more {
    margin: 0 0 0 5px;
    font-weight: 700;
}

.actueel-artikels-side {
    margin: 0 0 25px;
}

.slider-ean-wrapper .actueel-artikels-side {
    padding: 10px 0 0;
    border-style: solid;
    border-width: 1px 0 0;
}

.actueel-side-title {
    margin: 0 0 10px;
}

.actueel-wrapper.artikel {
    __font-size: 18px;
    __line-height: 28px;
}

.actueel-wrapper.artikel .actueel-title {
    margin: 0 0 40px;
}

.actueel-wrapper.artikel .actueel-title.withsub {
    margin: 0 0 10px;
}


.actueel-wrapper.artikel .actueel-intro {
    padding: 0;
    __font-size: 20px;
    __font-weight: 600;
    border: 0;
}

.actueel-wrapper h2 {
    font-size: 24px;
}

.actueel-wrapper h3 {
    font-size: 20px;
}

.actueel-wrapper blockquote {
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    padding: 30px 0;
    font-style: italic;
    color: #79808a;
    font-size: 28px;
    line-height: 34px;
}





.textblock {
    position: relative;
    margin: 0 0 25px;
}



.textblock-image-wrapper.left {
    float: left;
    width: 240px;
    margin: 0 20px 0 0;
}

.textblock-image-wrapper.right {
    float: right;
    width: 240px;
    margin: 0 0 0 20px;
}

.textblock-image-small {
    width: 100%;
}

.textblock-image-caption {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
    color: #9ba0a7;
}

.textblock-image-wrapper-justified {
    margin: 0 0 20px;
}

.textblock-image-wrapper-justified img {
    max-width: 100%;
}

.textblock-image-wrapper-justified .textblock-image-caption {
    margin: 0 0 20px;
}

@media only screen and (max-width:767px) {

    .textblock-image-wrapper.left,
    .textblock-image-wrapper.right {
        float: none;
        width: 100%;
        margin: 0 0 020px;
    }

    .actueel-wrapper.artikel .introblock-image-wrapper {
        width: 30%;
    }

}

.agenda-item-date {
    margin: 0 0 5px;
    font-size: 36px;
    line-height: 36px;
    font-weight: 900;
    letter-spacing: -0.01em;
    color: #79808a;
}







button::-moz-focus-inner {
    border: 0;
}

.author-actueel-list-title {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #c0c0c0;
}

.actueel-text-item-short {
    font-weight: 700;
}

.author-actueel-list .actueel-text-item-short {
    margin: 0 0 5px;
}


.whitepaper-download-wrapper {
    margin: 0 0 25px;
    padding: 20px;
    border: 1px solid #ccc;
}

.whitepaper-form-row-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
}

.whitepaper-form-row-wrapper.start {
    justify-content: flex-start;
}

.whitepaper-form-row-wrapper.start label {
    margin: 0 10px 0 0;
}

.whitepaper-form-input {
    padding: 8px 13px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.whitepaper-form-input {
    flex: 1 0 auto;
}

.whitepaper-form-input.voornaam {
    flex: 0 0 33%;
}

.whitepaper-form-input.achternaam {
    flex: 0 0 56%;
}

.whitepaper-download-message-wrapper {
    display: none;
    min-height: 200px;
    margin: 0 0 25px;
    padding: 20px;
    border: 1px solid #ace0ff;
}

@media only screen and (max-width:1024px) {

    .actueel-wrapper.artikel blockquote {
        align-items: flex-start;
    }

    .actueel-wrapper.artikel blockquote::before {
        margin: 15px 20px 0 0;
        font-size: 70px;
    }

    .actueel-wrapper.artikel .blockquotecaption {
        flex: 0 0 60%;
        margin: 8px 0 0 50px;
        line-height: 18px;
    }

    .whitepaper-form-row-wrapper {
        flex-flow: column nowrap;
    }

    .whitepaper-form-row-wrapper input:first-of-type {
        margin: 0 0 10px;
    }

}













.carousel-container {
    padding: 45px 0;
    background: #fff;
}

.carousel-content {
    width: 980px;
    margin: 0 auto;
}

.carousel-wrapper {
    position: relative;
    padding: 25px 0;
    overflow: hidden;
    width: 100%;
    height: 185px;
}

.carousel-mask {
    position: absolute;
    top: 0;
    height: 238px;
    width: 50px;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
    z-index: 30;
    cursor: pointer;
}

.carousel-wrapper.custom .carousel-mask {
    background: #eee;
}

.carousel-mask .fa {
    font-size: 60px;
    color: #79808a;
}

.carousel-mask.left {
    left: 0;
}

.carousel-mask.right {
    right: 0;
    justify-content: flex-end;
}

.carousel {}

.carousel-item {
    position: relative;
    height: 187px;
    text-align: center;
    overflow: hidden;
}

.carousel-item.ebook {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    margin: 0 10px;
    padding: 3px 0 0;
    background: url('../images/e_reader-ean.png') center 0 no-repeat;
}

.carousel-item.ebook .carousel-item-image {
    width: 60%;
    height: auto;
}

.carousel-item-image {
    display: inline !important;
    height: 100%;
    margin: 0 20px;
}




















.ereader-tab {
    position: absolute;
    bottom: -1px;
    right: 16px;
    height: 48px;
    width: 46px;
    background: url('../images/e_reader_tab.png') 0 0 no-repeat;
}

.ebook-tab {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 83px;
    width: 82px;
    background: url('../images/e_reader_tab_medium.png') 0 0 no-repeat;
}

.product-overview-product-image-wrapper .ebook-tab-small {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 48px;
    width: 46px;
    background: url('../images/e_reader_tab.png') 0 0 no-repeat;
}

.product-3block-image-wrapper .ebook-tab-medium {
    position: absolute;
    top: 93px;
    right: -2px;
    height: 83px;
    width: 82px;
    background: url('../images/e_reader_tab_medium.png') 0 0 no-repeat;
}

.carousel-item-caption {
    position: absolute;
    bottom: -250px;
    left: 0;
    width: calc(100% - 20px);
    padding: 15px 10px;
    background: url('../images/transparent.png') 0 0 repeat;
    font-size: 14px;
    color: #fff;
    transition: bottom 0.5s;
}

.carousel-item:hover .carousel-item-caption {
    bottom: 0;
}

.page-side-wrapper .illustration-wrapper,
.page-side-wrapper .actueel-list-item,
.page-side-wrapper .quoteblock-wrapper,
.page-side-wrapper .introblock {
    margin: 0 0 30px;
    padding: 0;
}

/**
 *	PRODUCT
 */

 .product-info-bestelitem-icon {
    display: none;
}

.product-block-wrapper.titled .product-overview-product {
    border: none;
}

.product-block-title {
    margin: 0;
}

.xs-editmode.preview .product-block-title {
    margin: 0 0 25px;
}

.product-block-title.clr-lightgrijs {
    color: #dcdcdc;
}

.product-block-title.clr-donkergrijs {
    color: #4a4f56;
}

.product-block-title.clr-accent {
    color: #0084bc;
}

.product-block-title.clr-accent2 {
    color: #5ebc02;
}


.productgroup-block-wrapper.titled:first-child,
.xs-editmode.preview .productgroup-block-wrapper.titled:nth-child(3) {
    padding: 0 0 25px;
    border-top: none;
}

.productgroup-block-wrapper.titled .product-overview-productgroup {
    border: none;
}

.landingspage .productgroup-block-wrapper   { max-width: 890px; margin: 0 auto; padding: 0 20px; }

body.landingspage .introblock-subtitle      { font-weight: 500; }


.productgroup-block-title {
    margin: 0;
}

.xs-editmode.preview .productgroup-block-title {
    margin: 0 0 25px;
}

.productgroup-block-title.clr-lightgrijs {
    color: #dcdcdc;
}

.productgroup-block-title.clr-donkergrijs {
    color: #4a4f56;
}

.productgroup-block-title.clr-accent {
    color: #0084bc;
}

.productgroup-block-title.clr-accent2 {
    color: #5ebc02;
}


.product-sticky-action-bar {
    position: fixed;
    top: -70px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 80;
    box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
}

.product-sticky-action-bar .product-info-bestelitem-price {
    width: 170px;
}

.product-sticky-action-bar .product-info-before-price   { margin: 0 10px 0 0; }

.action .product-sticky-action-bar {
    transition: all .7s ease 0s;
    top: 142px;
}

@media (max-width: 992px) {

    .action .product-sticky-action-bar {
        top: 105px;
    }

}

body.sticky header .header-usps  { margin-top: -30px; }

.product-sticky-action-bar-content {
    display: flex;
    align-items: center;
    width: 1140px;
    margin: 0 auto;
    padding: 5px 0;
}

.product-sticky-action-bar-image {
    margin: 0 20px 0 0;
}

.product-info-bestelitem.sticky-action {
    flex: 1 0 auto;
    border: 0;
}

.sticky-action .product-info-bestelitem-infowrapper,
.sticky-action .product-info-bestelitem-info {
    width: 100%;
}

.product-sticky-action-bar-totopbutton {
    order: 3;
    padding: 8px 12px;
    background: #efefef;
    cursor: pointer;
}

.product-sticky-action-bar-totopbutton:hover {
    background: #eaeaea;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
}

.product-sticky-action-bar .product-info-bestelitem.bir-gexbex {
    order: 1;
    width: 100%;
    border: 0;
}


#productImageslider .slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 81px;
    margin: 0 5px 0 0;
    padding: 5px 0;
    border: 1px solid #ccc;
    cursor: pointer;
}

#productImageslider .slide img {
    height: 100%;
}


@media only screen and (max-width:1140px) {

    .product-sticky-action-bar-content {
        width: calc(100% - 30px);
    }

}

@media only screen and (max-width:767px) {

    .product-sticky-action-bar {
        top: -100px;
    }
    
    .product-info-bestelitem.sticky-action {
        width: calc(100% - 44px);
    }

    .sticky-action .product-info-bestelitem-infowrapper,
    .sticky-action .product-info-bestelitem-info {
        width: calc(100% - 42px);
    }

    .product-sticky-action-bar-image {
        margin: 0 5px 0 0;
    }

    .product-sticky-action-bar-totopbutton {
        display: none;
    }

}


.product-top-wrapper {
    position: relative;
    min-height: 320px;
    margin: 0 0 50px;
}

.product-top-wrapper.multiple-images {
    min-height: 420px;
}

.product-image-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    text-align: center;
}

.product-image-wrapper figure img {
    width: auto;
    max-width: 100%;
    __max-height: 240px;
}

.product-image-wrapper figure .externproduct img {
    max-height: 320px;
}

/* .product-image.single-image {
    max-height: 100%;
} */

.product-image-slider-main {
    width: 215px;
    min-height: 320px;
    margin: 0 auto 10px;
}

.product-image-slider-main .slick-prev {
    left: -65px;
    background: url(../images/chevron.svg) center center / 20px auto no-repeat;
    opacity: .3;
}

.product-image-slider-main .slick-prev:hover {
    opacity: 1;
}

.product-image-slider-main .slick-next {
    right: -65px;
    background: url(../images/chevron.svg) center center / 20px auto no-repeat;
    opacity: .3;
    transform: rotate(180deg);
}

.product-image-slider-main .slick-next:hover {
    opacity: 1;
}


#productImageslider .current {
    border: 1px solid #000;
}


.product-image-wrapper figure {
    position: relative;
    margin: 0 0 20px;
}

.product-image { max-height: 400px; image-rendering: -webkit-optimize-contrast; }

.product-image.shadow {
    filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, 0.17));
    __box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
}

.product-block-image-stip {
    position: absolute;
    top: -12px;
    right: -17px;
    width: 64px;
    padding: 21px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    z-index: 10;
}

.product-block-image-stip.left      { left: -17px; }
.product-block-image-stip.right     { right: -17px; }

.product-image-wrapper .product-block-image-stip            { right: 27px; }
.product-image-wrapper .product-block-image-stip.left       { left: 34px; }



.product-block-image-stip.action {
    background: url('../images/stip-orange.svg') 0 0 / 64px 64px no-repeat;
    color: #fff;
}

.product-block-image-stip.new {
    background: url('../images/stip-zwart.svg') 0 0 / 64px 64px no-repeat;
    color: #fff;
}

.product-block-image-stip.top3 {
    bottom: 0;
    right: 0;
    top: -10px;
    left: -10px;
    width: 54px;
    padding: 2px 0 5px;
    /* font-family: 'SofiaProBold'; */
    font-size: 40px;
    line-height: 45px;
    background: #fff;
    border-radius: 30px;
}

.product-block-image-stip.openaccess        { top: -40px; right: 35px; width: 45px; }
.product-block-image-stip.openaccess img    { width: 100%; }

.product-overview-product .product-block-image-stip.openaccess     { right: -10px; }


.product-buttons-wrapper {
    display: flex;
    align-items: center;
}

.xs-pdf-viewer     { margin: 0 10px 0 0; }

.product-pdf-button {
    display: block;
    margin: 0 10px 0 0;
    padding: 7px 14px;
    border: 1px solid #d4d4d4;
    font-size: 14px;
    cursor: pointer;
}

.product-pdf-button .fa-book {
    margin: 0 5px 0 0;
}

.product-pdf-button:hover {
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.product-info-wrapper {
    /* width: 630px; */
    margin: 0 0 0 350px;
}

.product-info-title {
    margin: 0 0 1rem;
    font-size: 34px;
    line-height: 38px;
}

.product-info-subtitle {
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
}

.product-info-zoekterm {
    font-weight: 300;
    display: block;
    margin-bottom: 20px;
}

.product-info-authors-wrapper {
    margin: 0 0 20px;
    color: #5e5e5e;
}

.product-info-author {
    font-weight: 600;
    color: #5e5e5e;
}

.product-info-publisher {}

.product-info-rating-wrapper {
    display: flex;
    margin: 0 0 10px 0;
}

.product-info-rating-stars {
    display: flex;
    width: 92px;
}

img[class^='rating'] {
    width: 14px;
    height: 14px;
}

.product-info-rating-label {
    color: #848893;
    font-size: 14px;
    line-height: 13px;
}

.product-info-salesposition-wrapper {
    margin: 0 0 20px;
}

.product-info-salesposition-position {
    font-size: 16px;
    font-weight: 700;
}

.product-info-salesposition-info {
    font-size: 14px;
}

.product-image-mobile-wrapper {
    margin: 0 0 20px;
    text-align: center;
    display: none;
}

.product-image-mobile-wrapper figure {
    position: relative;
    width: 25%;
    margin: 0 auto;
}

.product-mobile-image.shadow {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
}

.product-info-bestelitems-wrapper {
    display: flex;
    flex-flow: column nowrap;
    margin: 0 0 10px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 3px;
}

/* .product-info-bestelitems-wrapper .btn      { min-width: 138px; } */

.product-overview-product .product-info-bestelitems-wrapper {
    margin: 0;
    border: 0;
}

.product-info-bestelitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 9px;
    border-bottom: 1px solid #d4d4d4;
    flex-grow: 1;
}

/* Docent only bestelitems */
.product-info-bestelitem.docent-only .product-info-bestelitem-price,
.product-info-bestelitem.docent-only .product-info-bestelitem-button-wrapper    { display: none; }
.product-info-bestelitem.docent-only .product-info-bestelitem-info              { max-width: 1000px; }
.product-info-bestelitem.docent-only .product-info-bestelitem-format::after     { content: " - Alleen leverbaar als docentaanvraag"; font-weight: initial; color: #35a21c; }


.product-set .product-info-bestelitem,
.product-info-bestelitem:last-of-type {
    border: 0;
}

.product-set .product-info-bestelitem.gexbex {
    border-top: 1px solid #d4d4d4;
}

.gb-first .product-info-bestelitem:nth-last-of-type(2) {
    border: 0;
}

.gb-first .bir-gexbex {
    border-bottom: 1px solid #d4d4d4 !important;
}

.gb-first .product-top-wrapper .bir-comp {
    _border-top: 1px solid #d4d4d4 !important;
}


.product-info-bestelitem {
    order: 2;
}

.product-info-bestelitem.bir-productgroup {
    order: 3;
}

.product-info-bestelitem.bir-comp {
    order: 4;
}

.product-info-bestelitem.bir-web {
    order: 5;
}

.product-info-bestelitem.bir-ios {
    order: 6;
}

.product-info-bestelitem.bir-gapp {
    order: 7;
}

.product-info-bestelitem.bir-gexbex {
    order: 8;
}

.product-info-bestelitem-quantity .quantity   { width: 25px !important; }

.product-info-bestelitem.set {
    border-color: #d4d4d4;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-radius: 3px 3px 0 0;
}

.product-info-bestelitem-infowrapper { flex-grow:1; }

.product-info-bestelitem-info-details-price-wrapper {
    display: flex;
}

.product-info-bestelitem-info {
    width: 100%;
    flex-grow: 1;
}

.btn.increment:focus,
.btn.decrement:focus,
.btn.increment:hover,
.btn.decrement:hover          { box-shadow: none !important; background: transparent; }

.product-overview-wrapper .product-info-bestelitem-info     { max-width: 316px; }

.set .product-info-bestelitem-info,
.product-overview-product-list .product-set .product-info-bestelitem-info {
    width: 150px;
}

.set .product-info-bestelitem-info {
    display: flex;
    align-items: center;
}

.product-info-bestelitem-info.web {
    padding: 10px 0;
}

.product-info-bestelitem-info.set {
    display: flex;
    align-items: center;
}

.product-overview-product .product-info-bestelitem-price {
    width: 155px;
}

.product-info-bestelitem-format {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.product-info-bestelitem-details {
    font-size: 14px;
    color: #767676;
    line-height: 16px;
}

.product-info-bestelitem-details.leverbaar {
    color: #35a21c;
}

.product-info-bestelitem-message {
    font-size: 14px;
    color: rgb(215 107 2);
    line-height: 16px;
}

.product-info-bestelitem-price {
    width: auto;
    padding: 0 10px;
    display: flex;
    flex: 1 0 auto;
    justify-content: end;
    align-items: center;
    font-size: 17px;
    line-height: 36px;
    font-weight: 900;
}

.product-info-bestelitem-price.web {
    display: none;
}

.product-info-before-price {
    font-weight: 400;
    font-size: 16px;
    text-decoration: line-through;
    color: rgb(215 107 2);
}

.productgroup-product .product-info-before-price    { padding: 0 10px 0 0; }

.product-info-bestelitem-button {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 15px;
    width: 95px;
    height: 20px;
    font-weight: 700;
    color: #fff;
    background: #777;
    cursor: pointer;
}

.product-info-bestelitem-button.web {
    background: #5e5e5e;
}

.product-info-bestelitem-button.web:hover {
    background: #333;
}

.product-info-bestelitem-button:hover {
    background: #333;
    color: #fff;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    z-index: 20;
}

.product-info-bestelitem-button .fa-angle-right {
    font-size: 22px;
}

.product-info-bestelitem-button.app .fa {
    font-size: 20px;
}

.product-info-bestelitem-button.soldout {
    background: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
    color: #fff;
    cursor: default;
}

.product-info-bestelitem-button.soldout:hover {
    box-shadow: none;
    background: #d4d4d4;
    color: #fff;
}

.product-info-bestelitem-button.soldout .fa-shopping-cart {
    /*display:none;*/
    color: #fff;
}

.product-info-bestelitem-button-icon {
    width: 18px;
}

.product-overview-product .product-info-bestelitem .product-info-bestelitem-price {
    width: auto;
    flex: 1 0 auto;
    flex-direction: column;
    align-items: end;
    display: flex;
    justify-content: center;
    line-height: 20px;
}

.product-info-textwrapper {
    padding: 7px 7px 7px 20px;
    align-items: center;
    font-weight: 600;
}

.product-info-notification {
    display: flex;
    align-items: center;
    margin: 0 0 25px;
    padding: 7px 7px 7px 20px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
}

.custom-tooltip-styles {
    max-width: 215px;
    margin: 0 0 20px;
    padding: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
}

.custom-tooltip-styles a {
    color: #fc5038;
}

.tooltip {
    cursor: default;
}

.shop-paymentmethod-row .tooltip {   
    display: inline;
    opacity: 1;
    padding-left: 2px; 
}

.product-wishlist-wrapper {
    font-size: 14px;
    cursor: pointer;
}

.product-top-wrapper .product-wishlist-wrapper {
    display: block;
    padding: 7px 14px;
    border: 1px solid #d4d4d4;
}

.btn-wishlist           { cursor: pointer; color: #6e6e6e; }
.btn-wishlist:hover     { color: #6e6e6e; }

.btn-reference          { cursor: pointer; color: #6e6e6e; }

.product-wishlist-label {
    margin: 0 0 0 5px;
}

.product-top-wrapper .product-wishlist-wrapper:hover {
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.product-top-wrapper .product-info-before-price     { margin: 0 10px 0 0; }

.product-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px;
}

.product-tabs-wrapper {
    max-width: 70%;
    width: 100%;
    min-width: 650px;
    padding-right: 40px;
    box-sizing: border-box;
}

.product-tabs-tabs {
    display: flex;
}

.product-tab {
    margin: 0 4px 0 0;
    padding: 7px 15px;
    font-weight: 700;
    background: #F4F4F4;
    cursor: pointer;
    color: #000;
}

@media (min-width: 768px) {
    .product-tab-spacer {
        flex-grow: 1;
        border-bottom: 3px solid #f4f4f4;
    }
}

.product-tab.active {
    background: var(--menu-bgcolor);
    color: #FFF;
}

.product-tab:hover {
    text-decoration: underline;
}

.product-tabs-panels {
    position: relative;
    background: #FFF;
}

#klantbeoordelingen {
    position: absolute;
    top: -240px;
    left: 0;
}

.product-panel {
    display: none;
    padding: 30px 15px;
}

.product-panel.active {
    display: block;
}

.product-panel-section {
    margin: 0 0 30px;
}

.product-panel-section-title {
    margin: 0;
    font-size: 16px;
}

.product-tab-author-wrapper {
    display: flex;
    margin: 0 0 20px;
}

.product-tab-author-image-wrapper {
    width: 80px;
    margin: 0 15px 0 0;
}

.product-tab-author-image-wrapper img {
    width: 100%;
}

.product-tab-author-info-wrapper {
    width: 500px;
}

.product-tab-author-info-title {
    font-weight: 700;
}

.product-tab.mobile {
    display: none;
}

.product-side-wrapper {
    max-width: 30%;
    width: 100%;
    min-width: 300px;
}


.productpage-formaticon         { height: 18px; }
.productpage-formaticon.format  { height: 12px; }

.side-block {
    margin: 0 0 20px;
    padding: 20px;
    background: #efefef;
}

.side-block.clr-wit {
    background: #fff;
}

.side-block.clr-zwart {
    background: #000;
}

.side-block.clr-lightgrijs {
    background: #efefef;
}

.side-block.clr-donkergrijs {
    background: #4a4f56;
}

.side-block.clr-accent {
    background: #0084bc;
}

.side-block.clr-accent2 {
    background: #5ebc02;
}

.side-block.clr-accent .side-block-bottom,
.side-block.clr-donkergrijs .side-block-bottom {
    border-color: #fff;
}

.side-block.clr-accent2 .side-block-bottom,
.side-block.clr-lightgrijs .side-block-bottom {
    border-color: #000;
}

.side-block-title {
    margin: 0 0 30px;
}

.side-block-title.top3 {
    padding: 1px 0 3px 30px;
    background: url('../images/verkooppositie-small.png') 0 2px no-repeat;
}

.category-block .side-block-title {
    margin: 0 0 0.37em 0;
}

.side-block-product-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px;
}

.side-block-product-wrapper .product-info-bestelitem-button-wrapper     { text-align: left; }

.side-block-product-image-wrapper {
    width: 100px;
}

.side-block-product-image {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
}

.side-block-product-image-wrapper.ebook {
    height: 122px;
    background: url('../images/e_reader.png') 0 0 no-repeat;
}

.side-block-product-image-wrapper.ebook .product-overview-product-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 122px;
    width: 95px;
}

.side-block-product-image-wrapper.ebook img.product-image {
    display: block;
    height: 99px;
    width: auto;
    box-shadow: none;
}

.side-block-product-info {
    width: calc(100% - 120px);
}

.side-block-product-title {
    margin: 0;
    font-weight: 900;
    font-size: 14px;
    line-height: 18px;
}

.side-block-product-authors {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 18px;
}

.side-block-product-price {
    margin: 0 0 10px;
    font-weight: 900;
    font-size: 17px;
}

.side-block-product-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95px;
    padding: 8px 15px;
    font-weight: 700;
    background: #efefef;
    color: #fff;
}

.side-block-product-button:hover {
    text-decoration: none;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
}


.side-block-product-setitem {
    margin: 0 0 5px;
    padding: 5px 0;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.side-block-product-setitem~.side-block-product-setitem {
    padding: 0 0 5px;
    border-top: 0;
}



.side-block-bottom {
    padding: 10px 0 0;
    border-top: 1px solid #c0c0c0;
}

.button-bestel-taaltestcentrum {
    margin: 0 0 0 10px;
}

.button-bestel-taaltestcentrum .product-info-bestelitem-button-label {
    margin: 0 5px 0 0;
}

.side-block.clr-donkergrijs,
.side-block.clr-donkergrijs .side-block-product-title,
.side-block.clr-donkergrijs .product-overview-product-author,
.side-block.clr-donkergrijs a,
.side-block.clr-donkergrijs a.read-more {
    color: #fff;
}

.side-block.clr-donkergrijs .product-info-bestelitem-button-label,
.side-block.clr-donkergrijs .fa-shopping-cart {
    color: #000;
}

.side-block.clr-donkergrijs .side-block-product-button {
    background: #fff;
}

.side-block.clr-accent,
.side-block.clr-accent .side-block-product-title,
.side-block.clr-accent .product-overview-product-author,
.side-block.clr-accent a,
.side-block.clr-accent a.read-more {
    color: #fff;
}

.side-block.clr-accent .product-info-bestelitem-button-label,
.side-block.clr-accent .fa-shopping-cart {
    color: #000;
}

.side-block.clr-accent .side-block-product-button {
    background: #fff;
}

.twitterfeed-wrapper    {
    margin-bottom: 20px;
}

.twitter-timeline,
.twitter-timeline iframe       { max-width: 100% !important; width: 100% !important; }

.quoteblock-wrapper.clr-accent .button {
    background: #fff;
}

.quoteblock-wrapper.clr-accent .button:hover {
    background: #fff;
}

.quoteblock-wrapper.clr-accent .button-label-left,
.quoteblock-wrapper.clr-accent .fa-shopping-cart {
    color: #000;
}

.quoteblock-wrapper.clr-accent .product-info-bestelitem-button-icon {
    background: url('../images/icon-bezoek.svg') 0 0 / 20px auto no-repeat;
}

.illustration-wrapper.clr-accent .button {
    background: #fff;
}

.illustration-wrapper.clr-accent .button:hover {
    background: #fff;
}

.illustration-wrapper.clr-accent .button-label-left,
.illustration-wrapper.clr-accent .fa-shopping-cart {
    color: #000;
}

.illustration-wrapper.clr-accent .product-info-bestelitem-button-icon {
    background: url('../images/icon-bezoek.svg') 0 0 / 20px auto no-repeat;
}


 /* ACCOUNT PAGE */

.accountpage-block-attention.clr-donkergrijs .side-block-product-button,
.accountpage-block-attention.clr-accent .side-block-product-button,
.accountpage-block-attention.clr-donkergrijs .button,
.accountpage-block-attention.clr-accent .button {
    background: #fff;
    color: #000;
}

.accountpage-overview-menu          { position: sticky; top: 110px; margin: 0 0 25px; }
.accountpage-overview-menu-item     { display: block; padding: 10px 0; border-bottom: 1px solid #ddd; text-align: left; }

.accountpage-overview-menu          { border-top: 1px solid #ddd; }
.accountpage-overview-menu-item.list-group-item.active     { background-color: transparent; border-color: #ddd; color: #000; font-weight: 700; }
.accountpage-profile-menu-toggle .fa-chevron-down                       { transition: all .2s ease-in; }
.accountpage-profile-menu-toggle:not(.collapsed) .fa-chevron-down       { transform: rotate(180deg); }

.accountpage-profile-menu-icon      { height: 35px; width: 35px; padding: 11px 7px 0; background: #d7e2f1; color: #003983; border-radius: 50%; font-size: 26px; overflow: hidden; }

.accountpage-block-label            { color: #777; font-size: 15px; }

.accountpage-profile-menu-dropdown  { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
    .accountpage-profile-menu-option    { border-bottom: 1px solid #ddd; }

@media only screen and (max-width:767px) {
    .accountpage-overview-menu          { display: none; }
}


    
.soldout .product-info-bestelitem-button-label {
    margin: 0 auto;
    __color: #fff;
}

.email .product-info-bestelitem-button-label {
    margin: 0 auto;
}

.product-info-bestelitem-button-label {
    _margin: 0 auto;
    padding: 0 10px;
}





.widget-button .btn.clr-wit:hover {
    box-shadow: none;
}

.widget-button .btn.clr-wit:hover .button-label-left {
    text-decoration: underline;
}

.press-review {}

.press-review-header {
    margin: 0 0 10px;
    padding: 5px 35px 5px 10px;
    background: #d4d4d4 url('../images/icon-plus-black.svg') 98.8% center / 18px auto no-repeat;
    cursor: pointer;
}

.press-review-header.open {
    background: #d4d4d4 url('../images/icon-minus-black.svg') 98.8% center / 18px auto no-repeat;
}

.press-review-date {}

.press-review-media {
    font-weight: 600;
}

.press-review-content {
    padding: 0 10px 20px;
    display: none;
}

.actie-products-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.actie-products-container .product-overview-product-image-wrapper { min-height: 190px; }

.actie-products-top-image-wrapper {
    text-align: center;
}

.actie-products-top-image {
    max-width: 100%;
}

.actie-products-top-image.desktop {
    display: block;
}

.actie-products-top-image.mobile {
    display: none;
}

.actie-product-wrapper {
    position: relative;
    display: flex;
    flex: 0 0 31%;
    margin: 0 0 20px;
    padding: 5px;
    border: 1px solid #dbdbdb;
}




.product-tabs-panels .actie-product-wrapper,
.page-main-wrapper .actie-product-wrapper       { flex: 0 0 49%; }

.product-tabs-panels .page.actie-products,
.page-main-wrapper .page.actie-products         { padding: 0; }


.actie-product-wrapper-placeholder {
    flex: 0 0 31%;
    height: 1px;
    margin: 0 0 20px;
}

.actie-product-image-wrapper {
    max-width: 112px;
    margin: 0 10px 0 0;
}

.side-block-product-title.actie-product {
    font-size: 16px;
}


.actie-product-wrapper .side-block-product-info { display: flex; flex-flow: column; width: calc(100% - 112px); }

    .actie-product-wrapper .actie-product-titlellink                    { order: 1; }
    .actie-product-wrapper .actie-product-verschijningsvorm             { order: 2; padding: 0 0 0.37em 0; font-size: 14px; line-height: 16px; text-wrap: pretty; }
    .actie-product-wrapper .actie-product-authors                       { order: 3; font-size: 12px; line-height: 16px; font-weight: normal; color: #5e5e5e; }
    .actie-product-wrapper .product-overview-product-author,
    .actie-product-wrapper .actie-product-authors a                     { color: #5e5e5e; font-weight: normal; }
    .actie-product-wrapper .actie-product-bestelregelwrapper            { order: 4; }

    .actie-product-wrapper .product-info-bestelitem-button-label        { display: none; }
    .actie-product-wrapper .btn.btn-action-outline                      { color: #fff; background-color: var(--bg-primary-color); border-color: var(--bg-primary-color); }
    .actie-product-wrapper .btn.btn-action-outline:hover                { background-color: var(--bg-primary-hover-color); border-color: var(--bg-primary-hover-color); }
    .actie-product-wrapper .btn.btn-action-outline.soldout,
    .actie-product-wrapper .btn.btn-action-outline.soldout:hover        { background-color: #d6d6d6; border-color: #d6d6d6; }
    .actie-product-wrapper .side-block-product-price                    { margin: 0 10px 0 0; color: var(--bg-primary-color); }








.actie-product-wrapper .side-block-product-authors {
    margin: 0;
}

.actie-product-wrapper .product-block-image-stip {
    display: none;
}

.actie-product-bestelregelwrapper {
    margin: auto 0 0 auto;
}

.bestelitemregel-actie-verschijningsvorm {
    color: #b2b2b2;
    line-height: 15px;
}

.bestelitemregel-actie {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.actie-product-bestelregelwrapper .side-block-product-price {
    margin: 0 10px 0 0;
    color: #fc5038;
}

.actie-product-bestelregelwrapper .side-block-product-button,
.actie-product-bestelregelwrapper .product-info-bestelitem-button {
    width: auto;
    height: auto !important;
    padding: 8px 14px;
    font-size: 20px;
}

.actie-product-bestelregelwrapper .product-info-bestelitem-button-label {
    display: none !important;
}


@media only screen and (max-width:767px) {

    .actie-product-wrapper {
        flex: 0 0 calc(100% - 10px);
    }

    .actie-products-top-image.desktop {
        display: none;
    }

    .actie-products-top-image.mobile {
        display: block;
    }

    .product-tabs-panels .actie-product-wrapper,
    .page-main-wrapper .actie-product-wrapper       { flex: 0 0 100%; }

}
















/**
 *	REVIEWS 2020
 */

.reviewformulier {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.reviewformulier {
    padding: 0 10px;
    box-sizing: border-box;
}

.reviewformulier-block {
    width: 100%;
    max-width: 680px;
}

.reviewformulier-form-voorwaarden {
    width: 100%;
    box-sizing: border-box;
    height: 150px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ccc;
    overflow-y: scroll;
}

.reviewformulier-form-row {
    display: flex;
    margin: 0 0 10px;
}

.reviewformulier-form-label {
    width: 30%;
    margin: 0 20px 0 0;
}

.reviewformulier-form-input {
    width: 60%;
}

.reviewformulier-form-input label {
    display: flex;
    align-items: flex-start;
}

.reviewformulier-form-input textarea {
    width: 100%;
    box-sizing: border-box;
}

.reviewformulier-form-inputfield {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

.reviewformulier label          { display: flex; align-items: center; cursor: pointer; }
.reviewformulier label input    { margin: 0 5px 0 0; }

.reviewformulier-form-input.submit {
    display: flex;
    align-items: center;
}

.reviewformulier-form-input.submit .wait-indicator {
    margin: 0 0 0 10px;
    display: none;
}

.reviewformulier-product {
    display: flex;
    flex-flow: row nowrap;
    padding: 15px;
    background-color: #efefef;
    box-sizing: border-box;
}

.reviewformulier-preview-image-wrapper {
    margin-right: 20px;
}

.reviewformulier-preview-image-wrapper .reviewformulier-preview-image {
    max-height: 120px;
}

.reviewformulier-preview-info-title {
    /* font: 14px/22px 'ZonaPro-ExtraBold', Arial, Helvetica, sans-serif; */
    font-weight: 600;
}

.reviewformulier-preview-info-author-imprint {
    color: #838992;
}

.reviewformulier-sterren {
    display: flex;
    flex-flow: row nowrap;
}

.reviewformulier-ster-radio {
    float: left;
}

.reviewformulier-ster-label {
    display: none;
}

.reviewformulier-ster-description {
    display: none;
}

.review-done-msg {
    text-align: left;
    padding: 20px;
    border: 1px solid #000;
    box-sizing: border-box;
    width: 100%;
    max-width: 680px;
    margin-bottom: 20px;
}
.product-review {
    border-top: 1px solid #efefef;
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-review-stars {
    color: #fc5038;
}

.product-review-user {
    color: #838992
}

.product-review-text {
    margin-top: 10px;
    margin-bottom: 20px;
}

.product-review-text-full {
    display: none;
}

.product-review-read-more {
    font-size: 12px;
    color: #838992;
    cursor: pointer;
}

.product-review-reply {
    margin: 10px 0 0;
    padding: 0 0 3px 20px;
    border-left: 2px solid #dfdddd;
}

.product-review-reply-title {
    display: flex;
    color: #838992;
}

.product-review-reply-title h4 {
    color: #000;
}

.stars-overview {
    margin-bottom: 15px;
}

.stars-overview-norating {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
}

.stars-overview-norating .label {
    margin: 0 25px 0 0;
    font-size: 14px;
    color: #999;
}

.stars-row {
    display: flex;
    flex-flow: row nowrap;
}

.stars-row .review-stars {
    min-width: 90px;
    font-size: 0.8rem;
    letter-spacing: -2px;
    line-height: 10px;
}

.stars-row .review-stars img {
    transform: scale(0.8);
}

.stars-row .review-bar {
    background-color: #f3f3f3;
    height: 12px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 100%;
}

.stars-row .review-bar .review-percentage {
    background-color: #fc5038;
    height: 12px;
}

.stars-row .review-number {
    min-width: 30px;
    font-size: 0.9rem;
    text-align: right;
    line-height: 10px;
    color: #666
}

.star-review-bottom {
    min-width: 150px;
}

.star-review-bottom div.star-rating-readonly a {
    cursor: pointer !important;
}

.review-admin-delete-button {
    float: right;
    height: 2em;
    cursor: pointer;
}

.review-admin-reply-form {
    display: flex;
    justify-content: space-between;
}

.review-admin-reply-form textarea {
    height: 2.3em;
    width: 100%;
    margin: 0 10px 0 0;
    resize: vertical;
    border: 1px solid #ddd;
}

.review-admin-reply-button {
    height: 2em;
    margin: 0 1px 0 0;
    color: #aaa;
    border: 1px solid #ddd;
    background: #fff !important;
    cursor: pointer;
}

.review-admin-reply-button:hover {
    border: 1px solid #ddd;
}


#reviewslist {
    position: relative;
    top: -175px;
    border: 1px solid red;
    visibility: hidden;
}

.reviews-bottom-wrapper {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #efefef;
}


.req-field-label-info {
    font-size: 12px;
    line-height: 14px;
}

.wait-indicator,
#reviewFeedback {
    display: none;
}

/**
 * FORM / REVIEW VALIDATION
 **/
.input-field-error {
    border: 1px solid #F00;
}

input[type="checkbox"].input-field-error {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 0, 0, 1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(255, 0, 0, 1);
    box-shadow: 0px 0px 0px 1px rgba(255, 0, 0, 1);
}

.input-label-error {
    color: #F00 !important;
}

.not-available.product-page {
    margin: 0 0 10px;
    color: #d84512;
    font-size: 14px;
    line-height: 16px;
}

.toegangsform-errormessage      { color: #F00 !important; }
.toegangsform-errormessage a    { color: #F00 !important; text-decoration: underline; }

/**
 * FORM / REVIEW VALIDATION
 **/
.reviewoverview {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 30px;
}

.reviewoverview-block {
    width: 100%;
    max-width: 680px;
}
















.docentexemplaar-form-input #akkoord        { margin: 0 8px 0 0; }

.docentexemplaar-form-inputfield {
    padding: 5px 10px;
    border: 1px solid #ccc;
}


























/**
 *	PRODUCT OVERVIEW
 */
.product-overview-filters-maintitle {
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 21px;
}

.product-overview-wrapper {
    display: flex;
    justify-content: space-between;
}

.product-overview-filters-wrapper {
    max-width: 30%;
    width: 100%;
    min-width: 300px;
}

.product-overview-filters-title.filter,
.product-overview-filters-title-wrapper {
    display: none;
}

.product-overview-filters-title-wrapper .product-list-title {
    margin: 0;
    font-size: 26px;
}

.product-overview-filters {
    padding: 20px 20px 10px;
    border-top: 1px solid #d7d7d7;
    /* background: #efefef; */
}

.product-overview-filters-title {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700 !important;
    border-top: 1px solid #c0c0c0;
}

.product-overview-filters-title:first-child {
    margin: 0;
    padding-top: 0;
    border-top: 0;
}

@media only screen and (max-width:1200px) {

    .product-overview-filters {
        border: 0;
    }
    
    .product-overview-filters-title {
        line-height: 20px;
    }

}

.rubriek-title-wrapper .product-overview-filters-title  { padding: 10px 20px; }

.product-overview-filter-section {
    margin: 0 0 20px;
}

.product-overview-filter-section:last-child {
    margin: 0 0 10px;
}

.product-overview-filter-section-title {
    font-size: 16px;
}

.product-overview-filter-section-rubriek {
    display: block;
    padding: 5px 0 5px 15px;
    background: url('../images/arrow-right-black.svg') 0 9px / 15px auto no-repeat;
}

.product-overview-filter-section-reeks {
    display: block;
    padding: 5px 0 5px 15px;
    background: url('../images/arrow-right-black.svg') 0 9px / 15px auto no-repeat;
}

.product-overview-filter-section-wrapper {
    margin: 0;
}

.product-overview-filters-toggle {
    display: block;
    padding: 5px 0 5px 15px;
    background: url('../images/arrow-down-black.svg') 98% 5px / 23px auto no-repeat;
}

.product-overview-filter {
    margin: 4px 0;
    padding: 0;
}

.product-overview-filter .side-menu-item {
    display: block;
    padding-left: 18px;
}

.product-overview-filter .side-menu-item input[type="checkbox"] {
    margin-left: -18px;
}

.product-overview-filter.selected a {
    font-weight: 600;
}

.product-overview-filter.empty {
    color: #aaa;
}

.product-overview-filter-check {}

.product-overview-slider-wrapper {
    padding: 20px 0 0;
}

.ui-slider-horizontal .ui-slider-handle {     top: -2px !important; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.35) !important; }

.product-overview-filter-slider {
    width: 250px;
    margin: 0 auto 20px 0;
}

.product-overview-filter-slider-details {
    display: flex;
}

.product-overview-filter-slider-details span {
    margin: 0 10px 0 0;
    line-height: 25px;
}

.filter-range-input {
    margin: 0 7px 0 0;
    padding: 4px 8px;
}

.filter-range-button {
    padding: 0 10px;
    background: #777;
    color: #fff;
    font-size: 24px;
}

.filter-range-button:hover {
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
}

.product-overview-rubrieken {
    margin: 0 0 20px;
    padding: 0;
    background: #efefef;
}

.product-overview-description       { margin: 0 0 30px; padding: 20px; border: 1px solid #d4d4d4; }


/* productoverzicht */
.meer-minder-button         { color: #489db1; padding: 4px 0 0; cursor: pointer; }
.meer-minder-button .fa-chevron-down,
.meer-minder-button .fa-chevron-up    { font-size: 14px; }


.rubriek-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 36px;
    border-top: 1px solid #c4c4c4;
}

.rubriek-title {
    padding: 0 20px;
    font-weight: 400;
}

.open .rubriek-title {
    font-weight: 600;
}

.rubriek-item.active {
    font-weight: 600;
}

.rubriek-toggle {
    padding: 10px 20px;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
}

.rubriek-toggle-open {
    display: none;
}

.open .rubriek-toggle-closed {
    display: none;
}

.open .rubriek-toggle-open {
    display: block;
}

.rubriek-toggle-closed .fa-minus,
.rubriek-toggle-open .fa-minus,
.rubriek-toggle-closed .fa-plus,
.rubriek-toggle-open .fa-plus {
    display: block;
    font-size: 12px;
}


.product-overview-filters {
    position: relative;
}

.product-overview-filters-clear {
    position: absolute;
    top: 21px;
    right: 15px;
    font-size: 13px;
}

.rubriek-content {
    padding: 0 20px 20px;
    display: none;
}

.open .rubriek-content {
    display: block;
}

.rubriek-item {
    display: block;
    padding: 5px 0 5px 15px;
    background: url('../images/arrow-right-black.svg') 0 9px / 15px auto no-repeat;
}

.product-overview-overview-wrapper {
    max-width: 70%;
    width: 100%;
    min-width: 650px;
    padding-left: 40px;
    box-sizing: border-box;
}

.product-overview-tab-wrapper {}

.product-overview-overview-count {
    display: flex;
    margin: 0 0 17px;
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
}

.searchmode .product-overview-overview-count-products {
    order: 1;
    padding: 10px 15px;
    background: #eee;
    font-weight: 700;
    font-size: 18px;
}

.searchmode .product-overview-overview-count-website {
    order: 2;
    flex-grow: 1;
    margin: 0 0 0 1px;
    font-weight: 700;
    font-size: 18px;
}

.searchmode .product-overview-overview-count-website a {
    display: inline-block;
    padding: 10px 15px;
    background: #d3d3d3;
}

.search-tab-website {
    padding: 10px 15px;
    background: #eee;
    font-weight: 700;
    font-size: 18px;
}

.search-tab-products {
    margin: 0 0 0 1px;
    font-weight: 700;
    font-size: 18px;
}

.search-tab-products a {
    display: inline-block;
    padding: 10px 15px;
    background: #d3d3d3;
}

.search-tab-bottom-line {
    flex-grow: 1;
    height: 1px;
    background: #efefef;
    align-self: flex-end;
}

.searchmode .search-tab-bottom-line {
    flex-grow: 0;
}

/* Producten list view */
.product-overview-intro {
    margin: 0 0 17px;
}

.product-overview-product {
    display: block;
    width: 100%;
    padding: 25px 0;
    clear: left;
}

.product-overview-product-image {
    float: left;
    width: var(--cover-large-width);
    margin: 0 var(--cover-large-margin) 0 0;
}

.product-overview-product-image-wrapper {
    position: relative;
}

.product-overview-product-info {
    width: CALC(100% - var(--cover-large-container));
    margin-left: var(--cover-large-container);
    display: flex;
    flex-direction: column;
}

.product-overview-product-title {
    margin: 0 0 3px;
    line-height: 28px;
}

.product-overview-product-subtitle {
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
}

.product-info-small {
    margin: 0 0 10px;
    color: #5e5e5e;
}

.product-overview-product-author {
    color: #5e5e5e;
    font-weight: 600;
}

.product-overview-product-imprint {
    color: #5e5e5e;
    font-weight: normal;
}



.productgroup-overview-banner                                        { padding: 20px; background: #eee; padding: 0; background: #fff; border: 1px solid #d6d6d6; filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, 0.17)); }
    .productgroup-overview-banner .product-overview-product-image    { width: 240px; padding-right: 20px; margin-right: 0; display: flex; justify-content: center; align-items: flex-start; }
    .productgroup-overview-banner .product-image                    { width: 200px; }
    .productgroup-overview-banner .product-overview-product-info     { width: CALC(100% - 240px); padding: 0 30px 0 0; }

    .productgroup-overview-banner .product-overview-productgroup-intro                   { margin: 0; }
    .productgroup-overview-banner .product-overview-productgroup-contentwrapper          { margin: 0; padding: 0; border: 0; }
    .productgroup-overview-banner .product-overview-productgroup-info-summary-wrapper    { padding: 0; }
    .productgroup-overview-banner .productgroup-overview-infowrapper                     { padding: var(--cover-large-margin); width: CALC(100% - 240px);}
    .productgroup-overview-banner .product-overview-productgroup-infowrapper             { position: relative; font-weight: 600; }

    .productgroup-overview-banner figure.product-overview-product-image img   { max-width: 100%; }
    .productgroup-overview-banner .product-overview-product-image   { padding: 2rem 0 0; background: #eee; }
    .productgroup-overview-banner .product-overview-product-image a     {display: flex; align-items: center; justify-content: center; }


@media only screen and (max-width:1024px) {
  
    .productgroup-overview-banner .product-overview-product-image           { width: 40%; margin: 0; }
    .productgroup-overview-banner .productgroup-overview-infowrapper        { width: 60%; }
    .productgroup-overview-banner .product-overview-product-info            { width: auto; }
    .productgroup-overview-banner .product-overview-productgroup-infobar    { justify-content: end; }
    .productgroup-overview-banner figure.product-overview-product-image img     { max-width: 80%; }
}




.product-overview-rating-wrapper {
    display: flex;
    margin: 0 0 5px;
}

.product-overview-rating-container {
    display: none;
}

.product-overview-product-intro,
.product-overview-productgroup-intro {
    margin: 0 0 25px;
}

.bestelitems-list {
    margin: 10px 0 10px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 3px;
}

.product-overview-product.product-set .bestelitems-list { margin: 0 0 10px; }

.bestelitems-list .product-info-bestelitem-infowrapper,
.bestelitems-list .product-info-bestelitem-info {
    overflow: hidden;
}

.bestelitems-list .product-info-bestelitem-details-extra {
    display: none;
}

.product-overview-bestelitems-wrapper {
    width: CALC(100% - var(--cover-large-container));
    margin-left: var(--cover-large-container);
}

.product-overview-bestelitems-wrapper .bestelitems-list {
    display: flex;
    flex-flow: column nowrap;
    width: 100%
}

.product-set .bestelitems-list {
    border-radius: 0 0 3px 3px;
}

.productgroup-block-wrapper .bestelitems-list       { margin: 0 0 10px; border-radius: 0 0 3px 3px; }


.product-overview-extras-wrapper {
    display: flex;
    font-size: 14px;
    align-items: center;
}

.product-overview-extras-wrapper .wishlist,
.product-overview-extras-wrapper .xs-pdf-viewer     { font-size: 12px; color: #000; }

.product-overview-pdf {
    margin: 0 40px 0 0;
    padding: 0 0 0 15px;
    background: url('../images/icon-book.svg') 0 5px / 10px auto no-repeat;
}

.product-info-bestelitem-button-wrapper         { text-align: center; }
.product-info-bestelitem-button-wrapper.apps {
    display: flex;
}

.product-app-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 0 0 1px;
    padding: 0 15px;
    background: #aaa;
}

.product-sets-container {
    order: 3;
    padding: 0;
    border-bottom: 0;
}

.product-sets-container-title {
    padding: 5px 10px;
    font-weight: 600;
    background: #eee;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.product-set-item {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #e4e2e2;
}

.product-set-item:last-of-type {
    border: 0;
}

.product-list-image-container {
    width: 70px;
}

.product-list-image-container img {
    max-width: 80%;
}

.product-list-info-container .product-info-bestelitem-details {
    line-height: 18px;
}

/* banner productoverview */
.product-overview-banner {
    margin: 25px 0;
    border: 1px solid #d4d4d4;
}

.product-overview-banner-image-desktop {
    display: block;
    width: 100%;
    __width: 648px;
}

.product-overview-banner-image-mobile {
    width: 100%;
    max-width: 385px;
    display: none;
}

.product-overview-banner-content-wrapper {
    padding: 0 30px;
}

h2.product-overview-banner-title {
    margin: 0 0 5px;
    line-height: 28px;
}

.product-overview-banner-subtitle {
    font-size: 20px;
}

.product-overview-banner-subtitle .fa-arrow-right {
    margin: 0 0 1px 3px;
    font-size: 11px;
}

@media only screen and (max-width:1024px) {

    .product-overview-banner-image-desktop {
        width: 100%;
    }

}

@media only screen and (max-width:767px) {

    .product-overview-banner-image-desktop {
        display: none;
    }

    .product-overview-banner-image-mobile {
        display: block;
    }

}

.text-notice     { color: #40a32e; }

/* studentenkorting */
.student-discount-notice-productpage-wrapper {
    display: inline-flex;
    margin: 0 0 7px;
    font-family: "Roboto Slab";
    font-size: 12px;
    letter-spacing: 0.5px;
    background: var(--menu-bgcolor);
    color: #000;
    border-radius: 12px;
}

.student-discount-notice-productpage-wrapper.open {
    margin: 0;
    border-radius: 12px 12px 0 0;
}

.student-discount-productpage-label {
    padding: 2px 10px;
    border-right: 2px dotted #fff;
}

.student-discount-productpage-toggle-wrapper {
    width: 27px;
    background: url('/images/info.svg') center center/7px auto no-repeat;
    cursor: pointer;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
}

.open .student-discount-productpage-toggle-wrapper {
    background: url('/images/info.svg') center center/7px auto no-repeat;
}

.student-discount-notice-info-wrapper {
    margin: 0 0 7px;
    padding: 5px 10px;
    background: var(--menu-bgcolor);
    border-radius: 0 12px 12px 12px;
    font-size: 14px;
    line-height: 18px;
    display: none;
}

.student-discount-notice-info-wrapper a {
    text-decoration: underline;
}



.student-discount-notice-wrapper {
    display: inline-flex;
    margin: 0 0 7px;
    font-family: "Roboto Slab";
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #fff;
    border-radius: 20px;
    width: fit-content;
    background-color: #fff;
    border: 1px solid #d5ebf0;
}

.student-discount-discount {
    color: #000;
    padding: 2px 0 2px 10px;
}

.student-discount-label {
    color: #000;
    padding: 2px 10px 2px 5px;
}

.student-discount-shoppingbasket-wrapper {
    display: flex;
    align-items: stretch;
    margin: 0 0 20px 0;
}

.student-discount-shoppingbasket-discount {
    display: flex;
    align-items: center;
    padding: 20px 25px 20px 20px;
    font-family: "Roboto Slab";
    font-weight: 900;
    font-size: 46px;
    line-height: 41px;
    border-right: 3px dashed #fff;
    background: #e33e86;
    color: #fff;
    border-radius: 3px 0 0 3px;
}

.student-discount-shoppingbasket-discount span {
    margin: 0 0 0 10px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.student-discount-shoppingbasket-content {
    padding: 10px 25px;
    font-size: 17px;
    border-color: #ded9d9;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-radius: 0 3px 3px 0;
}

.student-discount-shoppingbasket-content label {
    display: block;
    position: relative;
    padding: 3px 0 0 25px;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.student-discount-shoppingbasket-content label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.student-discount-shoppingbasket-content .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #e33e86;
}

.student-discount-shoppingbasket-content .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.student-discount-shoppingbasket-content label input:checked~.checkmark:after {
    display: block;
}

.student-discount-shoppingbasket-content label:hover input~.checkmark {
    background-color: #fff;
}

.student-discount-shoppingbasket-content label input:checked~.checkmark {
    background-color: #e33e86;
}

.student-discount-shoppingbasket-content label .checkmark:after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ======================== UNDER CONSTRUCTION ======================== */
.student-discount-shoppingbasket-wrapper,
.student-discount-notice-productpage-wrapper,
/* .student-discount-notice-wrapper					{ display: none; }			 */
.student-discount-notice-wrapper {
    display: inline-flex;
    line-height: 19px;
}

.student-discount-shoppingbasket-condition-wrapper {
    font-size: 16px;
    line-height: 19px;
}

.student-discount-shoppingbasket-wrapper.unfulfilled {
    width: 100%;
}

.unfulfilled .student-discount-shoppingbasket-discount {
    padding: 10px 25px 10px 20px;
}

.unfulfilled .student-discount-shoppingbasket-content {
    width: 100%;
    padding: 20px 25px;
    font-weight: 700;
}

@media only screen and (max-width:1024px) {

    .student-discount-shoppingbasket-discount {
        padding: 20px 35px 20px 20px;
    }

    .student-discount-shoppingbasket-content {
        height: auto;
        padding: 15px 20px;
    }

    .student-discount-shoppingbasket-content label {
        margin: 10px 0 0;
    }

}

@media only screen and (max-width:767px) {

    .student-discount-shoppingbasket-wrapper {
        display: block;
    }

    .student-discount-shoppingbasket-discount {
        padding: 10px 35px 10px 20px;
        border: none;
        border-radius: 3px 3px 0 0;
    }

    .student-discount-shoppingbasket-content {
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 3px 3px;
    }

    .unfulfilled .student-discount-shoppingbasket-content {
        width: auto;
    }

}



/**
 *	SELECTED FILTERS
 */
.filters-selected-wrapper {
    display: flex;
    flex-wrap: wrap;
}

div.filters-selected-container div.filters-header {
    margin: 0 0 10px;
    font-weight: bold;
}

.filters-header {
    margin: 0 0 5px;
}

.filters-selected-container {
    display: inline;
}

.filters-selected-container ul {
    display: inline;
}

.filters-selected-container:last-of-type {
    margin: 0 0 30px;
}

.filters-selected-wrapper a.itemDelete {
    display: inline-block;
    min-width: 27px;
    min-height: 10px;
    margin: 0 8px 8px 0;
    padding: 2px 8px;
    border: 1px solid rgb(184, 212, 230);
    background-color: rgb(230, 245, 255);
    text-decoration: none;
    cursor: pointer;
}


/**
 *	PRODUCTGROUP OVERVIEW
 */
.product-overview-productgroup-contentwrapper {
    border: 0px;
    display: block;
}

.productgroup-product-title {
    width: 70%;
}

.product-overview-productgroup-contentwrapper {
    margin-top: 0.5rem;
}

.product-overview-productgroup-info-summary-wrapper {
    padding-left: 10px;
}

.product-overview-productgroup-infobar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    font-weight: 600;
    margin-bottom: 7px;
}

.productgroup-product-price {  
    white-space: nowrap;
    padding-left: 5px;
}

.productgroup-product {
    display: flex;
    justify-content: space-between;
    padding: 4px 10px 2px;
    font-size: 15px;
    border-top: 1px solid #efefef;
}

@media (min-width: 768px) {
    .product-overview-productgroup-contentwrapper {
        padding: 7px 7px 3px;
        border: 1px solid #d4d4d4;
        border-radius: 3px;
        margin-top: 1rem;
    }
}




/**
 *	TILES
 */
.tiles-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.xs-editmode.preview .tiles-wrapper {
    padding: 20px 0 0;
}

.tiles-wrapper .divgumbuttons.xsInsertAnim {
    position: absolute;
    top: -15px;
    left: 0;
}

.tile-wrapper {
    position: relative;
    __width: 33%;
    min-height: 205px;
    margin: 0 0 20px;
}


.tile-wrapper a:focus       { display: block; padding: 10px 0; }




.tile-placeholder   { width: 33%; }

.tile-backgroundimage {
    display: block;
}

.tile-backgroundimage.shadow {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
}

.tile-title-wrapper {
    position: absolute;
    bottom: 0;
    width: calc(100% - var(--bs-gutter-x));
    padding: 8px 20px;
    font-weight: 600;
    font-size: 26px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background: #000;
}

.tegel-overview-wrapper .tile-title-wrapper     { width: 100%; }

.tile-title-wrapper.nobg        { background: transparent !important; }

.tile-title-wrapper.clr-wit,
.tile-icon.clr-wit {
    color: #fff;
}

.tile-title-wrapper.clr-zwart,
.tile-icon.clr-zwart {
    color: #000;
}

.tile-content-wrapper.clr-lightgrijs,
.tile-icon-wrapper.clr-lightgrijs {
    background: #efefef;
}

.tile-icon-wrapper.clr-donkergrijs {
    background: #4a4f56;
}

.tile-icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 60px;
    font-size: 85px;
}

.tile-intro-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: calc(100% - var(--bs-gutter-x));
    padding: 15px 20px;
    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);
    background: #eee;
    color: #000;
    text-align: center;
    align-content: center;
    transition: opacity .15s ease-in;
    opacity: 0;
    z-index: 20;
}

.tile-wrapper:hover .tile-intro-wrapper {
    display: block;
    transition: opacity .15s ease-in;
    opacity: 1;
}

.tile-intro-link:hover {
    text-decoration: underline;
}

/**
 *	FAQ
 */
.faq-container+.article.whitespace {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

.faq-container {
    margin: 0 0 15px;
}

.faq-container h3 { border-top: 1px solid #dadada; }

h3 .faq-question {
    margin: 0;
    padding: 10px 0 2px 25px;
    font-size: 16px;
    line-height: 20px;
    background: url('../images/icon-plus-black-border.svg') 0px 12px / 16px auto no-repeat;
    cursor: pointer;
    border: 0;
}

h3 .faq-question.open {
    background: url('../images/icon-minus-black-border.svg') 0px 12px / 16px auto no-repeat;
}

.faq-answer {
    width: 90%;
    padding: 10px 25px;
    display: none;
}

.faq-answer.open {
    display: block;
}

.faq-image {
    max-width: 100%;
}



/**
 *	NAVBAR
 */
.navigation-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
}

.navigation-wrapper.bottom {
    padding: 0;
    border: none;
}

.pagedListTopnav {
    flex: 1 0 auto;
}

.navbar {
    margin: 0 0 15px;
    padding: 5px 0 0;
    justify-content: flex-start;
}

.navbarActivePageNumber {
    margin: 0 20px 0 0;
    font-family: 'SofiaProBold';
    line-height: 20px;
}

.navbarPreviousArrow,
.navbarDots,
.navbarPageNumber {
    margin: 0 20px 0 0;
    line-height: 21px;
}

.navbar a {
    color: #000;
}

.page-number {
    padding: 6px 12px;
}

.navbar-next-arrow {
    margin: 0 10px;
}

.page-number.activepage {
    font-weight: 700;
}

.pagedListBottomnav {
    flex: 1 0 auto;
}

.xsearchNavbarContainer .navbar {
    display: flex;
}

.sort {
    position: relative;
    text-align: right;
}

.active-sortoption {
    padding: 5px 10px 5px 15px;
    cursor: pointer;
    font-size: 15px;
}

.active-sortoption-name {
    margin: 0 5px 0 0;
}

.sortoptions-container {
    position: absolute;
    top: 33px;
    right: 0;
    width: 200px;
    padding: 15px;
    background: #fff;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #c0c0c0;
    font-size: 15px;
    z-index: 40;
    display: none;
}

.sortoptions-container .sortoption {
    cursor: pointer;
}

.sortoptions-container .sortoption:hover {
    text-decoration: underline;
}

#resultcount-container {
    display: flex;
}

#resultcount {
    position: relative;
}

#selected-resultcount {
    min-width: 40px;
    margin: 0 5px;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #c0c0c0;
}

#resultcount-options {
    position: absolute;
    top: 23px;
    left: 5px;
    width: 40px;
    padding: 5px;
    background: #fff;
    border: 1px solid #c0c0c0;
    display: none;
}

.resultcount-option:hover {
    text-decoration: underline;
    cursor: pointer;
}


/*
 *	SEARCH PAGE
 */
#xearchNavbarTop {
    margin: 0 0 30px;
}

#xsearchResultContainer {
    min-height: calc(100vh - 384px);
}

.xsearchResult {
    border-top: 1px solid #c0c0c0;
    padding: 25px 0;
}

.xsearchResultsMessage {
    display: inline-block;
}

.xsearchResult .xsearchResult-type {
    display: none;
}

.xsearch-page-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.xsearchSnippet {
    margin: 0 0 10px;
}

.xsearchUrl a {
    color: #777;
}

.xsearchHighlightedKeyword {
    background: #ececec;
    border-bottom: 1px solid #bfbfbf;
}



.newsletter-subscribe-wrapper.clr-lightgrijs {
    background: #efefef;
}

.newsletter-subscribe-wrapper.clr-donkergrijs {
    background: #4a4f56;
}


/*
 *	NOTIFICATION
 */
.shop-notification-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .4;
    z-index: 165;
}

.shop-notification {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 640px;
    max-width: 80%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .3);
    z-index: 170;
}

.shop-notification-title {
    padding: 10px 40px 10px 20px;
    background: #e7e7e7;
}

.shop-notification-title.mail {
    font-weight: 600;
}

.shop-notification-title button.close-modal {
    position: absolute;
    top: 14px;
    right: 20px;
    cursor: pointer;
    border: none;
    background: transparent;
}

.shop-notification-content {}

.shop-notification-item {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.shop-notification-inner {
    padding: 20px;
}

.shop-notification-inner a {
    color: ;
}

.shop-notification-item-image-container {
    width: 130px;
}

.shop-notification-item-content-container {
    width: 450px;
}

.shop-notification-mailinputbox {
    width: 264px;
    margin: 5px 0 10px;
    padding: 7px 12px;
}

.shop-notification-mailinputbox.bookshelf {
    width: 394px;
}




@media only screen and (max-width:800px) {

    .shop-notification-item-content-container       { margin: 0 0 0 20px; }
    .shop-notification                              { top: 50px !important; }

}

@media only screen and (max-width:600px) {

    .shop-notification-item-image-container             { display: none; }
    .shop-notification-item-content-container           { max-width: 100%; margin: 0; }
    .shop-notification-item-content-container .btn      { white-space: wrap; }

}









/**
 *	AUDIOPLAYER
 */
.automated-audio-player {
    padding: 0 0 0 17px;
    background: url('../images/icon-player-bfi.svg') 1px center / 13px auto no-repeat;
    cursor: pointer;
}

.bua-audioplayer-wrapper {
    display: flex;
    align-items: center;
    bottom: 0;
    left: 0;
    width: 800px;
    padding: 35px 30px 33px;
    background: #777;
}

#mp3player {
    width: 35%;
}

.bua-audioplayer-title {
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
}

.bua-audioplayer-close {
    position: absolute;
    top: calc(50% - 6px);
    right: 35px;
    height: 25px;
    width: 25px;
    background: url('../images/close.png') -14px -14px / 50px auto no-repeat;
    cursor: pointer;
}






.newsletter-preferences-overview {
    width: 100%;
    margin: 0 0 15px;
    border-top: 1px solid #e4e4e4;
}

.newsletter-preference-row {
    border-bottom: 1px solid #e4e4e4;
}

.newsletter-preference-title {
    width: 300px;
    padding: 5px 0;
}

.newsletter-preference-radio-wrapper {
    width: 100px;
    padding: 5px 0;
}

.newsletter-preferences-overview .fa-check {
    margin: 0 0 0 15px;
}

.newsletter-preference-preferences-wrapper {
    position: relative;
    padding: 5px 0;
}

.newsletter-preference-preferences-toggle {
    cursor: pointer;
}

.newsletter-preference-preferences-toggle.hidden {
    display: none;
}

.newsletter-preference-preferences-toggle::after {
    content: " ";
    display: inline-block;
    width: 23px;
    height: 17px;
    background: url(../images/arrow-down-black.svg) 98% 0 / 23px auto no-repeat;
}

.newsletter-preference-preferences-toggle .fa {
    margin: 0 0 0 5px;
}

.newsletter-preference-preferences-menu {
    position: absolute;
    top: 32px;
    width: 400px;
    padding: 10px 15px;
    background: #f1f1f1;
    font-size: 14px;
    border: 1px solid #e4e4e4;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
    z-index: 10;
    display: none;
}

.newsletter-preference-detail {}

.newsletter-preference-detail.first-detail {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.newsletter-preference-detail-description {
    padding-left: 5px;
}

.accountpage-newsletter-preferences-usermessage {
    color: #f00;
}

@media only screen and (max-width:1024px) {

    .newsletter-preferences-overview,
    .newsletter-preferences-overview tbody {
        display: block;
    }

    .newsletter-preference-row {
        display: flex;
        flex-flow: row wrap;
    }

    .newsletter-preference-title {
        width: calc(100% - 120px);
    }

    .newsletter-preference-radio-wrapper {
        width: 60px;
    }

    .newsletter-preference-preferences-menu {
        position: relative;
        top: 0;
        width: 100%;
        padding: 10px 0;
        box-shadow: none;
        border: 0;
    }

    .newsletter-preference-preferences-wrapper {
        padding: 0 0 7px;
    }

    .newsletter-preference-preferences-toggle {
        color: #777;
    }

}


/**
 *  FORM
 */
.xsformbuilder_small_textbox {
    display: none;
}

.xsInPageAddContent {
    width: 200px;
    margin: 0 0 15px;
}

.xsInPageAddContent button {
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background: #bcc5c8;
    border-radius: 5px;
    border: none;
}

.xsInPageAddContent button:hover {
    background: #009cb4;
}

.form_table .col1 {
    width: 25%;
    padding: 5px;
    vertical-align: top;
}

.form_table .col2 {
    width: 75%;
    padding: 5px;
}

.form_table .col2 .info {
    font-size: 12px;
    color: #aaa;
    font-style: italic;
}

.form-table-row {
    display: flex;
    margin: 0 0 10px;
}

.form-table-row .col1 {
    width: 170px;
    padding: 0 20px 0 0;
}

.col2 .textfield {
    width: 340px;
    margin: 0 5px 0 0;
}

.col2 .textfield.postcode-cijfers {
    width: 40px;
    margin: 0 4px 0 0;
}

.col2 .textfield.postcode-letters {
    width: 25px;
    text-transform: uppercase;
}

.col2 .textfield.datum-dag {
    width: 25px;
    margin: 0 4px 0 0;
}

.col2 .textfield.datum-maand {
    width: 25px;
    margin: 0 4px 0 0;
}

.col2 .textfield.datum-jaar {
    width: 40px;
    margin: 0 4px 0 0;
}

.col2 .textarea {
    height: 80px;
    width: 340px;
    resize: vertical;
}

.col2 select {
    width: 362px;
    padding: 5px;
    border: 1px solid #ccc;
}

input[type='button'].form-button {
    margin: 5px 0 0 5px;
    padding: 5px 15px;
    border: 0;
    background: #00a3aa;
    color: #fff;
    cursor: pointer;
}

.req_field,
.error_text {
    font-size: 12px;
    color: #e81010;
}

.attachment_box {
    width: 345px;
}

.attachment-title {
    width: 315px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-agreement-line {
    display: flex;
    align-items: flex-start;
}

.form-agreement-line input {
    min-width: 20px;
    margin: 5px 10px 0 0;
}

/**
 *	jQuery scrollbar
 */
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}



/**
 *	FOOTER
 */
.footer {}

.footer.checkout {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    border: 0;
}

.footer-content {
    display: flex;
    justify-content: left;
    padding: 16px 0;
}

.footer-content.checkout {
    padding: 20px 0 40px;
}

.footer-top-wrapper {
    padding: 25px 0;
    border-top: 1px solid #dadada;
}

.footer-top-wrapper-content {
    display: flex;
    justify-content: space-between;
    width: var(--breakpoint-size);
    margin: 0 auto;
}

.footer-left {
    width: 61%;
}

.footer-address-logo {
    margin: 6px 0 12px;
}

.footer-right {
    padding: 15px 0;
    color: #3d3d3d;
}

.footer-mid-wrapper {
    border-top: 1px solid #fff;
    background: #dbdbdb;
}

.footer-mid-wrapper-content {
    display: flex;
    justify-content: space-between;
    width: 980px;
    margin: 0 auto;
}

.footer-row {}

.footer-row.bgwhite {}

.footer-row-contact {
    display: flex;
    justify-content: space-between;
    width: 980px;
    margin: 0 auto;
    padding: 2px 0;
    color: #585858;
}

.footer-row-contact-part {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.footer-row-contact a {
    margin: 0 0 0 5px;
    color: #585858;
}

.footer-row address {
    display: flex;
    justify-content: center;
}

.footer-row-payment {
    display: flex;
    justify-content: flex-start;
}

.footer-payment-method-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
}

.footer-row-payment-section {
    display: flex;
    margin: 0 30px 0 0;
}

.footer-address-part {
    padding: 0 0 0 55px;
    font-size: 16px;
    line-height: 24px;
}

.footer-address-part.bordered {
    border-right: 1px solid #c7c7c7;
}

.footer-payment-divider {
    margin: 0 10px;
    border-right: 1px solid #c7c7c7;
}

.footer-newsletter-wrapper {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    background: #eee;
}

.footer-newsletter-title {
    font-size: 19px;
    font-weight: 700;
    line-height: 21px;
}

.footer-newsletter-subtitle {
    font-size: 16px;
    line-height: 18px;
}

.footer-newsletter-form-input {
    width: 165px;
    padding: 10px 15px;
    border: 0;
    background: #fff;
    font-size: 15px;
    border-radius: 20px;
}


@media (min-width: 768px) {
    .footer-newsletter-form-input {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}


.footer-newsletter-arrow {
    margin: 0 15px;
}

.footer-newsletter-arrow img {
    height: 20px;
    width: auto;
}

@media (min-width: 768px) {
    .btn-footer-button  {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.btn-footer-button .fa-chevron-right {
    margin-left: 0.5rem!important;
}

.footer-newsletter-form-button {
    padding: 10px 15px;
    border: 0;
    font-size: 15px;
    font-weight: 700;
    color: #3d3d3d;
    cursor: pointer;
}

.footer-newsletter-form-message {
    display: none;
    width: 320px;
}

.footer-newsletter-form-error {
    display: none;
    width: 320px;
    color: #f00;
}

.footer-social-buttons-wrapper {
    margin: 0 0 20px;
}

.footer-social-button {
    margin: 0 10px 0 0;
    font-size: 24px;
}

.footer-logo-boom {}

.footer-logo-boom img {
    width: 70px;
}

.footer-social-wrapper {
    display: flex;
    padding: 10px 0 0;
}

.footer-social-label {
    margin: 0 15px 0 0;
    padding: 3px 0;
    font-size: 19px;
    font-weight: 700;
}

.footer-social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
    margin: 0 7px 0 0;
    border-radius: 50%;
    background: #f4f4f4;
    color: #484848;
    font-size: 18px;
}

.disclaimer-bar {
    display: flex;
    justify-content: space-between;
    width: 980px;
    margin: 0 auto;
    padding: 0 0 20px;
    font-size: 13px;
}

.newsletter-popup-wrapper {
    position: fixed;
    bottom: -300px;
    right: 30px;
    width: 365px;
    background: #fff;
    border-width: 8px 0 0;
    border-color: #aaa;
    border-style: solid;
    box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3);
    z-index: 90;
    transition: all 0.4s ease 0s;
}

.newsletter-popup-wrapper.open {
    bottom: 0;
}

.newsletter-popup-close {
    position: absolute;
    top: -38px;
    right: 0;
    padding: 0 9px;
    font-size: 30px;
    color: #fff;
    background: #aaa;
    cursor: pointer;
}

.newsletter-popup-close svg {
    transition: .4s;
    transition-delay: .19s;
    transform: rotate(180deg);
}

.newsletter-popup-content {
    padding: 25px 30px;
}

.newsletter-popup-title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 900;
    letter-spacing: -0.01em;
    margin: 0 0 0.37em 0;
}

.newsletter-popup-intro {
    margin: 0 0 15px;
}

.newsletter-popup-input {
    width: 85%;
    margin: 0 0 15px;
    padding: 5px 10px;
}

.newsletter-popup-button {
    width: 105px;
}

.open .newsletter-popup-close svg {
    transition-delay: .19s;
    transform: rotate(0);
}


@media only screen and (max-width:767px) {

    .newsletter-popup-wrapper {
        display: none;
    }

}



/**
 *	Footer 2020 
 **/

.footer-column {
    flex: 0 1 calc(25% - 22px);
    padding: 0 20px;
    border-left: 1px solid #dadada;
}

.footer-column:last-child {
    border-right: 1px solid #dadada;
}

.footer-column h3 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.footer-bottom-wrapper {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    border-top: 1px solid #dadada;
}

.footer-bottom-usp {
    margin: 0 10px;
}

.footer-bottom-usp .fa-check {
    margin: 0 5px 0 0;
}

.footer-usp {
    font-weight: 600;
}

.footer-disclaimer-container {
    background: #eee;
}

.footer-disclaimer-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 980px;
    margin: 0 auto;
    padding: 15px 0;
}

.footer-payment-method-logo.thuiswinkel img {
    width: 115px;
}

.footer-disclaimer-items a {
    margin: 0 10px;
    font-weight: 600;
    font-size: 13px;
    color: #3d3d3d;
}

.footer-copyright {
    color: #8d8d8d;
}

.footer-copyright a {
    color: #8d8d8d;
}


@media only screen and (max-width:1024px) {

    .footer-top-wrapper-content,
    .footer-disclaimer-wrapper {
        max-width: 730px;
        width: auto;
    }

}

@media only screen and (max-width:767px) {


    .footer-top-wrapper {
        padding: 25px 0 0;
    }

    .footer-top-wrapper-content {
        flex-flow: column;
    }

    .footer-column,
    .footer-column:last-child {
        width: calc(100% - 40px);
        max-width: 500px;
        margin: 0 auto 20px;
        padding: 0;
        border: 0;
    }

    .footer-newsletter-arrow {
        display: none;
    }

    .footer-newsletter-form form {
        flex-flow: column;
    }

    .footer-newsletter-form-input {
        box-sizing: border-box;
        width: 100%;
        margin: 0 0 10px;
    }

    .footer-newsletter-label,
    .footer-newsletter-form,
    .footer-bottom-usp {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 10px;
        padding: 3px 0;
        font-size: 13px;
    }

    .footer-newsletter-wrapper,
    .footer-disclaimer-wrapper,
    .footer-bottom-wrapper {
        flex-flow: column nowrap;
        padding: 20px;
    }

    .footer-disclaimer-wrapper {
        align-items: flex-start;
        max-width: 500px;
        margin: 0 auto;
    }

    .footer-social-wrapper {
        justify-content: flex-start;
        width: 100%;
        margin: 0 auto;
    }

    .footer-disclaimer-items {
        margin: 0 0 10px;
    }

    .footer-disclaimer-items a {
        display: block;
        margin: 0;
    }

    .footer-payment-method-logo {
        justify-content: start;
    }

    .footer-newsletter-form-input                       { width: 100%; }
    .footer-newsletter-form button                      { margin: 0 !important; }
    .footer-newsletter-form button:not(:last-of-type)   { margin: 0 0 10px !important; }

}



/**
 *	Target IE10 and IE11
 */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .vervolg-wide .cart-shipping.postnl {
        background: url('/images/shopflow/logo-postnl.svg') 2px 8px / 140px auto no-repeat;
    }

    .vervolg-wide .cart-shipping.fedex {
        background: url('/images/shopflow/logo-fedex.svg') 3px 20px / 50px auto no-repeat;
    }

    .shop-cart-row-item.titlerow {
        padding: 5px 0
    }

    .shop-cart-total.titlerow {
        padding: 5px 15px 5px 0
    }

    .footer-newsletter-form-input {
        padding: 9px 10px;
    }

}



/**
 *   ColorBox Core Style:
 *  The following CSS is consistent between example themes and should not be altered.
 */
#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

/**
 *   User Style:
 *   Change the following styles to modify the appearance of ColorBox. They are
 *   ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #c4c4c4;
}

#cboxContent #cboxLoadedContent {
    -webkit-filter: drop-shadow(2px 4px 4px #666);
    filter: drop-shadow(2px 4px 4px #666);
}

#cboxTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999;
}

#cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 42px;
    color: #444;
}

#cboxPrevious {
    position: absolute;
    top: 45%;
    left: -65px;
    height: 0;
    padding: 70px 0 0;
    overflow: hidden;
    background: url('../images/colorbox_arrows.png') 25px 25px no-repeat;
    border: 0;
}

#cboxNext {
    position: absolute;
    top: 45%;
    right: -65px;
    height: 0;
    padding: 70px 15px 0;
    overflow: hidden;
    background: url('../images/colorbox_arrows.png') -37px 25px no-repeat;
    border: 0;
}

#cboxClose {
    position: fixed;
    top: 15px;
    right: 15px;
    display: block;
    height: 0;
    width: 64px;
    padding: 64px 0 0;
    overflow: hidden;
    background: url('../images/close.png') 0 0 no-repeat;
    border: none;
}

#cboxClose:hover {
    background-position: 0 -63px;
}



/**
 *	MEDIA QUERIES
 */







@media only screen and (max-width:1024px) {

    /**
 *	HEADER TABLET
 */

    .header-content-item {
        font-size: 21px;
    }

    .header-top-message {
        width: 320px;
        font-size: 12px;
    }

    /* .header-menu-wrapper							{ width:405px; } */
    .header-content-link-label {
        display: none;
    }

    .header-logo {
        __width: 90%;
        height: 45px;
    }

    .header-payoff span {
        display: none;
    }

    .icon-headset {
        height: 20px;
        width: 19px;
        margin: 2px 3px 0 0;
        background: url('../images/icon-headset.svg') 0 0 / 20px auto no-repeat;
    }

    .header-content-link .fa {
        margin: 2px 5px 0 0;
        font-size: 22px;
    }

    .header-content-link .fa.fa-shopping-cart {
        font-size: 19px;
    }

    .header-basket-amount {
        margin: 0 5px;
        font-size: 15px;
    }

    .checkout-logo-wrapper {
       __ width: 44%;
    }

    .checkout-thuiswinkel-wrapper {
        width: 17%;
    }

    .header-shopping-basket.header-submenu-wrapper {
        left: -288px;
    }

    .header-shopping-basket-pointer {
        right: 7px;
    }

    /* Zoeksuggesties */
    .search-suggest-popup-container {
        position: absolute;
        top: 42px;
        left: 0px;
        z-index: 150;
        background: #FFF;
        border-width: 0px 2px 2px 2px;
        border-style: solid;
        border-color: #c5c5c5;
    }

    /**
 *	MENU TABLET
 */
    .main-menu-wrapper {
        width: 100%;
    }

    .menu-item a {
        padding: 10px;
    }

    .menu-item.libm:last-child .submenu-wrapper {
        left: unset;
        right: 0;
    }

    .header-submenu-wrapper {
        right: -20px;
        left: unset;
    }

    .header-submenu-pointer {
        right: 23px;
        left: unset;
    }

    .breadcrumb-container {
        margin: 0 0 25px;
    }

    /* .page															{ width:730px; } */

    .sidebar-menu-wrapper {
        margin: 0 0 20px;
        padding: 0;
        background: none;
    }

    /**
 *	SLIDER TABLET
 */
    .slider-wrapper {
        height: 270px;
    }

    .slide-banner {
        height: 270px;
        background-size: cover !important;
    }

    .slide-content {
        width: 730px;
        height: 270px;
        padding: 10px 0;
    }

    .slide-image-wrapper {
        display: flex;
        align-items: center;
        margin: 0 15px 0 0;
    }

    .slide-image {
        max-height: 100%;
    }

    .landscape .slide-image-wrapper {
        width: 260px;
    }

    .slide-content-wrapper {
        width: 500px;
    }

    .slide-content-title {
        font-size: 34px;
        line-height: 38px;
    }

    .slide-quote {
        width: 730px;
    }

    .slide-quote-line,
    .slide-quote-auteur {
        width: 730px;
    }

    .slider-pause-button {
        display: none;
    }

    .illustration-top-wrapper {
        height: 175px;
        background-size: cover !important;
    }

    .illustration-top {
        position: relative;
        width: 100%;
    }

    .slide-quote-wrapper {
        height: 250px;
        padding: 10px 0;
    }

    .carousel-wrapper {
        width: 96%;
        margin: 0 2%;
    }

    .slider-ean-title-wrapper {
        width: calc(96% - 70px);
        margin: 0 auto;
    }


    /**
 *	PAGE TABLET
 */
    .page-main-side-duplicate-wrapper {
        display: block;
    }

    .side-top-block-wrapper {
        display: none;
    }

    .page-side-wrapper {
        order: 2;
    }

    .page-main-wrapper {
        padding: 0 15px;
        order: 1;
    }

    .sidebar-menu-current-page {
        display: block;
    }

    .page-content-wrapper {
        flex-flow: column nowrap;
    }

    .page-side-wrapper {
        max-width: 90%;
        width: auto;
        margin: 0 auto 20px;
    }

    .sidebar-menu {
        background: #fff;
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #c4c4c4;
        display: none;
    }

    .sidebar-menu.open {
        display: block;
    }

    .sidebar-menu-item-wrapper {
        padding: 5px 10px;
        border-bottom: 1px solid #c4c4c4;
    }

    .sidebar-menu-item-sub-wrapper {
        padding: 5px 10px 5px 20px;
        border-bottom: 1px solid #c4c4c4;
    }

    .sidebar-menu-item-subsub-wrapper {
        padding: 5px 10px 5px 30px;
        border-bottom: 1px solid #c4c4c4;
    }

    .sidebar-menu-title-container {
        display: none;
    }



    .page-side-wrapper .illustration-wrapper,
    .page-side-wrapper .actueel-list-item,
    .page-side-wrapper .introblock {
        margin: 0;
        padding: 25px 0;
    }

    /**
 *	PRODUCT TABLET
 */
    .product-top-wrapper {
        min-height: 200px;
    }

    .product-image-wrapper {
        width: 155px;
    }

    .product-info-wrapper {
        width: 550px;
        margin: 0 0 0 180px;
    }

    .product-info-bestelitem-info {
        width: 190px;
    }

    .product-sticky-action-bar .product-info-bestelitem-info {
        width: auto;
    }

    #productImageslider {
        display: none;
    }

    #productMainImageslider .slick-slide img {
        max-width: 160px;
    }

    .product-image-slider-main {
        height: 290px;
        width: 155px;
    }

    .product-image-slider-main img {
        max-width: 100%;
    }

    .product-image-wrapper .product-block-image-stip {
        right: -17px;
    }


    .product-bottom-wrapper {
        flex-flow: column nowrap;
    }

    .product-tabs-wrapper {
        width: auto;
        margin: 0 0 20px;
        max-width: 100%;
        min-width: 0;
        padding: 0;
    }

    .product-side-wrapper {
        width: auto;
        max-width: 100%;

    }

    .side-block-content-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .side-block-product-wrapper {
        width: 275px;
        margin: 0 70px 30px 0;
    }

    .side-block-product-wrapper {
        width: 310px;
        margin: 0 30px 30px 0;
    }

    .side-block-product-wrapper .product-info-bestelitem-button-wrapper .btn-action-outline     { display: inline-flex; }

    .side-block-product-info {
        width: 185px;
    }


/**
 *	PRODUCT OVERVIEW TABLET
 */

     /*
    .product-overview-intro {
        __display: none;
    }

    .product-overview-intro-mobile {
        margin: 0 0 17px;
    }

    .product-overview-filters-maintitle,
    .product-overview-filters-clear {
        display: none;
    }

    .product-overview-filters-title.filter,
    .product-overview-filters-title-wrapper {
        display: block;
    }

    .product-overview-overview-title-wrapper {
        display: none;
    }


    .product-overview-overview-count {
        padding: 10px 0 0;
        font-size: 18px;
    }

    .product-overview-rubrieken {
        background: #fff;
        border-bottom: 1px solid #c4c4c4;
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #c4c4c4;
    }

    .productsearchmode .product-overview-rubrieken { display: none; }

    .rubriek-toggle {
        padding: 10px 15px;
    }

    .rubriek-toggle-closed .fa,
    .rubriek-toggle-open .fa {
        font-size: 15px;
    }

    .product-overview-filters {
        padding: 0;
        background: #fff;
    }

    .product-overview-filter-section {
        margin: 0;
    }

    .product-overview-filters-title:first-child,
    .product-overview-filters-title {
        padding: 6px 7px;
        font-weight: normal;
        font-size: 14px;
        border: 1px solid #c4c4c4;
        background: url('../images/arrow-down-black.svg') 98% 5px / 23px auto no-repeat;
        cursor: pointer;
    }

    .product-overview-filters-title.open {
        color: #fff;
        background: url('../images/arrow-up-white.svg') 98% 5px / 23px auto no-repeat;
        background-color: #777;
        border-color: #777;
    }

    .product-overview-filter-section-menu-wrapper {}

    .product-overview-filter-section-rubriek {
        padding: 3px 7px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
        background: unset;
    }

    .product-overview-filter-section-reeks {
        padding: 3px 7px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
        background: unset;
    }

    .product-overview-filter-section-title {
        margin: 0;
        padding: 3px 7px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
    }

    .product-overview-filter {
        margin: 0;
        padding: 3px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
    }

    .product-overview-slider-wrapper {
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
    }

    .product-overview-filter-slider {
        width: 240px;
        margin: 0 0 20px 15px;
        background: #f7f7f7;
    }

    .product-overview-filter-slider-details {
        padding: 0 10px;
    }

    .filter-range-input {
        background: #f7f7f7;
        box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.19) inset;
    }

    .product-overview-product .product-info-bestelitem-info-details-price-wrapper {
        width: auto;
    }

    .product-overview-filters-title.rubriek-title {
        border: none;
        background: none;
    }
*/



/**
 *	ACTUEEL TABLET
 */

    .carousel-content {
        width: 100%;
    }

    .carousel-mask {
        width: 35px;
    }


    /**
 *	AUTHOR TABLET
 */
    .author-wrapper {
        display: flex;
        flex-flow: column wrap;
    }

    .author-main {
        order: 1;
        width: 100%;
        min-width: auto;
        max-width: 100%;
        padding: 0;
    }

    .author-side {
        order: 2;
        width: 100%;
    }

    .author-links {
        display: none;
    }

    .author-side-alphabet {
        padding: 0;
        background: #fff !important;
    }

    .author-side-alphabet h2 {
        display: none;
    }

    .alfabet-items-wrapper-toggle {
        display: block;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background: url('../images/arrow-down-black.svg') 98% 5px / 23px auto no-repeat;
        cursor: pointer;
    }

    .alfabet-items-wrapper {
        display: none;
    }

    .alfabet-items-wrapper.open {
        display: block;
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #ccc;
    }

    .alfabet-item {
        display: block;
        flex: 0 0 5%;
        margin: 0;
        padding: 5px 10px;
        text-align: left;
    }

    .author-overview-author-info-wrapper {
        width: 64%;
    }

    .author-overview-image-wrapper {
        width: 28%;
    }

    .author-overview-image {
        width: 100%;
    }

    .author-alphabet-desktop-wrapper {
        display: none;
    }

    .author-alphabet-mobile-wrapper {
        display: block;
    }


    /**
 *	TILES TABLET
 */
    .tile-wrapper {
        _width: 100%;
    }


    /**
 *	FORMS TABLET
 */

    .form-table-row {
        display: block;
    }

    .col2 .textfield {
        width: calc(100% - 20px);
        margin: 0;
    }

    .col2 select {
        width: 100%;
    }

}


@media only screen and (max-width: 992px) {

    .header-logo {
        padding: 0 !important;
    }

}



@media only screen and (max-width:1200px) {

    .product-overview-wrapper {
        display: block;
        padding: 0 15px;
    }

    .product-overview-overview-wrapper {
        width: 100%;
        padding-left: 0;
        max-width: 100%;
        min-width: 100%;
    }

    .product-overview-overview-wrapper h1 {
        font-size: 24px;
        line-height: 26px;
    }

    .product-overview-filters-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px;
    }

    .product-overview-filter-section-wrapper {
        display: none;
    }

    .product-overview-filter-section-wrapper.open {
        display: block;
        margin: 0;
    }

    .product-overview-intro-mobile {
        margin: 0 0 17px;
    }

    .product-overview-filters-maintitle,
    .product-overview-filters-clear {
        display: none;
    }

    .product-overview-filters-title.filter,
    .product-overview-filters-title-wrapper {
        display: block;
    }

    .product-overview-overview-title-wrapper {
        __display: none;
    }

    .product-overview-filters {
        padding: 0;
        background: #fff;
    }

    .product-overview-filter-section {
        margin: 0;
    }

    .product-overview-filters-title:first-child,
    .product-overview-filters-title {
        padding: 6px 7px;
        font-weight: normal;
        font-size: 14px;
        border: 1px solid #c4c4c4;
        background: url('../images/arrow-down-black.svg') 98% 5px / 23px auto no-repeat;
        cursor: pointer;
    }

    .product-overview-filters:last-child .product-overview-filters-title { border-top: none;}

    .product-overview-filters-title.open {
        color: #fff;
        background: url('../images/arrow-up-white.svg') 98% 5px / 23px auto no-repeat;
        background-color: #777;
        border-color: #777;
    }

    .product-overview-filter-section-menu-wrapper {}

    .product-overview-filter-section-rubriek {
        padding: 3px 7px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
        background: unset;
    }

    .product-overview-filter-section-reeks {
        padding: 3px 7px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
        background: unset;
    }

    .product-overview-filter-section-title {
        margin: 0;
        padding: 3px 7px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
    }

    .product-overview-filter {
        margin: 0;
        padding: 3px;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
        font-size: 14px;
    }

    .product-overview-slider-wrapper {
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0 1px 1px;
    }

    .product-overview-filter-slider {
        width: 240px;
        margin: 0 0 20px 15px;
        background: #f7f7f7;
    }

    .product-overview-filter-slider-details {
        padding: 0 10px;
    }

    .filter-range-input {
        background: #f7f7f7;
        box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.19) inset;
    }

    .product-overview-product .product-info-bestelitem-info-details-price-wrapper {
        width: auto;
    }

    .product-overview-filters-title.rubriek-title {
        border: none;
        background: none;
    }

}












@media only screen and (max-width:767px) {

    body {
        font-size: 15px;
        line-height: 20px;
    }

    h1 {
        font-size: 24px;
        line-height: 26px;
    }

    /* .page				{ max-width:500px; width:93%; } */
    .full-page {
        height: unset;
    }

    .locatie-overzicht-address-cards {
        margin: 0;
    }

    .locatie-count-wrapper {
        width: calc(100% - 30px);
    }


    /**
 *	HEADER MOBILE
 */

    .header {
        height: 66px;
        margin: 0 0 0px;
        padding: 0 0 20px;
        border-bottom: 1px solid #c5c5c5;
        z-index: 30;
    }

    .header.menu-open {
        height: 33px;
    }

    .header-content-wrapper {
        position: unset;
        width: 93%;
    }

    .header-top-message {
        display: none;
    }

    .header-menu-wrapper {
        order: 2;
        width: 75px;
    }

    .header-shopping-basket {
        top: 50px;
    }

    .header-shopping-basket-pointer {
        right: 6px;
    }

    .header-logo-wrapper {
        order: 1;
        width: 200px;
    }

    .header.checkout {
        height: 55px;
        padding: 20px 0 0;
    }

    .header-content-wrapper.checkout {
        flex-flow: row wrap;
    }

    .checkout-button-wrapper {
        width: 100%;
        margin: 0 0 15px;
    }

    .header.checkout .checkout-button-wrapper {
        display: none;
    }

    .button.checkout {
        justify-content: center;
        width: calc(100% - 30px);
    }

    .checkout-logo-wrapper {
        width: 100%;
    }

    .checkout-thuiswinkel-wrapper {
        display: none;
    }

    .header-search-wrapper {
        order: 3;
        width: 100%;
    }

    .header-search-input {
        padding: 5px 15px;
        font-size: 14px;
    }

    .share-button {
        font-size: 16px;
    }

    /* zoeksuggesties */
    .search-suggest-popup-container,
    #search-suggest-popup-close {
        display: none;
    }

    .search-suggest-popup-container .product-suggest-product {
        justify-content: flex-start;
    }

    .header-content-item {}

    .header-basket-amount {
        display: none;
    }

    a.header-content-link {
        margin: 0 0 0 15px;
    }

    .header-logo-wrapper {
        align-items: flex-start;
        line-height: 24px;
    }

    .header-logo {
        margin: 0;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .header-content-link-wrapper {
        __position: unset;
    }

    .header-submenu-wrapper {
        width: 260px;
        top: 24px;
    }

    .header-submenu-wrapper.account {
        right: -45px;
    }

    .header-submenu-wrapper.service {
        right: -72px;
    }

    .header-submenu-content {
        padding: 0;
    }

    .header-content-language {
        margin-top: -2px;
    }

    .header-content-language .header-submenu-content {
        padding: 10px 15px;
        text-align: right;
        font-size: 1.1rem;
        line-height: 29px;
    }

    .menu-lang-selected-text {
        font-size: 1rem;
    }

    .header-content-language img {
        margin: 0 0 2px 0;
    }

    .mobile-header-menu-close-button {
        display: block;
    }

    .menu-lang-option,
    .header-submenu-item {
        margin: 0;
        border-bottom: 1px solid #c4c4c4;
    }

    .header-submenu-item a {
        display: block;
        padding: 5px 20px;
    }

    .menu-lang-option a {
        display: block;
        padding: 5px 10px;
    }

    .header-submenu-wrapper.service .header-submenu-pointer {
        right: 75px;
    }

    .header-submenu-wrapper.account .header-submenu-pointer {
        right: 50px;
    }

    .header-shopping-basket {
        top: 18px;
        right: 12px;
        width: 280px;
    }

    .header-shopping-basket-product-info-wrapper {
        width: 175px;
    }

    .header-shopping-basket-message {
        font-size: 11px;
    }

    .submenu-wrapper {
        border-left: 0;
        border-right: 0;
    }

    body.sticky .header-shopping-basket.header-submenu-wrapper,
    .header-shopping-basket.header-submenu-wrapper {
        left: unset;
        right: 0;
    }

    .shop-paymentmethod-row {
        min-height: 115px;
    }

    .header-content-link-wrapper:hover .header-submenu-wrapper.service,
    .header-content-link-wrapper:hover .header-submenu-wrapper.account,
    .header-content-link-wrapper:hover .header-submenu-wrapper.right {
        display: none;
    }

    .header-content-link-wrapper .header-submenu-wrapper.service.open,
    .header-content-link-wrapper .header-submenu-wrapper.account.open,
    .header-content-link-wrapper .header-submenu-wrapper.right.open {
        display: block;
    }













    .share-buttons-label {
        display: none;
    }

    .breadcrumb-bar-wrapper {
        display: flex;
        justify-content: space-between;
        padding: 10px 0 0;
        margin: 0 0 10px;
    }

    .breadcrumb {
        display: none;
    }

    .breadcrumb-mobile {
        display: block;
        padding: 0 0 10px 15px;
    }

    /**
 *	SLIDER MOBILE
 */
    .slide {
        background-size: cover !important;
    }

    .slide-banner {
        height: 140px;
        background-size: cover !important;
    }

    .slider-wrapper {
        height: 140px;
    }

    .slide-quote-wrapper {
        height: 140px;
        padding: 0;
    }

    .slide-quote {
        width: 93%;
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }

    .slide-quote-line {
        margin: 0 0 10px;
    }

    .slide-quote-auteur {
        width: 93%;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }

    .slide-content {
        width: 93%;
        height: 140px;
        padding: 10px 0;
    }

    .slide-content-prefix {
        display: none;
        font-size: 14px;
        line-height: 18px;
    }

    .slide-content-title {
        margin: 0 0 5px;
        font-size: 21px;
        line-height: 22px;
    }

    .slide-content-subtitle {
        display: none;
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }

    .slide-content-intro {
        display: none;
    }

    .slide-content .whitespace {
        margin: 0;
    }

    .slide-content .button {
        display: none;
    }

    .slide-content-container .button {
        margin-top: 10px;
    }


    .slide-image-wrapper {
        width: 100px;
    }

    .landscape .slide-image-wrapper {
        width: 100px;
    }

    .slide-content.bgimage .slide-content-wrapper {
        width: 60%;
    }

    .slide-content .product-info-bestelitem-button-label {
        display: block;
    }


    .slide-quote-line {
        width: 320px;
    }

    .slider-pause-button {
        display: none;
    }

    .portrait .slide-image-wrapper {
        width: 70px;
        margin: 0 20px 0 0;
    }

    .slide-content.portrait .slide-image {
        max-height: 140px;
    }

    .illustration-top-wrapper {
        height: 15vh;
        background-size: cover !important;
    }

    /**
 *	PRODUCT MOBILE
 */

     .product-container { padding: 0 15px; }

    .product-top-wrapper {
        flex-flow: column;
    }

    .product-image-wrapper {
        position: relative;
        width: 100%;
    }

    #productMainImageslider {
        margin: 20px auto 40px;
    }

    #productMainImageslider .slick-slide img {
        max-width: unset;
        max-height: 200px;
        margin: 0 auto;
    }

    #productMainImageslider .slick-dots {
        bottom: -20px;
        right: 0;
        padding: 0;
        text-align: center;
    }

    .product-image-slider-main {
        width: 200px;
        height: 210px;
    }

    .product-image-mobile-wrapper {
        __display: block;
    }

    .product-info-wrapper {
        width: 100%;
        margin: 0;
    }

    .product-info-title {
        font-size: 24px;
        line-height: 26px;
        margin: 1rem 0;
    }

    .product-info-subtitle {
        font-size: 16px;
        line-height: 22px;
    }

    .product-info-authors-wrapper {
        margin: 0 0 10px;
        font-size: 14px;
    }

    .product-info-rating-wrapper {
        margin: 0 0 10px;
    }

    .product-info-salesposition-wrapper {
        padding: 0 0 15px;
    }

    .product-info-salesposition-info {
        display: none;
    }

    .product-info-bestelitem-icon {
        display: none;
    }

    .product-info-bestelitem-info {
        flex: 1 1 auto;
    }

    .product-info-bestelitem-details-extra {
        display: none;
    }

    .product-info-bestelitem-format.web {
        width: 230px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-info-bestelitem-message {
        line-height: 16px;
    }

    .product-info-bestelitem-price {
        line-height: 34px;
    }

    .product-info-before-price {
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .product-info-bestelitem-button {
        width: 18px;
        height: 18px;
        padding: 16px 12px;
        overflow: hidden;
    }

    .side-block-product-info .product-info-bestelitem-button {
        width: 95px;
        padding: 8px 15px;
    }

    .product-info-bestelitem-button .fa-angle-right {
        font-size: 26px;
    }

    .product-info-bestelitem-button .fa-envelope-o {
        font-size: 18px;
    }

    .product-info-bestelitem-button-label {
        display: none;
    }

    .product-info-bestelitem-button.soldout {
        width: auto;
        height: 6px;
        color: #888;
    }

    .product-info-bestelitem-button.soldout .fa-shopping-cart {
        display: block;
    }

    .product-overview-productgroup-infobar {
        width: 100%;
    }

    .product-bottom-wrapper {
        width: 100%;
    }

    .product-tab {
        padding: 5px 12px;
        font-size: 14px;
    }

    .product-tab.mobile {
        margin: 0 0 1px;
        background: #d4d4d4 url('../images/arrow-right-black.svg') 99% 4px / 27px auto no-repeat;
        display: block;
    }

    .product-tab.mobile.active {
        background: #777 url('../images/arrow-down-white.svg') 99% 4px / 27px auto no-repeat;
    }

    .product-tab.desktop {
        display: none;
    }

    .product-panel {
        padding: 14px;
    }

    .side-block-product-image-wrapper {
        width: 90px;
    }

    .side-block-product-wrapper {
        width: 255px;
        margin: 0 0 30px;
    }

    .side-block-product-info {
        width: 145px;
    }

    .side-block-product-info .product-info-bestelitem-button-label {
        display: block;
    }


    .side-block-product-image-wrapper.ebook {
        background: url('../images/e_reader.png') 0 0 / 90px auto no-repeat;
    }

    .side-block-product-image-wrapper.ebook img.product-image {
        height: 92px;
    }

    .side-block-product-image-wrapper.ebook .product-overview-product-image-wrapper {
        height: 115px;
        width: 90px;
    }


    .review-form-row {
        display: block;
    }

    .review-form-row-label {
        margin: 0 0 5px;
    }

    .review-form-row-input {
        width: 100%;
    }

    .product-review-intro-wrapper {
        display: block;
    }

    .product-review-intro-label {
        margin: 0 0 10px;
    }

    .navigation-wrapper {
        flex-flow: column;
    }

    .navigation-wrapper .sort {
        order: 1;
        text-align: left;
    }

    .active-sortoption {
        padding: 0;
    }

    .pagedListTopnav {
        order: 2;
    }

    .product-overview-filters-wrapper {
        margin: 0 0 5px;
    }

    .active-sortoption {
        padding: 6px 7px;
        font-weight: normal;
        font-size: 14px;
        border: 1px solid #c4c4c4;
        background: url('../images/arrow-down-black.svg') 98% 5px / 23px auto no-repeat;
        cursor: pointer;
    }

    .active-sortoption .fa {
        display: none;
    }

    .active-sortoption.open {
        background: url('../images/arrow-up-white.svg') 98% 5px / 23px auto no-repeat;
    }

    .sortoptions-container {
        position: relative;
        top: 0;
        width: auto;
        padding: 0;
        box-shadow: none;
        border: 0;
    }

    .sortoptions-container .sortoption {
        padding: 3px 7px;
        font-size: 14px;
        border-style: solid;
        border-color: #c4c4c4;
        border-width: 0 1px 1px;
    }



    /**
 *	PRODUCT OVERVIEW MOBILE
 */
    .product-overview-product {
        justify-content: flex-start;
    }

    .product-overview-product-image {
        width: 23%;
        margin: 0 0 10px 0;
    }

    .product-overview-product-info {
        margin-left: 27%;
        width: 73%;
    }

    .product-overview-product-title {
        margin: 0;
        font-size: 16px;
        line-height: 18px;
        word-break: break-word;
    }

    .product-overview-product-subtitle {
        margin: 0;
        font-size: 16px;
        line-height: 18px;
    }

    .product-info-small {
        margin: 0 0 3px;
        font-size: 14px;
    }

    .product-overview-product-author-divider,
    .product-overview-product-imprint {
        display: none;
    }

    .product-overview-rating-wrapper {
        margin: 0;
    }

    /* .product-overview-verkooppositie {
        display: none;
    } */

    .product-overview-product-intro {
        display: none;
    }

    .product-overview-bestelitems-wrapper {
        margin: 10px 0 0;
        width: 100%;
        clear: both;
    }

    .product-info-bestelitem {
        padding: 7px;
    }

    .product-info-bestelitem-infowrapper {
        /* width: calc(100% - 40px); */
        width: 100%;
        flex-grow: 1;
    }

    .product-info-bestelitem-icon,
    .product-set .product-info-bestelitem-icon,
    .bestelitems-list .product-info-bestelitem-icon {
        display: none;
    }

    .product-set .product-info-bestelitem-info. .bestelitems-list .product-info-bestelitem-info {
        flex: 1 0 160px;
    }

    .product-set .product-info-bestelitem-format,
    .bestelitems-list .product-info-bestelitem-format {}

    .product-set .product-info-bestelitem-price {
        display: flex;
        justify-content: flex-end;
        width: 155px;
    }

    .product-set .product-info-before-price {
        margin: 0 5px 0 0;
    }

    .bestelitems-list .product-info-bestelitem-price {
        width: 105px;
    }

    .product-info-wrapper .product-info-bestelitem-price {
        /* width: auto;
        flex: 1 0 auto; */
    }

    .bestelitems-list .product-info-before-price {
        display: inline;
    }

    .bestelitems-list .product-info-bestelitem-button {
        _padding: 9px;
    }

    .product-sticky-action-bar .product-info-bestelitem-price {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-end;
        width: 90px;
        line-height: 20px;
    }

    .product-sticky-action-bar .product-info-before-price {
        display: block;
        margin: 0;
    }

    .product-overview-extras-wrapper {
        display: none;
    }

    .product-block-image-stip {
        width: 49px;
        padding: 15px 0;
        font-size: 12px;
        z-index: 10;
    }

    .product-block-image-stip.action {
        background: url('../images/stip-orange.svg') 0 0 / 47px auto no-repeat;
    }

    .navbar {
        padding: 15px 0 0;
    }

    .navbar-dots {
        margin: 0 0 0 0;
        padding: 2px 0px;
    }

    .navbar-previous-arrow {
        display: none;
    }

    .navbar-next-arrow {
        display: none;
    }


    .product-info-bestelitem-icon.gexbex {
        background: url('../images/icon-bexgex.svg') 5px 11px / 13px auto no-repeat;
    }

    .product-info-bestelitem-info.gexbex {
        flex: 1 1 300px;
        __padding: 9px 0 0;
    }

    .product-info-bestelitem-price.gexbex {
        display: none;
    }

    .product-info-bestelitem-details.gexbex {
        padding: 1px 0 6px;
    }

    .product-info-bestelitem-button .fa-angle-right.gexbex {
        margin: 0 0 0 6px;
        font-size: 26px;
    }

    .product-overview-overview-count {
        margin: 0 0 5px;
        padding: 0;
        font-size: 14px;
    }

    .product-overview-intro-mobile,
    .pagedListTopnav {
        display: none;
    }

    /**
 *	DOCENTEXEMPLAAR MOBILE
 */
    .docentexemplaar-block-flex {
        display: block;
    }

    .docentexemplaar-preview-column {
        width: auto;
    }

    .docentexemplaar-preview-image-wrapper {
        width: auto;
        margin: 0;
    }

    .docentexemplaar-preview-column.flex {
        display: block;
        width: auto;
    }

    .docentexemplaar-form-row {
        display: block;
    }

    .docentexemplaar-form-label,
    .docentexemplaar-form-input {
        width: auto;
    }



    /**
 *	PRODUCT 3 BLOCK MOBILE
 */

    .product-3block-product {
        display: flex;
        flex-flow: row;
        width: calc(100% - 40px);
        margin: 0 0 20px;
    }

    .product-info-bestelitem-button-wrapper     { text-align-last: left; }
    
    .product-3block-product:last-child {
        margin: 0;
    }

    .product-3block-image-wrapper {
        width: 88px;
        min-height: 0;
        border: none;
    }

    .product-3block-image-wrapper.ebook {
        position: relative;
        display: flex;
        justify-content: center;
        height: 108px;
        background: url('../images/e_reader-medium.png') 0 0 /88px auto no-repeat;
    }

    .product-3block-image-wrapper.ebook .product-image {
        margin: 10px;
        height: 92px;
    }

    .product-3block-image-wrapper.ebook .ebook-tab-medium {
        top: 3px;
    }


    .product-3block-info-wrapper {
        width: 75%;
        margin: 0 0 0 22px;
    }

    .product-3block-info-text-wrapper {
        min-height: unset;
    }

    .product-3block-title {
        text-align: left;
    }

    .product-3block-author {
        text-align: left;
    }

    .product-3block-button-wrapper .side-block-product-price {
        text-align: left;
    }

    .product-3block-button-wrapper .side-block-product-button {
        width: 95px;
        margin: 0;
    }

    .product-3block-button-wrapper .product-info-bestelitem-button-label {
        display: inline;
    }

    .product-block-image-stip {
        bottom: unset;
        top: 10%;
    }

    .product-image-wrapper .product-block-image-stip {
        right: calc(50% - 90px);
        top: -10px;
    }

    .product-block-image-stip.new {
        background: url('../images/stip-zwart.svg') 0 0 / 50px auto no-repeat;
    }

    .product-info-bestelitem-info.web {
        padding: 4px 0;
    }

    /**
 *	WEBSHOP CATEGORY MOBILE
 */
    .webshop-category-topic,
    .webshop-category-generic {
        flex-flow: column nowrap;
    }

    .webshop-category-item-subcolumn {
        width: 100%;
    }

    /**
 *	INTROBLOCK MOBILE
 */
    /* .introblock-title {
        font-size: 24px;
        line-height: 26px;
    }

    .introblock-image-wrapper {
        width: 28%;
    }

    .introblock-info-wrapper {
        width: 64%;
    }

    .page-side-wrapper .introblock-image-wrapper {
        width: 28%;
    }

    .page-side-wrapper .introblock-info-wrapper {
        width: 64%;
    } */

    /**
 *	ACTUEEL MOBILE
 */
    .actueel-list-title {
        font-size: 18px;
        line-height: 22px;
    }

    .actueel-title {
        font-size: 24px;
        line-height: 26px;
    }

    .agenda-item-date {
        font-size: 24px;
        line-height: 26px;
    }

    .actueel-image-wrapper,
    .actueel-image-wrapper.left,
    .actueel-image-wrapper.right {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }


    /*
 *	NIEUWSBRIEF AAN-/AFMELDEN MOBILE
 */
    .newsletter-subscribe-rollen {
        display: block;
        padding: 0px 0px 12px;
    }

    .newsletter-form-wrapper input[type="email"] {
        width: 96%;
        margin-bottom: 15px;
    }

    .newsletter-form-wrapper .accountpage-form-error,
    .newsletter-form-wrapper .newsletter-result-message {
        padding: 15px 0px 5px;
    }


    /**
 *	AUTHOR MOBILE
 */
    .author-wrapper {
        display: flex;
        flex-flow: column wrap;
        padding: 0 20px;
    }

    .author-main {
        order: 1;
    }

    .author-side {
        order: 2;
    }

    .author-side-alphabet h2 {
        display: none;
    }

    .alfabet-items-wrapper-toggle {
        display: block;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background: url('../images/arrow-down-black.svg') 98% 5px / 23px auto no-repeat;
        cursor: pointer;
    }

    .alfabet-items-wrapper {
        display: none;
    }

    .alfabet-items-wrapper.open {
        display: block;
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #ccc;
    }

    .alfabet-item {
        display: block;
        margin: 0;
        padding: 5px 10px;
        text-align: left;
    }


    .author-alphabet-desktop-wrapper {
        display: none;
    }

    .author-alphabet-mobile-wrapper {
        display: block;
    }

    /**
 *	TILES MOBILE
 */
    .tiles-wrapper {
        display: block;
        padding: 0 15px;
    }

    .newsletter-popup-wrapper {
        width: 310px;
        bottom: -400px;
        right: 5px;
    }

    .newsletter-popup-wrapper .product-info-bestelitem-button-label {
        display: block;
    }

    .newsletter-popup-button {
        width: 100px;
    }

    #cookiepolicy {
        padding: 0 0 10px !important;
    }

    #cookiepolicy-txt {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left !important;
    }

    #cookiepolicy-notice {
        padding: 5px 10px !important;
    }

    #cookiepolicy-accept-cookies {
        float: none !important;
        font-size: 15px !important;
        padding: 8px 16px 8px !important;
    }

}

@media only screen and (max-width:767px) and (orientation : landscape) {

    .illustration-top-wrapper {
        height: 122px;
        background-size: cover !important;
    }

}

/**
 * SNEL BESTELLEN FORMULIER VOOR XSITE-USERS
 */

#intern-bestelformulier-bestelling-verstuurd {
    display: none;
}

#winkelmand_aanmaken_form .isbn-product-title {
    width: 100%;
    height: 20px;
    margin: 0 23px 0 0;
    background: #f9f9f9;
    line-height: 16px;
    padding: 5px;
    display: flex;
    align-items: center;
}

.product-title-standard-price {
    display: inline-block;
    padding: 0 4px;
}

.product-title-standard-price.dismissed {
    color: #ccc;
    text-decoration: line-through;
}

.product-title-discount-price {
    display: inline-block;
    padding: 0 4px;
    color: #F00;
}

.top.delivclosed,
.bottom.delivclosed {
    box-sizing: border-box;
    width: 100%;
}

.intern-bestelformulier-wrapper .bottom.delivclosed {
    display: none;
}


.form-order-row {
    margin: 0 0 10px;
    padding: 5px;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
}

.form-order-sub-row {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    padding: 5px;
}

.input-fields-wrapper {
    display: flex;
}

.product-field {
    margin: 0 10px 0 0;
}

.product-field input {
    width: 180px !important;
}

.reference-field {
    margin: 0 10px 0 0;
}

.reference-field input {
    width: 180px !important;
}



.actie-fields-wrapper {
    display: flex;
}

.actieprijs-field {
    white-space: nowrap;
    margin: 0 10px 0 0;
    text-align: right;
}

.actieprijs-field input {
    width: 60px !important;
}

.form-order-input.shop-form-element-textfield {
    width: 60px;
}

.korting-percentage-field {
    white-space: nowrap;
    text-align: right;
}

.korting-percentage-field input {
    width: 90px !important;
}

.quantity-field {
    white-space: nowrap;
    margin: 0 10px 0 10px;
    text-align: right;
}

.quantity-field label {
    white-space: nowrap;
    padding-right: 5px;
}

.quantity-field input {
    width: 40px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.quantity-selector {
    border: 1px solid #d4d4d4;
}


div.quantity-selector input {
    -moz-appearance: textfield; /* Firefox */
    text-align: center;
    border: 0;
}

.quantity-selector .btn,
.quantity-selector .btn:hover,
.quantity-selector .btn:active,
.quantity-selector .btn:focus,
.quantity-selector .btn:focus-visible   { border: none !important; box-shadow: none !important; outline: none !important; border-radius: 0; }
.quantity-selector .btn:hover               { background: #f1f1f1; }

div.quantity-selector input                 { width: 61px; }

div.quantity-selector.readonly              { border-color: #ededed; color: #ededed; }
div.quantity-selector.readonly .btn         { color: #ededed; background: #fff; }
div.quantity-selector.readonly .btn:hover   { background: #fff; }

.form-order-row-delete {
    flex-basis: 10%;
    text-align: right;
    padding: 8px 8px 0 18px;
    cursor: pointer;
}

.form-order-row-spacer {
    padding: 8px 5px 0;
}

.form-order-buttoncontainer {
    display: flex;
    justify-content: space-between;
}

.form-order-input {
    padding: 5px 5px 5px 10px;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.addOrderRowButton .fa.fa-plus {
    font-size: 13px;
}

/* .form-order-input.wide			{ width:97.5%; } */

.snel-bestel-product-label {
    cursor: pointer;
}

.snel-bestel-product-label.disabled {
    color: #ccc;
}

@media only screen and (max-width:767px) {
    .form-order-sub-row {
        flex-flow: column;
    }

    .actieprijs-field {
        width: 100%;
        white-space: wrap;
        text-align: left;
    }

    .actieprijs-field label {
        display: block;
    }

    .korting-percentage-field {
        width: 100%;
        white-space: wrap;
        text-align: left;
    }

    .korting-percentage-field label {
        display: block;
    }

    .korting-percentage-field input {
        width: 100%;
    }
}


/* TL :: WINKELMAND AANMAKEN FORMULIER */

h2.bestelformulier-title {
    margin-bottom: 13px;
}

/* .percentage-field .form-order-input				{ padding: 5px 20px 5px 10px; border:1px solid #e0e0e0; -webkit-appearance:none; -webkit-border-radius:0; } */
select.dropdown::-ms-expand {
    display: none;
}

select.dropdown {
    background: #FFF url('/images/icon_arrow_down.png') CALC(100% - 10px) center no-repeat;
    padding-right: 25px;
    cursor: pointer;
}

.manager-winkelmand-aanmaker-isbn-list-field {
    width: 726px;
    min-height: 150px;
    padding: 5px 7px;
    border: 1px solid #e4e4e4;
    font-size: 15px;
    line-height: 22px;
    resize: vertical;
}

.shop-winkelmand-maken-add-item-notice {
    color: #FF9900;
}

.shop-winkelmand-maken-form-error {
    color: #FF0000;
    font-size: 0.8em;
    font-family: inherit;
}

.recent-order-item {
    display: flex;
    background: #f1f1f1;
    padding: 20px;
    margin-bottom: 20px;
}

.recent-order-item>*:nth-of-type(1) {
    flex: 50%;
    padding: 0 10px 0;
}

.recent-order-item>*:nth-of-type(2) {
    flex: 25%;
    text-align: right;
    padding: 0 0 0 10px;
}

.recent-order-item>*:nth-of-type(3) {
    flex: 25%;
    text-align: right;
    padding: 0 0 0 10px;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.product-review.active-review {
    overflow: hidden;
    animation: fadeIn 3s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    0% {
        max-height: 0px;
        height: auto;
    }

    100% {
        max-height: 600px;
        height: auto;
    }
}

/* --------------------------------------- */
/* TL :: SHOP BESTELLEN VIA ISBN FORMULIER */
/* --------------------------------------- */
.form-order-row			{ display:flex; justify-content:space-between; margin:0 0 10px; padding:5px; border:1px solid #f1f1f1; background-color:#f1f1f1; }
	.product-field					{ margin:0 10px 0 0; }
		.product-field input		{ _width:140px; }
	.isbn-product-title 		{ width:55%; margin:0 10px 0 0; background: #f9f9f9; line-height: 16px; padding: 5px; display: flex; align-items: center; }
	.reference-field					{ margin:0 10px 0 0; }
		/* .reference-field input		{  } */
	/* .quantity-field					{  } */
		.quantity-field input		{ margin:0 10px 0 0; }
	.precentage-field				{ margin:0 10px 0 0; }
	.form-order-row-delete          { padding: 3px 5px 0; cursor:pointer; }
	.form-order-buttoncontainer			{ display:flex; justify-content:space-between; }
	.form-order-input				{ padding: 5px 5px 5px 10px; border:1px solid #e0e0e0; -webkit-appearance:none; -webkit-border-radius:0; }
	.addOrderRowButton .fa.fa-plus	{ font-size: 13px; }
	.form-order-input.wide			{ width:97.5%; }
    .form-order-error               { border:1px solid #ff0000; color: #ff0000; }
	
/**
 *	TL@FB :: SHOP BESTELLEN VIA CSV UPLOAD
 */
.upload-csv-sectie			{	padding: 10px; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin: 10px 0;}
.shop-csv-order-app-wrapper { margin:40px 0 40px 0;  }



/**
 *  Shared content
 */
 .terms_intro                { margin: 0 0 20px; font-weight: 600; }
 
.inkooplijst-check          { width: 2%; }
.inkooplijst-isbn           { width: 12%; }
.inkooplijst-titel          { width: 56%; }
.inkooplijst-prijs          { width: 15%; }
.inkooplijst-korting        { width: 10%; }
.inkooplijst-aantal         { width: 5%; text-align: center; }

@media only screen and (max-width: 992px) {

    .inkooplijst.table tr       { display: flex; flex-wrap: wrap; }
    .inkooplijst.table td       { display: block; }
    .inkooplijst.table th       { display: none; }
    .inkooplijst.table td.inkooplijst-check     { width: 5%; order: 2; }
    .inkooplijst.table td.inkooplijst-isbn      { width: 30%; order: 3; }
    .inkooplijst.table td.inkooplijst-titel     { width: 100%; order: 1; padding-bottom: 0; font-weight: 600; }
    .inkooplijst.table td.inkooplijst-prijs     { width: 45%; order: 6; text-align: right; }
    .inkooplijst.table td.inkooplijst-korting   { width: 10%; order: 4; }
    .inkooplijst.table td.inkooplijst-aantal    { width: 10%; order: 5; }

    #verzenden-form-inkooplijst-laden           { text-wrap: wrap; }

}

 
/**
*  Profile selector
*/
#docentexemplaar-zakelijk-account .profile-selector *                                 { transition: all 0.2s; } 
#docentexemplaar-zakelijk-account .profile-selector .profile-option                   { display: flex; align-items: center; line-height: 18px; height: 66px; background-color: #FFF; 
                                                                                    border: 1px solid #dadada; border-radius: 3px; padding: 10px 6px 10px 10px; box-sizing: border-box; margin-bottom: 5px; }
#docentexemplaar-zakelijk-account .profile-selector .profile-info                     { padding-left: 10px; flex-grow: 1; }
#docentexemplaar-zakelijk-account .profile-selector .fa-circle                        { color: #d7e2f1; }
#docentexemplaar-zakelijk-account .profile-selector .fa-user                          { color: #003983; }
#docentexemplaar-zakelijk-account .profile-selector:hover .profile-option             { display: flex;  }
#docentexemplaar-zakelijk-account .profile-selector .profile-option:hover             { cursor: pointer; border: 1px solid #5d84b9; }
#docentexemplaar-zakelijk-account .profile-dropdown .profile-option:hover             { -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.10); }
#docentexemplaar-zakelijk-account .profile-selector .profile-option .profile-check    { display: flex; align-items: center; width: 32px; height: 32px; justify-content: center; }
#docentexemplaar-zakelijk-account .profile-dropdown                                   { position: absolute; top: 66px; width: 100%; left: 0; z-index: 5; }
  



/**
*  Profile selector: zakelijk account
*/
#verplicht-zakelijk-account-backdrop,
.verplicht-zakelijk-account-backdrop      { background-color: #00000050; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; backdrop-filter: blur(2px); cursor: pointer; }
#verplicht-zakelijk-account,
.verplicht-zakelijk-account              { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 600; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.verplicht-zakelijk-account-message       { box-sizing: border-box; max-width: 490px; width: 100%; background: #FFF; padding: 20px; pointer-events: auto; }
.verplicht-zakelijk-account-message .btn  { width: 100%; margin-bottom: 10px; box-sizing: border-box; justify-content: center; }

.verplicht-zakelijk-account .profile-selector *                                 { transition: all 0.2s; } 
.verplicht-zakelijk-account .profile-selector .profile-option                   { display: flex; align-items: center; line-height: 18px; height: 66px; background-color: #FFF; 
                                                                                    border: 1px solid #dadada; border-radius: 3px; padding: 10px 6px 10px 10px; box-sizing: border-box; margin-bottom: 5px; }
.verplicht-zakelijk-account .profile-selector .profile-info                     { padding-left: 10px; flex-grow: 1; }
.verplicht-zakelijk-account .profile-selector .fa-circle                        { color: #d7e2f1; }
.verplicht-zakelijk-account .profile-selector .fa-user                          { color: #003983; }
.verplicht-zakelijk-account .profile-selector:hover .profile-option             { display: flex;  }
.verplicht-zakelijk-account .profile-selector .profile-option:hover             { cursor: pointer; border: 1px solid #5d84b9; }
.verplicht-zakelijk-account .profile-dropdown .profile-option:hover             { -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.10); }
.verplicht-zakelijk-account .profile-selector .profile-option .profile-check    { display: flex; align-items: center; width: 32px; height: 32px; justify-content: center; }
.verplicht-zakelijk-account .profile-dropdown                                   { position: absolute; top: 66px; width: 100%; left: 0; z-index: 5; }
  





@media only screen and (max-width: 992px) {

/**
 *	MENU MOBILE
 */
    .menu-backdrop.open {
        display: block;
    }

    .main-menu-wrapper {
        position: absolute;
        __top: 53px;
        border-top: 1px solid #c4c4c4;
        display: none;
    }

    body.sticky .main-menu-wrapper {
        position: fixed;
        top: 48px;
    }

    .main-menu-wrapper.open {
        display: block;
        height: calc(100vh - 65px);
        overflow-y: scroll;
    }

    .mobile-menu-pointer {
        display: block;
    }

    .main-menu-content {
        width: calc(100% - 50px);
        margin: 0 0 25px;
        padding: 0;
    }

    .main-menu {
        display: block;
    }

    .mobile-menu-close-button {
        display: block;
    }

    .menu-item.home {
        display: none;
    }

    .menu-item a {
        padding: 5px 12px;
        color: #000;
        font-weight: normal;
        font-size: 14px;
        border-bottom: 1px solid #c4c4c4;
        background: #fff;
    }

    .menu-item a:hover {
        color: #000;
    }

    .menu-item a.menu-first-item-lable {
        display: none;
    }

    .menu-item-subcontainer {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        border: 0;
        box-shadow: none;
    }

    .submenu-wrapper,
    .menu-item:hover .submenu-wrapper {
        display: none;
    }

    .menu-item-subcontainer-content {
        display: block;
        padding: 0;
    }

    .menu-item-subcolumn {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .menu-item a.submenu-item.title {
        display: block;
        background: #fff !important;
        font-weight: 700;
    }

    .submenu a.submenu-item {
        padding: 5px 0 5px 20px;
    }

    .submenu a.submenu-item:last-child {
        _border: 0;
    }

    .menu-item-subcolumn.last {
        margin: 33px 0 0;
        border-top: 1px solid #c4c4c4;
    }

    .menu-item-subcolumn.last a {
        font-weight: normal;
    }

    .menu-item a,
    a.submenu-item,
    .menu-item a:hover,
    a.submenu-item:hover {
        font-size: 16px;
        background: #fff url('../images/arrow-right-black.svg') 98% center / 18px auto no-repeat !important;
        text-decoration: none !important;
    }

    .menu-item a.submenu-item {
        padding: 5px 10px;
        max-width: unset;
    }

}

@media (max-width: 576px) {

    .page > .article,
    .page > .widget-button,
    .page > .faq-container    { padding: 0 15px; }

}




/* Events */
.pe--event .lead                { font-size: 1.30rem; line-height: 1.60rem; }

.event-header-info-image                { background: rgba(255, 255, 255, .85); }
.event-header-info                      { background: rgba(213, 235, 240, .25); }
.event-header-info .border-bottom       { border-color: #2b3b77 !important; }

/* .pe--programma-onderdeel:has(+ :not(.pe--programma-onderdeel))  { margin-bottom: 3rem !important; } /* last in groep */
/* .pe--programma-onderdeel:not(:has(~ .pe--programma-onderdeel))  { margin-bottom: 3rem !important; } /* last in container */

.programma-onderdeel-tile       { background: #eaf5f7; border-left: 3px solid #d3ecf0; }
.event-spreker-links            { display: grid; grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; }

.capitalize-first:first-letter  { text-transform: uppercase; }

.event-overview-practical       { font-weight: 600; color: #555; }

.productgroup-side      { max-width: 30%; width: 100%; min-width: 300px; }

.pe--event .actueel-list-image-wrapper          { width: 25%; }
.pe--event .actueel-list-content-wrapper        { width: 73.5%; }
.pe--event .product-overview-product-info       { width: 73.5%; margin-left: 26.5%; }
.pe--event .productgroup-block-wrapper          { padding: 0; }

.product-overview-product.search-suggestion .event-suggestion        { background: #eee; } 

.product-overview-product-subtitle  { font-size: 16px; line-height: 17px; font-weight: 400; color: #6e6e6e; }


.filter-section-searchbox           { border: 1px solid #d7d7d7; }

@media (max-width: 768px) {

    .pe--event .event-header-info-wrapper       { background: none; height: auto; }
    .pe--event .event-header-info-wrapper h2        { font-size: 16px; line-height: 22px; }
    .pe--event .event-header-info-wrapper .lead     { font-size: 16px; line-height: 22px; }
    .pe--event .event-header-info               { position: relative !important; bottom: unset !important; }

    .event-spreker-links                { display: block; }
    .pe--event .productgroup-side       { max-width: 100%; }

    .pe--opleidingoverzicht .product-overview-product-image     { float: none; width: 100%; }
    .pe--opleidingoverzicht .product-overview-product-info      { width: 100%; margin: 0; }

}

@media (max-width: 1024px) {

    .pe--opleidingoverzicht .product-overview-filter-section-title      { padding: 3px 0; border: 0; }
    .pe--opleidingoverzicht .product-overview-filter-section-wrapper    { display: block; }
    .pe--opleidingoverzicht .product-overview-filter-section            { margin: 0 0 10px; }
    .pe--opleidingoverzicht .product-overview-filter                    { padding: 3px 0; border: 0; }

}


.toegangsform-input     { max-width: 300px; }


/* Landingpage billboard */
.pe--landingpage-billboard					{ background: var(--menu-bgcolor); position: relative; }
.landingpage-billboard-image-wrapper		{ height: 350px; overflow: hidden; }
.landingpage-billboard-image-wrapper:after 	{
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: 0;
    border-top: 63px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 2600px solid var(--menu-bgcolor);
}

.landingpage-billboard-intro	{ position: relative; font-size: 20px; line-height: 26px; text-wrap: balance; z-index: 10; }
.landingpage-billboard-raster   { position: absolute; height: 100%; width: 100%; top: 0; background: url('../images/raster.png') right top no-repeat; }


@media (max-width: 768px) {

    .landingpage-billboard-raster               { background: url(../images/raster.png) 50% top no-repeat; }
    .landingpage-billboard-image-wrapper        { height: 200px; background-size: auto 100% !important; }

}


/* RETOURNEREN / RETURNS / RETOUR */
.btn.btn-white.disabled, .btn[disabled].btn-white, fieldset[disabled] .btn.btn-white {
    background-color: #f1f1f1 !important;
    color: #666;
    opacity: 0.8 !important;
}

.select-return .fa-check {
    display: none;
}

.select-return.added .fa-check {
    display: inline;
}

.select-return.added .fa-plus {
    display: none;
}

.label-grey {
    color: #777;
}


/* METHODEPAGINA'S */

.pe--methodepagina-header				{ padding: 20px 0 90px; }
.methodepagina-header-triangle	{
	position: absolute; bottom: 0; right: 0; 
	width: 0; height: 0; border-style: solid; border-width: 120px 0 0 2500px; border-color: transparent transparent transparent #fff;
}

@media only screen and (min-width: 767px) {

	.methodepagina-header-image-container	{ text-align: right; }

}

.quote-text				{ font-size: 18px; line-height: 20px; }

.methodepagina-row-images-image             { max-height: 120px; max-width: 100%; }

.pe--methodepagina-person-tile              { padding-top: 138px; filter: drop-shadow(3px 4px 6px rgba(0, 0, 0, 0.15)); }
.methodepagina-tile-person-content-wrapper  { background: #fff; }
.methodepagina-person-image-wrapper		    { width: 260px; margin: -138px auto 10px; }

.swiper-button-next,
.swiper-button-prev                         { color: #000; }
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after       { font-size: 25px; }

.swiper-button-next,
.swiper-button-prev {

    svg { height: 25px; }
}

.pe--toegang-met-wachtwoord .toegang-form .toegangsform-input   { border-radius: 20px 0 0 20px !important; }
.pe--toegang-met-wachtwoord .toegang-form .btn.btn-primary      { border-radius: 0 20px 20px 0 !important; }


/* methodenslider */
.methodenslider-container a	                                    { text-decoration: none; }
.methodenslider-container a:hover                               { color: #000; }
.methodenslider-container .swiper-slide                         { height: 430px; transition: all 200ms linear; transform: scale(0.9); }
.methodenslider-container .swiper-slide.swiper-slide-active     { transform: scale(1); background: #eee; }

.methodenslider-link    { font-weight: 600; }

@media only screen and (min-width: 767px) {

    .pe--methodenslider .swiper-button-next     { color: #000; right: -35px; }
    .pe--methodenslider .swiper-button-prev     { color: #000; left: -35px; }

}

.methodenslider-container.rounded .methodeslide-image           { border-radius: 50%; }




/* password */
input::-ms-clear, input::-ms-reveal                         { display: none; }  /* MS Edge */
.form-password-wrapper                                      { position: relative; cursor: pointer; }
.form-password-wrapper .form-pw-toggle                      { position: absolute; top: 5px; right: 8px; width: 25px; height: 25px; color: #bbb; }
.form-password-wrapper .form-pw-toggle:hover                { color: #757594; }
.form-password-wrapper .form-pw-toggle .form-pw-eye-slash   { display: none; }


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}