/* header */
header.fancy-header {min-height:52vh;}
header.fancy-header:before {content:"";width:calc(100% / 1);height:20rem;background:linear-gradient(0deg, rgba(0 0 0 / 0.5), transparent);position:absolute;left:0;bottom:0;z-index:1;}
header.fancy-header .tekstvlak {left:calc(-10px + var(--container));}

/* header */
header.header-groendak {height:auto;margin-top:20px;margin-bottom:0;}
header.header-groendak .homepage-banner {display:flex;flex-wrap:wrap;width:100%;}
header.header-groendak .homepage-banner .partial .inner {background:var(--softbg);position:relative;border-radius:12px;overflow:hidden;}
header.header-groendak .homepage-banner .partial.large .inner .image {min-height:332px;}
header.header-groendak .homepage-banner .partial.large .inner .image picture,
header.header-groendak .homepage-banner .partial.large .inner .image img {min-height:332px;max-height:482px;}
header.header-groendak .homepage-banner .partial.large .inner .image:after {content:"";display:block;position:absolute;top:0;left:0;background:linear-gradient(15deg, rgba(0 0 0 / 0.75), rgba(0 0 0 / 0));width:100%;height:100%;}
header.header-groendak .homepage-banner .partial.large .inner .content {position:absolute;bottom:0;margin:20px;}
header.header-groendak .homepage-banner .partial.large .inner .content * {color:white;}
header.header-groendak .homepage-banner .partial.large .inner .content h1 {font-weight:bold;font-size:44px;}
header.header-groendak .homepage-banner .partial.small {display:flex;flex-wrap:wrap;}
header.header-groendak .homepage-banner .partial.small .inner {display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - 20px);margin:20px 0px 20px 20px;}
header.header-groendak .homepage-banner .partial.small .inner:first-child:nth-last-child(1n+2), 
header.header-groendak .homepage-banner .partial.small .inner:first-child:nth-last-child(1n+2) ~ .inner {height:calc(100% / 2 - 40px);}
header.header-groendak .homepage-banner .partial.small .inner:first-child:nth-last-child(1n+3), 
header.header-groendak .homepage-banner .partial.small .inner:first-child:nth-last-child(1n+3) ~ .inner {height:calc(100% / 3 - 60px);}
header.header-groendak .homepage-banner .partial.small .inner .content {padding:20px;display:flex;justify-content:center;flex-direction:column;color:var(--fontcolor);}
header.header-groendak .homepage-banner .partial.small .inner .content * {color:var(--fontcolor);}
header.header-groendak .homepage-banner .partial.small .inner .content h2 {margin-top:0;font-weight:bold;}
header.header-groendak .homepage-banner .partial.small .inner .content span.knop:after {content:"\f061";font-family:var(--icons);display:inline-block;padding-left:6px;transition:0.4s;}
header.header-groendak .homepage-banner .partial.small .inner:hover .content span.knop:after {padding-left:16px;}
header.header-groendak .homepage-banner .partial.small .inner .image {width:calc(100% / 2);border-radius:12px;overflow:hidden;margin:15px;}
header.header-groendak .homepage-banner .partial.small .inner .image img {transition:0.4s;}
header.header-groendak .homepage-banner .partial.small .inner:hover .image img {transform:scale(1.05);}
@media (min-width:992px) {
header.header-groendak {margin-bottom:20px;}
header.header-groendak .homepage-banner .partial.large {width:calc(100% / 10 * 6);}
header.header-groendak .homepage-banner .partial.large .inner {margin:20px 20px 20px 0px;}
header.header-groendak .homepage-banner .partial.small {width:calc(100% / 10 * 4);}
}
@media (max-width:992px) and (min-width:768px) {
header.header-groendak .homepage-banner .partial.small .inner {width:calc(100% / 2 - 20px) !important;height:auto !important;}
header.header-groendak .homepage-banner .partial.small .inner:nth-child(2n-1) {margin-left:0;margin-right:10px;}
header.header-groendak .homepage-banner .partial.small .inner:nth-child(2n) {margin-right:0;margin-left:10px;}
}
@media (max-width:992px) {
header.header-groendak .homepage-banner .partial.large {margin:0 20px;}
header.header-groendak .homepage-banner .partial.large .inner .content {padding-bottom:20px;}
header.header-groendak .homepage-banner .partial.large .inner .content h1 {font-size:38px;}
header.header-groendak .homepage-banner .partial.small .inner {margin-right:20px;width:calc(100% - 40px);margin-bottom:20px;}
header.header-groendak .homepage-banner .partial.small .inner .content h2 {font-size:20px;}
header.header-groendak .homepage-banner .partial.small .inner .image {margin-left:0;}
}
@media (max-width:340px) {
header.header-groendak .homepage-banner .partial.large .inner {background:var(--subColor);}
header.header-groendak .homepage-banner .partial.small .inner .image {display:none;}
header.header-groendak .homepage-banner .partial.large .inner .content {position:relative;}
header.header-groendak .homepage-banner .partial.large .inner .content h1 {font-size:30px;}
}
	
