<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
:root { --text-primary: #1967AA; }

[onclick] { cursor: pointer; }

a { color: var(--text-primary); }

img:not([src]), img[src=""] { visibility: hidden; }

.textalignleft { text-align: left !important; }

.textaligncenter { text-align: center !important; }

.textalignright { text-align: right !important; }

.w-100 { width: 100%; }

.mp-menu { top: -72px; overflow: hidden; }

.mp-menu ul li { padding-left: 10px; }

.mp-menu ul li.social { display: inline-block; vertical-align: middle; width: 33%; margin-top: 35px; margin-bottom: 35px; }

.mp-menu ul li a { width: 220px; }

.cookiebar { padding: 0 !important; }

.cookiebar .cookiemelding { display: table; width: 100%; }

.cookiebar .cookiemelding &gt; span { display: table-cell; padding: 0.6rem; vertical-align: middle; }

.w-1 { width: 1px; }

.cookiebar .cookiemelding .btn { display: inline-block; text-decoration: none; }

@media (max-width: 420px) { .cookiebar .cookiemelding &gt; span { display: block; width: auto !important; }
  .cookiebar .cookiemelding &gt; span:last-child { padding-top: 2px; } }

#footer .footer-content .footer-navigation { width: 457px; }

@media (max-width: 767px) { #footer .footer-content .footer-navigation { width: 100%; } }

#footer .logo img + img { display: none; }

.block-inner { display: block !important; }

#content .block .block-content { padding: 0; border-top: 0; }

#content .block .block-content .block-inner.map .google-map, .block-inner { max-width: 100%; }

#content .block .button-back-container .button-back { z-index: 1; }

.country-selection { opacity: 1; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 999; display: none; }

.country-selection.active { display: block; }

.country-selection .country-selection-wrapper { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 20px; padding-top: 20px; background: white; transition: 0.5s ease all; padding-left: 15px; padding-right: 15px; }

.country-selection .country-selection-wrapper.active { height: 25vh; }

.country-selection .country-selection-wrapper.active .countries .country .country-wrapper { width: 14vh; height: 14vh; }

.country-selection .country-selection-wrapper .h1 { text-transform: uppercase; font-size: 2em; margin: 0 0 .67em 0; font-weight: bold; text-align: center; }

.country-selection .country-selection-wrapper .countries { display: flex; align-items: center; flex-flow: wrap; }

.country-selection .country-selection-wrapper .countries .country { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 10px auto; }

.country-selection .country-selection-wrapper .countries .country .country-wrapper { display: flex; width: 20vh; height: 20vh; border: 1px solid rgba(0, 0, 0, 0.7); padding: 30px; justify-content: center; align-items: center; flex-direction: column; margin: 0 15px; transition: 0.5s ease all; }

.country-selection .country-selection-wrapper .countries .country .country-wrapper svg { height: 100%; width: 100%; }

.country-selection .country-selection-wrapper .countries .country.active .country-wrapper { border-color: var(--text-primary); }

.country-selection .country-selection-wrapper .countries .country.active .country-wrapper .country-name { color: var(--text-primary); }

.country-selection .country-selection-wrapper .countries .country.active .country-wrapper svg path { fill: var(--text-primary); stroke: var(--text-primary); }

.country-selection .country-selection-wrapper .countries .country .country-name { font-size: 18px; margin-top: 10px; text-transform: uppercase; font-weight: lighter; }

.country-selection .country-selection-wrapper .countries .language-selection { transition: 0.2s ease all; position: absolute; top: 100%; left: 0; right: 0; height: 50vh; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 20px; padding-bottom: 20px; opacity: 0; border-top: 1px solid #ededed; }

.country-selection .country-selection-wrapper .countries .language-selection.active { opacity: 1; z-index: 99; }

.country-selection .country-selection-wrapper .countries .language-selection .back { display: none; }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper { display: flex; align-items: center; justify-content: center; flex-flow: wrap; flex-direction: row-reverse; }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage { display: flex; align-items: center; justify-content: center; width: 125px; height: 125px; margin: 0 15px; }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage a { display: block; color: inherit; text-decoration: none; }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage .language-image { background-size: contain; background-position: center; background-repeat: no-repeat; width: 100px; height: 100px; display: block; margin: auto; }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage .language-image.Frans { background-image: url("../Images/Languages/Frans.svg"); }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage .language-image.Nederlands { background-image: url("../Images/Languages/Nederlands.svg"); }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage .language-image.Engels { background-image: url("../Images/Languages/Engels.svg"); }

.country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage span { display: block; text-align: center; font-size: 18px; margin-top: 10px; text-transform: uppercase; font-weight: lighter; }

@media (max-height: 1000px) { .country-selection .country-selection-wrapper .countries .country .country-wrapper { padding: 15px; } }

@media (max-height: 800px) { .country-selection .country-selection-wrapper.active { margin-top: -100vh; height: 100vh; }
  .country-selection .country-selection-wrapper .countries .language-selection { height: 100vh; }
  .country-selection .country-selection-wrapper .countries .language-selection .back { display: block; opacity: 0; position: absolute; top: 0; left: 0; right: 0; padding: 10px; width: 100px; margin: auto; text-align: center; font-size: 18px; margin-top: 10px; text-transform: uppercase; font-weight: lighter; transition: 0.5s ease all; }
  .country-selection .country-selection-wrapper .countries .language-selection .back svg { width: 13px; display: block; margin: auto; }
  .country-selection .country-selection-wrapper.active .countries .language-selection .back { opacity: 1; } }

@media (max-width: 767px) { .country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage { width: 100px; height: 70px; }
  .country-selection .country-selection-wrapper .countries .language-selection .language-wrapper .countryLanguage .language-image { width: 75px; height: 50px; } }

.country-selection .close { position: fixed; right: 2vh; top: 2vh; z-index: 999; cursor: pointer; width: 50px; height: 50px; }

.country-selection .close:before { content: ""; width: 30px; height: 2px; background: #ccc; transform: rotate(-45deg); position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin: auto; }

.country-selection .close:after { content: ""; width: 30px; height: 2px; background: #ccc; transform: rotate(45deg); position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin: auto; }

.languages { position: absolute; right: 15px; top: 15px; z-index: 1; font-weight: bold; font-family: 'Lato',sans-serif; cursor: pointer; }

.languages img { width: 40; }

.languages svg { width: 23px; position: relative; top: -1px; margin-right: 2px; }

.languages span, .languages svg { vertical-align: middle; }

@media (max-width: 480px) { .languages { right: 7px; top: 7px; }
  .languages span { display: none; }
  .languages svg { width: 40px; height: 40px; opacity: 0.8; } }

@media (max-width: 768px) { #content .block.shop .block-content .block-inner .swiper { height: 300px; } }

#content .block.shop .block-content .block-inner .swiper .swiper-container, #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper, #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide, #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide .content-slide, #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide .slide-content-block { height: 100% !important; max-height: 100% !important; }

@media (max-width: 768px) { #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide .slide-content-block { display: flex; align-items: center; justify-content: center; width: 100%; } }

#content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide img { max-height: 100%; max-width: 100%; width: auto; height: auto; }

#content .block .block-content .block-inner { width: 100%; }

body #content .block .block-content .block-inner .suggestions ul li div img { max-height: 150px; max-width: 100%; height: auto; width: auto; }

#content .block .block-content .block-inner.suggestions ul li p { margin-bottom: 0; }

#content .block .block-content .block-inner .suggestions ul li .h3, #content .block .block-content .block-inner .suggestions ul li h3 { font-size: 1em; }

#content .block .block-content .block-inner .search ul { padding: 0; list-style-type: none; margin: 0; }

#content .block .block-content .block-inner .search ul li { padding: 7px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

#content .block .block-content .block-inner .search ul li:last-child { border-bottom: 0; }

.h3 { font-weight: bold; font-size: 1em; }

@media screen and (max-width: 1024px) { #content .block .block-content .block-inner.map { margin-top: 0; } }

.relative { position: relative; }

.google-map-loader { width: 610px; height: 587px; position: absolute; z-index: 9; background: rgba(255, 255, 255, 0.5); }

@media screen and (max-width: 1024px) and (min-width: 768px) { .google-map-loader { width: 100%; height: 400px; position: absolute; } }

#preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--text-primary); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }

#loader.m-auto { margin: auto; top: 0; left: 0; }

#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--text-primary); filter: brightness(0.9); -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }

#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--text-primary); filter: brightness(0.8); -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.btn.btn-primary { height: 55px; width: 100%; color: #fff !important; font-weight: bold; font-size: 1.2em; background: var(--text-primary); -moz-border-radius: 8xp; -khtml-border-radius: 8xp; -webkit-border-radius: 8xp; border-radius: 8xp; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none !important; }

.btn.btn-primary:active, .btn.btn-primary:focus { border-bottom: 0; border-right: 0; }

.suggestions { float: left; }

#content .block { padding-top: 0; }

body.eye-wellness #navigation .logo span { height: 82px !important; padding: 8px 0 !important; }

body:not(.home) #navigation .logo span { height: 82px !important; padding: 8px 0 !important; }

@media (min-width: 768px) and (max-width: 1200px) { #content h1 { padding-bottom: 0 !important; } }

#content .block.store-locations .block-content .suggestions ul { list-style: none; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -5px; }

#content .block.store-locations .block-content .suggestions ul li { margin: 0 0 5px 0 !important; padding: 0 5px !important; border: 0 !important; flex: 0 0 33.33%; max-width: 33.33%; }

#content .block.store-locations .block-content .suggestions ul li h3 { margin: 5px 0; padding: 10px 5px 0 0; font-size: 1.3em; }

#content .block.store-locations .block-content .suggestions ul li p { font-weight: bold; font-size: 0.8em; line-height: 1.6 !important; }

#content .block.store-locations .block-content .block-inner { width: 100%; margin: 0; }

#content .block.store-locations .block-content ul li h3 a { word-break: normal; }

#content .block.store-locations .block-content ul li a { word-break: break-word; }

@media (max-width: 991px) { #content .block.store-locations .block-content .block-inner { float: none !important; height: auto !important; margin: auto; }
  #content .block.store-locations .block-content .block-inner.side { width: 660px; margin: auto; }
  #content .block.store-locations .block-content .block-inner .search ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
  #content .block.store-locations .block-content .block-inner .search ul li { flex: 0 0 157px; max-width: 157px; } }

@media (max-width: 380px) { #content .block .block-content .suggestions ul li { flex: 0 0 100%; max-width: 100%; } }

@media screen and (max-width: 1024px) { #content .block.search .block-content .suggestions ul { list-style: none; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -5pxpx; }
  #content .block.search .block-content .suggestions ul li { margin: 0 0 20px 0 !important; padding: 0 5px !important; border: 0 !important; flex: 0 0 50%; max-width: 50%; }
  #content .block.search .block-content .suggestions ul li h3 { margin: 5px 0; padding: 10px 5px 0 0; font-size: 1.3em; }
  #content .block.search .block-content .suggestions ul li p { font-weight: bold; font-size: 0.8em; line-height: 1.6 !important; }
  #content .block.search .block-content ul li h3 a { word-break: normal; }
  #content .block.search .block-content ul li a { word-break: break-word; } }

@media (max-width: 576px) { #content .block.search .block-content .suggestions ul li { flex: 0 0 100%; max-width: 100%; } }

#content .block.stores .block-content .overview-simple ul li a { text-decoration: none; }

#content .block.stores .block-content .overview-simple ul li a h2 { font-size: inherit; text-align: center; }

#content .h1 { font-family: 'Lato',sans-serif; font-weight: normal; font-size: 1.2em; text-transform: uppercase; text-align: center; }

#content .block.stores .h1 { margin-bottom: 30px; margin-top: 7px; }

#content .block.stores .block-content .overview-simple ul { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -5px; }

#content .block.stores .block-content .overview-simple ul li { flex: 0 0 370px; max-width: 370px; padding: 0 5px; margin: 0 0 10px 0; }

@media (max-width: 768px) { #content .block.stores .block-content .overview-simple ul li { flex: 0 0 50%; } }

@media (max-width: 576px) { #content .block.stores .block-content .overview-simple ul li { flex: 0 0 370px; } }

#content .block.stores .block-content .overview-simple ul li img { max-width: 100%; }

@media (max-width: 767px) { #content .block.stores .block-content .overview-simple ul li img { width: auto; } }

#content .block.brands .block-content .overview-simple ul li a { text-decoration: none; }

#content .block.brands .block-content .overview-simple ul li a h2 { font-size: inherit; text-align: center; }

#content .h1 { padding: 0 0 8px 0; font-family: 'Lato',sans-serif; font-weight: normal; font-size: 1.2em; text-transform: uppercase; text-align: center; }

#content .block.brands .h1 { margin-bottom: 30px; margin-top: 7px; }

#content .block.brands .block-content .overview-simple ul { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -1%; justify-content: center; }

#content .block.brands .block-content .overview-simple ul li { flex: 0 0 190px; min-width: 138px; padding: 0 5px; margin: 0 0 5px 0; }

#content .block .block-content .overview-simple.categories ul li { flex: 0 0 50%; padding: 0 2%; margin: 0 0 5px 0; }

#content .block .block-content .overview-simple.products ul li { flex: 0 0 31.33%; padding: 0; margin: 0 1% 2% 1% !important; }

#content .block.brands .block-content .overview-simple ul li .text { padding: 10px 1px; }

@media (max-width: 767px) { #content .block .block-content .overview-simple.products ul li { flex: 0 0 48%; margin: 0 1% 2% 1% !important; } }

@media (max-width: 340px) { #content .block .block-content .overview-simple.products ul li { flex: 0 0 98%; margin: 0 1% 2% 1% !important; } }

#content .block .block-content .shop-list ul, #content .block .block-content .brand-list ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; max-width: 100%; padding: 0 15px; }

.shop-list li, .brand-list li { max-width: 226px; flex: 0 0 226px; padding-right: 30px; }

.shareaholic-share-buttons-container { margin-top: -50px; position: relative; }

:root { --text-color: #2f2a2b; --primary-font: "Assistant"; --fancy-font: "Lora"; }

img { max-width: 100%; max-height: 100%; }

a:not(.logo) img { transition: 0.2s ease transform; }

a:not(.logo):hover img { transform: scale(1.05); }

body { color: var(--text-color); font-family: var(--primary-font) !important; line-height: 1.45; }

blockquote { font-family: var(--fancy-font) !important; }

blockquote:before { content: '“'; font-size: 150%; line-height: 0; margin-right: 6px; }

blockquote:after { content: '“'; font-size: 150%; line-height: 0; margin-left: 6px; position: relative; top: 37px; }

.intro:empty { display: none; }

blockquote, p, .intro, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit !important; font-weight: normal; line-height: 1.2 !important; color: inherit !important; }

p { line-height: inherit !important; font-weight: inherit !important; margin-bottom: 15px; }

.times h4 { font-weight: bold; }

#content .intro:first-letter, .intro:first-letter { font-family: var(--fancy-font); font-size: 1.4em; }

.dancing-script { font-family: var(--fancy-font) !important; font-style: normal; font-size: 120%; }

.h1, h1 { font-size: 41px !important; margin-top: 0 !important; margin-bottom: 0 !important; text-transform: inherit !important; text-align: inherit !important; font-weight: 800; letter-spacing: 1px; }

.h1.dancing-script, h1.dancing-script { font-size: 49px !important; }

.h2, h2 { font-size: 36px !important; margin-bottom: 10px !important; margin-top: 0 !important; }

.h2.dancing-script, h2.dancing-script { font-size: 42px !important; }

.times h4, .h3, h3 { font-size: 26px !important; margin-bottom: 16px !important; font-weight: bold; letter-spacing: 1px; }

.h3.dancing-script, h3.dancing-script { font-size: 31px !important; }

.h4, h4 { font-size: 20px !important; }

.h4.dancing-script, h4.dancing-script { font-size: 20px !important; }

.intro { font-size: 26px !important; font-weight: lighter !important; margin-bottom: 40px !important; }

.intro.top { padding-top: 0 !important; }

blockquote, .intro:first-letter { line-height: 0; }

@media (max-width: 992px) { blockquote, .h2, h2 { font-size: 30px !important; margin-bottom: 8px !important; }
  .h2.dancing-script, h2.dancing-script { font-size: 36px !important; }
  .times h4, .h3, h3 { font-size: 23px !important; margin-bottom: 8px !important; }
  .h3.dancing-script, h3.dancing-script { font-size: 28px !important; } }

@media (max-width: 768px) { .h1, h1 { font-size: 36px !important; }
  .intro { font-size: 23px !important; } }

@media (max-width: 576px) { .h1, h1 { font-size: 30px !important; }
  .h2, h2 { font-size: 26px !important; margin-bottom: 5px !important; }
  .h2.dancing-script, h2.dancing-script { font-size: 36px !important; }
  .intro, .times h4 { font-size: 19px !important; margin-bottom: 15px !important; }
  .h3.dancing-script, h3.dancing-script { font-size: 31px !important; } }

.stretch-link:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; }

[data-object-fit="cover"] { object-fit: cover; }

[data-object-fit="contain"] { object-fit: contain; }

body { overflow-x: hidden; }

.stickToBottom.affix { bottom: 0; position: fixed; }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - GRID 
///////////////////////////////////////////////////////////////////////////////////////////////*/
html, body, .container, .scroller { height: auto; }

.contain { padding-left: 15px; padding-right: 15px; }

section.heading { width: 1130px; max-width: 100%; text-align: left; padding: 0px 15px 30px 15px; margin: auto; }

@media (max-width: 1500px) { section.heading { padding: 0 15px 30px 15px; } }

@media (max-width: 768px) { section.heading { padding-bottom: 30px; padding-top: 0; } }

section.heading + * { padding-top: 0 !important; }

table tr td { padding: 0 5px; }

table tr td:first-child { padding-left: 0; }

table tr td:last-child { padding-right: 0; }

#content.wrap { display: flex; flex-wrap: wrap; width: 1130px; max-width: 100%; text-align: left; padding: 60px 0 0 0; position: relative; z-index: 1; }

.wrap.go-up { background: white; }

#content.wrap.column { flex-direction: column; }

.go-up { margin-top: -62px !important; }

@media (max-width: 991px) { #content header { margin-top: 0; }
  .go-up { margin-top: 0 !important; } }

.scroller { min-height: 100vh; }

main { flex-grow: 1; flex-basis: 0; overflow: hidden; padding: 0 15px 0 15px; max-width: 100%; }

aside { flex: 0 0 405px; max-width: 405px; width: 405px; margin-lefT: auto; margin: 0 0  0  60px; text-align: left; }

footer { display: flex; width: 1130px; max-width: 100%; text-align: left; padding: 0 0 60px 0; margin: auto; }

@media (max-width: 991px) { main { padding-right: 30px; }
  aside { flex: 0 0 300px; max-width: 300px; width: 300px; margin-left: 30px; } }

body { padding-top: 87px; }

@media (max-width: 768px) { #content.wrap { width: 550px; max-width: 100%; }
  main { padding-right: 15px; width: 100%; }
  aside { flex: 0  0 100%; width: 100%; max-width: 100%; margin: 0; margin-top: 60px; } }

@media (max-width: 360px) { header + #content.wrap { padding: 45px 5px 45px 5px; } }

/*aside*/
.wrap aside .stickToBottom { width: inherit; padding: 0 15px; }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - UTIL 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.d-block { display: block; }

small { font-size: 75% !important; }

.d-inline { display: inline; }

.text-faded { opacity: 0.7; }

.m-auto { margin: auto; }

.p-0 { padding: 0 !important; }

.nowrap { white-space: nowrap; }

.content &gt; *:first-child *:first-child, .content &gt; *:first-child { margin-top: 0 !important; }

.content &gt; *:last-child *:last-child, .content &gt; *:last-child { margin-bottom: 0 !important; }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - HEADER 
///////////////////////////////////////////////////////////////////////////////////////////////*/
#main .header { height: auto; position: relative; z-index: 0; margin-top: -87px; padding-top: 87px; }

#main .header:empty { display: none; }

#main .header .text { position: absolute; top: 0; bottom: 0; color: white; right: 0; left: 0; z-index: 1; width: 40%; padding-left: 40%; padding-right: 18%; width: 100%; font-size: 140%; line-height: 130%; display: flex; justify-content: space-between; margin: auto; overflow: hidden; }

#main .header .text .content { margin: auto; }

#main .header .text .content a { color: white !important; }

#main .header .text { margin-top: 72px; }

#main .header picture { height: 75vh; display: block; position: relative; }

#main .header picture img { min-height: 100%; width: 100%; position: absolute; top: 0; right: 0; left: 0; max-height: none; }

#content p.intro { padding-left: 0 !important; padding-right: 0 !important; }

#content p.intro.top { margin-top: 0; }

#main .header .intro { padding-top: 0 !important; }

body.brand-detail header + #content.wrap { padding-top: 30px; }

@media (max-width: 991px) { #main .header .text { font-size: 110%; line-height: 105%; }
  body.brand-detail #main .header { display: block; } }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - NAVIGATION 
///////////////////////////////////////////////////////////////////////////////////////////////*/
#navigation.sticky { height: auto; box-shadow: none; padding: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }

#navigation { position: fixed; top: 0; left: 0; right: 0; background: white; color: var(--text-color); padding: 0; overflow: visible; }

#navigation .navigation-content { display: flex; padding: 0 15px; width: 1130px; max-width: 100%; margin: auto; }

/*default*/
#navigation ul li a { height: 82px; text-align: center; display: flex !important; align-items: center; justify-content: center; text-transform: inherit; transition: 0.2s ease all; color: inherit !important; text-transform: uppercase; }

.tagMenuButton { cursor: pointer; }

nav.tagMenu { font-size: 90%; position: fixed; top: 73px; left: 0; right: 0; z-index: -1; background: rgba(47, 42, 43, 0.8); color: white; padding: 8px 18px; border-bottom: 1px solid var(--text-color); display: none; }

nav.tagMenu ul { display: flex; flex-wrap: wrap; }

nav.tagMenu li { flex: 0 0 200px; padding: 0 16px; list-style-type: none; display: inline-block; }

nav.tagMenu li a { height: auto !important; text-decoration: none; text-transform: none !important; justify-content: flex-start !important; padding: 0 !important; }

@media (max-width: 768px) { nav.tagMenu { padding-left: 0; padding-right: 0; top: 72px; }
  .tagMenuButton { display: none !important; }
  .category-head { padding: 30px 20px 10px 20px !important; } }

/*logo*/
#navigation.sticky { background: white; }

#navigation .logo { width: 300px; text-align: center; position: relative; transition: 0.2s ease all; margin-right: auto; }

#navigation .logo span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.2s ease all; display: flex; align-items: center; }

#navigation .logo img { max-height: 100%; max-width: 100%; padding: 5px 0; }

/*social*/
#navigation .social-list { margin-left: 10px; padding: 0 10px; }

#navigation .social-list { margin-left: 0; }

.social-list { display: flex; list-style: none; flex-direction: row; justify-content: center; align-items: center; }

.social-list li { height: auto; }

.social-list li a { color: inherit; text-decoration: none !important; display: flex; align-items: center; margin: 0 10px; justify-content: center; }

.social-list li a path { transition: 0.2s ease all; }

.social-list li a:hover path { fill: var(--text-primary); }

/*nav items*/
#navigation .navigation-content .navigation-wrapper { padding-top: 5px; display: flex; align-items: center; }

#navigation .navigation-content .navigation-wrapper ul { height: auto; width: 100%; display: flex; align-items: center; }

#navigation .navigation-content .navigation-wrapper ul li { margin: 0; display: block; }

#navigation .navigation-content .navigation-wrapper ul li a { padding: 0 8px; margin: 0 12px; font-size: inherit; position: relative; font-family: var(--primary-font) !important; font-weight: 800; display: flex; flex-direction: column; letter-spacing: 1px; }

#navigation .navigation-content .navigation-wrapper ul li.active a { font-family: var(--main-font); }

#navigation .navigation-content .navigation-wrapper ul li a:after { content: ""; height: 3px; width: 0; left: 0; right: 0; bottom: 0; background: var(--text-primary); transition: 0.2s ease all; margin-top: 2px; opacity: 0.9; }

#navigation .navigation-content .navigation-wrapper ul li:focus a:after, #navigation .navigation-content .navigation-wrapper ul li:active a:after, #navigation .navigation-content .navigation-wrapper ul li:hover a:after, #navigation .navigation-content .navigation-wrapper ul li.active a:after { width: 100%; }

@media (max-width: 992px) { #navigation .navigation-content .navigation-wrapper ul li a { padding: 0 1px; } }

@media (max-width: 767px) { #navigation .navigation-content .navigation-wrapper ul { display: none; }
  #navigation { min-height: 72px; }
  #navigation .navigation-content .social-list { display: none; }
  .navigation-mobile { display: block !important; }
  .mp-level { background: #fff; }
  .mp-menu { z-index: 999; top: 0; position: fixed; left: 0; bottom: 0; transform: none !important; left: -260px; transition: 0.5s linear all; }
  .no-scroll .mp-menu { left: 0; }
  .mp-menu ul { width: 100%; position: fixed; top: 0; left: 0; overflow: auto; }
  .mp-menu ul li { height: auto; padding: 0; }
  .mp-menu ul li.social { padding: 10px 20px; color: var(--text-color); margin-top: 25px; margin-bottom: 25px; }
  .mp-menu ul li.social a { padding: 0; margin: 0; }
  .mp-menu ul li a { padding: 5px 20px; margin: 10px 0; width: 100%; color: var(--text-color); }
  .mp-menu ul li.active a { background: rgba(0, 0, 0, 0.11); }
  .menu-trigger { position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; background: transparent; overflow: hidden; border-radius: 0; z-index: 9; border: 0; margin-left: 15px; width: 42px; height: 42px; padding: 12px 0; }
  .menu-trigger span { display: block; width: 34px; height: 4px; border-radius: 0; background: var(--text-color); transition: opacity, transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7); margin-left: auto; margin-right: auto; }
  .menu-trigger span + span { margin-top: 4px; }
  .no-scroll .menu-trigger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .no-scroll .menu-trigger span:nth-child(2) { opacity: 0; transform: translateX(-100%); }
  .no-scroll .menu-trigger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } }

@media (max-width: 768px) { #navigation .logo { width: 154px; height: 78px; }
  body:not(.home) #navigation .logo span, #navigation .logo span { height: 78px !important; padding: 8px 0 !important; } }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - ARTICLES 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.article, article { padding-bottom: 25px; margin-bottom: 40px; position: relative; }

article:before, .article:before { content: ""; border-bottom: 1px solid var(--text-color); position: absolute; left: 0; right: 0; bottom: 0; }

.article .h1, .article h1, article .h1, article h1 { margin-bottom: 25px !important; }

.landingpage.article h1 { margin-bottom: 0px !important; }

.article a, article a { text-decoration: none !important; }

.article .tag, article .tag { display: inline-block; position: relative; z-index: 9; color: inherit; }

.img-link { position: relative; display: block; overflow: hidden; }

article .img-link, .article .img-link { box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); border-left: 15px solid white; border-right: 15px solid white; border-top: 15px solid white; border-bottom: 15px solid white; }

.img-link:before { content: ""; padding-top: 55%; display: block; }

.img-link img { height: 100%; width: 100%; transition: .2s ease all; }

.img-link svg, .img-link img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto !important; }

.img-link svg { left: 0; right: 0; top: 0; bottom: 0; }

.article .block-content, article .block-content { padding: 15px !important; border: 0 !important; }

.articles .article, .articles article { margin-bottom: 45px; position: relative; }

@media (max-width: 768px) { article .img-link, .article .img-link { margin: 0 -10px; width: auto; border-left: 10px solid white; border-right: 10px solid white; border-top: 10px solid white; border-bottom: 10px solid white; }
  .article .block-content, article .block-content { padding: 10px !important; border: 0 !important; }
  #content.wrap main .news .articles article .block-content { padding: 10px; }
  article .block-content &gt; .block-content, .article .block-content &gt; .block-content { padding: 10px 0 !important; } }

section.selected-articles { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -10px; margin-right: -10px; border-bottom: 1px solid black; padding-bottom: 45px; margin-bottom: 45px; }

section.selected-articles .title { flex: 0 0 100%; padding: 0 10px 10px 10px; }

section.selected-articles article { flex: 0 0 33.33%; border-bottom: 0; margin-bottom: 0; padding: 0 10px; }

section.selected-articles article:before { display: none; }

section.selected-articles article h2 { line-height: 0.9 !important; }

section.selected-articles article h2 strong { font-size: 90%; }

section.selected-articles .img-link { border: 0; margin-bottom: 5px; }

@media (max-width: 767px) { section.selected-articles { margin-left: -15px; margin-right: -15px; }
  section.selected-articles article { padding: 0 15px; }
  section.selected-articles article:last-child { margin-bottom: 0px; } }

@media (max-width: 576px) { section.selected-articles { flex-direction: column; align-items: center; }
  section.selected-articles article { margin-bottom: 20px; max-width: 260px; min-width: 260px; display: flex; flex-direction: column; } }

@media (max-width: 360px) { section.selected-articles article { flex: 0 0 80%; margin-bottom: 20px; } }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - ARTICLE
///////////////////////////////////////////////////////////////////////////////////////////////*/
body.article-detail .article .embed-responsive, body.article-detail article .embed-responsive { margin: 0 0 15px 0; }

article .play-button, .article .play-button { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto !important; }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - TILES 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.tile { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--text-color); text-align: center; }

.tile ol { text-align: left; }

.tile h3 { position: relative; }

.tile h3:before { content: ""; display: block; position: absolute; left: 0; right: 0; width: 119px; height: 100px; top: -10px; margin: auto; background: url("../Images/brush.svg") no-repeat center/contain; z-index: -1; }

.tile a { text-decoration: none !important; }

blockquote, .tile h3 { font-size: 39px; }

blockquote { background: url("../Images/brush.svg") no-repeat center/contain; }

.TileInstagram h3:before { background: url("../Images/instagram.svg") no-repeat center/contain; top: -15px; }

.TileTrending ol { counter-reset: listitem; list-style: none; margin-top: 36px; }

.TileTrending ol li { position: relative; padding-left: 90px; padding-bottom: 10px; min-height: 55px; padding-top: 0; }

.TileTrending ol li:before { counter-increment: listitem; content: counter(listitem); position: absolute; left: -15px; font-family: var(--fancy-font); font-size: 80px; opacity: 0.8; width: 45px; top: -35px; text-align: center; }

.TileTrending ol li:nth-of-type(even):before { left: 0px; }

.TileTrending ol li:nth-of-type(odd):before { left: 15px; }

.TileTrending ol li:nth-of-type(21):before, .TileTrending ol li:nth-of-type(11):before, .TileTrending ol li:nth-of-type(1):before { color: var(--text-primary); }

.TileTrending ol li:nth-of-type(22):before, .TileTrending ol li:nth-of-type(12):before, .TileTrending ol li:nth-of-type(2):before { color: var(--text-primary); filter: brightness(0.95); }

.TileTrending ol li:nth-of-type(23):before, .TileTrending ol li:nth-of-type(13):before, .TileTrending ol li:nth-of-type(3):before { color: var(--text-primary); filter: brightness(0.9); }

.TileTrending ol li:nth-of-type(24):before, .TileTrending ol li:nth-of-type(14):before, .TileTrending ol li:nth-of-type(4):before { color: var(--text-primary); filter: brightness(0.85); }

.TileTrending ol li:nth-of-type(25):before, .TileTrending ol li:nth-of-type(15):before, .TileTrending ol li:nth-of-type(5):before { color: var(--text-primary); filter: brightness(0.8); }

.TileTrending ol li:nth-of-type(26):before, .TileTrending ol li:nth-of-type(16):before, .TileTrending ol li:nth-of-type(6):before { color: var(--text-primary); filter: brightness(0.75); }

.TileTrending ol li:nth-of-type(27):before, .TileTrending ol li:nth-of-type(17):before, .TileTrending ol li:nth-of-type(7):before { color: var(--text-primary); filter: brightness(0.7); }

.TileTrending ol li:nth-of-type(28):before, .TileTrending ol li:nth-of-type(18):before, .TileTrending ol li:nth-of-type(8):before { color: var(--text-primary); filter: brightness(0.65); }

.TileTrending ol li:nth-of-type(29):before, .TileTrending ol li:nth-of-type(19):before, .TileTrending ol li:nth-of-type(9):before { color: var(--text-primary); filter: brightness(0.6); }

.TileTrending ol li:nth-of-type(30):before, .TileTrending ol li:nth-of-type(20):before, .TileTrending ol li:nth-of-type(10):before { color: var(--text-primary); }

.TileTrending ol li:nth-of-type(5):before { left: 10px; }

.TileFooter ul { list-style-type: none; }

.TileFooter ul li a { color: var(--text-primary); }

@media (max-width: 440px) { .TileTrending ol li { padding-left: 58px; }
  .TileTrending ol li:before { top: -18px; font-size: 63px; } }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - OVERVIEW CARDS 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.m-0 { margin: 0 !important; }

#content .block .block-content .overview-simple { margin: 0 -1%; }

#content .block .block-content .overview-simple ul li, #content .block .block-content ul { margin: 0; float: none; width: auto; }

.overview-simple { margin: 0 -5px; }

.overview-simple ul li { padding: 0 5px; margin-bottom: 10px; display: flex; }

.overview-simple ul li .simple-block { transition: 0.2s ease all; position: relative; display: flex; flex-direction: column; width: 100%; }

.overview-simple ul li .simple-block svg, .overview-simple ul li .simple-block img { margin: 10px; }

.overview-simple ul li .simple-block figure { position: relative; }

.overview-simple.brands ul li .simple-block figure:before { content: ""; padding-top: 100%; display: block; }

.overview-simple ul li .simple-block figure:before { content: ""; padding-top: 66.66%; display: block; }

.overview-simple.categories ul li .simple-block figure:before { content: ""; padding-top: 100%; display: block; }

.overview-simple ul li .simple-block a, .overview-simple ul li .simple-block a:before { z-index: 1; }

.overview-simple ul li .simple-block a + figure { cursor: pointer; }

.overview-simple ul li .simple-block figure img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; opacity: 1; transition: 1s ease all; }

/* .overview-simple ul li.product .simple-block figure.fade-animation img + img { opacity: 0; } .overview-simple ul li.product .simple-block a:hover + figure.fade-animation img { opacity: 0; cursor: pointer; } .overview-simple ul li.product .simple-block a:hover + figure.fade-animation img + img { opacity: 1; cursor: pointer; } */
.overview-simple ul li .simple-block .text { color: var(--text-primary) !important; margin: 0 0 0 0 !important; padding: 10px 15px; transition: 0.2s ease all; display: flex; justify-content: center; flex-direction: column; flex-grow: 1; flex-shrink: 0; }

.overview-simple ul li .simple-block .text h2 { margin-bottom: 5px !important; }

.overview-simple ul li .simple-block .text h4 { margin-top: 0 !important; }

.overview-simple ul li .simple-block .text &gt; *:first-child { margin-top: 0 !important; padding-top: 0 !important; }

.overview-simple ul li .simple-block .text &gt; *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.overview-simple ul li:hover .simple-block .text { color: var(--text-primary) !important; filter: brightness(0.9); }

#content .block .block-content .overview-simple ul li a { height: auto; display: block; padding: 0; }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - OVERVIEW MAP 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.overview-simple h2 { padding: 0; text-align: center !important; }

.overview-simple ul { display: flex; justify-content: center; text-align: center; width: 100%; flex-wrap: wrap; }

.overview-simple ul li { margin-bottom: 10px !important; }

.overview-simple.maps ul li .simple-block figure:before { content: ""; padding-top: 100%; display: block; }

.overview-simple li { position: relative; margin: 0; flex: 0 0 370px; max-width: 100%; }

@media (max-width: 768px) { .overview-simple li { flex: 0 0 50%; } }

@media (max-width: 576px) { .overview-simple li { flex: 0 0 370px; } }

article .overview-simple, .article .overview-simple { margin: 65px 0 40px 0; }

article .overview-simple li, .article .overview-simple li { flex: 0 0 50%; }

@media (max-width: 991px) { article .overview-simple li, .article .overview-simple li { flex: 0 0 370px; } }

@media (max-width: 765px) { article .overview-simple li, .article .overview-simple li { flex: 0 0 50%; } }

@media (max-width: 576px) { article .overview-simple li, .article .overview-simple li { flex: 0 0 370px; } }

.map-piece-holder { display: flex; margin: 0 -15px; justify-content: center; align-items: center; }

.map-piece-holder &gt; * { padding: 0 15px; }

#content .block .block-content .block-inner img { margin-top: 0; }

@media (max-width: 991px) { .map-piece-holder { flex-direction: column; text-align: center; } }

/*///////////////////////////////////////////////////////////////////////////////////////////////
/// - WINKEL DETAIL
///////////////////////////////////////////////////////////////////////////////////////////////*/
#content .block.news .block-content ul li { width: auto; }

.shop-detail aside { padding-top: 0; }

.shop-detail aside.no-thumbs { padding-bottom: 0; }

/*////////////////////////////////////////////////
/// Footer
////////////////////////////////////////////////*/
footer { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) *  .5); }

footer a { text-decoration: none; }

footer a.link.uitrekken:before { content: ""; position: absolute; lefT: 0; right: 0; top: 0; bottom: 0; }

footer svg { width: 48px; height: 32px; }

footer .news .articles, footer .blocks { display: flex; flex-wrap: wrap; }

footer .news .articles { margin: 0 -20px; }

footer .blocks aside { padding-top: 0; padding-bottom: 0; }

footer .news .articles &gt; article, footer .news .articles &gt; .article, footer .blocks &gt; .block { flex-grow: 1; padding: 20px; margin-bottom: 10px; }

footer .news .articles &gt; article:before, footer .news .articles &gt; .article:before { left: 20px; right: 20px; }

footer .blocks &gt; .block .blocks { margin: 0 -15px; }

footer .blocks &gt; .block .block { padding: 0 15px; }

footer .news .articles article, footer .news .articles .article, footer .blocks .block { flex: 0 0 33.33%; max-width: 33.33%; padding: 32px; margin-bottom: auto; }

footer .news .articles article, footer .news .articles .article { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 40px; }

footer .block.brands .brand-select { display: none; }

@media (max-width: 576px) { footer .block.brands .brand-select { display: block; } }

footer .block.brands ul { display: flex; flex-wrap: wrap; }

footer .block.brands li { max-width: 50%; flex: 0 0 50%; list-style-type: none; padding: 0 5px; font-size: 0.9em; }

footer .block.brands li a { color: var(--text-primary); }

footer .block.brands select { background: rgba(255, 255, 255, 0.2); border: 0; color: white; display: block; width: 100%; padding: 5px 10px; margin-top: 15px; }

@media (max-width: 1200px) { footer .blocks .block { flex: 0 0 33.33%; max-width: 33.33%; } }

@media (max-width: 991px) { footer .blocks .block { flex: 0 0 50%; max-width: 50%; }
  footer .blocks .block .block { flex: 0 0 50%; max-width: 50%; }
  footer .blocks .block .block.reviews { flex: 0 0 100%; max-width: 100%; }
  footer .block.brands { flex: 0 0 100%; max-width: 100%; }
  footer .block.brands li { max-width: 25%; flex: 0 0 25%; } }

@media (max-width: 700px) { footer .block.brands li { max-width: 33.33%; flex: 0 0 33.33%; } }

@media (max-width: 500px) { footer .blocks .block { flex: 0 0 100%; max-width: 100%; }
  footer .news .articles article, footer .news .articles .article, footer .blocks .block .block { flex: 0 0 100%; max-width: 100%; }
  footer .news .articles article, footer .news .articles .article { margin-bottom: 20px; }
  footer .blocks .block .block.reviews { flex: 0 0 100%; max-width: 100%; }
  footer .block.brands li { max-width: 50%; flex: 0 0 50%; } }

@media (max-width: 576px) { footer .blocks .block.details { padding-bottom: 0; } }

@media (max-width: 420px) { footer .blocks .block { padding: 20px; } }

/*////////////////////////////////////////////////
/// Brands
////////////////////////////////////////////////*/
/*////////////////////////////////////////////////
/// Back
////////////////////////////////////////////////*/
.back + * { padding-left: 100px !important; padding-right: 100px !important; display: flex; align-items: center; flex-direction: column; }

.back { position: absolute; left: 0; top: 15px; }

@media (max-width: 1200px) { .back { top: -30px; } }

@media (max-width: 991px) { .back + * { padding-left: 0 !important; padding-right: 0 !important; } }

@media (max-width: 768px) { .back + * { padding-left: 0 !important; padding-right: 0 !important; }
  .back { position: static; } }

.btn { display: inline-flex; align-items: center; color: inherit; text-decoration: none !important; }

.btn &gt; * { margin: 0 !important; line-height: 1.2 !important; }

/*////////////////////////////////////////////////
/// Swiper
////////////////////////////////////////////////*/
main.no-events { padding-left: 210px; padding-right: 210px; }

@media (max-width: 991px) { main.no-events { padding-left: 125px; padding-right: 125px; } }

@media (max-width: 768px) { main.no-events { padding-left: 15px; padding-right: 15px; } }

main.no-events .swiper-thumbs { margin-right: 0; }

.gallery-thumbs { cursor: grab; }

.swiper-thumbs, .swiper { position: relative; }

.swiper-thumbs { margin-top: 10px; }

@media (max-width: 991px) { .swiper-thumbs { margin-right: -390px; } }

@media (max-width: 768px) { main.no-events .swiper-thumbs { margin-top: 10px; }
  .swiper-thumbs { margin-right: 0; } }

.swiper-thumbs:before { content: ""; padding-top: 96px; display: block; }

.swiper:before { content: ""; padding-top: 77%; display: block; }

.swiper-thumbs .swiper-container, .swiper .swiper-container { position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; }

.swiper-container { width: auto; max-width: 100%; height: 300px; margin-left: auto; margin-right: auto; }

.swiper-slide { background-size: cover; background-position: center; }

.swiper-slide img { height: 100%; width: 100%; }

.gallery-top { height: 80%; width: auto; }

.gallery-thumbs { height: 96px; box-sizing: border-box; padding: 10px 0; }

.gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; }

.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }

.gallery-thumbs { width: auto; max-width: none; }

.gallery-thumbs .swiper-slide { width: 160px !important; }

.gallery-thumbs .swiper-slide img { width: 100%; height: 100%; }

@media (max-width: 576px) { .swiper-thumbs:before { padding-top: 50px; }
  .gallery-thumbs .swiper-slide { width: 80px !important; } }

.swiper-button-next { justify-content: flex-end !important; }

.swiper-button-prev { justify-content: flex-start !important; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0 !important; }

.swiper.swiper-shop:before { padding-top: 66.66%; }

.swiper-shop-further { width: auto; overflow: hidden; }

.swiper-shop-further .swiper-container { width: auto; margin: 0 -1%; max-width: none; heighT: auto; }

.swiper-shop-further .swiper-container .swiper-wrapper { align-items: center; }

.swiper-shop-further .swiper-slide { padding: 0 1%; }

.swiper-shop-further .swiper-slide .simple-block, .swiper-shop-further .swiper-slide figure { max-height: 400px; }

.swiper-shop-further .swiper-button-prev, .swiper-shop-further .swiper-button-next, .swiper.swiper-shop .swiper-button-prev, .swiper.swiper-shop .swiper-button-next { color: var(--text-color); }

.swiper-shop-further .swiper-pagination-bullet, .swiper .swiper-pagination-bullet { opacity: 1; border: 2px solid grey; width: 18px; height: 18px; background: transparent; }

.swiper-shop-further .swiper-container-horizontal &gt; .swiper-pagination-bullets .swiper-pagination-bullet, .swiper .swiper-container-horizontal &gt; .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }

.swiper-shop-further .swiper-pagination-bullet-active, .swiper .swiper-pagination-bullet-active { background: black; }

.swiper-shop-further .swiper-button-next, .swiper-shop-further .swiper-container-rtl .swiper-button-prev { right: 25px; }

.swiper-shop-further .swiper-button-prev, .swiper-shop-further .swiper-container-rtl .swiper-button-next { left: 25px; }

@media (max-width: 767px) { .swiper-shop-further .swiper-button-next, .swiper-shop-further .swiper-container-rtl .swiper-button-prev { right: 15px; }
  .swiper-shop-further .swiper-button-prev, .swiper-shop-further .swiper-container-rtl .swiper-button-next { left: 15px; }
  .swiper-shop-further .swiper-button-next:after, .swiper-shop-further .swiper-button-prev:after { font-size: 25px; } }

/*////////////////////////////////////////////////
/// Timeline
////////////////////////////////////////////////*/
.timeline .timeline-event { position: relative; list-style-type: none; margin-bottom: 30px; margin-top: -5px; }

/*.timeline-event .timeline-event-thumbnail { position: absolute; left: 0; bottom: 33px; margin: auto; background: black; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; text-align: center; color: white!important; flex-direction: column; line-height: 1!important; }*/
.timeline-event .timeline-event-thumbnail span:first-child { font-weight: bold; }

.timeline-event h4 { margin-bottom: 4px; font-size: 125%; font-weight: bold; text-transform: uppercase; text-align: center; }

.timeline-event .stretch-link { display: block; position: relative; height: 124px; }

@media (max-width: 1200px) { .timeline-event .stretch-link { height: 9.7vw; } }

@media (max-width: 1060px) { .shop-detail aside { display: none; } }

.timeline-event .stretch-link img { width: 100%; height: 100%; }

.timeline-event a.popup-link { position: static !important; }

.timeline-event a.popup-link .play-button { top: auto !important; bottom: 27px !important; left: 0 !important; right: 0 !important; margin: auto; width: 70px !important; height: 70px !important; }

/*////////////////////////////////////////////////
/// reviews
////////////////////////////////////////////////*/
#reviews { display: none; }

.mfp-content { padding-top: 50px; }

.mfp-content #reviews { display: block; width: 600px; max-width: 100%; background: white; margin: auto; padding: 20px; position: relative; }

.mfp-content #reviews .mfp-iframe-holder { padding: 0; }

.mfp-close { font-family: Arial, Baskerville, monospace; }

.reviews { margin-bottom: 60px; padding-top: 36px; }

.reviews a { margin: 0 30px; }

@media (max-width: 768px) { .reviews { margin-bottom: 20px; padding-top: 50px; } }

.grade { display: inline-flex; width: 100px; height: 100px; justify-content: center; align-items: center; background: var(--text-primary); color: white !important; border-radius: 50%; }

.stories .review { border-bottom: 1px solid black; margin-bottom: 7px; padding-bottom: 7px; display: flex; flex-wrap: wrap; }

.stories .review .grade { margin-right: 15px; width: 50px; height: 50px; }

.stories .review .content { margin-top: 8px; flex-shrink: 1; flex-grow: 1; flex-basis: 0; }

.stories .review .details { display: flex; overflow: hidden; }

.stories .review .details &gt; * { max-width: 50%; overflow: hidden; text-overflow: ellipsis; }

.details a { color: var(--text-primary); text-decoration: none; padding-left: 24px; padding-top: 3px; display: inline-block; }

.details a:hover { text-decoration: underline; }

.details a[href*="tel:"] { background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='phone-alt' class='svg-inline--fa fa-phone-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ef732b' d='M484.25 330l-101.59-43.55a45.86 45.86 0 0 0-53.39 13.1l-32.7 40a311.08 311.08 0 0 1-124.19-124.12l40-32.7a45.91 45.91 0 0 0 13.1-53.42L182 27.79a45.63 45.63 0 0 0-52.31-26.61L35.5 22.89A45.59 45.59 0 0 0 0 67.5C0 313.76 199.68 512.1 444.56 512a45.58 45.58 0 0 0 44.59-35.51l21.7-94.22a45.75 45.75 0 0 0-26.6-52.27zm-41.59 134.09C225.08 463.09 49 287 48 69.3l90.69-20.9 42.09 98.22-68.09 55.71c46.39 99 98.19 150.63 197 197l55.69-68.11 98.19 42.11z'%3E%3C/path%3E%3C/svg%3E"); background-size: auto  16px; background-position: top 7px left; background-repeat: no-repeat; }

.details a[href*="mailto:"] { background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='envelope' class='svg-inline--fa fa-envelope fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ef732b' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z'%3E%3C/path%3E%3C/svg%3E"); background-size: auto  16px; background-position: top 7px left; background-repeat: no-repeat; }

.details a[href*="//maps.apple.com/"] { background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='map-marker-times' class='svg-inline--fa fa-map-marker-times fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ef732b' d='M192 0C86.4 0 0 86.4 0 192c0 76.8 25.6 99.2 172.8 310.4 4.8 6.4 12 9.6 19.2 9.6 7.2 0 14.4-3.2 19.2-9.6C358.4 291.2 384 268.8 384 192 384 86.4 297.6 0 192 0zm0 446.09c-14.41-20.56-27.51-39.13-39.41-56C58.35 256.48 48 240.2 48 192c0-79.4 64.6-144 144-144s144 64.6 144 144c0 48.2-10.35 64.48-104.59 198.09-11.9 16.87-25 35.44-39.41 56zm73.54-316.32l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-39.6 39.6-39.6-39.6c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63l39.6 39.6-39.6 39.6c-6.25 6.25-6.25 16.38 0 22.63l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l39.6-39.6 39.6 39.6c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63l-39.6-39.6 39.6-39.6c6.25-6.25 6.25-16.38 0-22.63z'%3E%3C/path%3E%3C/svg%3E"); background-size: auto  16px; background-position: top 7px left 2px; background-repeat: no-repeat; }

.details a[title="Website"] { background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='browser' class='svg-inline--fa fa-browser fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ef732b' d='M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM48 92c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v24c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V92zm416 334c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V168h416v258zm0-310c0 6.6-5.4 12-12 12H172c-6.6 0-12-5.4-12-12V92c0-6.6 5.4-12 12-12h280c6.6 0 12 5.4 12 12v24z'%3E%3C/path%3E%3C/svg%3E"); background-size: auto  16px; background-position: top 7px left; background-repeat: no-repeat; }

.details a[title="Whatsapp"] { background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='whatsapp' class='svg-inline--fa fa-whatsapp fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ef732b' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3E%3C/path%3E%3C/svg%3E"); background-size: auto  18px; background-position: top 6px left; background-repeat: no-repeat; }

.stories .review .details &gt; * { margin-right: 15px; font-weight: bold; }

.pagerNav { list-style-type: none; display: flex; align-items: center; justify-content: center; }

.pagerNav li:first-child { margin-right: auto; }

.pagerNav li:last-child { margin-left: auto; }

.pagerNav li a { margin: 0 15px; font-family: inherit !important; }

.pagerNav li a.next, .pagerNav li a.previous { background: transparent; }

.pagerNav li a { opacity: 1; color: black; }

.pagerNav li.currentPage a { opacity: 0.2; }

/*////////////////////////////////////////////////
/// Webshop
////////////////////////////////////////////////*/
/*////////////////////////////////////////////////
/// Youtube
////////////////////////////////////////////////*/
.embed-responsive { position: relative; }

.embed-responsive-16by9:before { content: ""; padding-top: 57%; display: block; }

.embed-responsive-4by3:before { content: ""; padding-top: 100%; display: block; }

.embed-responsive iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

/*////////////////////////////////////////////////
/// Forms
////////////////////////////////////////////////*/
select, textarea, input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="search"], input[type="email"], .form-control { width: 100%; border: 0; outline: 0 !important; padding: 8px 15px; color: black !important; border-radius: 0; background: #eee !important; }

select { padding: 10px 15px; }

textarea { min-height: 125px; max-width: 100%; }

.control-label { font-weight: bold; margin-top: 10px; margin-bottom: 3px; display: block; }

[type="submit"] { background: transparent; border: 0; }

.form-actions { margin-top: 20px; }

.popup-form { display: none; width: 600px; max-width: 100%; background: white; margin: auto; padding: 30px 40px; position: relative; }

.mfp-content .popup-form { display: block; }

.popup-form .control-label { font-size: 120%; }

textarea.error, input.error { border: 1px solid #bf3131; }

label.error { padding: 5px 8px; display: block; background: #ffcfcf; border-top: 0; color: #bf3131; }

label.error:empty { display: none; }

/*////////////////////////////////////////////////
/// pageBtn
////////////////////////////////////////////////*/
.pageBtns { display: flex; margin: 0 -1%; flex-wrap: wrap; }

.pageBtns .pageBtn { margin: 0 1%; position: relative; padding: 40px 20px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.1); text-align: center; flex-grow: 1; flex-basis: 0%; margin-bottom: 2%; word-break: break-word; }

.content .pageBtns .pageBtn { margin-bottom: 2% !important; }

.pageBtns .pageBtn.inverse { color: #f2f2f2; background: var(--text-color); }

body.temporary { background: #666666; }

body.webshop-overview.custom-webshop #navigation .logo span { display: flex; align-items: center; justify-content: center; position: static; padding: 8px !important; border: 0 !important; }

body.webshop-overview.custom-webshop #navigation { border-bottom: 0; background: white !important; }

body.webshop-overview.custom-webshop #navigation .logo { margin: auto; width: auto !important; }

body.webshop-overview.custom-webshop .bannerMobile img, body.webshop-overview.custom-webshop .banner img { width: 100%; }

body.webshop-overview.custom-webshop .bannerMobile { display: none; }

body.webshop-overview.custom-webshop .navigation-wrapper { display: none; }

body.webshop-overview.custom-webshop .pageBtns { justify-content: center; }

body.webshop-overview.custom-webshop .pageBtns a { max-width: 33.33%; margin-bottom: 40px; }

@media (max-width: 991px) { body.webshop-overview.custom-webshop .pageBtns a { max-width: 66.66%; } }

@media (max-width: 576px) { body.webshop-overview.custom-webshop .pageBtns a { max-width: 100%; }
  body.webshop-overview.custom-webshop .banner { display: none; }
  body.webshop-overview.custom-webshop .bannerMobile { display: block; } }

/*////////////////////////////////////////////////
/// Select a country
////////////////////////////////////////////////*/
body.region-overview .block-content { text-align: center; }

body.region-overview .block-content ul.country { list-style-type: none; display: inline-block; padding: 15px 30px; border: 1px solid black; width: 420px !important; max-width: 100%; }

body.region-overview .block-content ul.country li { text-align: center; margin-bottom: 0; display: block; }

body.region-overview .block-content ul.country li:last-child a { border-bottom: 0; }

body.region-overview .block-content ul.country li a { padding: 15px; border-bottom: 1px solid black; display: block; width: 100%; text-decoration: none !important; transition: 0.2s ease all; }

body.region-overview .block-content ul.country li a:hover, body.region-overview .block-content ul.country li a:focus, body.region-overview .block-content ul.country li a:active { color: var(--text-primary) !important; filter: brightness(0.9); }

/*////////////////////////////////////////////////
/// Custom checkboxes
////////////////////////////////////////////////*/
label.custom-radio [type="checkbox"], label.custom-radio [type="radio"], label.custom-checkbox [type="checkbox"], label.custom-checkbox [type="radio"] { appearance: none; -webkit-appearance: none; width: 12px; height: 12px; border: 2px solid white; display: inline-block; vertical-align: middle; background: transparent; position: relative; top: -1px; transition: 0.2s ease all; outline: 0 !important; -webkit-box-shadow: inset 0px 0px 0px 14px rgba(255, 255, 255, 0.68), 0 0px 0px 1px #ef732b; margin: 1px 5px 1px 1px; -moz-box-shadow: inset 0px 0px 0px 14px white, 0 0px 0px 1px #ef732b; box-shadow: inset 0px 0px 0px 14px white, 0 0px 0px 1px #ef732b; }

label.custom-radio [type="radio"], label.custom-checkbox [type="radio"] { border-radius: 50%; }

label.custom-radio [type="checkbox"]:checked, label.custom-radio [type="radio"]:checked, label.custom-checkbox [type="checkbox"]:checked, label.custom-checkbox [type="radio"]:checked { -webkit-box-shadow: inset 0px 0px 0px 14px #ef732b, 0 0px 0px 1px #ef732b; -moz-box-shadow: inset 0px 0px 0px 14px #ef732b, 0 0px 0px 1px #ef732b; box-shadow: inset 0px 0px 0px 14px #ef732b, 0 0px 0px 1px #ef732b; }

/*////////////////////////////////////////////////
/// Shops
////////////////////////////////////////////////*/
/* Fading entrances  */
@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

body.shops-overview .offset { margin-left: 235px; }

body.shops-overview .shops { display: flex; padding: 0 1rem; }

body.shops-overview .shops .filter-button { display: none; margin: 10px 0; border: 0; width: 100%; border-radius: 4px; font-weight: bold; padding: 10px; }

body.shops-overview .shops .col { flex-grow: 1; padding: 0 15px; }

body.shops-overview .shops .overview-simple li { opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

body.shops-overview .shops .col.filters { flex: 0 0 235px; padding-top: 6px; }

body.shops-overview .shops .col.filters .form-group { margin-bottom: 2rem; }

body.shops-overview .shops .col.filters .form-group label span { margin-left: 0.375em; }

body.shops-overview #content .block .block-content .overview-simple ul li { flex: 0 0 33.33%; min-width: 0; }

@media (max-width: 991px) { body.shops-overview #content .block .block-content .overview-simple ul li { flex: 0 0 50%; min-width: 0; } }

@media (max-width: 767px) { body.shops-overview .offset { margin-left: 0; }
  body.shops-overview .heading { padding-bottom: 0; }
  body.shops-overview .shops { padding-left: 0; padding-right: 0; }
  body.shops-overview .shops .filter-button { display: inline-block; }
  body.shops-overview .shops ul { margin: 0 -5px !important; }
  body.shops-overview .shops .col.filters { width: 0; padding: 0; flex: 0; }
  body.shops-overview .shops .col.filters form { position: fixed; left: -225px; top: 0; bottom: 0; padding: 92px 1rem 1rem 1rem; width: 225px; background: white; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); z-index: 9; transition: 0.2s ease all; overflow: auto; }
  body.shops-overview .shops .col.filters form .filter-button { float: right; top: -5px; position: relative; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; }
  body.shops-overview .shops .col.filters form .filter-button span.cross:after, body.shops-overview .shops .col.filters form .filter-button span.cross:before { content: ""; width: 10px; height: 1px; background: black; display: block; position: absolute; lefT: 0; righT: 0; top: 0; bottom: 0; margin: auto; }
  body.shops-overview .shops .col.filters form .filter-button span.cross:before { transform: rotate(45deg); }
  body.shops-overview .shops .col.filters form .filter-button span.cross:after { transform: rotate(-45deg); }
  body.shops-overview .shops .col.filters form.active { left: 0; }
  body.shops-overview .shops .col.filters .backdrop { position: fixed; z-index: 8; left: 0; right: 0; top: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; transition: 0.2s ease opacity; }
  body.shops-overview .shops .col.filters form.active + .backdrop { bottom: 0; opacity: 1; } }

.page-list .page { position: relative; margin-bottom: 30px; text-align: center; }

.page-list .page .img-link { margin-bottom: 10px; }

.simple-page-list { display: flex; flex-wrap: wrap; }

.simple-page-list .page { position: relative; margin-bottom: 0; flex: 0 0 100%; max-width: 100%; }

.simple-page-list .page .img-link { margin-bottom: 10px; }

[class*="col-md-8"] .simple-page-list { margin: 0 -10px; }

[class*="col-md-8"] .simple-page-list .page { padding: 0 10px; flex: 0 0 50%; max-width: 50%; }

.page-list.page-list-voting [class*="col-"] { display: flex; flex-direction: column; }

.page-list.page-list-voting [class*="col-"] &gt; .page { display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; }

.page-list.page-list-voting [class*="col-"] &gt; .page &gt; form { display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; }

.page-list.page-list-voting [class*="col-"] &gt; .page &gt; form .content { flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column; }

.page-list.page-list-voting [class*="col-"] &gt; .page &gt; form .content .btn { margin-top: auto; }

.page-list.page-list-voting .img-link { margin-bottom: 0; }

.page-list.page-list-voting .img-link:before { content: ""; padding-top: 70%; display: block; }

.page-list.page-list-voting .content { padding: 1rem; background: rgba(0, 0, 0, 0.1); }

.page-list.page-list-voting .content h4 { margin-bottom: 1rem; }

.page-list.page-list-voting .winnaar { overflow: hidden; flex-basis: auto !important; padding: 1rem; background: black; }

.page-list.page-list-voting .winnaar .headline { background: goldenrod; color: black; font-weight: bold; padding: 0.35rem .5rem; font-family: Roboto !important; position: absolute; right: 1rem; top: 1rem; z-index: 1; }

.page-list.page-list-voting .winnaar .content { background: white; }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }

.confetti { width: 1rem; height: 1rem; display: inline-block; position: absolute; top: -1rem; left: 0; z-index: 50; }

.confetti .rotate { animation: driftyRotate 1s infinite both ease-in-out; perspective: 1000; }

.confetti .askew { background: linear-gradient(var(--grad-direction, to bottom), #f2ff00 25%, #ff6200 0% 66.667%, white 0% 100%); transform: skewY(10deg); width: 2rem; height: 3.2rem; animation: drifty 1s infinite alternate both ease-in-out; perspective: 1000; clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }

.confetti:nth-of-type(7n) .askew { animation-delay: -.6s; animation-duration: 2.25s; }

.confetti:nth-of-type(7n + 1) .askew { animation-delay: -.879s; animation-duration: 3.5s; }

.confetti:nth-of-type(7n + 2) .askew { animation-delay: -.11s; animation-duration: 1.95s; }

.confetti:nth-of-type(7n + 3) .askew { animation-delay: -.246s; animation-duration: .85s; }

.confetti:nth-of-type(7n + 4) .askew { animation-delay: -.43s; animation-duration: 2.5s; }

.confetti:nth-of-type(7n + 5) .askew { animation-delay: -.56s; animation-duration: 1.75s; }

.confetti:nth-of-type(7n + 6) .askew { animation-delay: -.76s; animation-duration: 1.5s; }

.confetti:nth-of-type(9n) .rotate { animation-duration: 2s; }

.confetti:nth-of-type(9n + 1) .rotate { animation-duration: 2.3s; }

.confetti:nth-of-type(9n + 2) .rotate { animation-duration: 1.1s; }

.confetti:nth-of-type(9n + 3) .rotate { animation-duration: .75s; }

.confetti:nth-of-type(9n + 4) .rotate { animation-duration: 4.3s; }

.confetti:nth-of-type(9n + 5) .rotate { animation-duration: 3.05s; }

.confetti:nth-of-type(9n + 6) .rotate { animation-duration: 2.76s; }

.confetti:nth-of-type(9n + 7) .rotate { animation-duration: 7.6s; }

.confetti:nth-of-type(9n + 8) .rotate { animation-duration: 1.78s; }

@keyframes drifty { 0% { transform: skewY(10deg) translate3d(-250%, 0, 0); }
  100% { transform: skewY(-12deg) translate3d(250%, 0, 0); } }

@keyframes driftyRotate { 0% { transform: rotateX(0); }
  100% { transform: rotateX(359deg); } }

select { position: absolute; left: 1rem; top: 1rem; font-size: 1rem; z-index: 100; }

[data-type=leaves] .confetti:nth-child(4n) { color: #8a0f32; }

[data-type=leaves] .confetti:nth-child(4n + 1) { color: #328a0f; }

[data-type=leaves] .confetti:nth-child(4n + 2) { color: #b88914; }

[data-type=leaves] .confetti:nth-child(4n + 3) { color: #ad551f; }

[data-type=bookmarks] .confetti:nth-child(4n) { color: #ff4d00; }

[data-type=bookmarks] .confetti:nth-child(4n + 1) { color: #00f2ff; }

[data-type=bookmarks] .confetti:nth-child(4n + 2) { color: #ffb700; }

[data-type=bookmarks] .confetti:nth-child(4n + 3) { color: #ccffd7; }

[data-type=leaves] .confetti .askew { background: currentColor linear-gradient(to right, transparent 48%, rgba(0, 0, 0, 0.12) 0% 52%, transparent 92%); width: 2.5rem; height: 4.2rem; clip-path: polygon(50% 0%, 100% 20%, 80% 30%, 100% 45%, 74% 60%, 94% 80%, 82% 100%, 18% 100%, 6% 80%, 26% 60%, 0% 45%, 20% 30%, 0% 20%); clip-path: polygon(56% 0%, 56% 16%, 60% 20%, 85% 40%, 100% 60%, 85% 75%, 70% 90%, 50% 100%, 15% 75%, 0% 60%, 15% 40%, 40% 20%, 44% 16%, 44% 0%); }

[data-type=snowflake] .confetti .askew { background: #f1f3f9; clip-path: polygon(evenodd, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%, 22% 2%, 78% 2%, 98% 22%, 98% 78%, 78% 98%, 22% 98%, 2% 78%, 2% 22%, 30% 10%, 70% 10%, 90% 30%, 90% 70%, 70% 90%, 30% 90%, 10% 70%, 10% 30%, 32% 12%, 68% 12%, 88% 32%, 88% 68%, 68% 88%, 32% 88%, 12% 68%, 12% 32%, 40% 20%, 60% 20%, 80% 40%, 80% 60%, 60% 80%, 40% 80%, 20% 60%, 20% 40%); }

[data-type=bookmarks] .confetti .askew { background: currentColor; width: 1rem; height: 2rem; clip-path: polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 50% 90%, 0% 100%); }

footer { background: #222; color: #fff; max-width: 100%; width: 100%; }

footer .container-fluid { width: 100%; background: inherit; margin: auto; overflow: visible; }

footer .container-fluid &gt; .row { margin: 0; }

footer .container-fluid &gt; .row &gt; [class*="col-"] { overflow: hidden; z-index: 1; position: relative; padding: 0; }

footer .container-fluid .square:before { content: ""; padding-top: 100%; display: block; }

footer .container-fluid .square .content-wrapper { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

footer .container-fluid .square .content-wrapper.content-top .content { margin-bottom: auto; }

footer .container-fluid .square .content-wrapper.content-bottom .content { margin-top: auto; }

footer .container-fluid .content-wrapper { display: flex; align-items: center; position: relative; height: 100%; }

footer .container-fluid .content-wrapper .content { width: 100%; padding: 3vw; }

footer .container-fluid .content-wrapper a { color: inherit; word-break: break-word; }

footer h4 { margin-bottom: 0.5rem; margin-top: 2rem; }

footer ul { list-style-type: none; }

.z-1 { z-index: 1; }

.relative { position: relative; }

.background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }

.background + * { position: relative; z-index: 1; }

.background img { width: 100%; height: 100%; object-fit: cover; }

.link-stretched:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; }

.link-stretched + .background img { transition: 0.2s ease all; }

.link-stretched:hover + .background img { transform: scale(1.05); }

/*////////////////////////////////////////////////
/// Home header
////////////////////////////////////////////////*/
.home #main .header { position: relative; height: 100vh; }

.home #main .header picture { height: 100%; }

.home #main .header .scroll-down { position: absolute; left: 0; righT: 0; bottom: 0; border: solid white; border-width: 0 1vw 1vw 0; padding: 3vw; vertical-align: middle; background: transparent; transform: rotate(45deg); margin: auto; display: block; width: 0; height: 0; bottom: 1.4vw; }

.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }

.row &gt; * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }

.col { flex: 1 0 0%; }

.col-auto { flex: 0 0 auto; width: auto; }

.col-xxs-1 { flex: 0 0 auto; width: 8.33333333%; }

.col-xxs-2 { flex: 0 0 auto; width: 16.66666667%; }

.col-xxs-3 { flex: 0 0 auto; width: 25%; }

.col-xxs-4 { flex: 0 0 auto; width: 33.33333333%; }

.col-xxs-5 { flex: 0 0 auto; width: 41.66666667%; }

.col-xxs-6 { flex: 0 0 auto; width: 50%; }

.col-xxs-7 { flex: 0 0 auto; width: 58.33333333%; }

.col-xxs-8 { flex: 0 0 auto; width: 66.66666667%; }

.col-xxs-9 { flex: 0 0 auto; width: 75%; }

.col-xxs-10 { flex: 0 0 auto; width: 83.33333333%; }

.col-xxs-11 { flex: 0 0 auto; width: 91.66666667%; }

.col-xxs-12 { flex: 0 0 auto; width: 100%; }

.offset-xxs-1 { margin-left: 8.33333333%; }

.offset-xxs-2 { margin-left: 16.66666667%; }

.offset-xxs-3 { margin-left: 25%; }

.offset-xxs-4 { margin-left: 33.33333333%; }

.offset-xxs-5 { margin-left: 41.66666667%; }

.offset-xxs-6 { margin-left: 50%; }

.offset-xxs-7 { margin-left: 58.33333333%; }

.offset-xxs-8 { margin-left: 66.66666667%; }

.offset-xxs-9 { margin-left: 75%; }

.offset-xxs-10 { margin-left: 83.33333333%; }

.offset-xxs-11 { margin-left: 91.66666667%; }

@media (min-width: 360px) { .col-xs-auto { flex: 0 0 auto; width: auto; }
  .col-xs-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xs-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xs-3 { flex: 0 0 auto; width: 25%; }
  .col-xs-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xs-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xs-6 { flex: 0 0 auto; width: 50%; }
  .col-xs-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xs-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xs-9 { flex: 0 0 auto; width: 75%; }
  .col-xs-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xs-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xs-12 { flex: 0 0 auto; width: 100%; }
  .offset-xs-0 { margin-left: 0; }
  .offset-xs-1 { margin-left: 8.33333333%; }
  .offset-xs-2 { margin-left: 16.66666667%; }
  .offset-xs-3 { margin-left: 25%; }
  .offset-xs-4 { margin-left: 33.33333333%; }
  .offset-xs-5 { margin-left: 41.66666667%; }
  .offset-xs-6 { margin-left: 50%; }
  .offset-xs-7 { margin-left: 58.33333333%; }
  .offset-xs-8 { margin-left: 66.66666667%; }
  .offset-xs-9 { margin-left: 75%; }
  .offset-xs-10 { margin-left: 83.33333333%; }
  .offset-xs-11 { margin-left: 91.66666667%; } }

@media (min-width: 576px) { .col-sm-auto { flex: 0 0 auto; width: auto; }
  .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-sm-3 { flex: 0 0 auto; width: 25%; }
  .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
  .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-sm-9 { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333333%; }
  .offset-sm-2 { margin-left: 16.66666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333333%; }
  .offset-sm-5 { margin-left: 41.66666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333333%; }
  .offset-sm-8 { margin-left: 66.66666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333333%; }
  .offset-sm-11 { margin-left: 91.66666667%; } }

@media (min-width: 768px) { .col-md-auto { flex: 0 0 auto; width: auto; }
  .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
  .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-md-9 { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333333%; }
  .offset-md-2 { margin-left: 16.66666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333333%; }
  .offset-md-5 { margin-left: 41.66666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333333%; }
  .offset-md-8 { margin-left: 66.66666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333333%; }
  .offset-md-11 { margin-left: 91.66666667%; } }

@media (min-width: 992px) { .col-lg-auto { flex: 0 0 auto; width: auto; }
  .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333333%; }
  .offset-lg-2 { margin-left: 16.66666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333333%; }
  .offset-lg-5 { margin-left: 41.66666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333333%; }
  .offset-lg-8 { margin-left: 66.66666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333333%; }
  .offset-lg-11 { margin-left: 91.66666667%; } }

@media (min-width: 1200px) { .col-xl-auto { flex: 0 0 auto; width: auto; }
  .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xl-3 { flex: 0 0 auto; width: 25%; }
  .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xl-9 { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333333%; }
  .offset-xl-2 { margin-left: 16.66666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333333%; }
  .offset-xl-5 { margin-left: 41.66666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333333%; }
  .offset-xl-8 { margin-left: 66.66666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333333%; }
  .offset-xl-11 { margin-left: 91.66666667%; } }

@media (min-width: 1400px) { .col-xxl-auto { flex: 0 0 auto; width: auto; }
  .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xxl-9 { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }
  .offset-xxl-0 { margin-left: 0; }
  .offset-xxl-1 { margin-left: 8.33333333%; }
  .offset-xxl-2 { margin-left: 16.66666667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-4 { margin-left: 33.33333333%; }
  .offset-xxl-5 { margin-left: 41.66666667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-7 { margin-left: 58.33333333%; }
  .offset-xxl-8 { margin-left: 66.66666667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-10 { margin-left: 83.33333333%; }
  .offset-xxl-11 { margin-left: 91.66666667%; } }
</pre></body></html>