.cms-correctbook {
    background-color:#fff;
}

.merkpagina .correctbook-color {
    background:#1e73be;
}

.merkpagina .hero-banner {
    height:355px;
    background:#f5f5f5;
}

.merkpagina .merk-intro figure.merk-intro-logo {
    width:168px;
    height:168px;
    margin-top:-89px !important;
    margin:0 auto;
    box-shadow: 0px 4px 6px #0000001A;
    border:1px solid #ccc;
    background:#fff;
}

.merkpagina .merk-intro figure.merk-intro-logo img {
    width:100%;
}

.merkpagina .merk-intro .merk-intro-tekst {
    margin:30px 0 0 0;
}

.merkpagina .merk-intro .merk-intro-tekst h1 {
    margin:0 0 13px 0;
    font-size:22px;
    font-weight:bold;
}

.merkpagina .merk-intro .merk-intro-tekst p {
    line-height:23px;
}

.merkpagina .merk-intro .merk-intro-nav ul {
    margin:40px 0 0 0;
}

.merkpagina .merk-intro .merk-intro-nav ul li {
    margin-right:8px;
    padding:10px 20px;
    display:inline;
    border-radius:20px;
}

.merkpagina .merk-intro .merk-intro-nav ul li a {
    color:#fff;
    text-decoration:none;
}




/* ********************** */

.thema-submenu {
    margin:0px;
    width:100%;
    position:relative;
    margin:-43px 0 30px 0;
    padding:30px 0;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000024;
    z-index:9;
}

.thema-submenu ul li a.paars {
    background:#6C4469;
}

.thema-submenu ul li a.paars:hover {
    background-color:rgba(108,68,105,0.7);
}

.thema-submenu ul li a.bruin {
    background:#B16645;
}

.thema-submenu ul li a.bruin:hover {
    background-color:rgba(177,102,69,0.7);
}

.thema-submenu ul li a.geel {
    background:#F5A73C;
}

.thema-submenu ul li a.geel:hover {
    background-color:rgba(245,167,60,0.7);
}

.thema-submenu ul li a.grijs {
    background:#6F6F6F;
}

.thema-submenu ul li a.grijs:hover {
    background-color:rgba(111,111,111,0.7);
}

.thema-submenu ul li a.groen {
    background:#458449;
}

.thema-submenu ul li a.groen:hover {
    background-color:rgba(69,132,73,0.7);
}

/* kleuren */