/* categorieen */
section.boxed .blocks .block a.btn {display:none;}
section.boxed.lego {background:#1E1E1E;overflow:hidden;position:relative;margin-bottom:5rem;}
section.boxed.lego > .container {padding-left:0 !important;padding-right:0 !important;}
.superblocks#categories {padding-top:5rem;padding-bottom:2rem;}
.superblocks#categories:before {content:"";display:block;width:100%;height:250%;background:black;transform:rotate(-45deg);position:absolute;left:-50%;top:-40%;}
.superblocks#categories .blocks {gap:unset;justify-content:space-between;flex-direction:row;}
.superblocks#categories .blocks .block {flex-basis:unset;width:calc(100% / 1);position:relative;background:white;padding-bottom:3rem;margin-bottom:1rem;}
.superblocks#categories .blocks .block .block-img {background:white;height:8rem;}
.superblocks#categories .blocks .block .block-img picture,
.superblocks#categories .blocks .block .block-img img {min-height:unset;object-fit:contain;object-position:center top;height:100%;}
.superblocks#categories .blocks .block .block-content h2 {font-size:18px;position:absolute;margin:0;bottom:10px;text-align:center;width:100%;}
.superblocks#categories .blocks .block a.btn {display:none;}
@media (min-width:324px) {
.superblocks#categories .blocks .block {flex-basis:unset;width:calc(100% / 2 - 10px);}
}
@media (min-width:524px) {
.superblocks#categories .blocks .block {flex-basis:unset;width:calc(100% / 3 - 10px);}
.superblocks#categories .blocks .block .block-img {height:12rem;}
}
@media (min-width:992px) {
.superblocks#categories:before {height:150%;}
.superblocks#categories .blocks .block {flex-basis:unset;width:calc(100% / 6 - 10px);}
}

/* products */
section.collection .minibanner {}
section.collection .minibanner .offset {max-width:824px;}
section.collection .minibanner .offset .image {position:absolute;top:0;left:0;width:100%;height:100%;}
section.collection .minibanner .offset .image img {width:100%;height:100%;display:block;object-fit:cover;border-radius:20px;opacity:0.4;background:white;}
section.collection .minibanner .offset .content {position:relative;z-index:2;max-width:824px;min-height:92px;}
section.collection .minibanner .offset .content h2:not(:first-child) {margin-top:0;}
section.collection .minibanner .offset .content p:first-child strong {color:var(--subColor);}
section.collection .overzicht {display:flex;flex-direction:column-reverse;align-items:flex-end;}
section.collection .overzicht .swipeme {width:100%;margin-left:auto;}
section.collection .overzicht .swipeme .swiper-wrapper {padding-top:2rem;}
section.collection .overzicht .swipeme .swiper-wrapper .product {max-width:364px;}
section.collection .overzicht .swipeme .swiper-wrapper .product .col-md-4 {box-shadow:0 0 20px rgba(0 0 0 / 0.1);height:calc(100% - 2rem);margin-right:0;}
section.collection .overzicht .sideswipe-slider {position:relative;}
section.collection .overzicht .sideswipe-slider .swiper-pagination {position:relative;text-align:left;bottom:1rem !important;}
section.collection .overzicht .sideswipe-slider .swiper-pagination .swiper-pagination-bullet,
section.collection .overzicht .sideswipe-slider .swiper-pagination .swiper-pagination-bullet-active {background-color:var(--mainColor);}
section.collection .overzicht .sideswipe-slider .swiper-timeless {position:relative;overflow:hidden;}
@media (min-width:768px) {
section.collection .overzicht {flex-direction:row;}
section.collection .minibanner .offset .content h2 {font-size:2.5rem;}
}
@media (min-width:992px) {
section.collection {padding-bottom:0rem;}
}

/* parallax */
@media (max-width:768px) {
section.parallax.updated {height:24rem;}
}

/* nieuws */
section.blogs .intro {max-width:824px;}
section.blogs .flex .news-item .image {background:white;}
section.blogs .flex .news-item .image picture,
section.blogs .flex .news-item .image img {height:100%;object-fit:cover;object-position:center;width:100%;}