.beurs-prijspakkers {background-color:#46b6d6;}
.beurs-musthaves {background-color:#fdbf3b;}
.beurs-eyecatchers {background-color:#224667;}
.beurs-groene-geschenken {background-color:#37983e;}
.beurs-spoed {background-color:#d51818;}

.support-juich-tools {background-color:#fcbe4a;}
.support-party-toppers {background-color:#c50b7d;}
.support-voor-de-sporter {background-color:#4db5d3;}
.support-oranje-boven {background-color:#fa872a;}
.support-belgische-trots {background-color:#cf2426;}

.thema-submenu ul {
    list-style:none;
    text-align:center;
}

.thema-submenu ul li {
    margin:0 5px;
    display:inline;
    font-weight:bold;
}

.thema-submenu ul li a {
    padding:15px;
    text-decoration:none;
    border-radius:3px;
    color:#fff;
}

.gezellig-thuis {
    background:#6C4469;
}

.gezellig-thuis:hover {
    background-color:rgba(108,68,105,0.8);
}

.koffie-en-thee {
    background:#B16645;
}

.koffie-en-thee:hover {
    background-color:rgba(177,102,69,0.8);
}

.reizen {
    background:#F5A73C;
}

.reizen:hover {
    background-color:rgba(245,167,60,0.8);
}

.gadgets {
    background:#6F6F6F;
}

.gadgets:hover {
    background-color:rgba(111,111,111,0.8);
}

.duurzaamheid {
    background:#458449;
}

.duurzaamheid:hover {
    background-color:rgba(69,132,73,0.8);
}

.inspiratie-blokken a.inspiratie-blok {
    display:block;
    position:relative;
    margin-bottom:15px;
    text-decoration:none;
    border:1px solid #e5e5e5;
    border-radius:3px;
    transition:.2s ease;
}

.inspiratie-blokken a.inspiratie-blok figure {
    display:block;
    position:relative;
    z-index:-1;
    overflow:hidden;
}

.inspiratie-blokken a.inspiratie-blok figure img.product-image {
  transition: transform 6s ease;
}

.inspiratie-blokken a.inspiratie-blok:hover img.product-image {
  transform: scale(1.05);
}

.inspiratie-blokken a.inspiratie-blok .text-overlay {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    height:100%;
    width:100%;
    opacity:0;
    transition:.2s ease;
    border-radius:3px 3px 0 0;
    background-color:rgba(0,0,0,0.7);
}

.inspiratie-blokken a.inspiratie-blok:hover .text-overlay {
    opacity:1;
}

.inspiratie-blokken a.inspiratie-blok .text-overlay .text {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align:center;
}

.inspiratie-blokken a.inspiratie-blok:hover {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
}

.inspiratie-blokken a.inspiratie-blok:active {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}

.inspiratie-blokken .inspiratie-tekst-blok {
    padding:20px;
}

.inspiratie-blokken .margin-bottom-15 {
    margin-bottom:15px;
}

.inspiratie-blokken .margin-top-15 {
    margin-top:15px;
}

.inspiratie-blokken .inspiratie-tekst-blok h2 {
    font-weight:bold;
    color:#fff;
}

.inspiratie-blokken .inspiratie-tekst-blok h2:after {
    content:"";
    display:block;
    width:28px;
    height:2px;
    margin:12px 0 13px 2px;
    background:#fff;
}

.inspiratie-blokken .inspiratie-tekst-blok p {
    color:#fff;
}

.inspiratie-blokken .inspiratie-tekst-blok .btn-white {
    margin:5px 0 0 0;
    padding:9px 12px;
    color:#333;
    font-weight:bold;
    background:#fff;
}

.inspiratie-blokken .full-height {
    height:360px;
}

.inspiratie-blokken .half-height {
    height:280px;
}

.inspiratie-blokken .double-height {
    height:575px;
}

.inspiratie-blokken .double-height-extra {
    height:655px;
}

.inspiratie-blokken a.inspiratie-blok .label {
    position:absolute;
    top:10px;
    left:10px;
    padding:8px 9px;
    font-size:12px;
}

.inspiratie-blokken a.inspiratie-blok .brand {
    position:absolute;
    top:10px;
    right:10px;
}

.inspiratie-blokken a.inspiratie-blok .brand img {
    width:100%;
    border-radius:0;
}

.inspiratie-blokken a.inspiratie-blok .label.label-paars {
    background:#6C4469;
}

.inspiratie-blokken a.inspiratie-blok .label.label-bruin {
    background:#B16645;
}

.inspiratie-blokken a.inspiratie-blok .label.label-geel {
    background:#F5A73C;
}

.inspiratie-blokken a.inspiratie-blok .label.label-grey {
    background:#6F6F6F;
}

.inspiratie-blokken a.inspiratie-blok .label.label-green {
    background:#458449;
}

.inspiratie-blokken a.inspiratie-blok h3 {
    display:block;
    width:100%;
    margin:0px;
    padding:20px 0;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    border-top:1px solid #e5e5e5;
    border-radius:0 0 3px 3px;
    background:#fff;
}

.inspiratie-blokken a.inspiratie-blok:hover h3 {
    background:#eee;
}

.inspiratie-blokken .full-height figure {
    height:297px;
}

.inspiratie-blokken .half-height figure {
    height:217px;
}

.inspiratie-blokken .double-height figure {
    height:512px;
}

.inspiratie-blokken .double-height-extra figure {
    height:592px;
}

.inspiratie-blokken a.inspiratie-blok figure img {
    width:100%;
    height:100%;
    border-radius:3px 3px 0 0;
    object-fit:cover;
}

@media (max-width:991px) {

.thema-submenu {
    display:none;
}

.inspiratie-blokken .inspiratie-tekst-blok {
    height:auto;
}

/*.inspiratie-blokken .double-height-extra {
    height:200px;
}*/

}