@charset "UTF-8";
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
box-sizing: border-box; }
/**
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size (opinionated).
*/
html {
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
tab-size: 4;
/* 3 */ }
/*
Sections
========
*/
/**
1. Remove the margin in all browsers.
2. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
margin: 0;
/* 1 */ }
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */ }
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
text-decoration: underline dotted; }
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */ }
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */ }
/**
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none; }
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; }
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
box-shadow: none; }
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
padding: 0; }
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline; }
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto; }
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none; }
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item; }
/*****
mixins en zo
*/
.main, .section {
position: relative; }
.main > .sb, .main > .sf, .section > .sb, .section > .sf {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none; }
.main > .sb, .section > .sb {
z-index: -1; }
.section {
position: relative; }
.section > .video-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.section > .video-container > video {
width: 100%;
height: 100%;
object-fit: cover; }
.section > .video-container ~ .sc {
position: relative; }
.section.invisible > .sb {
background-image: none !important; }
.section[data-level="1"] > .sc {
margin-left: auto;
margin-right: auto;
width: 90%;
max-width: 1280px; }
.shadow-hover {
transition: box-shadow 0.3s ease-in-out; }
.shadow-hover:hover {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); }
.video-holder video {
display: block;
width: 100%;
height: auto; }
.video-holder video + .placeholder {
display: block; }
.media-holder {
display: block;
position: relative; }
.media-holder > svg {
display: block; }
.media-holder > .hover-holder > img, .media-holder > .overlay-holder > img {
display: block;
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.media-holder > .hover-holder[data-position] img, .media-holder > .overlay-holder[data-position] img {
object-fit: none; }
.media-holder > .hover-holder[data-position="left_top"] img, .media-holder > .overlay-holder[data-position="left_top"] img {
object-position: left top; }
.media-holder > .hover-holder[data-position="center_top"] img, .media-holder > .overlay-holder[data-position="center_top"] img {
object-position: center top; }
.media-holder > .hover-holder[data-position="right_top"] img, .media-holder > .overlay-holder[data-position="right_top"] img {
object-position: right top; }
.media-holder > .hover-holder[data-position="left_center"] img, .media-holder > .overlay-holder[data-position="left_center"] img {
object-position: left center; }
.media-holder > .hover-holder[data-position="center_center"] img, .media-holder > .overlay-holder[data-position="center_center"] img {
object-position: center center; }
.media-holder > .hover-holder[data-position="right_center"] img, .media-holder > .overlay-holder[data-position="right_center"] img {
object-position: right center; }
.media-holder > .hover-holder[data-position="left_bottom"] img, .media-holder > .overlay-holder[data-position="left_bottom"] img {
object-position: left bottom; }
.media-holder > .hover-holder[data-position="center_bottom"] img, .media-holder > .overlay-holder[data-position="center_bottom"] img {
object-position: center bottom; }
.media-holder > .hover-holder[data-position="right_bottom"] img, .media-holder > .overlay-holder[data-position="right_bottom"] img {
object-position: right bottom; }
.media-holder > .hover-holder > img {
opacity: 0.0001;
transition: opacity .5s; }
.media-holder > .overlay-holder > img:active {
pointer-events: none; }
.media-holder > .overlay-holder[data-style="lt"] {
display: inline-block; }
.media-holder > .overlay-holder[data-style="b"] {
display: inline-block;
bottom: 0;
height: auto;
top: auto; }
.media-holder > .overlay-holder[data-style="b"] > * {
width: 100%;
height: auto; }
.media-holder > .overlay-holder[data-style="contain"] > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: contain; }
.media-holder:hover > .hover-holder img {
opacity: 1; }
.image-holder {
position: relative;
display: block; }
.image-holder > img {
max-width: 100%; }
.image-holder > img {
display: block;
height: auto; }
.image-holder > .placeholder {
display: block; }
.image-holder > .placeholder + img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.calendar.hidden {
pointer-events: none;
opacity: 0;
display: none; }
html.home .layer__navigation {
width: 100%;
left: 0;
top: 0; }
html.home .layer__navigation .sb, html.home .layer__navigation .sc {
max-width: 2600px;
left: 0;
right: 0;
top: 0;
margin-inline: auto; }
html.home .layer__navigation .sc {
width: 95%;
padding-right: var(--main--padding-right);
z-index: 3; }
html.home.scrolling .layer__navigation {
transform: translateY(calc(-100% - 7px)); }
html.home.scrolling .layer__navigation .logo {
transform: translateY(calc(-100% - 7px)); }
html.home .layer__navigation, html.home.up .layer__navigation {
transform: none; }
html.home .layer__navigation .logo, html.home.up .layer__navigation .logo {
transform: none; }
html:not(.home) .layer__navigation {
width: 100%;
left: 0;
top: 0; }
html:not(.home) .layer__navigation .sb, html:not(.home) .layer__navigation .sc {
max-width: 2600px;
left: 0;
right: 0;
top: 0;
margin-inline: auto; }
html:not(.home) .layer__navigation .sc {
width: 95%;
padding-right: var(--main--padding-right);
z-index: 3; }
html:not(.home).scrolling .layer__navigation {
transform: translateY(calc(-100% - 7px)); }
html:not(.home).scrolling .layer__navigation .logo {
transform: translateY(calc(-100% - 7px)); }
html:not(.home) .layer__navigation, html:not(.home).up .layer__navigation {
transform: none; }
html:not(.home) .layer__navigation .logo, html:not(.home).up .layer__navigation .logo {
transform: none; }
.layer__navigation {
z-index: 2;
transition: transform 0.5s, background-color 0.5s;
color: #1d1d1b; }
.layer__navigation > .sb {
background-color: #ffffff; }
.layer__navigation .sc {
margin-inline: auto; }
.layer__navigation .ic {
display: flex;
align-items: center;
width: 90%;
max-width: 1280px; }
@media (min-width: 768px) {
.layer__navigation .ic {
margin-left: auto;
margin-right: auto; } }
.layer__navigation .logo a {
display: block; }
@media (max-width: 767px) {
.layer__navigation .logo a {
margin-top: .5em;
margin-bottom: -1em; } }
@media (min-width: 768px) {
.layer__navigation .logo a {
margin-top: 1.5em;
margin-bottom: -1.25em;
margin-right: 1em; } }
.layer__navigation .logo a > span > svg {
display: block;
max-width: 100%;
width: 100%;
height: auto; }
.layer__navigation .logo a > img, .layer__navigation .logo a > video {
display: block;
max-width: 100%;
width: 100%;
height: auto; }
@media (max-width: 767px) {
.layer__navigation .ic {
width: 100%; }
.layer__navigation .logo a {
width: 150px; } }
@media (min-width: 768px) {
.layer__navigation .logo a {
width: 200px; }
.layer__navigation .navigation__container {
align-items: center; }
.layer__navigation .mobile_cta {
display: none; }
.layer__navigation .navigation__submenu {
position: absolute;
right: 100%;
bottom: -16px;
transform: translateY(100%);
visibility: hidden;
opacity: 0;
z-index: -1;
transition: all 0.2s ease-in-out;
text-shadow: none;
color: #ffffff;
background-color: #1d1d1b; } }
@media (min-width: 768px) and (min-width: 768px) {
.layer__navigation .navigation__submenu {
padding-bottom: 1em;
padding-top: 14px; } }
@media (min-width: 768px) {
.layer__navigation .navigation__submenu::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 16px;
transform: translateY(-100%); }
.layer__navigation .navigation__submenu .menuitem {
padding-left: 1.25em;
padding-top: 0.25em;
padding-right: 1em;
padding-bottom: 0.25em;
color: #ffffff; }
.layer__navigation .navigation__submenu .menuitem:hover {
color: #1688ca; }
.layer__navigation .navigation__submenu li.active > .menuitem {
color: #ffffff; }
.layer__navigation .navigation__menu1 li:hover > .menuitem + .navigation__submenu {
visibility: visible;
opacity: 1;
z-index: 1; } }
.navigation-toggle {
display: inline-grid; }
.navigation-toggle label {
cursor: pointer;
background-color: #95c34d;
color: #fff;
padding-inline: 1em;
border-radius: 20px; }
.navigation-toggle > * {
grid-column-start: -1;
grid-row-start: -1;
justify-self: end;
display: flex;
align-items: center; }
.navigation-toggle svg {
display: block; }
.navigation-toggle__label {
margin-right: 4px; }
.navigation-toggle____icon {
display: block;
padding: 3px;
transform: translateY(2px); }
.navigation__wrapper {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: end; }
nav {
display: flex; }
.navigation__menu1 ul {
list-style: none;
padding: 0;
margin: 0; }
.navigation__menu1 ul ul {
padding-left: 1em; }
.navigation__menu1 > ul {
display: flex;
flex-wrap: wrap;
list-style: none; }
.navigation__menu1 > ul li > .menuitem {
display: block;
transition: all .3s;
position: relative;
z-index: 2;
color: #1d1d1b;
font-weight: 700;
text-transform: lowercase; }
@media (max-width: 767px) {
.navigation__menu1 > ul li > .menuitem {
padding-bottom: 0.5em;
padding-top: 0.5em; } }
@media (min-width: 768px) {
.navigation__menu1 > ul li > .menuitem {
margin-right: 1em;
padding-left: 0em; } }
.navigation__menu1 > ul li.active > .menuitem {
color: #2268b0;
border-color: #2268b0;
border-style: solid;
border-width: 0px 0px 2px 0px; }
.navigation__menu1 > ul li:hover > .menuitem {
color: #95c34d; }
.navigation__menu1 > ul li:hover > .menuitem .menuitem--label::after {
transform: scaleY(-1) translateY(-2px);
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%28270%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E"); }
.navigation__menu1 .menuitem--label {
display: flex;
align-items: center; }
.navigation__menu1 li.has-children {
position: relative; }
.navigation__menu1 li.has-children > .menuitem .menuitem--label.open::after {
transform: rotate(180deg); }
.navigation__menu1 li.has-children > .menuitem .menuitem--label::after {
margin-left: auto;
content: '';
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20transform%3D%22rotate%2890%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
width: .75em;
height: .75em;
margin-left: 2px;
transition: transform .3s; }
.navigation__menu2 ul {
list-style: none;
display: flex; }
.navigation__menu2 a {
color: inherit; }
.navigation__ctas {
display: flex;
align-items: center; }
.navigation__cta {
white-space: nowrap; }
.language__switch {
display: flex;
flex-flow: column;
position: absolute;
bottom: -8px;
transform: translateY(100%); }
@media (max-width: 767px) {
.language__switch {
right: 0; } }
@media (min-width: 768px) {
.language__switch {
right: 0; } }
.language__switch-content {
pointer-events: none;
opacity: 0;
transition: opacity .3s 0s;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
background-color: #fff;
padding: .5em;
overflow: hidden; }
.language__switch-content a {
display: flex;
flex-flow: row;
align-items: center;
text-decoration: none;
color: #1d1d1b;
font-family: "Bebas Neue";
font-weight: 600;
padding: .25em .25em; }
.language__switch-content a::before {
margin-right: 1em; }
.navigation__language {
float: left; }
.navigation__language:not(:hover) {
overflow: hidden; }
.navigation__language:hover .language__switch::before {
content: '';
position: absolute;
right: 0;
height: 2em;
width: 2em;
transform: translateY(-100%); }
.navigation__language:hover .language__switch-content {
opacity: 1;
pointer-events: all; }
.navigation__language {
position: relative;
padding-left: 4px;
padding-top: 8px;
padding-right: 4px;
padding-bottom: 8px; }
.languages > *::before, .language__switch-content > * > *::before {
content: '';
width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 50%; }
.languages > .nl::before, .language__switch-content > * > .nl::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%2321468b%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h640v320H0z%22%2F%3E%3Cpath%20fill%3D%22%23ae1c28%22%20d%3D%22M0%200h640v160H0z%22%2F%3E%3C%2Fsvg%3E"); }
.languages > .en::before, .language__switch-content > * > .en::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%23012169%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m75%200%20244%20181L562%200h78v62L400%20241l240%20178v61h-80L320%20301%2081%20480H0v-60l239-178L0%2064V0h75z%22%2F%3E%3Cpath%20fill%3D%22%23C8102E%22%20d%3D%22m424%20281%20216%20159v40L369%20281h55zm-184%2020%206%2035L54%20480H0l240-179zM640%200v3L391%20191l2-44L590%200h50zM0%200l239%20176h-60L0%2042V0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M241%200v480h160V0H241zM0%20160v160h640V160H0z%22%2F%3E%3Cpath%20fill%3D%22%23C8102E%22%20d%3D%22M0%20193v96h640v-96H0zM273%200v480h96V0h-96z%22%2F%3E%3C%2Fsvg%3E"); }
.languages > .de::before, .language__switch-content > * > .de::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%23ffce00%22%20d%3D%22M0%20320h640v160H0z%22%2F%3E%3Cpath%20d%3D%22M0%200h640v160H0z%22%2F%3E%3Cpath%20fill%3D%22%23d00%22%20d%3D%22M0%20160h640v160H0z%22%2F%3E%3C%2Fsvg%3E"); }
.languages > .fr::before, .language__switch-content > * > .fr::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%202%22%3E%3Cpath%20fill%3D%22%23EC1920%22%20d%3D%22M0%200h3v2H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h2v2H0z%22%2F%3E%3Cpath%20fill%3D%22%23051440%22%20d%3D%22M0%200h1v2H0z%22%2F%3E%3C%2Fsvg%3E"); }
.languages > .frl::before, .language__switch-content > * > .frl::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22630%22%20height%3D%22630%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20fill%3D%22%23ee3e34%22%20d%3D%22M0%2012A16%2016%200%200%201-14-4a7%208%200%200%201%207-8%206%208%200%200%201%206%207%201%201%200%201%200%202%200%206%208%200%200%201%206-7%207%208%200%200%201%207%208A16%2016%200%200%201%200%2012z%22%20transform%3D%22rotate%2835%29%20scale%284.625%29%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%230155a5%22%20d%3D%22M0%200h910v630H0z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%20270v180l260%20180h260zM130%200H0v90l780%20540h130v-90zM390%200h260l260%20180v180z%22%2F%3E%3C%2Fg%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20x%3D%22455%22%20y%3D%22315%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20x%3D%2291%22%20y%3D%22423%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20x%3D%22819%22%20y%3D%22207%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20x%3D%22212.3%22%20y%3D%22147%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20x%3D%22697.7%22%20y%3D%22483%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20x%3D%22661.3%22%20y%3D%2297.8%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20x%3D%22248.7%22%20y%3D%22532.2%22%2F%3E%3C%2Fsvg%3E"); }
.languages > .be::before, .language__switch-content > * > .be::before {
background-image: url("data:image/svg+xml,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22780%22%3E%3Cpath%20fill%3D%22%23ef3340%22%20d%3D%22M0%200h900v780H0z%22%2F%3E%3Cpath%20fill%3D%22%23fdda25%22%20d%3D%22M0%200h600v780H0z%22%2F%3E%3Cpath%20d%3D%22M0%200h300v780H0z%22%2F%3E%3C%2Fsvg%3E"); }
.navigation-sidemenu.navigation-toggle::before {
content: '';
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.25);
transition: opacity .5s;
pointer-events: none;
opacity: 0;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: 0; }
.navigation-sidemenu.navigation-toggle > :last-child {
position: fixed;
left: auto;
right: 1em;
top: 1em;
transform: translateX(calc(100% + 2em));
z-index: 4;
transition: transform .5s; }
.navigation-sidemenu.navigation-toggle.open::before {
opacity: 1;
pointer-events: all; }
.navigation-sidemenu.navigation-toggle.open > :first-child {
opacity: 0; }
.navigation-sidemenu.navigation-toggle.open > :last-child {
transform: none; }
.navigation-sidemenu.navigation-toggle.open + .menubuilder__sidemenu {
transform: none;
opacity: 1; }
.navigation-sidemenu.navigation-toggle.open + .menubuilder__sidemenu > div > ul {
opacity: 1; }
.navigation-sidemenu.navigation-toggle.open + .menubuilder__sidemenu > div > ul > li {
opacity: 1;
transform: translateY(0); }
.menubuilder__sidemenu {
position: fixed;
z-index: 3;
right: -1px;
top: 0;
height: 100dvh;
min-width: 320px;
transform: translateX(100%) scale(0) rotate(10deg);
transform-origin: left top;
opacity: 0;
transition: all .4s ease; }
.menubuilder__sidemenu > div > ul > li {
transition: .3s all;
opacity: 0;
transform: translateY(10px); }
.menubuilder__sidemenu > div > ul > li:nth-child(1) {
transition-delay: 0.3s; }
.menubuilder__sidemenu > div > ul > li:nth-child(2) {
transition-delay: 0.4s; }
.menubuilder__sidemenu > div > ul > li:nth-child(3) {
transition-delay: 0.5s; }
.menubuilder__sidemenu > div > ul > li:nth-child(4) {
transition-delay: 0.6s; }
.menubuilder__sidemenu > div > ul > li:nth-child(5) {
transition-delay: 0.7s; }
.menubuilder__sidemenu > div > ul > li:nth-child(6) {
transition-delay: 0.8s; }
.menubuilder__sidemenu > div > ul > li:nth-child(7) {
transition-delay: 0.9s; }
.menubuilder__sidemenu > div > ul > li:nth-child(8) {
transition-delay: 1s; }
.menubuilder__sidemenu > div > ul > li:nth-child(9) {
transition-delay: 1.1s; }
.menubuilder__sidemenu > div > ul > li:nth-child(10) {
transition-delay: 1.2s; }
.menubuilder__sidemenu > div > ul > li:nth-child(11) {
transition-delay: 1.3s; }
.menubuilder__sidemenu > div > ul > li:nth-child(12) {
transition-delay: 1.4s; }
.menubuilder__sidemenu > div > ul > li:nth-child(13) {
transition-delay: 1.5s; }
.menubuilder__sidemenu > div > ul > li:nth-child(14) {
transition-delay: 1.6s; }
.menubuilder__sidemenu > div > ul > li:nth-child(15) {
transition-delay: 1.7s; }
.menubuilder__sidemenu > div > ul > li:nth-child(16) {
transition-delay: 1.8s; }
.menubuilder__sidemenu > div > ul > li:nth-child(17) {
transition-delay: 1.9s; }
.menubuilder__sidemenu > div > ul > li:nth-child(18) {
transition-delay: 2s; }
.menubuilder__sidemenu > div > ul > li:nth-child(19) {
transition-delay: 2.1s; }
.menubuilder__sidemenu > div > ul > li:nth-child(20) {
transition-delay: 2.2s; }
.menubuilder__sidemenu > div > ul > li:nth-child(21) {
transition-delay: 2.3s; }
.menubuilder__sidemenu > div > ul > li:nth-child(22) {
transition-delay: 2.4s; }
.menubuilder__sidemenu > div > ul > li:nth-child(23) {
transition-delay: 2.5s; }
.menubuilder__sidemenu > div > ul > li:nth-child(24) {
transition-delay: 2.6s; }
.menubuilder__sidemenu > div > ul > li:nth-child(25) {
transition-delay: 2.7s; }
.menubuilder__sidemenu > div > ul > li:nth-child(26) {
transition-delay: 2.8s; }
.menubuilder__sidemenu > div > ul > li:nth-child(27) {
transition-delay: 2.9s; }
.menubuilder__sidemenu > div > ul > li:nth-child(28) {
transition-delay: 3s; }
.menubuilder__sidemenu > div > ul > li:nth-child(29) {
transition-delay: 3.1s; }
.menubuilder__sidemenu > div > ul > li:nth-child(30) {
transition-delay: 3.2s; }
.menubuilder__sidemenu > div > ul > li:nth-child(31) {
transition-delay: 3.3s; }
.menubuilder__sidemenu > div > ul > li:nth-child(32) {
transition-delay: 3.4s; }
.menubuilder__sidemenu > div > ul > li:nth-child(33) {
transition-delay: 3.5s; }
.menubuilder__sidemenu > div > ul > li:nth-child(34) {
transition-delay: 3.6s; }
.menubuilder__sidemenu > div > ul > li:nth-child(35) {
transition-delay: 3.7s; }
.menubuilder__sidemenu > div > ul > li:nth-child(36) {
transition-delay: 3.8s; }
.menubuilder__sidemenu > div > ul > li:nth-child(37) {
transition-delay: 3.9s; }
.menubuilder__sidemenu > div > ul > li:nth-child(38) {
transition-delay: 4s; }
.menubuilder__sidemenu > div > ul > li:nth-child(39) {
transition-delay: 4.1s; }
.menubuilder__sidemenu > div > ul > li:nth-child(40) {
transition-delay: 4.2s; }
.menubuilder__sidemenu > div > ul > li:nth-child(41) {
transition-delay: 4.3s; }
.menubuilder__sidemenu > div > ul > li:nth-child(42) {
transition-delay: 4.4s; }
.menubuilder__sidemenu > div > ul > li:nth-child(43) {
transition-delay: 4.5s; }
.menubuilder__sidemenu > div > ul > li:nth-child(44) {
transition-delay: 4.6s; }
.menubuilder__sidemenu > div > ul > li:nth-child(45) {
transition-delay: 4.7s; }
.menubuilder__sidemenu > div > ul > li:nth-child(46) {
transition-delay: 4.8s; }
.menubuilder__sidemenu > div > ul > li:nth-child(47) {
transition-delay: 4.9s; }
.menubuilder__sidemenu > div > ul > li:nth-child(48) {
transition-delay: 5s; }
.menubuilder__sidemenu > div > ul > li:nth-child(49) {
transition-delay: 5.1s; }
.menubuilder__sidemenu > div > ul > li:nth-child(50) {
transition-delay: 5.2s; }
.menubuilder__sidemenu > div {
background-color: rgba(241, 239, 238, 0.91796875);
box-shadow: 1px 1px 16px #00000090; }
@media (max-width: 767px) {
.menubuilder__sidemenu > div {
padding-top: 6em;
padding-left: 1em;
padding-right: 1em;
margin-left: 20px; } }
.menubuilder__sidemenu > div .menuitem--label {
flex-grow: 1;
color: #1d1d1b;
font-weight: 700;
text-transform: lowercase;
transition: .2s all; }
@media (max-width: 767px) {
.menubuilder__sidemenu > div .menuitem--label {
padding-bottom: 0.5em;
padding-top: 0.5em; } }
@media (min-width: 768px) {
.menubuilder__sidemenu > div .menuitem--label {
padding-bottom: 0.5em;
padding-top: 0.5em; } }
.menubuilder__sidemenu > div .menuitem.menuitem--active .menuitem--label {
color: #2268b0;
border-color: #2268b0;
border-style: solid;
border-width: 0px 0px 2px 0px; }
.menubuilder__sidemenu > div .menuitem:hover .menuitem--label {
color: #95c34d; }
.menubuilder--mainmenu ul {
list-style: none;
padding: 0;
margin: 0; }
.menubuilder--mainmenu a {
display: inline-block; }
.menubuilder--mainmenu .mainmenu--cta {
display: flex;
align-items: center; }
.menubuilder--mainmenu .mainmenu--ctas .mainmenu--cta--media img {
width: 1.5em; }
.menubuilder--mainmenu .mainmenu--ctas .mainmenu--cta--text {
white-space: nowrap; }
.menuitem--has-submenu {
cursor: pointer;
color: #1d1d1b; }
.menuitem--has-submenu .menuitem--icon {
width: 1em;
height: 1em;
position: absolute;
z-index: 1;
display: flex;
align-items: center;
transform: translate(calc(-100% + .25em), 0); }
.menuitem--has-submenu > .menuitem--icon::before {
content: '+'; }
.menuitem--has-submenu.open > .menuitem--icon:before {
content: '-'; }
.menuitem__submenu {
position: relative;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s; }
.mainmenu--submenu ul, .menuitem__submenu ul {
padding-left: 1em; }
.nav-extended {
display: flex; }
.nav-extended ul {
list-style: none; }
.nav-extended > div > ul > li + li {
border-color: rgba(29, 29, 27, 0.25);
border-style: solid;
border-width: 2px 0px 0px 0px; }
@media (max-width: 767px) {
.nav-extended > div > ul > li + li {
padding-top: 0.5em;
padding-bottom: 0.5em; } }
.nav-extended > div {
flex: 1;
display: flex;
flex-flow: column;
overflow: auto;
scrollbar-width: thin; }
.nav-extended > div > * {
position: relative; }
.nav-extended > div > ul {
padding-left: 0; }
.nav-extended input[type="checkbox"] {
position: absolute;
display: none;
left: -999px; }
.nav-extended .menuitem {
display: flex;
align-items: center; }
.menubuilder__links {
margin-top: 1em;
text-align: center; }
@media (max-width: 767px) {
.navigation-sidemenu.navigation-toggle label {
cursor: pointer;
position: fixed;
z-index: 2;
top: 5px;
right: 1em; }
.mainmenu--menuitem.has-submenu {
cursor: pointer;
color: #1d1d1b; }
.mainmenu--menuitem.has-submenu > :first-child {
width: 1em;
height: 1em;
position: absolute;
z-index: 1;
transform: translate(-100%, 0px);
display: flex;
align-items: center; }
.mainmenu--menuitem.has-submenu > :first-child {
transform: translate(-50%, 4px); }
.mainmenu--menuitem.has-submenu > :first-child::before {
content: '+'; }
.mainmenu--menuitem.has-submenu.open > :first-child:before {
content: '-'; }
.mainmenu--menuitem--subtitle {
display: none; }
.mainmenu--ctas {
display: none; }
.mainmenu--menuitem--ctas {
display: none; }
.layer__navigation nav > .menu3 {
display: none; }
.menuitem.active .menuitem--label {
color: #2268b0;
border-color: #2268b0;
border-style: solid;
border-width: 0px 0px 2px 0px; }
.layer__navigation .language {
width: auto;
height: auto; }
.layer__navigation .language .languages {
position: relative;
display: flex;
flex-flow: row;
margin: 0;
justify-content: space-around; }
.menubuilder__contact {
font-weight: 700;
text-transform: lowercase;
margin-left: 1em;
margin-right: 1em; }
.menubuilder__contact > .media-holder {
display: none; } }
@media (min-width: 768px) {
.navigation-sidemenu.navigation-toggle.t0 {
display: none; }
.menu3::before {
content: '';
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.25);
transition: opacity .5s;
pointer-events: none;
opacity: 0;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: 1; } }
@media (min-width: 768px) and (max-height: 800px) {
.menubuilder__contact .media-holder {
display: none; } }
@media (min-width: 768px) {
.menubuilder__contact .media-holder img {
max-width: 420px; }
.menubuilder__contact .media-holder ~ * {
margin-left: 2em; }
.menubuilder__contact > p {
margin-top: 1.5em;
margin-bottom: 0;
line-height: 1.5; } }
@media (max-width: 767px) {
.navigation__wrapper {
display: none; }
.mobile_cta {
position: absolute;
top: 13px;
right: calc(49px + 10%); } }
@media (min-width: 768px) {
.navigation-sidemenu.navigation-toggle > :first-child {
margin-left: 1em; } }
.section.layer-header[data-level="1"] > .sc {
width: 100%;
max-width: unset; }
.layer-header {
z-index: 1;
overflow: hidden; }
.layer-header .sc .image-holder {
display: flex; }
.layer-header .sc .image-holder .placeholder {
float: left;
width: 1px;
margin-left: -1px; }
.layer-header .sc .image-holder picture {
float: left;
display: block;
position: relative;
width: 100%; }
.layer-header .sc .image-holder picture::after {
content: '';
display: table;
clear: left; }
.layer-header .sc .image-holder picture img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.layer-header .overlay-content {
content-visibility: auto;
position: absolute;
overflow: hidden;
z-index: 2; }
html:not([data-device]) .layer-header .overlay-content {
display: none; }
.layer-header .overlay-content p {
margin: 0; }
.layer-header .overlay-content > a {
color: inherit; }
.layer-header .overlay-content > *, .layer-header .overlay-content > * > svg {
max-width: 100%;
height: auto;
transform: scale(1); }
.layer-header .overlay-content:not([data-position-horizontal]) {
left: 0;
top: 0;
right: 0;
bottom: 0; }
.layer-header .overlay-content[data-position-horizontal][data-position-horizontal="left"] {
left: 0; }
.layer-header .overlay-content[data-position-horizontal][data-position-horizontal="center"] {
left: 50%; }
.layer-header .overlay-content[data-position-horizontal][data-position-horizontal="right"] {
right: 0; }
.layer-header .overlay-content[data-position-horizontal][data-position-horizontal="full"] {
left: 0;
width: 100%; }
.layer-header .overlay-content[data-position-horizontal][data-position-horizontal="full"] img {
width: 100%;
max-width: none; }
.layer-header .overlay-content[data-position-vertical][data-position-vertical="top"] {
top: 0; }
.layer-header .overlay-content[data-position-vertical][data-position-vertical="center"] {
top: 50%; }
.layer-header .overlay-content[data-position-vertical][data-position-vertical="bottom"] {
bottom: -1px; }
.layer-header .overlay-content[data-position-vertical][data-position-vertical="full"] {
top: 0;
height: 100%; }
.layer-header .overlay-content[data-position-vertical][data-position-vertical="full"] .ic, .layer-header .overlay-content[data-position-vertical][data-position-vertical="full"] .media-holder, .layer-header .overlay-content[data-position-vertical][data-position-vertical="full"] .image-holder {
height: 100%; }
.layer-header .overlay-content[data-position-horizontal="center"]:not([data-position-vertical="center"]) {
transform: translateX(-50%); }
.layer-header .overlay-content[data-position-vertical="center"]:not([data-position-horizontal="center"]) {
transform: translateY(-50%); }
.layer-header .overlay-content[data-position-horizontal="center"][data-position-vertical="center"] {
transform: translate(-50%, -50%); }
.layer-header .overlay-content[data-type="links"]::before {
content: '';
position: absolute;
background-color: #95c34d;
width: 200px;
height: 200px;
left: 0;
top: 0; }
.layer-header .overlay-content[data-type="links"] .ic {
position: relative; }
.layer-header .overlay-content[data-type="links"] [data-role="title"] {
color: #fff; }
.layer-header .overlay-content[data-type="links"] [data-role="tagline"] {
position: absolute;
right: 0;
bottom: 0;
transform-origin: left top;
transform: translate(100%, 60%) rotate(-90deg); }
.layer-header .overlay-content[data-type="links"] .overlay--links-links {
display: flex; }
.layer-header .overlay-content[data-type="links"] .overlay--links-links a:hover > * {
transform: translateX(0); }
.layer-header .overlay-content[data-type="links"] .overlay--links-links .image-holder {
transition: .2s border-left-color; }
.layer-header .overlay-content[data-type="links"] .overlay--links-links > * {
flex: 0 0 calc(50% - 1em);
margin: 0.5em;
overflow: hidden;
margin-top: .75em;
background-color: #fff;
color: #1d1d1b;
font-size: calc(0.3816793893vw - -12.0916030534px); }
.layer-header .overlay-content[data-type="links"] .overlay--links-links > * > * {
display: block;
padding: 8px;
border-left: 6px solid #1d1d1b;
transform: translateX(-6px);
transition: transform .1s linear; }
@media (max-width: 500px) {
.layer-header .overlay-content[data-type="links"] .overlay--links-links > * {
font-size: 14px; } }
@media (min-width: 1024px) {
.layer-header .overlay-content[data-type="links"] .overlay--links-links > * {
font-size: 16px; } }
@media (max-width: 767px) {
.layer-header .overlay-content[data-type="links"] .overlay--links-links {
flex-flow: column; }
.layer-header .overlay-content[data-type="links"] .overlay--links-links > * {
margin: 0.5em 0 0 0; }
.layer-header .overlay-content[data-type="links"] .overlay--links-links > * > * {
display: flex;
align-items: center; }
.layer-header .overlay-content[data-type="links"] .overlay--links-links > * > * .image-holder img {
width: 24px; }
.layer-header .overlay-content[data-type="links"] .title {
margin-left: .5em; } }
@media (min-width: 768px) {
.layer-header .overlay-content[data-type="links"] .overlay--links-links {
flex-flow: wrap row; } }
@media (max-width: 767px) {
.layer-header .ic > [data-type="desktop"] {
display: none; } }
@media (min-width: 768px) {
.layer-header .ic > [data-type="mobile"] {
display: none; } }
@media (max-width: 767px) {
.layer-header .ic .layer__search-and-book {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 2;
opacity: 1; }
.layer-header .ic .layer__search-and-book .ic {
margin-inline: auto; }
.layer-header .ic .layer__search-and-book .search__text {
position: absolute;
left: 1em;
right: 1em;
top: -90vw; }
.layer-header .ic .layer__search-and-book .form--wrapper {
padding: 1em;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
margin-bottom: 10px; }
.layer-header .ic .layer__search-and-book .form-element-field > button {
border-radius: 20px;
padding-inline: 1em; } }
@media (min-width: 768px) {
.layer-header .ic .layer__search-and-book .sc {
position: absolute;
width: 100%;
bottom: 4vw;
left: 50%; }
.layer-header .ic .layer__search-and-book .ic {
transform: translate(-50%, 0%); } }
.layer-header .ic .layer__search-and-book .ic {
max-width: 90%;
text-align: center;
display: flex;
flex-flow: column; }
.layer-header .ic .layer__search-and-book .form--wrapper {
text-align: left; }
.layer-header .ic .layer__search-and-book [data-role="title"] {
text-align: center;
margin-top: 2em;
margin-bottom: .5em;
color: #fff;
text-shadow: 0 0 2px #000; }
.layer-header .ic .layer__search-and-book [data-role="subtitle"] {
color: #fff; }
.layer-header .ic .layer__search-and-book .button {
margin-top: 2em;
margin-inline: auto; }
.layer-header .ic .widget {
background-color: rgba(22, 136, 202, 0.95);
border-bottom: 6px solid rgba(29, 29, 27, 0.95); }
.layer-header .ic .widget .title {
font-size: inherit;
font-family: "Bebas Neue";
font-weight: 400;
text-align: center;
margin-bottom: 0;
color: #38416f; }
.layer-header .ic .widget .widget-123boeken-filter {
margin: 0;
width: 100%;
border: 0; }
.layer-header .ic .widget .widget-123boeken-filter .widget-123boeken-filter-inner form .widget-123boeken-filter-item {
margin: 3px 6px; }
.layer-header .ic .widget .widget-123boeken-filter .widget-123boeken-filter-inner form .widget-123boeken-filter-item input, .layer-header .ic .widget .widget-123boeken-filter .widget-123boeken-filter-inner form .widget-123boeken-filter-item select {
background-color: #fff;
font-size: 13px; }
.layer-header .ic .widget.style0 {
position: absolute;
top: 50%;
width: 90%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 860px;
z-index: 1; }
.layer-header .video-holder > .placeholder + video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.layer-header > .sc > .ic > .payoff {
position: relative;
z-index: 1;
max-width: 1280px;
margin: 0 auto;
padding-left: 8px;
padding-right: 8px;
font-size: calc(2.8625954198vw - -10.6870229008px);
height: 1em; }
@media (max-width: 500px) {
.layer-header > .sc > .ic > .payoff {
font-size: 25px; } }
@media (min-width: 1024px) {
.layer-header > .sc > .ic > .payoff {
font-size: 40px; } }
.layer-header > .sc > .ic > .payoff > div {
display: inline-block;
transform: translate(0, -50%);
background: #fff;
padding: 8px 32px;
line-height: 1;
white-space: nowrap;
box-shadow: 1px 1px 3px rgba(119, 136, 153, 0.5); }
.layer-header > .sc > .ic > .payoff > div > :first-child {
color: #1d1d1b; }
.layer-header > .sc > .ic > .payoff > div > :last-child {
color: #1d1d1b; }
.layer-header[data-format="full"] {
height: 100dvh; }
.layer-header[data-format="full"] .sc, .layer-header[data-format="full"] .sliders, .layer-header[data-format="full"] .slider, .layer-header[data-format="full"] .slider > div, .layer-header[data-format="full"] .slider > div > .item, .layer-header[data-format="full"] .swiper-container, .layer-header[data-format="full"] .sliders .image-holder, .layer-header[data-format="full"] .sliders .video-holder {
height: 100%; }
.layer-header[data-format="full"] .slider .image-holder, .layer-header[data-format="full"] .slider .video-holder {
position: relative;
height: 100vh; }
.layer-header[data-format="full"] .sliders .image-holder > .placeholder img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover; }
.layer-header .scroll-to-start {
position: absolute;
cursor: pointer;
z-index: 2;
bottom: 1em;
width: 2em;
height: 2em;
left: 50%;
transform: translateX(-50%);
border: 1px solid #fff;
border-radius: 8px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%2890%200%200%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 75%; }
.layer-header .booking {
font-size: calc(0.572519084vw - -10.1374045802px); }
@media (max-width: 500px) {
.layer-header .booking {
font-size: 13px; } }
@media (min-width: 1024px) {
.layer-header .booking {
font-size: 16px; } }
.layer-header .booking > div:nth-child(1) {
display: none;
border-radius: 0.25em 0.25em 0 0;
padding: 0.5em;
background-color: #1688ca; }
.layer-header .booking > div:nth-child(1) h2 {
color: #fff; }
.layer-header .booking > div:nth-child(2) {
border-radius: 0 0 0.25em 0.25em;
padding: 1em;
background-color: #1688ca;
color: #fff; }
.layer-header .booking > div:nth-child(2) > div {
display: flex;
flex-wrap: wrap;
margin: 0 -1em; }
.layer-header .booking > div:nth-child(2) > div > * {
flex: 1;
white-space: nowrap;
margin: 0 1em; }
.layer-header .booking > div:nth-child(2) > div > *:first-child > :first-child {
font-weight: bold;
font-size: 1.1em; }
.layer-header .booking .button {
display: inline-block;
background: #1d1d1b;
color: #fff;
border-radius: 0.25em;
padding: 0.5em 1em; }
.layer-header .booking .button::after {
content: '\e923';
font-family: icons;
display: inline-block;
transform: scale(0.4);
vertical-align: middle;
margin-bottom: 0.1em; }
@media (min-width: 768px) {
.layer-header .booking {
position: absolute;
right: 1em;
bottom: 1em;
overflow: hidden; }
.layer-header .booking > div:nth-child(1) {
display: block; }
.layer-header .booking > div:nth-child(2) {
color: #1688ca;
background-color: #fff; } }
@media (max-width: 767px) {
.layer-header .overlay-content.desktop {
display: none; } }
@media (min-width: 768px) {
.layer-header .overlay-content.mobile {
display: none; } }
.layer-header[data-cover] .image-holder .placeholder {
display: none; }
.layer-header[data-advanced="1"] .media-holder img {
width: 100%;
max-width: none; }
.header-item-overlay {
position: absolute;
font-size: calc(7.6335877863vw - 18.1679389313px);
max-width: 550px; }
@media (max-width: 500px) {
.header-item-overlay {
font-size: 20px; } }
@media (min-width: 1024px) {
.header-item-overlay {
font-size: 60px; } }
@media (max-width: 767px) {
.header-item-overlay {
left: 4vw;
right: 4vw;
top: 25vw; } }
@media (min-width: 768px) {
.header-item-overlay {
left: 50%;
transform: translate(-100%);
top: 30%;
margin-right: 1em; } }
.header-item-overlay-title {
color: #fff;
font-family: "Bebas Neue";
text-transform: uppercase;
line-height: 110%;
font-size: calc(1.9083969466vw - -22.4580152672px); }
@media (max-width: 500px) {
.header-item-overlay-title {
font-size: 32px; } }
@media (min-width: 1024px) {
.header-item-overlay-title {
font-size: 42px; } }
.header-item-overlay-text {
color: #fff;
font-weight: 400;
line-height: 2em; }
@media (max-width: 767px) {
.header-item-overlay-text {
margin-bottom: 1em;
margin-top: 1em; } }
@media (min-width: 768px) {
.header-item-overlay-text {
margin-bottom: 2em;
margin-top: 1em; } }
.header-item-overlay-link {
display: flex;
justify-content: flex-end;
margin-top: 8px; }
.header-item-overlay-link a {
color: inherit; }
.header-item-overlay-link a:not(:empty)::after {
margin-left: .5em; }
.header-item-overlay-link a::after {
content: '';
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px; }
.header-item-overlay-link a::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%280%200%200%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E"); }
.header-item-overlay-link a[data-popup-id]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
input[name="nav"] {
display: none;
position: absolute;
left: -9999px; }
.noselect {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */ }
select, input, textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
outline: none; }
select::-ms-expand {
display: none; }
input, select, textarea, button {
font-family: inherit; }
html {
scroll-behavior: smooth;
box-sizing: border-box;
scrollbar-width: thin; }
ol, ul {
margin: 0;
padding-left: 40px;
list-style-position: outside; }
h1, h2, h3, h4, h5, h6 {
margin: 0; }
h1 {
font-size: 2em; }
h2 {
font-size: 1.5em; }
h3 {
font-size: 1.17em; }
h4 {
font-size: 1em; }
h5 {
font-size: 0.83em; }
h6 {
font-size: 0.75em; }
a {
text-decoration: none; }
p {
margin: 1em 0; }
body > .main {
display: flex;
min-height: 100dvh;
flex-flow: column; }
body > .main .module-404 {
padding: 4em 0; }
body > .main .module-404 .sc {
margin-inline: auto;
max-width: 420px;
letter-spacing: 2px;
font-size: 20px;
line-height: 1.5; }
body > .main .module-404 .sc h1 {
font-size: 50px;
letter-spacing: 15px;
margin-bottom: 10px; }
body > .main > footer {
margin-top: auto; }
[data-aspect="4:3"] {
width: 100%; }
[data-aspect="4:3"] .image-holder {
display: block;
position: relative;
width: 100%;
height: 0;
padding-top: 75%; }
[data-aspect="4:3"] .image-holder img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.reset-button {
cursor: pointer;
background: #1688ca;
color: #1d1d1b;
font-size: calc(0.7633587786vw - -8.1832061069px);
line-height: 1.0625em;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em; }
@media (max-width: 500px) {
.reset-button {
font-size: 12px; } }
@media (min-width: 1024px) {
.reset-button {
font-size: 16px; } }
.module-accommodation-matrix .reset-button {
position: absolute;
margin-top: 0.5em;
right: 1.5em; }
.module.alert {
display: block;
position: relative; }
.module.alert > .alert--close {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
padding: 4px 8px; }
.module.alert > .alert--close::before {
content: 'x'; }
.module.alert > .alert--inner {
display: block;
border-style: solid;
border-width: 1px;
padding: 16px 16px;
border-radius: .25rem; }
.module.alert.alert--danger > .alert--inner {
border-color: #fd8889;
background-color: #febabb;
color: #721c24; }
.module.alert.alert--success > .alert--inner {
border-color: #cae995;
background-color: #dff2bf;
color: #155724; }
.module.alert.alert--warning > .alert--inner {
border-color: #ffe79a;
background-color: #fff3cd;
color: #856404; }
.module.alert ul {
margin: 10px 0 0 0;
padding: 0 0 0 20px;
list-style: square; }
.module.alert ul li {
margin: 0;
padding: 0; }
.module.alert ul li::before {
content: none; }
@keyframes pulse {
0% {
transform: scale(1); }
50% {
transform: scale(1.3); }
100% {
transform: scale(1); } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
button.popup__close[data-popup="close"] {
all: unset;
position: absolute;
z-index: 1;
right: .5em;
top: .5em;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 1.5em;
height: 1.5em;
text-align: center;
background: none;
color: #fff; }
button.popup__close[data-popup="close"]::before {
content: '';
background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%203.5%2012.5%202%208%206.5%203.5%202%202%203.5%206.5%208%202%2012.5%203.5%2014%208%209.5l4.5%204.5%201.5-1.5L9.5%208%2014%203.5z%22%20style%3D%22fill%3A%231d1d1b%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: contain;
width: 1em;
height: 1em;
display: block; }
button.popup__close[data-popup="close"]::after {
content: none; }
.popup-dialog {
--head-background-color: #fff;
--head-color: #1d1d1b;
--head-padding: 8px 8px 8px 16px;
display: none;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
position: fixed;
background-color: rgba(0, 0, 0, 0.25);
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.popup-dialog.popup__visible {
display: block; }
.popup-dialog.popup__visible::before {
opacity: 1; }
.popup-dialog.popup__visible.fullscreen .popup__container > div {
height: 100%; }
.popup-dialog__container {
position: absolute;
max-width: 800px;
left: 16px;
right: 16px;
top: 16px;
bottom: 16px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center; }
.popup-dialog__container > div {
flex: 0 1 auto; }
.popup-dialog__container > div {
background-color: #fff;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
max-height: 100%;
display: flex;
flex-flow: column;
border-radius: 10px;
overflow: hidden;
padding: 1em; }
.popup-dialog.popup__basic button.popup__close[data-popup="close"]::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%203.5%2012.5%202%208%206.5%203.5%202%202%203.5%206.5%208%202%2012.5%203.5%2014%208%209.5l4.5%204.5%201.5-1.5L9.5%208%2014%203.5z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.popup-dialog.popup__basic > .popup-dialog__container > div {
background-color: transparent;
overflow: auto;
padding: 0; }
.popup-dialog.popup__basic > .popup-dialog__container > div .popup-dialog__head {
padding: 0; }
.popup-dialog.popup__basic > .popup-dialog__container > div .popup-dialog__head .popup__close {
position: absolute; }
.popup-dialog__head {
background-color: var(--head-background-color);
color: var(--head-color);
padding: var(--head-padding);
position: relative;
font-family: "Bebas Neue";
font-weight: 600;
font-size: 18px; }
.popup-dialog__head > :first-child {
padding-right: 2em;
padding-block: 4px; }
.popup-dialog__foot:not(:empty) {
padding: 8px;
text-align: right; }
.popup-dialog__foot:not(:empty) button + button {
margin-left: .5em; }
.popup-dialog__foot:not(:empty) button {
cursor: pointer;
transition: all .3s; }
.popup-dialog__foot:not(:empty) button[data-type="apply"] {
background-color: #2268b0;
color: #f1efee; }
.popup-dialog__body {
position: relative;
flex-grow: 1;
display: flex;
overflow: hidden; }
.popup-dialog__body-container {
overflow: auto;
flex-grow: 1; }
.popup-dialog .popup-dialog__container > div {
transition: transform .5s; }
.popup-dialog[data-effect="0"] .popup-dialog__container > div, .popup-dialog:not([data-effect]) .popup-dialog__container > div {
transform: translateY(100vh); }
.popup-dialog[data-effect="1"] .popup-dialog__container > div {
transform: translateY(-100vh); }
.popup-dialog[data-effect="2"] .popup-dialog__container > div {
transform: translateX(-100vw); }
.popup-dialog[data-effect="3"] .popup-dialog__container > div {
transform: translateX(100vw); }
.popup-dialog[data-effect="4"] .popup-dialog__container > div {
transform: scale(0);
transform-origin: center 40%; }
.popup-dialog.popup__loaded .popup-dialog__container > div {
transform: none; }
.popup-dialog.popup__loaded .popup-dialog__container {
transform: none; }
.popup-dialog.popup__fullscreen {
opacity: 0;
transition: opacity .7s ease-in; }
.popup-dialog.popup__fullscreen .popup-dialog__head {
background: none;
padding: 0;
position: absolute;
width: 100%; }
.popup-dialog.popup__fullscreen button.popup__close[data-popup="close"] {
z-index: 1;
right: 1.5em; }
.popup-dialog.popup__fullscreen .popup-dialog__body {
overflow: auto;
display: block; }
.popup-dialog.popup__fullscreen .popup-dialog__body-container {
overflow: visible;
margin-inline: auto;
position: relative;
z-index: 0; }
.popup-dialog.popup__fullscreen .popup-dialog__container {
max-width: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: transform .5s; }
.popup-dialog.popup__fullscreen .popup-dialog__container > div {
width: 100%;
height: 100%;
background-color: transparent;
border-radius: 0;
box-shadow: none;
transition: transform .5s; }
.popup-dialog.popup__fullscreen .popup-dialog__body-container {
margin-top: 100px;
max-width: 1040px;
transition: transform .5s; }
.popup-dialog.popup__fullscreen.popup__loaded {
opacity: 1; }
.popup-dialog.popup__fullscreen .popup-dialog__body > .main {
width: 100%; }
.popup-dialog.confirm .popup-dialog__body {
padding: 1em; }
.slider {
position: relative; }
.slider > div:not(.swiper-container) > [data-index] + [data-index] {
display: none; }
.slider .swiper-button-prev::after, .slider .swiper-button-next::after {
content: none; }
.slider > .swiper-container {
display: block;
overflow: hidden; }
.slider > .slider-content:not(.swiper-container) > :not(:first-child) {
display: none; }
@media (max-width: 767px) {
.slider[data-type="desktop"] {
display: none; } }
@media (min-width: 768px) {
.slider[data-type="mobile"] {
display: none; } }
.slider .item:not(.swiper-slide) + .item:not(.swiper-slide) {
display: none; }
.slider .swiper-wrapper {
z-index: initial; }
.slider .swiper-wrapper .swiper-slide {
max-width: 100%; }
.slider > .navigation > .css, .slider ~ .navigation > .css, .slider ~ .swiper-navigation > .navigation > .css {
top: 50%;
margin-top: 0;
transform: translateY(-50%); }
.slider > .navigation > .css > *, .slider ~ .navigation > .css > *, .slider ~ .swiper-navigation > .navigation > .css > * {
width: 3em;
height: 3em;
background-repeat: no-repeat;
background-size: contain; }
.slider > .navigation .swiper-button-prev, .slider > .navigation .swiper-button-next, .slider ~ .navigation .swiper-button-prev, .slider ~ .navigation .swiper-button-next, .slider ~ .swiper-navigation > .navigation .swiper-button-prev, .slider ~ .swiper-navigation > .navigation .swiper-button-next {
width: 0;
height: 0;
z-index: 1;
background: none;
top: 50%;
margin-top: 0;
display: flex;
align-items: center; }
.slider > .navigation .swiper-button-prev::after, .slider > .navigation .swiper-button-next::after, .slider ~ .navigation .swiper-button-prev::after, .slider ~ .navigation .swiper-button-next::after, .slider ~ .swiper-navigation > .navigation .swiper-button-prev::after, .slider ~ .swiper-navigation > .navigation .swiper-button-next::after {
content: none; }
.slider > .navigation .swiper-button-prev.swiper-button-lock, .slider > .navigation .swiper-button-next.swiper-button-lock, .slider ~ .navigation .swiper-button-prev.swiper-button-lock, .slider ~ .navigation .swiper-button-next.swiper-button-lock, .slider ~ .swiper-navigation > .navigation .swiper-button-prev.swiper-button-lock, .slider ~ .swiper-navigation > .navigation .swiper-button-next.swiper-button-lock {
opacity: .25;
filter: grayscale(80%);
cursor: not-allowed; }
.slider > .navigation .swiper-button-prev > *, .slider > .navigation .swiper-button-next > *, .slider ~ .navigation .swiper-button-prev > *, .slider ~ .navigation .swiper-button-next > *, .slider ~ .swiper-navigation > .navigation .swiper-button-prev > *, .slider ~ .swiper-navigation > .navigation .swiper-button-next > * {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 24px;
width: 24px;
height: 24px;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.slider > .navigation .swiper-button-prev.css > *, .slider > .navigation .swiper-button-next.css > *, .slider ~ .navigation .swiper-button-prev.css > *, .slider ~ .navigation .swiper-button-next.css > *, .slider ~ .swiper-navigation > .navigation .swiper-button-prev.css > *, .slider ~ .swiper-navigation > .navigation .swiper-button-next.css > * {
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%225%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
background-size: 40%;
box-shadow: 0 0 9px -2px #00000050; }
.slider > .navigation .swiper-button-prev, .slider ~ .navigation .swiper-button-prev, .slider ~ .swiper-navigation > .navigation .swiper-button-prev {
left: 0; }
.slider > .navigation .swiper-button-prev > *, .slider ~ .navigation .swiper-button-prev > *, .slider ~ .swiper-navigation > .navigation .swiper-button-prev > * {
transform: scaleX(-1) translateX(50%); }
.slider > .navigation .swiper-button-next, .slider ~ .navigation .swiper-button-next, .slider ~ .swiper-navigation > .navigation .swiper-button-next {
right: 0; }
.slider > .navigation .swiper-button-next > *, .slider ~ .navigation .swiper-button-next > *, .slider ~ .swiper-navigation > .navigation .swiper-button-next > * {
transform: translateX(50%); }
.slider > .navigation .swiper-button-next.swiper-button-disabled, .slider > .navigation .swiper-button-prev.swiper-button-disabled, .slider ~ .navigation .swiper-button-next.swiper-button-disabled, .slider ~ .navigation .swiper-button-prev.swiper-button-disabled, .slider ~ .swiper-navigation > .navigation .swiper-button-next.swiper-button-disabled, .slider ~ .swiper-navigation > .navigation .swiper-button-prev.swiper-button-disabled {
opacity: .8;
pointer-events: initial; }
.slider[data-format="1"], .slider[data-format="2"], .slider[data-format="3"] {
margin-bottom: 2.5em; }
.slider[data-format="1"] ~ .navigation, .slider[data-format="2"] ~ .navigation, .slider[data-format="3"] ~ .navigation {
position: absolute;
width: 18px;
bottom: 0; }
.slider[data-format="1"] ~ .navigation > .swiper-button-prev > *, .slider[data-format="1"] ~ .navigation .swiper-button-next > *, .slider[data-format="2"] ~ .navigation > .swiper-button-prev > *, .slider[data-format="2"] ~ .navigation .swiper-button-next > *, .slider[data-format="3"] ~ .navigation > .swiper-button-prev > *, .slider[data-format="3"] ~ .navigation .swiper-button-next > * {
flex-basis: 28px;
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%225%22%20stroke%3D%22%23fff%22%20fill%3D%22%23fff%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
background-size: 100%;
box-shadow: none; }
.slider[data-format="1"] ~ .navigation {
left: 50%;
transform: translate(-50%, 0); }
.slider[data-format="2"] ~ .navigation {
left: 1em; }
.slider[data-format="3"] ~ .navigation {
right: 34px; }
.swiper__button {
display: inline-flex;
align-items: center;
justify-content: center; }
.swiper__button > * {
flex: 0 0 3em;
display: block;
width: 3em;
height: 3em;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.swiper__button.css > * {
border-radius: 50%;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%221%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
background-size: 50%;
box-shadow: 0 0 9px -2px #00000050; }
.swiper__button-prev {
left: 0; }
.swiper__button-prev > * {
transform: scaleX(-1) translateX(50%); }
.swiper__button-next {
right: 0; }
.swiper__button-next.swiper__button -disabled, .swiper__button-prev.swiper__button -disabled {
opacity: .8;
pointer-events: initial; }
.swiper__pagination__bullet {
display: inline-flex;
align-items: center;
justify-content: center;
font-style: normal;
aspect-ratio: 1;
width: 2em;
border-radius: 50%;
background-color: #fff;
margin: .25em; }
.block[data-type="media"] .media-holder {
border-style: none;
border-radius: 20px;
overflow: hidden; }
.block[data-type="media"] > span {
display: block; }
.block[data-type="media"] > * {
border-style: none;
border-radius: 20px;
overflow: hidden; }
.block[data-type="media"] > svg, .block[data-type="media"] > a > svg {
width: 100%;
height: 100%;
object-fit: cover; }
.block[data-type="media"][data-full="1"] .block--container {
flex-grow: 1;
display: flex; }
.block[data-type="media"][data-full="1"] .block--container > * {
flex-grow: 1;
display: flex; }
.block[data-type="media"][data-full="1"] .media-holder {
display: flex;
flex: 1 1 100%; }
.block[data-type="media"][data-full="1"] .image-holder {
flex: 1 1 100%;
position: relative; }
.block[data-type="media"][data-full="1"] .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 66.6666666667%; }
.block[data-type="media"][data-full="1"] .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.block[data-type="media"][data-full="1"] .image-holder img {
object-fit: cover;
position: absolute;
left: 0;
top: 0;
height: 100%; }
.block[data-type="media_album"] [data-gallery] {
position: relative;
overflow: hidden; }
.block[data-type="media_album"] [data-gallery] > [data-role="album"] {
display: flex;
flex-wrap: wrap; }
.block[data-type="media_album"] [data-gallery] > [data-role="album"] > * {
flex: 1 1 auto; }
.block[data-type="media_album"] [data-gallery] > .slider + .navigation .swiper-button-prev, .block[data-type="media_album"] [data-gallery] > .slider + .navigation .swiper-button-next {
bottom: 1.5em;
top: auto; }
.block[data-type="media_album"] [data-gallery] > .slider + .navigation .swiper-button-prev > *, .block[data-type="media_album"] [data-gallery] > .slider + .navigation .swiper-button-next > * {
flex-basis: 2em;
width: 2em;
height: 2em; }
.block[data-type="media_album"] [data-gallery] > .slider + .navigation .swiper-button-next {
right: 2em; }
.block[data-type="media_album"] [data-gallery] > .slider + .navigation .swiper-button-prev {
left: auto;
right: 4.5em; }
.block[data-type="form"] .block--container .layer-form .sc .ic {
padding: 0; }
.block[data-type="form"] .block--container .layer-form .sc .ic form {
padding: 0; }
.block[data-type="quote"] {
padding-left: 2em;
padding-top: 1em;
padding-right: 2em;
padding-bottom: 1em; }
.block[data-type="quote"] q {
font-family: "Bebas Neue"; }
.block[data-type="quote"] q::before, .block[data-type="quote"] q::after {
content: none; }
.block[data-type="quote"] .suptitle {
font-weight: 700;
text-transform: uppercase;
font-size: 1.1em; }
.block[data-type="quote"] .subtitle {
font-weight: 700;
text-transform: uppercase;
font-size: 1.1em; }
.block[data-type="text"] > .block--container > .text:not(:empty), .block[data-type="text"] > .block--container > .text2:not(:empty), .block[data-type="text"] > .block--container > .readmore__text > div {
overflow-x: auto;
overflow-y: hidden; }
.block[data-type="text"] > .block--container > .text:not(:empty) p:first-child, .block[data-type="text"] > .block--container > .text2:not(:empty) p:first-child, .block[data-type="text"] > .block--container > .readmore__text > div p:first-child {
margin-top: 0; }
.block[data-type="text"] > .block--container > .text:not(:empty) p:last-child, .block[data-type="text"] > .block--container > .text2:not(:empty) p:last-child, .block[data-type="text"] > .block--container > .readmore__text > div p:last-child {
margin-bottom: 0; }
.block[data-type="text"] > .block--container .readmore__text {
max-height: 0;
overflow: hidden;
transition: max-height .3s; }
.block[data-type="text"] > .block--container .readmore__toggle:not([data-open="1"]) .button .button--text span span:nth-child(2) {
opacity: 0;
font-size: 0; }
.block[data-type="text"] > .block--container .readmore__toggle[data-open="1"] .button .button--text::after {
transform: translateY(0px) rotate(-90deg); }
.block[data-type="text"] > .block--container .readmore__toggle[data-open="1"] .button .button--text span span:nth-child(1) {
opacity: 0;
font-size: 0; }
.block[data-type="text"] > .block--container .readmore .button .button--text span span {
transition: opacity .3s; }
.block[data-type="text"] > .block--container .readmore .button .button--text::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] {
position: absolute;
left: -9999px;
width: 0;
height: 0;
opacity: 1; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2 {
padding-top: 0;
margin-top: 0;
max-height: 0;
overflow: hidden;
transition: max-height .3s; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2:not([data-open="1"]) {
margin-bottom: 0; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2 > div > p:first-child {
margin-top: 0; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2 > div > p:last-child {
margin-bottom: 0; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2 + .link .button::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2 + .link .button--text span:first-child {
display: inherit; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2 + .link .button--text span:nth-child(2) {
display: none; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"] + .text2 + .link .button--text::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"]:not(:checked) + .text2 {
padding-block: 0; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"]:checked + .text2 + .link .button::after {
transform: translateY(0px) rotate(-90deg); }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"]:checked + .text2 + .link .button--text span:first-child {
display: none; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"]:checked + .text2 + .link .button--text span:nth-child(2) {
display: inherit; }
.block[data-type="text"] > .block--container > .text + input[type="checkbox"]:checked + .text2 + .link .button--text::after {
transform: translateY(0px) rotate(-90deg); }
.block[data-type="text"] .link.form + .form {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 29, 27, 0.75);
z-index: 4;
transition: opacity .3s;
overflow: auto;
display: flex;
align-items: center;
justify-content: center; }
.block[data-type="text"] .link.form + .form .rows .row {
color: #1d1d1b;
font-size: 16px; }
.block[data-type="text"] .link.form + .form::after {
content: '';
position: fixed;
right: .8em;
top: .8em;
width: 2em;
height: 2em;
background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512.001%20512.001%22%3E%3Cpath%20d%3D%22M284.286%20256.002L506.143%2034.144c7.811-7.811%207.811-20.475%200-28.285-7.811-7.81-20.475-7.811-28.285%200L256%20227.717%2034.143%205.859c-7.811-7.811-20.475-7.811-28.285%200-7.81%207.811-7.811%2020.475%200%2028.285l221.857%20221.857L5.858%20477.859c-7.811%207.811-7.811%2020.475%200%2028.285a19.938%2019.938%200%200014.143%205.857%2019.94%2019.94%200%200014.143-5.857L256%20284.287l221.857%20221.857c3.905%203.905%209.024%205.857%2014.143%205.857s10.237-1.952%2014.143-5.857c7.811-7.811%207.811-20.475%200-28.285L284.286%20256.002z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 1em;
background-position: center;
cursor: pointer; }
.block[data-type="text"] .link.form + .form .section > .sc {
max-width: 800px;
margin: 0 auto; }
.block[data-type="text"] .link.form + .form .section > .sc .ic {
background-color: #fff;
margin: 0;
padding: 2em; }
.block[data-type="text"] .link.form + .form .section > .sc .ic form {
padding: 2em 0 0 0; }
.block[data-type="text"] .link.form + .form .section > .sc .ic form > .rows {
display: block;
width: auto; }
.block[data-type="text"] .link.form + .form .section > .sc .ic form .row > label {
margin-top: .5em; }
@media (max-width: 767px) {
.block[data-type="text"] .link.form + .form::after {
right: 0;
top: 0;
background-color: #f5f5f5; }
.block[data-type="text"] .link.form + .form .section > .sc > .ic form .row > label, .block[data-type="text"] .link.form + .form .section > .sc > .ic form .row > .element {
width: 100%; } }
.block[data-type="text"] .link.form + .form.visible {
pointer-events: auto;
opacity: 1; }
.block[data-type="text"] .link.form + .form:not(.visible) {
pointer-events: none;
opacity: 0; }
@media (max-width: 767px) {
.block[data-type="faq"] [data-role="title"] {
padding-bottom: 1em; } }
@media (min-width: 768px) {
.block[data-type="faq"] [data-role="title"] {
padding-bottom: 1em; } }
.block[data-type="faq"] ul[itemscope] {
list-style: none;
padding: 0;
margin: 0; }
.block[data-type="faq"] ul[itemscope] ul {
list-style-type: disc; }
.block[data-type="faq"] ul[itemscope] input {
position: absolute;
left: -9999px; }
.block[data-type="faq"] ul[itemscope] a {
color: #1d1d1b;
text-decoration: underline; }
.block[data-type="faq"] ul[itemscope] li[itemscope] {
border-color: #2268b0;
border-style: solid;
border-width: 1px; }
.block[data-type="faq"] ul[itemscope] li[itemscope] [itemprop="name"], .block[data-type="faq"] ul[itemscope] li[itemscope] [itemprop="text"] {
padding: .5em; }
.block[data-type="faq"] ul[itemscope] li[itemscope] [itemprop="text"] {
overflow: auto; }
.block[data-type="faq"] ul[itemscope] li[itemscope] p:first-of-type {
margin-top: 0; }
.block[data-type="faq"] ul[itemscope] li[itemscope] p:last-of-type {
margin-bottom: 0; }
.block[data-type="faq"] ul[itemscope] li[itemscope] [itemprop="name"] {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-family: arial, sans-serif;
font-weight: 600; }
.block[data-type="faq"] ul[itemscope] li[itemscope] [itemprop="name"]::before {
content: '';
display: block;
width: 1em;
height: 1em;
flex: 0 0 1em;
border-radius: 50%;
background-color: #1688ca;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%280%200%200%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
margin-right: .5em;
transform: translateY(-1px); }
.block[data-type="faq"] ul[itemscope] li[itemscope] [itemprop="name"]::after {
content: '';
width: 32px;
height: 32px;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%231688ca%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: contain;
transition: transform .3s;
margin-left: auto; }
.block[data-type="faq"] ul[itemscope] li[itemscope] [itemprop="acceptedAnswer"] {
max-height: 500px;
transition: max-height .3s; }
.block[data-type="faq"] ul[itemscope] li[itemscope].active [itemprop="name"]::after {
transform: rotate(45deg); }
.block[data-type="faq"] ul[itemscope] li[itemscope]:not(.active) [itemprop="acceptedAnswer"] {
max-height: 0;
overflow: hidden; }
.block[data-type="faq"] ul[itemscope] li[itemscope] + li {
margin-top: 1em; }
.block[data-type="faq"] ul[itemscope] li[itemscope] label {
display: block; }
.block[data-type="map"] .block--container > .module-map > div {
position: relative;
height: 0;
padding-bottom: 25%; }
.block[data-type="articles"] {
padding-left: 1em;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em; }
.block[data-type="articles"] .items {
display: flex;
flex-wrap: wrap;
margin: -1em; }
.block[data-type="articles"] .items > * {
flex: 1 1 0; }
.block[data-type="articles"] .items > * > * {
margin: 1em; }
.block[data-type="articles"] .items > * > * > [data-role="title"] {
color: inherit;
font-size: calc(0.7633587786vw - -16.1832061069px);
margin-top: .25em;
margin-bottom: .5em; }
@media (max-width: 500px) {
.block[data-type="articles"] .items > * > * > [data-role="title"] {
font-size: 20px; } }
@media (min-width: 1024px) {
.block[data-type="articles"] .items > * > * > [data-role="title"] {
font-size: 24px; } }
.block[data-type="articles"] .items > * > * > .text {
font-size: calc(0.3816793893vw - -13.0916030534px);
color: #95c34d; }
@media (max-width: 500px) {
.block[data-type="articles"] .items > * > * > .text {
font-size: 15px; } }
@media (min-width: 1024px) {
.block[data-type="articles"] .items > * > * > .text {
font-size: 17px; } }
.block[data-type="news"] {
padding-left: 1em;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em; }
.block[data-type="news"] .items {
display: flex;
flex-wrap: wrap;
margin: -1em; }
.block[data-type="news"] .items > * {
flex: 1 1 0;
display: flex; }
.block[data-type="news"] .items > * > * {
flex: 1 1 0;
margin: 1em;
padding-bottom: 32px;
border-bottom: 1px solid #2268b0;
color: inherit; }
.block[data-type="news"] .items > * > * > [data-role="title"] {
color: inherit;
font-size: calc(0.7633587786vw - -16.1832061069px);
margin-top: .25em;
margin-bottom: .5em; }
@media (max-width: 500px) {
.block[data-type="news"] .items > * > * > [data-role="title"] {
font-size: 20px; } }
@media (min-width: 1024px) {
.block[data-type="news"] .items > * > * > [data-role="title"] {
font-size: 24px; } }
.block[data-type="news"] .items > * > * > .text {
font-size: calc(0.3816793893vw - -13.0916030534px);
color: #95c34d; }
@media (max-width: 500px) {
.block[data-type="news"] .items > * > * > .text {
font-size: 15px; } }
@media (min-width: 1024px) {
.block[data-type="news"] .items > * > * > .text {
font-size: 17px; } }
.block[data-type="login"], .block[data-type="registration"] {
max-width: 800px;
margin: 0 auto;
padding-left: 16px;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px; }
.block[data-type="login"] div.success, .block[data-type="login"] div.error, .block[data-type="registration"] div.success, .block[data-type="registration"] div.error {
padding: 8px 16px;
color: #fff; }
.block[data-type="login"] div.error, .block[data-type="registration"] div.error {
background: #cf000f; }
.block[data-type="login"] div.success, .block[data-type="registration"] div.success {
background: #009944; }
.block[data-type="login"] div.title, .block[data-type="registration"] div.title {
color: #1d1d1b; }
.block[data-type="login"] form ul, .block[data-type="registration"] form ul {
margin-left: 0;
list-style: none; }
.block[data-type="login"] form ul .title, .block[data-type="registration"] form ul .title {
font-size: 24px; }
.block[data-type="login"] form ul .title.smaller, .block[data-type="registration"] form ul .title.smaller {
font-size: 20px; }
.block[data-type="login"] form label, .block[data-type="registration"] form label {
display: block;
margin: 8px 0; }
.block[data-type="login"] form label > span:first-child, .block[data-type="registration"] form label > span:first-child {
display: none; }
.block[data-type="login"] form label > :last-child:not([type="submit"]), .block[data-type="registration"] form label > :last-child:not([type="submit"]) {
width: 100%; }
.block[data-type="login"] form label select option, .block[data-type="registration"] form label select option {
font-size: 16px; }
.block[data-type="login"] form label select option[disabled], .block[data-type="registration"] form label select option[disabled] {
opacity: .5; }
.block[data-type="login"] form label select, .block[data-type="login"] form label input[type="text"], .block[data-type="login"] form label input[type="email"], .block[data-type="login"] form label textarea, .block[data-type="registration"] form label select, .block[data-type="registration"] form label input[type="text"], .block[data-type="registration"] form label input[type="email"], .block[data-type="registration"] form label textarea {
font-size: inherit;
outline: none;
padding-left: 0.5em;
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
color: #1d1d1b;
border-color: rgba(29, 29, 27, 0.5);
border-style: solid;
border-width: 1px; }
.block[data-type="login"] form label select.input-error, .block[data-type="login"] form label input[type="text"].input-error, .block[data-type="login"] form label input[type="email"].input-error, .block[data-type="login"] form label textarea.input-error, .block[data-type="registration"] form label select.input-error, .block[data-type="registration"] form label input[type="text"].input-error, .block[data-type="registration"] form label input[type="email"].input-error, .block[data-type="registration"] form label textarea.input-error {
border-color: #ff0000;
background-color: rgba(255, 0, 0, 0.05); }
.block[data-type="login"] form label + ul, .block[data-type="registration"] form label + ul {
display: none; }
.block[data-type="login"] form [type="submit"], .block[data-type="registration"] form [type="submit"] {
border: none;
float: right;
margin-top: 0.5em;
padding: 8px 16px;
color: #fff;
background-color: rgba(29, 29, 27, 0.9);
font-weight: normal;
text-transform: uppercase; }
.block[data-type="login"] form input[readonly="readonly"], .block[data-type="registration"] form input[readonly="readonly"] {
background-color: #f5f5f5; }
.block[data-type="login"] form li + li > .title, .block[data-type="registration"] form li + li > .title {
margin-top: 40px; }
.block[data-type="login"] form::after, .block[data-type="registration"] form::after {
content: '';
display: table;
clear: both; }
.block[data-type="enumeration"] table {
border-collapse: collapse;
width: 100%; }
.block[data-type="enumeration"] table tr > * {
padding-top: 6px;
padding-bottom: 6px; }
.block[data-type="enumeration"] a:not(.button) {
color: #95c34d;
text-decoration: underline; }
.block[data-type="enumeration"] > div {
display: grid; }
.block[data-type="enumeration"][data-format="1"] .enumeration--media:not(:empty) > div {
height: 100%;
position: relative;
z-index: 0; }
.block[data-type="enumeration"]:not([data-format="4"]) > div {
grid-template-columns: auto 1fr; }
.block[data-type="enumeration"]:not([data-format="4"]) > div > .enumeration--media {
grid-column: 1; }
.block[data-type="enumeration"]:not([data-format="4"]) > div > :not(.enumeration--media) {
grid-column: 2; }
.block[data-type="enumeration"][data-format="2"] > div .enumeration--media {
display: flex;
align-items: center; }
.block[data-type="enumeration"][data-format="2"] > div .enumeration--title {
display: flex;
align-items: center; }
.block[data-type="enumeration"][data-format="3"] > div .enumeration--media {
grid-row: span 4;
display: flex;
align-items: center; }
.block[data-type="enumeration"][data-format="3"] > div .enumeration--title {
grid-row: span 4;
display: flex;
align-items: center; }
.block[data-type="enumeration"][data-format="4"] > div {
display: block; }
.block[data-type="enumeration"][data-format="4"] > div * {
transition: all .05s; }
.block[data-type="enumeration"][data-format="4"] td {
vertical-align: top; }
.block[data-type="enumeration"][data-format="4"] .enumeration--title:not(:first-child), .block[data-type="enumeration"][data-format="4"] .enumeration--title:not(:first-child) + .enumeration--subtitle {
padding-top: 12px; }
.block[data-type="enumeration"] .enumeration--media:not(:first-child), .block[data-type="enumeration"] .enumeration--media:not(:first-child) + .enumeration--title {
padding-top: 12px; }
.block[data-type="enumeration"] .enumeration--media {
padding-right: 8px; }
.block[data-type="enumeration"] .enumeration--title > div {
color: #2268b0;
font-family: "Bebas Neue";
font-size: calc(0.572519084vw - -18.1374045802px); }
@media (max-width: 500px) {
.block[data-type="enumeration"] .enumeration--title > div {
font-size: 21px; } }
@media (min-width: 1024px) {
.block[data-type="enumeration"] .enumeration--title > div {
font-size: 24px; } }
.block[data-type="enumeration"] .enumeration--subtitle > div {
font-weight: 500;
line-height: 2em; }
.block[data-type="enumeration"] .enumeration--link > div > a:empty::before {
content: '\200b'; }
.block[data-type="enumeration"] .enumeration--link > div > a:empty::after {
font-size: .7em;
margin-top: -2px; }
.calendar {
border-color: #1d1d1b;
border-style: none;
border-width: 1px;
border-radius: 10px; }
form .module.alert {
display: none; }
form .module.alert.alert--visible {
display: block;
margin-bottom: .5em; }
.form-element-error {
color: #e00; }
.form-element-error:empty {
display: none; }
.form-element-error ul {
margin-top: .25em;
list-style-type: none; }
[data-type="fieldset"] .form-element-field > fieldset, [data-type="multicheckbox"] .form-element-field > fieldset, [data-type="multiradio"] .form-element-field > fieldset {
border: 0;
padding: 0;
margin: 0; }
.form-element[data-type="select"] input, .form-element[data-type="select"] select {
line-height: 1.2;
height: auto; }
.form-element[data-type="select"] [data-type="select--popup"] {
cursor: pointer; }
.popup-dialog.form-select .form-select-content > * {
padding: 8px 16px; }
.popup-dialog.form-select .form-select-content > * > input, .popup-dialog.form-select .form-select-content > * > button {
width: 100%; }
.popup-dialog.form-select .popup-dialog__body button {
border: 1px solid #1d1d1b; }
.popup-dialog.form-select .form-element-field-options {
margin-block: 8px;
max-height: 240px;
overflow: auto;
scrollbar-width: thin; }
.popup-dialog.form-select .select--optgroup {
font-family: "Bebas Neue";
color: #1d1d1b;
padding-block: 8px; }
.popup-dialog.form-select label {
display: block;
padding: 4px 16px;
border-radius: 8px 0 8px 8px;
cursor: pointer;
transition: background-color .15s; }
.popup-dialog.form-select label:hover, .popup-dialog.form-select label.active {
background-color: #95c34d;
color: #fff; }
input::-webkit-datetime-edit-fields-wrapper, input[type="date" i]::-webkit-calendar-picker-indicator {
padding-block: 0; }
input[type="date"] {
display: inline-flex; }
input[type="date"]::before {
content: attr(placeholder);
margin-right: 0.5em;
color: #1688ca; }
[data-type="calendar"].form-element {
display: block; }
[data-type="editor"] .ck-editor__editable {
min-height: 200px; }
[placeholder]::-webkit-input-placeholder {
opacity: 1;
color: #1688ca; }
[placeholder]:-moz-placeholder {
opacity: 1;
color: #1688ca; }
[placeholder]::-moz-placeholder {
opacity: 1;
color: #1688ca; }
fieldset > legend {
color: #1688ca; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="checkbox"],
input[type="radio"],
textarea,
select,
[data-type="file"] .form-element-field,
[data-type="multicheckbox"] .form-element-field > fieldset,
[data-type="multiradio"] .form-element-field > fieldset,
[data-type="products"] .form-element-field > fieldset,
.form-element-input {
padding-left: 9px;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
color: #1d1d1b;
background-color: #e2ddda;
border-color: #1d1d1b;
border-style: none;
border-width: 1px;
border-radius: 10px; }
input[type="text"] ~ .form-element-password-view_hide,
input[type="password"] ~ .form-element-password-view_hide,
input[type="email"] ~ .form-element-password-view_hide,
input[type="tel"] ~ .form-element-password-view_hide,
input[type="checkbox"] ~ .form-element-password-view_hide,
input[type="radio"] ~ .form-element-password-view_hide,
textarea ~ .form-element-password-view_hide,
select ~ .form-element-password-view_hide,
[data-type="file"] .form-element-field ~ .form-element-password-view_hide,
[data-type="multicheckbox"] .form-element-field > fieldset ~ .form-element-password-view_hide,
[data-type="multiradio"] .form-element-field > fieldset ~ .form-element-password-view_hide,
[data-type="products"] .form-element-field > fieldset ~ .form-element-password-view_hide,
.form-element-input ~ .form-element-password-view_hide {
display: inline-block;
margin-left: -30px;
width: 1.25em;
height: 1.25em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%20128%20128%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M64%20104C22.127%20104%201.367%2067.496.504%2065.943a4%204%200%200%201%200-3.887C1.367%2060.504%2022.127%2024%2064%2024s62.633%2036.504%2063.496%2038.057a4%204%200%200%201%200%203.887C126.633%2067.496%20105.873%20104%2064%20104zM8.707%2063.994C13.465%2071.205%2032.146%2096%2064%2096c31.955%200%2050.553-24.775%2055.293-31.994C114.535%2056.795%2095.854%2032%2064%2032%2032.045%2032%2013.447%2056.775%208.707%2063.994zM64%2088c-13.234%200-24-10.766-24-24s10.766-24%2024-24%2024%2010.766%2024%2024-10.766%2024-24%2024zm0-40c-8.822%200-16%207.178-16%2016s7.178%2016%2016%2016%2016-7.178%2016-16-7.178-16-16-16z%22%2F%3E%3C%2Fsvg%3E");
background-size: 1.25em;
cursor: pointer;
z-index: 1; }
input[type="text"][type="text"] ~ .form-element-password-view_hide,
input[type="password"][type="text"] ~ .form-element-password-view_hide,
input[type="email"][type="text"] ~ .form-element-password-view_hide,
input[type="tel"][type="text"] ~ .form-element-password-view_hide,
input[type="checkbox"][type="text"] ~ .form-element-password-view_hide,
input[type="radio"][type="text"] ~ .form-element-password-view_hide,
textarea[type="text"] ~ .form-element-password-view_hide,
select[type="text"] ~ .form-element-password-view_hide,
[data-type="file"] .form-element-field[type="text"] ~ .form-element-password-view_hide,
[data-type="multicheckbox"] .form-element-field > fieldset[type="text"] ~ .form-element-password-view_hide,
[data-type="multiradio"] .form-element-field > fieldset[type="text"] ~ .form-element-password-view_hide,
[data-type="products"] .form-element-field > fieldset[type="text"] ~ .form-element-password-view_hide,
.form-element-input[type="text"] ~ .form-element-password-view_hide {
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%20128%20128%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m79.891%2065.078%207.27-7.27C87.69%2059.787%2088%2061.856%2088%2064c0%2013.234-10.766%2024-24%2024-2.144%200-4.213-.31-6.192-.839l7.27-7.27a15.929%2015.929%200%200%200%2014.813-14.813zm47.605-3.021c-.492-.885-7.47-13.112-21.11-23.474l-5.821%205.821c9.946%207.313%2016.248%2015.842%2018.729%2019.602C114.553%2071.225%2095.955%2096%2064%2096c-4.792%200-9.248-.613-13.441-1.591l-6.573%206.573C50.029%20102.835%2056.671%20104%2064%20104c41.873%200%2062.633-36.504%2063.496-38.057a3.997%203.997%200%200%200%200-3.886zm-16.668-39.229-88%2088C22.047%20111.609%2021.023%20112%2020%20112s-2.047-.391-2.828-1.172a3.997%203.997%200%200%201%200-5.656l11.196-11.196C10.268%2083.049%201.071%2066.964.504%2065.943a4%204%200%200%201%200-3.887C1.367%2060.504%2022.127%2024%2064%2024c10.827%200%2020.205%202.47%2028.222%206.122l12.95-12.95c1.563-1.563%204.094-1.563%205.656%200s1.563%204.094%200%205.656zM34.333%2088.011%2044.46%2077.884C41.663%2073.96%2040%2069.175%2040%2064c0-13.234%2010.766-24%2024-24%205.175%200%209.96%201.663%2013.884%204.459l8.189-8.189C79.603%2033.679%2072.251%2032%2064%2032%2032.045%2032%2013.447%2056.775%208.707%2063.994c3.01%204.562%2011.662%2016.11%2025.626%2024.017zm15.934-15.935%2021.809-21.809C69.697%2048.862%2066.958%2048%2064%2048c-8.822%200-16%207.178-16%2016%200%202.958.862%205.697%202.267%208.076z%22%2F%3E%3C%2Fsvg%3E"); }
button, button.form-element-input, input[type="button"], input[type="button"].form-element-input {
cursor: pointer;
color: #1d1d1b;
background-color: initial;
font-family: Roboto;
font-weight: 700;
font-size: 16px;
border-style: none;
border-radius: 10px; }
@media (max-width: 767px) {
button, button.form-element-input, input[type="button"], input[type="button"].form-element-input {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
button, button.form-element-input, input[type="button"], input[type="button"].form-element-input {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
button.button:not(:empty), button.form-element-input.button:not(:empty), input[type="button"].button:not(:empty), input[type="button"].form-element-input.button:not(:empty) {
margin-right: 0; }
button.button:not(:empty)::after, button.form-element-input.button:not(:empty)::after, input[type="button"].button:not(:empty)::after, input[type="button"].form-element-input.button:not(:empty)::after {
margin-right: 0; }
button[type="submit"], input[type="button"][type="submit"] {
color: #ffffff;
background-color: #95c34d;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
button[type="submit"], input[type="button"][type="submit"] {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
button[type="submit"], input[type="button"][type="submit"] {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
button[type="submit"] .button--text, input[type="button"][type="submit"] .button--text {
display: inline-flex;
align-items: center; }
button[type="submit"] .button--text > span, input[type="button"][type="submit"] .button--text > span {
display: inline-grid; }
button[type="submit"] .button--text > span > *, input[type="button"][type="submit"] .button--text > span > * {
grid-area: -1 / -1; }
button[type="submit"] .button--text:not(:empty)::after, input[type="button"][type="submit"] .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
button[type="submit"] .button--text:not(:empty)::after, input[type="button"][type="submit"] .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
button[type="submit"] .button--text:not(:empty)::after, input[type="button"][type="submit"] .button--text:not(:empty)::after {
margin-left: 8px; } }
button[type="submit"] .button--text:empty::before, input[type="button"][type="submit"] .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
button[type="submit"]:hover, input[type="button"][type="submit"]:hover {
background-color: #719933; }
button[type="submit"]:disabled, input[type="button"][type="submit"]:disabled {
cursor: initial; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background-color: #e2ddda !important;
color: #1d1d1b !important;
-webkit-text-fill-color: #1d1d1b !important;
box-shadow: 0 0 0 1000px #e2ddda inset !important; }
[data-type="file"] input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
[data-type="file"] .file-reset {
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20427%20427%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M232.398%20154.703c-5.523%200-10%204.477-10%2010v189c0%205.52%204.477%2010%2010%2010%205.524%200%2010-4.48%2010-10v-189c0-5.523-4.476-10-10-10zm-118%200c-5.523%200-10%204.477-10%2010v189c0%205.52%204.477%2010%2010%2010%205.524%200%2010-4.48%2010-10v-189c0-5.523-4.476-10-10-10zm0%200%22%2F%3E%3Cpath%20d%3D%22M28.398%20127.121V373.5c0%2014.563%205.34%2028.238%2014.668%2038.05A49.246%2049.246%200%200%200%2078.796%20427H268a49.233%2049.233%200%200%200%2035.73-15.45c9.329-9.812%2014.668-23.487%2014.668-38.05V127.121c18.543-4.922%2030.559-22.836%2028.079-41.863-2.485-19.024-18.692-33.254-37.88-33.258h-51.199V39.5a39.289%2039.289%200%200%200-11.539-28.031A39.288%2039.288%200%200%200%20217.797%200H129a39.288%2039.288%200%200%200-28.063%2011.469A39.289%2039.289%200%200%200%2089.398%2039.5V52H38.2C19.012%2052.004%202.805%2066.234.32%2085.258c-2.48%2019.027%209.535%2036.941%2028.078%2041.863zM268%20407H78.797c-17.098%200-30.399-14.688-30.399-33.5V128h250v245.5c0%2018.813-13.3%2033.5-30.398%2033.5zM109.398%2039.5a19.25%2019.25%200%200%201%205.676-13.895A19.26%2019.26%200%200%201%20129%2020h88.797a19.26%2019.26%200%200%201%2013.926%205.605%2019.244%2019.244%200%200%201%205.675%2013.895V52h-128zM38.2%2072h270.399c9.941%200%2018%208.059%2018%2018s-8.059%2018-18%2018h-270.4c-9.941%200-18-8.059-18-18s8.059-18%2018-18zm0%200%22%2F%3E%3Cpath%20d%3D%22M173.398%20154.703c-5.523%200-10%204.477-10%2010v189c0%205.52%204.477%2010%2010%2010%205.524%200%2010-4.48%2010-10v-189c0-5.523-4.476-10-10-10zm0%200%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
width: 32px;
height: 100%;
background-size: 1em; }
[data-type="file"] .file-reset:hover {
opacity: .5; }
[data-type="file"] .file-reset + svg {
margin-right: 32px; }
[data-type="file"] .file-value {
word-break: break-all;
flex-grow: 9; }
[data-type="file"] input[type="file"] + span {
display: flex;
align-items: center; }
[data-type="file"] input[type="file"] + span span[data-placeholder] {
display: flex;
align-items: center;
overflow: hidden; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
button,
[data-type="file"] .form-element-field,
[data-type="multicheckbox"] .form-element-field > fieldset,
[data-type="multiradio"] .form-element-field > fieldset,
[data-type="products"] .form-element-field > fieldset {
transition: box-shadow .15s; }
input[type="text"]:focus, input[type="text"]:focus-visible,
input[type="password"]:focus,
input[type="password"]:focus-visible,
input[type="email"]:focus,
input[type="email"]:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible,
button:focus,
button:focus-visible,
[data-type="file"] .form-element-field:focus,
[data-type="file"] .form-element-field:focus-visible,
[data-type="multicheckbox"] .form-element-field > fieldset:focus,
[data-type="multicheckbox"] .form-element-field > fieldset:focus-visible,
[data-type="multiradio"] .form-element-field > fieldset:focus,
[data-type="multiradio"] .form-element-field > fieldset:focus-visible,
[data-type="products"] .form-element-field > fieldset:focus,
[data-type="products"] .form-element-field > fieldset:focus-visible {
z-index: 1;
box-shadow: 0 0 0 2px #1d1d1b inset; }
[data-type="product"].form-element .form-element-field {
display: flex;
flex-flow: row wrap;
margin: -1px; }
[data-type="product"].form-element .form-element-field > div {
flex: 1 1 0;
margin: 1px; }
[data-type="product"].form-element .form-element-field > div > * {
width: 100%; }
[data-type="product"].form-element[data-inline="1"] .form-element-field {
flex-flow: column; }
[data-type="product"].form-element[data-inline="1"] .form-element-field .product--slot, [data-type="product"].form-element[data-inline="1"] .form-element-field .product--quantity {
transition: all .3s;
opacity: 1;
max-height: 3em;
overflow: hidden; }
[data-type="product"].form-element[data-inline="1"] .form-element-field .product--slot.hidden, [data-type="product"].form-element[data-inline="1"] .form-element-field .product--quantity.hidden {
opacity: 0;
max-height: 0;
pointer-events: none; }
[data-type="product"].form-element[data-inline="1"] .form-element-field > * {
max-width: 320px;
flex: 1 1 auto; }
input[type="password"][data-level="0"] ~ .form-element-password-strength > :first-child span:nth-child(1), input[data-type="password"][data-level="0"] ~ .form-element-password-strength > :first-child span:nth-child(1) {
opacity: 1; }
input[type="password"][data-level="1"] ~ .form-element-password-strength > :first-child span:nth-child(2), input[data-type="password"][data-level="1"] ~ .form-element-password-strength > :first-child span:nth-child(2) {
opacity: 1; }
input[type="password"][data-level="2"] ~ .form-element-password-strength > :first-child span:nth-child(3), input[data-type="password"][data-level="2"] ~ .form-element-password-strength > :first-child span:nth-child(3) {
opacity: 1; }
input[type="password"][data-level="3"] ~ .form-element-password-strength > :first-child span:nth-child(4), input[data-type="password"][data-level="3"] ~ .form-element-password-strength > :first-child span:nth-child(4) {
opacity: 1; }
input[type="password"][data-level="4"] ~ .form-element-password-strength > :first-child span:nth-child(5), input[data-type="password"][data-level="4"] ~ .form-element-password-strength > :first-child span:nth-child(5) {
opacity: 1; }
input[type="password"][data-level="5"] ~ .form-element-password-strength > :first-child span:nth-child(6), input[data-type="password"][data-level="5"] ~ .form-element-password-strength > :first-child span:nth-child(6) {
opacity: 1; }
input[type="password"] ~ .form-element-password-strength > :first-child, input[data-type="password"] ~ .form-element-password-strength > :first-child {
width: 100%;
height: 3px;
background-color: transparent;
display: grid;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600px%22%20height%3D%223px%22%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22100px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22200px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22300px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22400px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22500px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3C%2Fsvg%3E");
background-size: 100%;
background-repeat: no-repeat; }
input[type="password"] ~ .form-element-password-strength > :first-child > *, input[data-type="password"] ~ .form-element-password-strength > :first-child > * {
grid-area: -1 / -1;
opacity: 0;
transition: opacity .3s; }
input[type="password"] ~ .form-element-password-strength > :first-child > *, input[data-type="password"] ~ .form-element-password-strength > :first-child > * {
background: inherit; }
input[type="password"] ~ .form-element-password-strength > :first-child span:nth-child(1), input[data-type="password"] ~ .form-element-password-strength > :first-child span:nth-child(1) {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600px%22%20height%3D%223px%22%3E%3Crect%20fill%3D%22%23ff0000%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22100px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22200px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22300px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22400px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22500px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3C%2Fsvg%3E"); }
input[type="password"] ~ .form-element-password-strength > :first-child span:nth-child(2), input[data-type="password"] ~ .form-element-password-strength > :first-child span:nth-child(2) {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600px%22%20height%3D%223px%22%3E%3Crect%20fill%3D%22%23ff6a00%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23ff6a00%22%20x%3D%22100px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22200px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22300px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22400px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22500px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3C%2Fsvg%3E"); }
input[type="password"] ~ .form-element-password-strength > :first-child span:nth-child(3), input[data-type="password"] ~ .form-element-password-strength > :first-child span:nth-child(3) {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600px%22%20height%3D%223px%22%3E%3Crect%20fill%3D%22%23dbdb00%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23dbdb00%22%20x%3D%22100px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23dbdb00%22%20x%3D%22200px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22300px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22400px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22500px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3C%2Fsvg%3E"); }
input[type="password"] ~ .form-element-password-strength > :first-child span:nth-child(4), input[data-type="password"] ~ .form-element-password-strength > :first-child span:nth-child(4) {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600px%22%20height%3D%223px%22%3E%3Crect%20fill%3D%22%239ece1a%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%239ece1a%22%20x%3D%22100px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%239ece1a%22%20x%3D%22200px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%239ece1a%22%20x%3D%22300px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22400px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22500px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3C%2Fsvg%3E"); }
input[type="password"] ~ .form-element-password-strength > :first-child span:nth-child(5), input[data-type="password"] ~ .form-element-password-strength > :first-child span:nth-child(5) {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600px%22%20height%3D%223px%22%3E%3Crect%20fill%3D%22%2308b108%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%2308b108%22%20x%3D%22100px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%2308b108%22%20x%3D%22200px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%2308b108%22%20x%3D%22300px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%2308b108%22%20x%3D%22400px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23f5f5f5%22%20x%3D%22500px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3C%2Fsvg%3E"); }
input[type="password"] ~ .form-element-password-strength > :first-child span:nth-child(6), input[data-type="password"] ~ .form-element-password-strength > :first-child span:nth-child(6) {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600px%22%20height%3D%223px%22%3E%3Crect%20fill%3D%22%23048D04%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23048D04%22%20x%3D%22100px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23048D04%22%20x%3D%22200px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23048D04%22%20x%3D%22300px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23048D04%22%20x%3D%22400px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3Crect%20fill%3D%22%23048D04%22%20x%3D%22500px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%223px%22%20rx%3D%220%22%2F%3E%3C%2Fsvg%3E"); }
[data-type="row"] > .form-element-field > div {
display: flex;
flex-flow: row wrap;
margin-left: -.5em; }
[data-type="row"] > .form-element-field > div > * {
flex: 1 1 auto;
margin-left: .5em; }
[data-type="form"] form .grecaptcha-badge, .layer-form .grecaptcha-badge {
z-index: 1; }
[data-type="form"] form .grecaptcha .grecaptcha-notice, .layer-form .grecaptcha .grecaptcha-notice {
font-size: 10px; }
[data-type="form"] form .grecaptcha .grecaptcha-notice a, .layer-form .grecaptcha .grecaptcha-notice a {
color: inherit;
text-decoration: underline; }
.form-element > .form-element-label-wrapper, .form-element[data-type="checkbox"] > .form-element-field {
padding-block: 10px 6px; }
.form-element-label-prefix > p:first-child, .form-element-label-suffix > p:first-child {
margin: 0;
display: inline; }
.form-element-label-prefix a, .form-element-label-suffix a {
color: #95c34d;
text-decoration: underline; }
.form-element > .form-element-field {
display: flex;
flex-flow: column;
position: relative; }
.form-element > .form-element-field > * {
flex: 1 1 100%; }
.form-element > .form-element-field > input {
width: 100%; }
.form-element-field-wrapper {
display: flex;
align-items: center; }
.form-element-label-wrapper, [data-type="multicheckbox"] > div, [data-type="multiradio"] > div, [data-type] legend {
font-size: 16px;
line-height: normal; }
input.custom-select[type="text"] {
user-select: none; }
.form-select-options {
position: absolute;
margin-top: -1px;
line-height: 1;
z-index: 3;
background-color: #fff;
overflow: hidden; }
.form-select-options * {
box-sizing: border-box; }
.form-select-options[data-attached="bottom"] {
margin-top: 1px;
box-shadow: 0 3px 12px 6px rgba(153, 153, 153, 0.2); }
.form-select-options[data-attached="top"] {
margin-top: -3px;
box-shadow: 0 -3px 12px 6px rgba(153, 153, 153, 0.2); }
.form-select-options > span {
display: block;
max-height: 20em;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin; }
.form-select-options > span label {
font-weight: bold; }
.form-select-options > span * {
display: block;
padding: 0.5em 9px 0.5em 9px;
white-space: nowrap;
cursor: pointer;
user-select: none; }
.form-select-options > span > [data-selected] {
background-color: #ccc; }
.form-select-options > span [data-value]:hover {
background-color: #ddd; }
.form-select-options > span > [data-disabled] {
pointer-events: none;
opacity: .6; }
.form-element-field > input.custom-select[type="text"] {
width: 100%; }
.form-element[data-type="guests"], .form-element[data-type="calendar"], .form-element[data-type="checkbox"], .form-element[data-type="radio"], .form-element[data-type="select"] {
cursor: pointer; }
.form-element input[data-type="calendar"] {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%231d1d1b%22%3E%3Cpath%20d%3D%22M11.76%209.06%208.12%2012.7l-1.88-1.88c-.25-.25-.66-.25-.91%200s-.25.66%200%20.91l2.33%202.33a.63.63%200%200%200%20.9%200l4.1-4.1c.25-.25.25-.66%200-.91s-.66-.25-.91%200Z%22%20style%3D%22stroke-width%3A0%22%2F%3E%3Cpath%20d%3D%22M14.79%201.26h-.96V.64c0-.36-.29-.64-.64-.64s-.64.29-.64.64v.62H5.48V.64c0-.36-.29-.64-.64-.64S4.2.29%204.2.64v.62h-.96C1.44%201.26%200%202.7%200%204.47v10.31c0%201.77%201.44%203.21%203.21%203.21h11.57c1.77%200%203.21-1.44%203.21-3.21V4.47c0-1.77-1.44-3.21-3.21-3.21ZM1.29%204.47c0-1.06.87-1.93%201.93-1.93h.96v.62c0%20.36.29.64.64.64s.64-.29.64-.64v-.62h7.07v.62c0%20.36.29.64.64.64s.64-.29.64-.64v-.62h.96c1.06%200%201.93.87%201.93%201.93v.65H1.29v-.65Zm13.5%2012.24H3.21c-1.06%200-1.93-.87-1.93-1.93V6.41h15.43v8.38c0%201.06-.87%201.93-1.93%201.93Z%22%20%2F%3E%3C%2Fsvg%3E");
background-size: 18px;
background-position: calc(100% - 8px) center;
background-repeat: no-repeat;
padding-right: 30px;
cursor: pointer; }
select, input.custom-select[type="text"], .guests-container > input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%2890%200%200%29%22%3E%3Cpath%20fill%3D%22%231d1d1b%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E");
background-size: 14px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
padding-right: 26px;
cursor: pointer;
width: 100%; }
[data-type="password"] .form-element-field-wrapper {
display: grid; }
[data-type="password"] .form-element-field-wrapper > :first-child, [data-type="password"] .form-element-field-wrapper > :nth-child(2) {
grid-area: -1/-1; }
[data-type="password"] .form-element-password-view_hide {
align-self: center;
justify-self: end;
margin-right: 10px; }
[data-type="password"] .form-element-password-strength {
margin-top: 1px; }
[data-type="hours"] .form-element-field-wrapper {
display: flex;
align-items: center; }
[data-type="hours"] .form-element-field-wrapper > :first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-width: 0; }
[data-type="hours"] .form-element-field-wrapper > :nth-child(n+2) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
[data-type="zipcode"] .form-element-field-wrapper {
display: flex;
align-items: center; }
[data-type="zipcode"] .form-element-field-wrapper > :first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-width: 0;
width: 100%; }
[data-type="zipcode"] .form-element-field-wrapper > :nth-child(2) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
[data-type="checkbox"] label,
[data-type="radio"] label,
[data-type="multicheckbox"] label,
[data-type="multiradio"] label {
cursor: pointer;
user-select: none; }
[data-type="checkbox"] > .form-element-field,
[data-type="radio"] > .form-element-field,
[data-type="multicheckbox"] > .form-element-field,
[data-type="multiradio"] > .form-element-field {
justify-content: center; }
[data-type="checkbox"] > .form-element-field > input,
[data-type="radio"] > .form-element-field > input,
[data-type="multicheckbox"] > .form-element-field > input,
[data-type="multiradio"] > .form-element-field > input {
flex: 0 0 auto; }
[data-type="checkbox"] .form-element-field-option,
[data-type="radio"] .form-element-field-option,
[data-type="multicheckbox"] .form-element-field-option,
[data-type="multiradio"] .form-element-field-option {
display: flex;
float: left;
clear: left;
align-items: flex-start;
padding-block: 3px; }
[data-type="checkbox"] .form-element-field-option > .form-element-input,
[data-type="radio"] .form-element-field-option > .form-element-input,
[data-type="multicheckbox"] .form-element-field-option > .form-element-input,
[data-type="multiradio"] .form-element-field-option > .form-element-input {
order: 1;
flex: 0 0 auto;
margin-right: .25em;
width: 19px;
border-style: solid; }
[data-type="checkbox"] .form-element-field-option > .form-element-label-wrapper,
[data-type="radio"] .form-element-field-option > .form-element-label-wrapper,
[data-type="multicheckbox"] .form-element-field-option > .form-element-label-wrapper,
[data-type="multiradio"] .form-element-field-option > .form-element-label-wrapper {
order: 2; }
[data-type="checkbox"] .form-element-field-option:not(:last-child),
[data-type="radio"] .form-element-field-option:not(:last-child),
[data-type="multicheckbox"] .form-element-field-option:not(:last-child),
[data-type="multiradio"] .form-element-field-option:not(:last-child) {
margin-right: 1em; }
[data-type="checkbox"] .form-element-label-wrapper,
[data-type="radio"] .form-element-label-wrapper,
[data-type="multicheckbox"] .form-element-label-wrapper,
[data-type="multiradio"] .form-element-label-wrapper {
transition: color .3s, opacity .3s; }
[data-type="checkbox"] input:not(:checked) + .form-element-label-wrapper,
[data-type="radio"] input:not(:checked) + .form-element-label-wrapper,
[data-type="multicheckbox"] input:not(:checked) + .form-element-label-wrapper,
[data-type="multiradio"] input:not(:checked) + .form-element-label-wrapper {
color: #1688ca; }
input[type="checkbox"] {
border-radius: 0; }
input[type="radio"], input[type="radio"]::after {
border-radius: 50%; }
input[type="checkbox"],
input[type="radio"] {
cursor: pointer;
padding: 0;
width: 1.5em;
height: auto;
position: relative; }
input[type="checkbox"]::before,
input[type="radio"]::before {
content: '';
display: block;
height: 0;
padding-bottom: 100%; }
input[type="checkbox"]::after,
input[type="radio"]::after {
content: '';
position: absolute;
display: block;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: 2px;
transform: scale(0);
opacity: 0;
background-color: #333;
transition: all .2s;
will-change: transform, opacity; }
input[type="checkbox"]:checked::after,
input[type="radio"]:checked::after {
transform: scale(0.9);
opacity: 1; }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"] {
position: absolute;
left: -9999px; }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"]:checked + .form__fieldset__switch {
background: none; }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"]:checked + .form__fieldset__switch label::before {
content: attr(data-label-less); }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"]:checked + .form__fieldset__switch label::after {
transform: rotate(180deg); }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"]:checked + .form__fieldset__switch + fieldset {
max-height: 999px; }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"] + .form__fieldset__switch {
position: absolute;
z-index: 1;
bottom: .5em;
width: 100%;
text-align: left;
padding-top: 3em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
pointer-events: none; }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"] + .form__fieldset__switch label {
text-decoration: underline;
font-size: .9em;
cursor: pointer;
pointer-events: auto; }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"] + .form__fieldset__switch label::before {
content: attr(data-label-more); }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"] + .form__fieldset__switch label::after {
content: '';
display: inline-block;
margin-left: .25em;
width: .5em;
height: .5em;
background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%23333%22%20fill%3D%22%23333%22%20transform%3D%22rotate%2890%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E") no-repeat center; }
.form-element[data-collapsable="1"] > .form-element-field > input[name="switch"] + .form__fieldset__switch + fieldset {
overflow: hidden;
position: relative;
max-height: 200px;
transition: max-height .3s; }
.form-element-input[data-type="quantity"] {
display: inline-flex;
align-items: center;
padding-inline: 0; }
.form-element-input[data-type="quantity"] input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
min-width: 2em;
width: 0;
padding: 0;
text-align: center;
border: none;
background: none; }
.form-element-input[data-type="quantity"] input[type=number]::-webkit-inner-spin-button,
.form-element-input[data-type="quantity"] input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; }
.form-element-input[data-type="quantity"] button {
border: none;
border-radius: 0;
position: relative;
font-family: Arial, Helvetica, Segoe UI, Tahoma, sans-serif;
font-size: 1.5em; }
.form-element-input[data-type="quantity"] button:first-child::before {
content: "−"; }
.form-element-input[data-type="quantity"] button:last-child::before {
content: '+'; }
.form-element-input[data-type="quantity"] > * {
flex: 1 1 auto;
height: 100%; }
.layer-articles.rtl > .sc > .ic {
direction: rtl; }
.layer-articles.rtl > .sc > .ic .text {
direction: ltr; }
.layer-articles.rtl > .sc > .ic .link {
float: left;
margin: 0 0 0 3em; }
.layer-articles .article__content {
display: flex;
flex-flow: row wrap;
margin: -32px 0 0 -32px;
flex-wrap: wrap; }
.layer-articles .article__content > * {
margin: 32px 0 0 32px; }
.layer-articles .article__content > :nth-child(1) {
flex: 1 1 33%;
min-width: 250px; }
.layer-articles .article__content > :nth-child(2) {
flex: 1 1 calc(67% - 64px); }
.layer-articles .article__content [data-role="media"] {
margin-top: 2em; }
.layer-articles .article__content [data-role="link"] + [data-role="form"] {
margin-top: 2em;
margin-bottom: 2em; }
.layer-articles .article__content [data-role="form"] {
padding: 1em;
background-color: #f5f5f5; }
.layer-articles .article__content [data-role="form"] [data-role="title"] {
font-size: calc(0.7633587786vw - -14.1832061069px);
margin-bottom: 1em; }
@media (max-width: 500px) {
.layer-articles .article__content [data-role="form"] [data-role="title"] {
font-size: 18px; } }
@media (min-width: 1024px) {
.layer-articles .article__content [data-role="form"] [data-role="title"] {
font-size: 22px; } }
.layer-articles .article__content > .text:not(:empty), .layer-articles .article__content > .text2:not(:empty), .layer-articles .article__content > .readmore__text > div {
overflow-x: auto;
overflow-y: hidden; }
.layer-articles .article__content > .text:not(:empty) p:first-child, .layer-articles .article__content > .text2:not(:empty) p:first-child, .layer-articles .article__content > .readmore__text > div p:first-child {
margin-top: 0; }
.layer-articles .article__content > .text:not(:empty) p:last-child, .layer-articles .article__content > .text2:not(:empty) p:last-child, .layer-articles .article__content > .readmore__text > div p:last-child {
margin-bottom: 0; }
.layer-articles .article__content .readmore__text {
max-height: 0;
overflow: hidden;
transition: max-height .3s; }
.layer-articles .article__content .readmore__toggle:not([data-open="1"]) .button .button--text span span:nth-child(2) {
opacity: 0;
font-size: 0; }
.layer-articles .article__content .readmore__toggle[data-open="1"] .button .button--text::after {
transform: translateY(0px) rotate(-90deg); }
.layer-articles .article__content .readmore__toggle[data-open="1"] .button .button--text span span:nth-child(1) {
opacity: 0;
font-size: 0; }
.layer-articles .article__content .readmore .button .button--text span span {
transition: opacity .3s; }
.layer-articles .article__content .readmore .button .button--text::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.layer-articles .article__content > .text + input[type="checkbox"] {
position: absolute;
left: -9999px;
width: 0;
height: 0;
opacity: 1; }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2 {
padding-top: 0;
margin-top: 0;
max-height: 0;
overflow: hidden;
transition: max-height .3s; }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2:not([data-open="1"]) {
margin-bottom: 0; }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2 > div > p:first-child {
margin-top: 0; }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2 > div > p:last-child {
margin-bottom: 0; }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2 + .link .button::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2 + .link .button--text span:first-child {
display: inherit; }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2 + .link .button--text span:nth-child(2) {
display: none; }
.layer-articles .article__content > .text + input[type="checkbox"] + .text2 + .link .button--text::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.layer-articles .article__content > .text + input[type="checkbox"]:not(:checked) + .text2 {
padding-block: 0; }
.layer-articles .article__content > .text + input[type="checkbox"]:checked + .text2 + .link .button::after {
transform: translateY(0px) rotate(-90deg); }
.layer-articles .article__content > .text + input[type="checkbox"]:checked + .text2 + .link .button--text span:first-child {
display: none; }
.layer-articles .article__content > .text + input[type="checkbox"]:checked + .text2 + .link .button--text span:nth-child(2) {
display: inherit; }
.layer-articles .article__content > .text + input[type="checkbox"]:checked + .text2 + .link .button--text::after {
transform: translateY(0px) rotate(-90deg); }
.layer-articles .article__content .text a {
word-break: break-word;
text-decoration: underline; }
.layer-articles .article__buttons {
margin-left: auto; }
.layer-articles .article__favorite {
display: inline-block; }
.layer-articles .article__favorite .add-to-favorites {
position: relative;
float: left; }
.layer-articles .article__favorite .add-to-favorites::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22m16%205.42%203.16%206.4.35.71.78.11%207.06%201.03-5.11%204.98-.56.55.13.78%201.21%207.04-6.32-3.32-.7-.37-.7.37-6.32%203.32%201.21-7.04.13-.78-.56-.55-5.11-4.98%207.06-1.03.78-.11.35-.71L16%205.42m0-2.76a.5.5%200%200%200-.45.28l-4.06%208.22-9.07%201.32c-.19.03-.35.16-.4.34-.06.18-.01.38.13.51l6.56%206.4-1.55%209.03a.511.511%200%200%200%20.49.59c.08%200%20.16-.02.23-.06l8.11-4.26%208.11%204.26c.07.04.15.06.23.06.1%200%20.21-.03.29-.1.15-.11.23-.3.2-.49l-1.55-9.03%206.56-6.4c.14-.13.19-.33.13-.51a.514.514%200%200%200-.4-.34l-9.07-1.32-4.05-8.22a.5.5%200%200%200-.45-.28Z%22%20style%3D%22fill%3A%231d1d1b%22%2F%3E%3C%2Fsvg%3E"); }
.layer-articles .article__favorite .add-to-favorites.favorite::after {
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%222%22%20stroke%3D%22%23fff%22%20fill%3D%22%231d1d1b%22%20d%3D%22m23.363%208.584-7.378-1.127L12.678.413c-.247-.526-1.11-.526-1.357%200L8.015%207.457.637%208.584a.75.75%200%200%200-.423%201.265l5.36%205.494-1.267%207.767a.75.75%200%200%200%201.103.777L12%2020.245l6.59%203.643a.75.75%200%200%200%201.103-.777l-1.267-7.767%205.36-5.494a.75.75%200%200%200-.423-1.266z%22%2F%3E%3C%2Fsvg%3E"); }
.layer-articles .article__favorite .add-to-favorites::before {
display: none; }
.layer-articles .article__share button {
display: flex;
align-items: center;
font-family: "Bebas Neue";
text-transform: uppercase;
font-size: calc(0.7633587786vw - -20.1832061069px);
border: none;
background-color: transparent;
padding: 0; }
@media (max-width: 500px) {
.layer-articles .article__share button {
font-size: 24px; } }
@media (min-width: 1024px) {
.layer-articles .article__share button {
font-size: 28px; } }
.layer-articles .article__share button::before {
content: '';
display: inline-block;
flex: 0 0 24px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.52%2016.14c-1.15%200-2.19.5-2.9%201.29l-6.47-4.01c.17-.44.27-.92.27-1.42s-.1-.98-.27-1.42l6.47-4.01a3.93%203.93%200%200%200%202.9%201.29c2.17%200%203.93-1.76%203.93-3.93S20.68%200%2018.52%200s-3.93%201.76-3.93%203.93c0%20.5.1.98.27%201.42L8.39%209.36a3.93%203.93%200%200%200-2.9-1.29%203.93%203.93%200%200%200%200%207.86c1.15%200%202.19-.5%202.9-1.29l6.47%204.01c-.17.44-.27.92-.27%201.42a3.93%203.93%200%201%200%203.93-3.93Zm-2.5-12.22a2.5%202.5%200%200%201%205%200%202.5%202.5%200%200%201-5%200ZM5.48%2014.5a2.5%202.5%200%200%201%200-5%202.5%202.5%200%200%201%200%205Zm10.54%205.58a2.5%202.5%200%200%201%205%200%202.5%202.5%200%200%201-5%200Z%22%20style%3D%22fill%3A%231d1d1b%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
background-position: center 60%;
margin-right: .25em; }
.layer-articles .article__address > span > span.separator {
margin-inline: .5em; }
.layer-articles .article__subtitle_holder {
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center; }
.layer-articles .article__date > * {
display: inline-block; }
.layer-articles .article__text a {
text-decoration: underline; }
.layer-articles .article__text img {
max-width: 100%; }
.layer-articles .article__text blockquote {
margin: 0;
font-size: 1.5em;
font-weight: 600;
font-family: "Bebas Neue"; }
.layer-articles .article__when {
color: #1d1d1b;
font-size: 1.1em;
font-weight: 200;
padding: .5em 1em;
display: inline-block;
border: 1px solid #1d1d1b; }
.layer-articles .article__when ul {
list-style: none; }
.layer-articles .article__links {
font-family: "Bebas Neue"; }
.layer-articles .article__links a {
text-decoration: none;
color: #95c34d;
display: flex;
align-items: center;
margin-bottom: .75em;
font-size: calc(0.572519084vw - -14.1374045802px); }
@media (max-width: 500px) {
.layer-articles .article__links a {
font-size: 17px; } }
@media (min-width: 1024px) {
.layer-articles .article__links a {
font-size: 20px; } }
.layer-articles .article__links a::before {
content: '';
display: inline-block;
width: 1.1em;
height: 1.1em;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%280%200%200%29%22%3E%3Cpath%20fill%3D%22theme-color-1%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
margin-right: .5em;
transform: translateY(-0.05em); }
.layer-articles .article__media {
position: relative; }
.layer-articles .article__media .article__tagline {
position: absolute;
top: 2em; }
@media (max-width: 767px) {
.layer-articles[data-type="detail"] {
padding-bottom: 3em;
padding-top: 3em; } }
@media (min-width: 768px) {
.layer-articles[data-type="detail"] {
padding-bottom: 5em;
padding-top: 5em; } }
.layer-articles[data-type="detail"] .ic > .article__link {
margin-bottom: 1em;
text-align: right; }
.layer-articles[data-type="detail"] .link + .article__link {
margin-top: 1em;
text-align: right; }
.layer-articles[data-type="detail"] [data-script] {
color: #1d1d1b;
cursor: pointer;
text-decoration: underline; }
.layer-articles[data-type="detail"] [data-role="image"] {
border-style: none;
border-radius: 20px;
overflow: hidden; }
.layer-articles[data-type="detail"] [data-role="image"] + [data-role="subtitle"] {
padding-top: .5em; }
.layer-articles[data-type="detail"] address {
margin-top: 1em;
display: flex;
flex-flow: row wrap;
align-items: center; }
.layer-articles[data-type="detail"] address > span:not(:empty)::before {
content: '';
display: inline-block;
width: 0.75em;
height: 0.75em;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%231d1d1b%22%20d%3D%22M256%200C161.896%200%2085.333%2076.563%2085.333%20170.667c0%2028.25%207.063%2056.26%2020.49%2081.104L246.667%20506.5c1.875%203.396%205.448%205.5%209.333%205.5s7.458-2.104%209.333-5.5l140.896-254.813c13.375-24.76%2020.438-52.771%2020.438-81.021C426.667%2076.563%20350.104%200%20256%200zm0%20256c-47.052%200-85.333-38.281-85.333-85.333S208.948%2085.334%20256%2085.334s85.333%2038.281%2085.333%2085.333S303.052%20256%20256%20256z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: .25em; }
.layer-articles[data-type="detail"] address a {
color: #1d1d1b;
text-decoration: underline; }
.layer-articles[data-type="overview"] > .sc, .layer-articles[data-type="detail"] > .sc {
max-width: 1280px; }
.layer-articles[data-type="overview"] > .sc > .ic > ul, .layer-articles[data-type="detail"] > .sc > .ic > ul {
list-style: none;
margin-left: 0; }
.layer-articles[data-type="overview"] > .sc > .ic > ul li > a, .layer-articles[data-type="detail"] > .sc > .ic > ul li > a {
color: #1d1d1b; }
.layer-banners[data-format="list"] .items-holder {
flex-direction: column; }
.layer-banners[data-format="list"] .item-content > * {
display: grid;
grid-template-columns: 1fr 3fr; }
.layer-banners[data-format="list"] .item-content > * .media {
grid-column: 1;
grid-row: 1 / span 3; }
.layer-banners[data-format="list"] .item-content > * .heading {
grid-column: 2;
grid-row: 1;
margin-left: 1em;
margin-top: 1em; }
.layer-banners[data-format="list"] .item-content > * [data-role="text"] {
grid-column: 2;
grid-row: 2;
margin-left: 1em; }
.layer-banners[data-format="list"] .item-content > * .link {
grid-column: 2;
align-self: end;
justify-self: end;
margin-right: 1em;
margin-bottom: 1em; }
.layer-banners[data-format="list"] .top {
display: contents; }
.layer-blocks {
--swiper-pagination-bottom: 0px;
--swiper-pagination-color: #1d1d1b; }
.layer-blocks[data-format="members"] .top {
background-color: #fff;
border-bottom-right-radius: 20px;
overflow: hidden;
margin-bottom: 10px; }
.layer-blocks[data-format="members"] .bottom {
flex-grow: 1;
background-color: #f5f5f5;
padding: 16px; }
.layer-blocks[data-format="members"] [data-role="image"] {
padding: 0;
margin: 0; }
.layer-blocks[data-format="members"] [data-role="image"]::before {
content: '';
display: block;
height: 0;
padding-bottom: 75%; }
.layer-blocks[data-format="members"] [data-role="image"] > div {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 16px;
display: flex;
flex-flow: column; }
.layer-blocks[data-format="members"] [data-role="image"] > div > .image-holder {
height: 100%;
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
max-width: 50vw;
margin: 0 auto; }
.layer-blocks[data-format="members"] [data-role="image"] > div > .image-holder .placeholder {
display: none; }
.layer-blocks[data-format="members"] [data-role="image"] > div img {
position: relative;
object-fit: contain; }
.layer-blocks[data-format="members"] .ic .items-holder .item {
max-width: 75vw; }
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role] {
background: none;
color: #000;
padding: 0; }
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role="title"] {
font-size: calc(0.3816793893vw - -16.0916030534px); }
@media (max-width: 500px) {
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role="title"] {
font-size: 18px; } }
@media (min-width: 1024px) {
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role="title"] {
font-size: 20px; } }
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role="subtitle"] {
font-size: calc(0.3816793893vw - -12.0916030534px);
padding-left: 12px;
line-height: 12px; }
@media (max-width: 500px) {
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role="subtitle"] {
font-size: 14px; } }
@media (min-width: 1024px) {
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role="subtitle"] {
font-size: 16px; } }
.layer-blocks[data-format="members"] .ic .items-holder .item > .item-content [data-role="subtitle"]::before {
content: '';
position: absolute;
margin-left: -12px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20d%3D%22M64%203.82c-24.03%200-43.59%2019.55-43.59%2043.59%200%2029.83%2039.01%2073.62%2040.67%2075.47%201.56%201.74%204.28%201.73%205.84%200%201.66-1.85%2040.67-45.64%2040.67-75.47%200-24.03-19.55-43.59-43.59-43.59Zm0%20110.42C50.87%2098.65%2028.26%2067.88%2028.26%2047.41S44.29%2011.67%2064%2011.67%2099.74%2027.7%2099.74%2047.41c0%2020.47-22.61%2051.23-35.74%2066.83Z%22%2F%3E%3Cpath%20d%3D%22M64%2025.48c-12.09%200-21.93%209.84-21.93%2021.93S51.91%2069.34%2064%2069.34s21.93-9.84%2021.93-21.93S76.09%2025.48%2064%2025.48Zm0%2036.01c-7.76%200-14.08-6.32-14.08-14.08S56.24%2033.33%2064%2033.33s14.08%206.32%2014.08%2014.08S71.76%2061.49%2064%2061.49Z%22%20fill%3D%22%23d8561c%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
background-repeat: no-repeat;
width: 12px;
height: 12px; }
.layer-blocks[data-format="members"] .swiper-button-prev i {
transform: translateX(-50%) scaleX(-1); }
.layer-blocks[data-format="members"] .swiper-button-next i {
transform: translateX(-50%); }
.layer-blocks[data-format="new-products"] .sc > [data-role="title"] {
text-align: right;
margin-bottom: 1em; }
@media (max-width: 767px) {
.layer-blocks[data-format="new-products"] .sc > [data-role="title"] {
text-align: center;
margin-bottom: -1em; } }
.layer-blocks[data-format="new-products"] .sc .ic .items-holder .swiper-wrapper {
align-items: normal; }
.layer-blocks[data-format="new-products"] .sc .ic .items-holder .swiper-wrapper .swiper-slide {
height: auto;
display: flex; }
.layer-blocks .ic {
position: relative; }
.layer-blocks .ic > [data-role="title"] {
text-align: center; }
@media (max-width: 767px) {
.layer-blocks .ic > [data-role="title"] {
padding-bottom: 0.5em; } }
@media (min-width: 768px) {
.layer-blocks .ic > [data-role="title"] {
padding-bottom: 0.5em; } }
.layer-blocks .ic > [data-role="subtitle"] {
text-align: center; }
.layer-blocks .ic .items-holder {
/*
de overflow: hidden lijkt soms nodig te zijn, echter, daardoor worden drop-shadows (rechts en onder, door de margin) afgebroken c.q. niet zichtbaar, waarom zou de overflow: hidden nodig zijn?
*/
position: relative;
z-index: 0; }
.layer-blocks .ic .items-holder:not(.slider), .layer-blocks .ic .items-holder.slider > .swiper-container {
margin-left: -5px;
margin-top: -5px;
margin-right: -5px;
margin-bottom: -5px;
padding-bottom: 10px; }
.layer-blocks .ic .items-holder.slider > div {
display: flex; }
.layer-blocks .ic .items-holder.slider > div + .navigation .swiper-button-prev, .layer-blocks .ic .items-holder.slider > div + .navigation .swiper-container-rtl .swiper-button-next {
left: 0; }
.layer-blocks .ic .items-holder.slider > div + .navigation .swiper-button-next, .layer-blocks .ic .items-holder.slider > div + .navigation .swiper-container-rtl .swiper-button-prev {
right: 0; }
.layer-blocks .ic .items-holder.swiper-container .swiper-pagination {
position: static; }
.layer-blocks .ic .items-holder > .swiper-container > .swiper-wrapper {
height: auto;
will-change: transform; }
.layer-blocks .ic .items-holder > .swiper-container > .swiper-wrapper .swiper-slide {
display: flex; }
.layer-blocks .ic .items-holder > .swiper-container > .swiper-wrapper .swiper-slide .text {
flex-grow: 1; }
.layer-blocks .item-content {
overflow: hidden;
margin-left: 10px;
margin-top: 10px;
color: #ffffff;
background-color: #1d1d1b;
border-style: none;
border-radius: 10px;
flex-grow: 1;
color: inherit;
display: flex;
flex-flow: column; }
.layer-blocks .item-content > div {
display: flex;
flex-flow: column; }
.layer-blocks .item-content > div > .top {
order: 1; }
.layer-blocks .item-content > div > .text, .layer-blocks .item-content > div [data-role="text"] {
order: 3; }
.layer-blocks .item-content > div > [data-role="suffix"] {
order: 2; }
.layer-blocks .item-content > div > [data-role="buttons"] {
order: 4;
margin-top: auto; }
.layer-blocks .item-content > div > [data-role="buttons"] .button::after {
content: none; }
.layer-blocks .item-content > a {
color: inherit;
display: flex;
flex-flow: column; }
.layer-blocks .item-content > * {
flex: 1 1 auto;
position: relative;
z-index: 0; }
.layer-blocks .item-content > * .top {
position: relative; }
.layer-blocks .item-content > * .top > .title, .layer-blocks .item-content > * .top > .heading > div > [data-role="title"] {
position: relative;
z-index: 2; }
.layer-blocks .item-content > * .top > .media {
position: relative;
z-index: 2;
overflow: hidden; }
.layer-blocks .item-content > * .top > .media > svg {
max-width: 100%;
height: auto; }
.layer-blocks .item-content > * .top > .media .image-holder {
overflow: hidden; }
.layer-blocks .item-content > * .top > .media .image-holder > img {
transform-origin: top center;
transition: transform 0.15s; }
.layer-blocks .item-content > * .top > .media .icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 40px;
background-color: #fff;
border-radius: 50%;
padding: .1em; }
.layer-blocks .item-content > * > .text > ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
flex-grow: 9999;
overflow: hidden; }
.layer-blocks .item-content > * > .text > ul:hover {
overflow: visible; }
.layer-blocks .item-content > * > .text > ul li {
display: flex;
align-items: center;
margin-left: 16px;
line-height: 1; }
.layer-blocks .item-content > * > .text > ul li::before {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ebf2d%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%22%2F%3E%3Cpath%20style%3D%22fill%3Anone%3Bstroke%3A%238ebf2d%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%22%20d%3D%22m6.77%2011.52%204.63%203.71%205.22-8.37%22%2F%3E%3C%2Fsvg%3E");
width: 24px;
height: 24px;
margin-left: -16px;
margin-right: 8px; }
.layer-blocks .item-content > * > .text > ul li + li {
margin-top: .5em; }
.layer-blocks .item-content > * > .text > ul a {
color: inherit; }
.layer-blocks .item-content > * > .text > ul a:hover {
color: #95c34d; }
.layer-blocks[data-format="compact"] .item [data-role] {
padding-left: 0;
padding-right: 0; }
@media (max-width: 767px) {
.layer-blocks .item [data-role], .layer-blocks .item .text {
padding-left: 12px;
padding-right: 12px; } }
@media (min-width: 768px) {
.layer-blocks .item [data-role], .layer-blocks .item .text {
padding-left: 12px;
padding-right: 12px; } }
.layer-blocks .item [data-type="enumeration"] [data-role] {
padding-left: 0;
padding-right: 0; }
.layer-blocks .item [data-role="tagline"] {
font-size: 14px; }
.layer-blocks .item [data-role="title"], .layer-blocks .item .title {
color: #ffffff;
background-color: rgba(255, 255, 255, 0);
font-size: calc(0.7633587786vw - -24.1832061069px); }
@media (max-width: 767px) {
.layer-blocks .item [data-role="title"], .layer-blocks .item .title {
padding-bottom: 1em; } }
@media (min-width: 768px) {
.layer-blocks .item [data-role="title"], .layer-blocks .item .title {
padding-bottom: 1em; } }
@media (max-width: 500px) {
.layer-blocks .item [data-role="title"], .layer-blocks .item .title {
font-size: 28px; } }
@media (min-width: 1024px) {
.layer-blocks .item [data-role="title"], .layer-blocks .item .title {
font-size: 32px; } }
.layer-blocks .item [data-role="title"] > *, .layer-blocks .item .title > * {
display: inline-block; }
.layer-blocks .item [data-role="date"] {
margin-top: 0.25em;
margin-bottom: 0.5em;
color: #1d1d1b;
font-size: 16px; }
.layer-blocks .item [data-role="subtitle"] {
color: #2268b0; }
.layer-blocks .item [data-role="text"] {
font-size: 12px; }
.layer-blocks .item [data-role="suffix"] {
font-size: 18px; }
.layer-blocks .item ul.banner__links {
list-style-type: none;
padding-left: 0; }
.layer-blocks .item ul.banner__links li {
margin-left: 16px; }
.layer-blocks .item ul.banner__links li::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%226%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 10px;
position: absolute;
margin-left: -16px;
transform: translateY(4px); }
.layer-blocks .item [data-role="text"] .banner__links a.banner__link {
color: inherit;
text-decoration: none; }
.layer-blocks .item [data-role="text"] .banner__links a.banner__link:hover {
text-decoration: underline; }
.layer-blocks .item .link {
margin-top: auto; }
.layer-blocks .item .button--container {
text-align: right; }
@media (max-width: 767px) {
.layer-blocks .item .button--container {
padding-right: 1em;
padding-bottom: 1em; } }
@media (min-width: 768px) {
.layer-blocks .item .button--container {
padding-bottom: 1em;
padding-right: 1em; } }
.layer-blocks .button:empty {
padding: 0; }
.layer-blocks .sc .ic .items-holder:not(.slider) {
display: flex;
justify-content: space-around; }
.layer-blocks .sc .ic .items-holder:not(.slider) > .item {
flex: 0 1 100%;
display: flex;
flex-flow: column; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count] {
flex-wrap: wrap;
justify-content: normal; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count] > .item {
flex: 1 1 auto;
min-width: 250px; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="1"] > * {
width: 100%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="2"] > * {
width: 50%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="3"] > * {
width: 33.3333333333%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="4"] > * {
width: 25%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="5"] > * {
width: 20%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="6"] > * {
width: 16.6666666667%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="7"] > * {
width: 14.2857142857%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="8"] > * {
width: 12.5%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="9"] > * {
width: 11.1111111111%; }
.layer-blocks .sc .ic .items-holder:not(.slider)[data-column-count][data-column-count="10"] > * {
width: 10%; }
.layer-blocks.ta-left .sc .ic .item .heading {
text-align: left; }
.layer-blocks.ta-center .sc .ic .item .heading {
text-align: center; }
.layer-blocks.ta-right .sc .ic .item .heading {
text-align: right; }
.layer-blocks.tp-above .sc .ic .item > .item-content .top {
display: flex;
flex-flow: column-reverse; }
.layer-blocks.tp-top.ta-center .sc .ic .item > .item-content .top .heading, .layer-blocks.tp-center.ta-center .sc .ic .item > .item-content .top .heading, .layer-blocks.tp-bottom.ta-center .sc .ic .item > .item-content .top .heading {
left: 50%; }
.layer-blocks.tp-top.ta-center .sc .ic .item > .item-content .top .heading > div, .layer-blocks.tp-center.ta-center .sc .ic .item > .item-content .top .heading > div, .layer-blocks.tp-bottom.ta-center .sc .ic .item > .item-content .top .heading > div {
transform: translateX(-50%); }
.layer-blocks.tp-top.ta-center.tp-center .sc .ic .item > .item-content .top .heading > div, .layer-blocks.tp-center.ta-center.tp-center .sc .ic .item > .item-content .top .heading > div, .layer-blocks.tp-bottom.ta-center.tp-center .sc .ic .item > .item-content .top .heading > div {
transform: translate(-50%, -50%); }
.layer-blocks.tp-top.ta-right .sc .ic .item > .item-content .top .heading, .layer-blocks.tp-center.ta-right .sc .ic .item > .item-content .top .heading, .layer-blocks.tp-bottom.ta-right .sc .ic .item > .item-content .top .heading {
left: auto;
right: 0; }
.layer-blocks.tp-top .sc .ic .item > .item-content .top .heading {
position: absolute;
z-index: 3;
left: 0;
top: 0; }
.layer-blocks.tp-center .sc .ic .item > .item-content .top .heading {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
top: 50%; }
.layer-blocks.tp-center .sc .ic .item > .item-content .top .heading > div {
position: absolute;
transform: translateY(-50%); }
.layer-blocks.tp-bottom .sc .ic .item > .item-content .top .heading {
position: absolute;
z-index: 3;
left: 0;
bottom: 0; }
.layer-blocks.tp-bottom2 .sc .ic .item > .item-content .top .heading {
position: absolute;
z-index: 3;
left: 0;
width: 100%;
bottom: 0; }
.layer-blocks.title-above .sc .ic .item .item-content {
display: flex;
flex-flow: column; }
.layer-blocks.title-above .sc .ic .item .item-content [data-role="title"] {
flex: 1 1 auto;
position: relative; }
.layer-blocks.title-above .sc .ic .item .item-content .image {
flex: 0 0 auto;
position: relative; }
.layer-blocks.title-beneath .sc .ic .item .item-content {
display: flex;
flex-flow: column-reverse; }
.layer-blocks.title-beneath .sc .ic .item .item-content [data-role="title"] {
flex: 1 1 auto;
position: relative; }
.layer-blocks.title-beneath .sc .ic .item .item-content .image {
flex: 0 0 auto;
position: relative; }
.layer-blocks.title-top .sc .ic .item [data-role="title"] {
position: absolute; }
.layer-blocks.title-middle .sc .ic .item [data-role="title"] {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.layer-blocks.title-bottom .sc .ic .item [data-role="title"] {
position: absolute;
bottom: 0; }
.layer-blocks:not([data-hover]) .item-content, .layer-blocks[data-hover=""] .item-content {
transition: all .3s; }
.layer-blocks:not([data-hover]) .item-content:hover, .layer-blocks[data-hover=""] .item-content:hover {
transform: translateY(-20px); }
.layer-blocks[data-hover="custom1"] .item-content a .top::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: .3s;
pointer-events: none;
z-index: 2; }
.layer-blocks[data-hover="custom1"] .item-content a .top .heading {
width: 100%;
transform: translateY(100%);
transition: transform .3s; }
.layer-blocks[data-hover="custom1"] .item-content a .top .heading .title-holder {
height: 0; }
.layer-blocks[data-hover="custom1"] .item-content a .top .heading [data-role="title"] {
transform: translateY(-100%); }
.layer-blocks[data-hover="custom1"] .item-content a .top .media {
transition: transform .3s; }
.layer-blocks[data-hover="custom1"] .item-content a:hover .top::after {
opacity: .5; }
.layer-blocks[data-hover="custom1"] .item-content a:hover .top .media {
transform: scale(1.1) rotate(1deg); }
.layer-blocks[data-hover="custom1"] .item-content a:hover .heading {
transform: translateY(0); }
.layer-blocks[data-hover="1"] .item-content a > div:first-child::after {
content: '';
position: absolute;
z-index: 2;
left: 10%;
top: 50%;
transform: translate(-50%, -50%);
width: 20%;
height: 20%;
background: url("data:image/svg+xml,%3Csvg%20width%3D%22455%22%20height%3D%22455%22%20viewBox%3D%220%200%20455%20455%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2395c34d%22%20d%3D%22m227.5%200c-125.64%200-227.5%20101.86-227.5%20227.5s101.86%20227.5%20227.5%20227.5%20227.5-101.86%20227.5-227.5-101.86-227.5-227.5-227.5zm-28.024%20355.59-21.248-21.178%20106.56-106.91-106.56-106.91%2021.248-21.178%20127.67%20128.09z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
background-size: contain;
transition: 0.3s;
opacity: 0;
pointer-events: none; }
.layer-blocks[data-hover="1"] .item-content a:hover::after {
opacity: 1; }
.layer-blocks[data-hover="1"] .item-content a:hover > div::after {
left: 50%;
opacity: 1; }
.layer-blocks[data-hover="2"] .item {
filter: none;
transition: filter 0.3s; }
.layer-blocks[data-hover="2"] .item:hover {
filter: grayscale(100%); }
.layer-blocks[data-hover="3"] .item .media {
filter: grayscale(100%);
opacity: .25;
transition: filter 0.3s, opacity .25s; }
.layer-blocks[data-hover="3"] .item:hover .media {
opacity: 1;
filter: none; }
.layer-blocks[data-hover="svg1"] .item svg path:last-child {
--path-total-length: 0;
stroke-dasharray: var(--path-total-length);
stroke-dashoffset: 0;
transition: stroke-dashoffset 1s ease-in-out; }
.layer-blocks[data-hover="svg1"] .item [data-role="title"] > * {
position: relative;
padding-right: 13px; }
.layer-blocks[data-hover="svg1"] .item [data-role="title"] > *::before {
content: '';
position: absolute;
height: 2px;
background-color: #1d1d1b;
bottom: -3px;
left: 0;
right: 0;
transform-origin: left center;
transform: scaleX(0);
opacity: 0;
transition: opacity .6s, transform .6s; }
.layer-blocks[data-hover="svg1"] .item [data-role="title"] > *::after {
position: absolute;
display: inline-block;
opacity: .5;
transform-origin: left center;
transform: translate(9px, 8px) rotate(-90deg) scale(0.3); }
.layer-blocks[data-hover="svg1"] .item:hover svg path:last-child {
stroke-dashoffset: var(--path-total-length); }
.layer-blocks[data-hover="svg1"] .item:hover [data-role="title"] > *::before {
opacity: 1;
transform: scaleX(1); }
.layer-blocks[data-hover="e1"] .item .heading [data-role="title"] > * {
position: relative; }
.layer-blocks[data-hover="e1"] .item .heading [data-role="title"] > *::after {
content: '';
position: absolute;
border-bottom: 1px solid #fff;
left: 0;
bottom: 5px;
width: 0;
opacity: .3;
transition: width .4s, opacity .4s; }
.layer-blocks[data-hover="e1"] .item .media {
overflow: hidden; }
.layer-blocks[data-hover="e1"] .item .image-holder {
transition: transform .4s; }
.layer-blocks[data-hover="e1"] .item:hover .heading [data-role="title"] > *::after {
opacity: 1;
width: 100%; }
.layer-blocks[data-hover="e1"] .item:hover .image-holder {
transform: scale(1.1); }
.layer-blocks[data-format="quote"] .sc {
margin: 0 auto; }
.layer-blocks[data-format="quote"] .ic {
position: relative; }
.layer-blocks[data-format="quote"] .ic .items-holder:not(.slider), .layer-blocks[data-format="quote"] .ic .items-holder.slider > .swiper-container {
margin: 0;
padding: 0; }
.layer-blocks[data-format="quote"] .item-content {
display: flex;
flex-flow: row-reverse wrap-reverse;
margin: 0;
padding-bottom: 0; }
.layer-blocks[data-format="quote"] .item-content > .content {
flex: 1 1 70%; }
.layer-blocks[data-format="quote"] .item-content > .content > * {
padding: 1em; }
.layer-blocks[data-format="quote"] .item-content > .content > * > * {
padding: 0;
margin: 0; }
.layer-blocks[data-format="quote"] .item-content > .content > * .text {
font-size: calc(0.9541984733vw - -10.2290076336px);
line-height: 1.1em;
font-weight: 900;
min-height: 4em;
position: relative; }
@media (max-width: 500px) {
.layer-blocks[data-format="quote"] .item-content > .content > * .text {
font-size: 15px; } }
@media (min-width: 1024px) {
.layer-blocks[data-format="quote"] .item-content > .content > * .text {
font-size: 20px; } }
.layer-blocks[data-format="quote"] .item-content > .content > * .text > h2 {
all: inherit;
margin: 0;
padding: 0; }
.layer-blocks[data-format="quote"] .item-content > .content > * .text > h2 p {
margin: 0; }
.layer-blocks[data-format="quote"] .item-content > .content > * [data-role="title"] {
font-size: calc(0.7633587786vw - -9.1832061069px);
margin-top: 0.5em;
font-weight: 600; }
@media (max-width: 500px) {
.layer-blocks[data-format="quote"] .item-content > .content > * [data-role="title"] {
font-size: 13px; } }
@media (min-width: 1024px) {
.layer-blocks[data-format="quote"] .item-content > .content > * [data-role="title"] {
font-size: 17px; } }
.layer-blocks[data-format="quote"] .item-content > .media {
flex: 1 1 30%;
min-width: 150px; }
.layer-blocks[data-format="quote"] .navigation {
position: absolute;
width: 3em;
right: 2em;
bottom: 2em; }
.layer-blocks[data-format="quote"] .navigation i {
flex-basis: 2em;
width: 2em;
height: 2em; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper {
position: relative; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder {
padding-top: 15px;
display: flex;
flex-flow: row wrap;
overflow: visible; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder > * {
flex: 1 1 100%; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item {
display: flex;
min-width: 250px; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content {
flex: 1 1 auto; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content {
transition: all .3s; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > a, .layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > div {
display: flex;
flex-flow: row;
position: relative;
padding-bottom: 0; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > a .media, .layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > div .media {
overflow: hidden;
height: 100%; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > a .media > svg, .layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > div .media > svg {
display: block; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > a .media > img, .layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > div .media > img {
transform-origin: top center;
transition: transform 0.15s; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > a > .left, .layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > div > .left {
position: relative;
background-color: #1688ca;
overflow: hidden; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > a > .right, .layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > div > .right {
flex: 1 1 auto;
display: flex;
flex-flow: column; }
.layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > a > .right > div, .layer-blocks[data-format="compact"] .sc .ic .items-wrapper > .items-holder .item > .item-content > div > .right > div {
flex: 1 1 100%;
display: flex;
flex-flow: column; }
.layer-blocks[data-format="compact"]:not([data-compact-media]) .media-holder, .layer-blocks[data-format="compact"]:not([data-compact-media]) .image-holder {
height: 100%; }
.layer-blocks[data-format="compact"]:not([data-compact-media]) .image-holder img {
position: absolute;
object-fit: cover;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-blocks[data-format="compact"]:not([data-compact-media]) .left svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
min-width: 100%;
min-height: 100%; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count] {
margin-left: -10px;
margin-top: -10px;
display: block;
column-gap: 0;
column-width: 300px; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count] > .item {
min-width: 100%; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="1"] {
column-count: 1; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="1"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="2"] {
column-count: 2; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="2"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="3"] {
column-count: 3; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="3"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="4"] {
column-count: 4; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="4"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="5"] {
column-count: 5; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="5"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="6"] {
column-count: 6; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="6"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="7"] {
column-count: 7; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="7"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="8"] {
column-count: 8; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="8"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="9"] {
column-count: 9; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="9"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="10"] {
column-count: 10; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count][data-column-count="10"] > * {
width: 100%;
page-break-inside: avoid; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count] > .left svg {
position: relative; }
.layer-blocks[data-format="compact"][data-compact-direction="vertical"] > .sc > .ic > .items-holder[data-column-count] .right > div > [data-role] {
padding-inline: 0; }
.layer-blocks[data-format="compact"] .link {
margin: auto 0 0 0;
padding: 0; }
.layer-blocks[data-format="custom_1"] .items-wrapper {
overflow: hidden; }
.layer-blocks[data-format="custom_1"] > .sc > .ic > .items-wrapper > .items-holder {
flex-wrap: nowrap; }
.layer-blocks[data-format="custom_1"] > .sc > .ic > .items-wrapper > .items-holder > * {
flex: 0 0 100%; }
.layer__cards[data-format="custom_1"] [data-role="title"] {
color: #fff; }
.layer__cards[data-format="custom_1"] .ic {
position: relative;
overflow: hidden; }
.layer__cards[data-format="custom_1"] .ic > .media-holder {
position: absolute;
left: 0;
top: 0; }
.layer__cards[data-format="custom_1"] .items-wrapper {
overflow: hidden; }
.layer__cards[data-format="custom_1"] .items-holder {
display: grid; }
.layer__cards[data-format="custom_1"] .items-holder > * {
grid-area: -1/-1; }
.layer__cards[data-format="custom_1"] .items-holder > * .media {
opacity: 0; }
.layer__cards[data-format="custom_1"] .items-holder > * .heading {
opacity: 0;
transition: opacity 1s; }
.layer__cards[data-format="custom_1"] .card__current .heading {
opacity: 1; }
.layer__cards[data-format="custom_1"] .card__overlay {
position: absolute;
display: flex;
align-items: center;
right: 0;
bottom: 0; }
.layer__cards[data-format="custom_1"] .swiper__button-prev {
display: none; }
.layer__cards[data-format="custom_1"] .heading {
position: absolute;
left: 10%;
top: 10%; }
.layer-columns .ic {
overflow: hidden; }
.layer-columns .ic .holder {
display: flex;
flex-flow: wrap; }
.layer-columns .ic .holder .column {
flex: 1 1 0;
display: flex;
flex-direction: column; }
.layer-columns .ic .holder .column > :first-child:last-child {
flex: 1 1 auto; }
.layer-columns .ic .holder .column > .block.columns {
flex-direction: row;
flex-wrap: wrap; }
.layer-columns .ic .holder .column > * > * {
position: relative; }
.layer-columns .ic .holder .column > *:not(.rows) {
display: flex;
flex-direction: column; }
.layer-columns .ic .holder .column:not(:empty) {
min-width: 250px; }
.layer-columns .ic .holder .link .button2::after {
content: none; }
.layer-columns .block[data-type="faq"] > .link, .layer-columns .block[data-type="articles"] > .link, .layer-columns .block[data-type="news"] > .link {
margin-top: auto;
padding-top: 48px; }
.layer-columns .column .block[data-type="table"] {
overflow: auto; }
.layer-columns .block[data-type="media_album"] .layer-media-album-item {
padding: 0; }
.layer-columns .block[data-type="table"] table {
border-collapse: collapse; }
.layer-columns .block[data-type="table"] table, .layer-columns .block[data-type="table"] table td, .layer-columns .block[data-type="table"] table th {
border: 1px solid #1d1d1b; }
.layer-columns .block[data-type="table"] table th {
background-color: #95c34d; }
.layer-columns .column .sc {
width: 100%; }
.layer-columns svg.column_svgs [id*="column_svg"] * {
fill: inherit !important; }
.layer-columns svg.column_svgs a[id*="column_svg"] {
transform-origin: center;
transition: transform .3s; }
.layer-columns svg.column_svgs a[id*="column_svg"]:hover {
transform: scale(1.1); }
.column__links {
display: flex;
gap: 1em; }
.layer-overlay input {
position: absolute;
display: none;
left: -9999px; }
.layer-overlay input:checked + div {
display: block; }
.layer-overlay > div {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 2; }
.layer-overlay > div > div {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #1d1d1b;
color: #1688ca;
padding: 4em; }
footer > .layer-footer[data-level="1"] {
padding-top: 2em;
padding-bottom: 2em;
color: #ffffff;
line-height: 2em; }
footer > .layer-footer[data-level="1"] > .sb {
background-color: #1d1d1b; }
@media (max-width: 767px) {
footer > .layer-footer[data-level="1"] {
padding-top: 3em;
padding-bottom: 2em; } }
@media (min-width: 768px) {
footer > .layer-footer[data-level="1"] {
padding-top: 5em;
padding-bottom: 4em; } }
.layer-footer .footer--column--title {
padding-left: 0;
padding-top: 0.25em;
padding-right: 0;
padding-bottom: 0.25em;
margin-left: 0em;
margin-top: 0;
margin-right: 0;
margin-bottom: 0.25em;
color: #ffffff;
font-family: "Bebas Neue";
font-weight: 400;
font-size: calc(0.7633587786vw - -24.1832061069px); }
@media (max-width: 500px) {
.layer-footer .footer--column--title {
font-size: 28px; } }
@media (min-width: 1024px) {
.layer-footer .footer--column--title {
font-size: 32px; } }
.layer-footer address {
font-style: normal; }
.layer-footer address > p:first-child {
margin-top: 0; }
.layer-footer address > p:last-child {
margin-bottom: 0; }
.layer-footer address span {
display: block; }
.layer-footer address a {
color: inherit;
transition: all .2s; }
.layer-footer address a:hover {
color: #95c34d; }
.layer-footer ul {
list-style: none;
margin: 0;
padding: 0; }
.layer-footer .footer--row {
display: flex;
flex-flow: row wrap;
margin-left: -32px; }
.layer-footer .footer--row:last-child {
margin-top: 2em; }
.layer-footer .footer--row > :not(:empty) {
flex: 999 1 auto; }
.layer-footer .footer--column > div, .layer-footer .footer--links > div {
margin-left: 32px; }
.layer-footer .footer--links {
margin-left: -32px; }
.layer-footer .footer--column.newsletter {
align-self: flex-start;
flex: 1 1 auto;
min-width: 250px;
max-width: 300px; }
.layer-footer .footer--column.newsletter form {
margin-top: .25em;
margin-left: -.25em; }
.layer-footer .footer--column.newsletter fieldset {
display: flex;
flex-flow: row; }
.layer-footer .footer--column.newsletter fieldset input {
width: 100%; }
.layer-footer .footer--column.newsletter fieldset [type="submit"] {
background-color: #fff;
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center; }
.layer-footer .footer--column.banners {
flex: 1 1 auto;
min-width: 200px;
max-width: 250px; }
.layer-footer .footer--column.banners a {
display: block; }
.layer-footer .footer--socials {
margin-top: 8px; }
.layer-footer .footer--socials ul {
display: flex;
margin-left: -8px;
margin-top: -8px; }
.layer-footer .footer--socials li {
margin-left: 8px;
margin-top: 8px;
margin-bottom: 0.25em; }
.layer-footer .footer--links {
display: inline-flex;
flex-flow: row wrap; }
@media (max-width: 500px) {
.layer-footer .footer--links {
flex-flow: column; }
.layer-footer .footer--links .footer--column--title:empty {
display: none; } }
@media (min-width: 501px) {
.layer-footer .footer--links .footer--column--title:empty::after {
content: '\a0'; } }
.layer-footer .footer--links ul.table {
display: table;
color: inherit; }
.layer-footer .footer--links ul.table > * {
display: table-row; }
.layer-footer .footer--links ul.table > * > * {
display: table-cell;
padding-right: 16px;
white-space: nowrap; }
.layer-footer .footer--links ul li {
margin-left: 0px;
position: relative; }
.layer-footer .footer--links ul li a {
display: flex;
align-items: center;
transition: all .2s;
color: inherit; }
.layer-footer .footer--links ul li a::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%23ffffff%22%20fill%3D%22%23ffffff%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
margin-right: .5em;
transform: translateY(1px); }
.layer-footer .footer--links ul li a:hover {
color: #95c34d; }
.layer-footer .footer--links ul li a:hover::before {
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E"); }
@media (max-width: 767px) {
.layer-footer .footer {
padding-top: 5px; } }
.layer-footer .footer > .footer--row {
margin-bottom: 0em; }
.layer-footer .footer > .footer--row > .footer--column {
margin-block: 1em; }
.layer-footer .footer > .footer--row:first-child {
margin-bottom: calc(5.9040590406vw - 13.3431734317px);
align-items: center;
justify-content: space-between; }
@media (max-width: 768px) {
.layer-footer .footer > .footer--row:first-child {
margin-bottom: 32px; } }
@media (min-width: 1310px) {
.layer-footer .footer > .footer--row:first-child {
margin-bottom: 64px; } }
.layer-footer .footer > .footer--row:first-child > .footer--column:nth-child(2) {
flex-basis: 60%; }
.layer-footer .footer > .footer--row:first-child > .footer--column:nth-child(2) > div {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center; }
.layer-footer .footer > .footer--row:first-child > .footer--column:nth-child(2) > div > * {
margin-block: .5em; }
@media (max-width: 767px) {
.layer-footer .footer > .footer--row:first-child > .footer--column:nth-child(2) > div {
justify-content: center; } }
.layer-footer .footer .footer--slogan {
margin-right: 0.5em;
color: #ffffff;
font-family: "Bebas Neue";
font-weight: 400;
font-size: calc(0.7633587786vw - -24.1832061069px); }
@media (max-width: 500px) {
.layer-footer .footer .footer--slogan {
font-size: 28px; } }
@media (min-width: 1024px) {
.layer-footer .footer .footer--slogan {
font-size: 32px; } }
.layer-footer .footer .footer--media {
width: 200px; }
.layer-footer .footer .footer--socials ul {
display: flex;
transform: translateY(2px);
margin-left: -6px; }
.layer-footer .footer .footer--socials ul li > * {
margin-left: 6px;
display: block; }
.layer-footer .footer .footer--banners > * {
margin-block: .5em; }
.layer-footer .footer .footer--banners img {
max-width: 100%;
width: auto; }
footer .footer--creators {
margin-left: auto;
display: inline-flex;
align-items: center; }
footer .footer--creators a + a {
margin-left: 1em; }
footer .footer--creators a:hover svg path {
fill: #ec682a; }
footer .footer--creators .icon-mount > svg {
width: 5em; }
footer .footer--creators .icon-multiminded > svg {
width: 1.6em;
transform: translateY(-0.1em); }
footer .footer--creators svg path {
fill: #1688ca;
transition: fill .3s; }
footer .footer--creators:hover svg path {
fill: #ff6633; }
.layer-footer-links {
color: #c9cdce;
background-color: #000000; }
@media (max-width: 767px) {
.layer-footer-links {
padding-bottom: 0.5em;
padding-top: 0.5em; } }
@media (min-width: 768px) {
.layer-footer-links {
padding-bottom: 0.5em;
padding-top: 0.5em; } }
.layer-footer-links > .sc {
max-width: 1280px; }
.layer-footer-links > .sc > .ic {
display: flex;
align-items: center; }
.layer-footer-links > .sc > .ic ul {
list-style: none;
padding-left: 0;
margin-left: -1em; }
.layer-footer-links > .sc > .ic ul::after {
content: '';
display: table;
clear: both; }
.layer-footer-links > .sc > .ic ul li {
margin-left: 1em;
float: left; }
.layer-footer-links > .sc > .ic ul li a {
color: inherit;
padding-top: 0.5em;
padding-bottom: 0.5em;
display: block; }
.layer-footer-links > .sc > .ic ul li a:hover {
text-decoration: underline; }
.layer-footer-links > .sc > .ic > a {
margin-left: auto;
margin-right: 0.25em;
font-size: 2em;
transition: all 0.3s ease;
width: 1.5em;
height: 1.5em;
color: #1688ca;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center; }
.layer-footer-links > .sc > .ic > a .icon-multiminded {
display: block;
width: 0.9em;
height: 0.9em;
transform: translateY(-5%); }
.layer-footer-links > .sc > .ic > a .icon-multiminded svg path {
fill: #1688ca;
transition: .3s ease; }
.layer-footer-links > .sc > .ic > a:hover {
color: #ff6633;
background-color: transparent; }
.layer-footer-links > .sc > .ic > a:hover .icon-multiminded svg path {
fill: #ff6633; }
.layer-footer-links > .sc > .ic .banners > * {
margin-left: 1em; }
.layer-footer-links > .sc > .ic .banners a, .layer-footer-links > .sc > .ic .banners span, .layer-footer-links > .sc > .ic .banners svg {
display: inline-block; }
.layer-footer-links > .sc > .ic .banners .banner img, .layer-footer-links > .sc > .ic .banners .banner svg {
width: auto;
height: 30px; }
@media (max-width: 767px) {
.layer-footer-links > .sc > .ic {
flex-direction: column; }
.layer-footer-links > .sc > .ic ul {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.layer-footer-links > .sc > .ic .footer--creators {
margin-top: .5em;
margin-left: initial; }
.layer-footer-links .footer--column--title:empty {
display: none; } }
form[data-label-position="above"] .form-element:not([data-type="checkbox"]) {
flex-flow: column; }
form .form-element::after {
content: '';
display: table;
clear: both; }
form .form-element.required > .form-element-label-wrapper .form-element-label:not(:empty)::after,
form .form-element.required > .form-element-label-wrapper .form-element-label-suffix:first-child::after, form .form-element.required[data-type="checkbox"] .form-element-input + .form-element-label-wrapper .form-element-label::after, form .form-element.required[data-type="checkbox"] .form-element-input + .form-element-label-wrapper .form-element-label-prefix:first-child::after, form .form-element.required[data-type="checkbox"] .form-element-input + .form-element-label-wrapper .form-element-label-suffix:first-child::after {
content: '*';
margin-left: 1px;
color: red; }
form .form-element.error input, form .form-element.error textarea, form .form-element.error select, form .form-element.input-error:not([data-type="fieldset"]) input, form .form-element.input-error:not([data-type="fieldset"]) textarea, form .form-element.input-error:not([data-type="fieldset"]) select {
background: #febabb;
color: #721c24; }
form .form-element.error[data-type="multiradio"] > fieldset, form .form-element.error[data-type="multicheckbox"] > fieldset, form .form-element.input-error:not([data-type="fieldset"])[data-type="multiradio"] > fieldset, form .form-element.input-error:not([data-type="fieldset"])[data-type="multicheckbox"] > fieldset {
background: #febabb; }
form .form-element.error[data-type="file"] > .form-element-field, form .form-element.input-error:not([data-type="fieldset"])[data-type="file"] > .form-element-field {
background: #febabb; }
form .form-element.error[data-type="file"] > .form-element-field .file-reset, form .form-element.input-error:not([data-type="fieldset"])[data-type="file"] > .form-element-field .file-reset {
background-color: transparent; }
form .form-element.error[data-type="product"] .calendar, form .form-element.input-error:not([data-type="fieldset"])[data-type="product"] .calendar {
outline: 2px solid red; }
form .form-element.input-error[data-type="fieldset"] {
box-shadow: 0 0 4px 4px #febabb; }
form .form-element[data-type] {
display: flex;
margin-bottom: 16px; }
@media (max-width: 767px) {
form .form-element[data-type] {
display: block; } }
@media (min-width: 768px) {
form .form-element[data-type] > .form-element-label-wrapper {
align-self: flex-start;
flex: 1 1 35%;
padding-right: .5em; }
form .form-element[data-type] > .form-element-label-wrapper ~ * {
flex: 1 1 65%; } }
form .form-element[data-type] > :last-child {
flex-grow: 1; }
form textarea {
min-height: 10em; }
form [data-type="button"] .form-element-field {
display: block;
text-align: right; }
form [data-form-type="personal_name"] {
display: flex;
flex-flow: wrap;
gap: 16px 8px; }
form [data-form-type="personal_name"] > * {
width: 0; }
form [data-form-type="personal_name"] > *:nth-child(1) {
flex: 1 1 30%;
min-width: 50px; }
form [data-form-type="personal_name"] > *:nth-child(2) {
flex: 1 1 auto;
min-width: 7ch; }
form [data-form-type="personal_name"] > *:nth-child(3) {
flex: 1 1 50%;
min-width: 100px; }
form [data-type="address"].form-element {
margin-bottom: 0; }
form [data-type="address"] > .form-element-field > .form-element-subfields {
display: flex;
flex-flow: wrap;
margin-left: -8px; }
form [data-type="address"] > .form-element-field > .form-element-subfields > * {
min-width: 0; }
form [data-type="address"] > .form-element-field > .form-element-subfields > * > * {
min-width: 0;
margin-left: 8px; }
form [data-type="address"] > .form-element-field > .form-element-subfields > *:nth-child(1) {
flex: 1 1 30%; }
form [data-type="address"] > .form-element-field > .form-element-subfields > *:nth-child(2) {
flex: 1 1 70%; }
form [data-type="address"] > .form-element-field > .form-element-subfields > *:nth-child(3) {
flex: 1 1 70%; }
form [data-type="address"] > .form-element-field > .form-element-subfields > *:nth-child(4) {
flex: 1 1 30%; }
form [data-type="file"] .form-element-field {
cursor: pointer;
overflow: hidden; }
form [data-type="file"] .form-element-field svg {
float: right; }
form [data-type="file"] .form-element-field span[data-placeholder]:empty::before {
margin-right: 0.5em;
color: #1688ca;
content: attr(data-placeholder); }
form [data-type="file"] .form-element-field .form-element-file-preview {
display: block;
transition: background-color .3s;
background-color: #fff;
max-height: 8em;
overflow: auto; }
form [data-type="file"] .form-element-field .form-element-file-preview:not(:empty) {
border: 1px solid #f0f0f0; }
form [data-type="file"] .form-element-field .form-element-file-preview figure {
cursor: default;
margin: .5em 0;
display: flex;
align-items: center;
transition: background-color .3s; }
form [data-type="file"] .form-element-field .form-element-file-preview figure:hover {
background-color: #f4f4f4; }
form [data-type="file"] .form-element-field .form-element-file-preview figure img {
width: 50px;
height: auto;
margin-right: .5em; }
form [data-type="file"] .form-element-field .form-element-file-preview figure i {
margin-left: auto;
cursor: pointer; }
form [data-type="file"] .form-element-field .form-element-file-preview figure i::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20427%20427%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M232.398%20154.703c-5.523%200-10%204.477-10%2010v189c0%205.52%204.477%2010%2010%2010%205.524%200%2010-4.48%2010-10v-189c0-5.523-4.476-10-10-10zm-118%200c-5.523%200-10%204.477-10%2010v189c0%205.52%204.477%2010%2010%2010%205.524%200%2010-4.48%2010-10v-189c0-5.523-4.476-10-10-10zm0%200%22%2F%3E%3Cpath%20d%3D%22M28.398%20127.121V373.5c0%2014.563%205.34%2028.238%2014.668%2038.05A49.246%2049.246%200%200%200%2078.796%20427H268a49.233%2049.233%200%200%200%2035.73-15.45c9.329-9.812%2014.668-23.487%2014.668-38.05V127.121c18.543-4.922%2030.559-22.836%2028.079-41.863-2.485-19.024-18.692-33.254-37.88-33.258h-51.199V39.5a39.289%2039.289%200%200%200-11.539-28.031A39.288%2039.288%200%200%200%20217.797%200H129a39.288%2039.288%200%200%200-28.063%2011.469A39.289%2039.289%200%200%200%2089.398%2039.5V52H38.2C19.012%2052.004%202.805%2066.234.32%2085.258c-2.48%2019.027%209.535%2036.941%2028.078%2041.863zM268%20407H78.797c-17.098%200-30.399-14.688-30.399-33.5V128h250v245.5c0%2018.813-13.3%2033.5-30.398%2033.5zM109.398%2039.5a19.25%2019.25%200%200%201%205.676-13.895A19.26%2019.26%200%200%201%20129%2020h88.797a19.26%2019.26%200%200%201%2013.926%205.605%2019.244%2019.244%200%200%201%205.675%2013.895V52h-128zM38.2%2072h270.399c9.941%200%2018%208.059%2018%2018s-8.059%2018-18%2018h-270.4c-9.941%200-18-8.059-18-18s8.059-18%2018-18zm0%200%22%2F%3E%3Cpath%20d%3D%22M173.398%20154.703c-5.523%200-10%204.477-10%2010v189c0%205.52%204.477%2010%2010%2010%205.524%200%2010-4.48%2010-10v-189c0-5.523-4.476-10-10-10zm0%200%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
form [data-type="file"]::before {
content: '';
position: fixed;
pointer-events: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
background-color: rgba(241, 239, 238, 0.1);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: 999;
transition: opacity .3s; }
form [data-type="file"].dropzone-dragging::before {
opacity: 1; }
form [data-type="file"].dropzone-dragging .form-element-field {
position: relative;
z-index: 1000;
background: #fff; }
form [data-type="checkbox"] input[value] + span, form [data-type="multicheckbox"] input[value] + span, form [data-type="multiradio"] input[value] + span {
background-color: transparent; }
form .form-element[data-type="products"] .form-element {
padding: 0 0 2px 0;
margin: 0; }
form.module .form-element[data-name="form-submit"] {
display: block;
text-align: right; }
.grecaptcha.hidden .grecaptcha-badge {
visibility: hidden; }
.grecaptcha.hidden a {
color: inherit;
text-decoration: underline; }
.layer-form .sc {
max-width: 800px; }
.layer-form .sc .ic form .rows {
display: inline;
margin-bottom: 1em;
width: 100%; }
.layer-form .sc .ic form .rows .row.required > label::after {
content: '*';
color: red;
margin-left: 0.1em; }
.layer-form .sc .ic form .rows label {
font-weight: normal; }
.layer-form .sc .ic form .rows .row {
clear: both;
display: inline-block;
width: 100%;
margin-bottom: 0.1em; }
.layer-form .sc .ic form .rows .row.formKop h2 {
color: #1d1d1b;
font-weight: normal; }
.layer-form .sc .ic form .rows .row label + .element.days, .layer-form .sc .ic form .rows .row label + .element.dayparts {
padding-bottom: 1em;
display: flex;
overflow: auto;
margin-left: calc(-1.4760147601vw - -3.3357933579px);
margin-right: calc(-1.4760147601vw - -3.3357933579px); }
@media (max-width: 768px) {
.layer-form .sc .ic form .rows .row label + .element.days, .layer-form .sc .ic form .rows .row label + .element.dayparts {
margin-left: -8px; } }
@media (min-width: 1310px) {
.layer-form .sc .ic form .rows .row label + .element.days, .layer-form .sc .ic form .rows .row label + .element.dayparts {
margin-left: -16px; } }
@media (max-width: 768px) {
.layer-form .sc .ic form .rows .row label + .element.days, .layer-form .sc .ic form .rows .row label + .element.dayparts {
margin-right: -8px; } }
@media (min-width: 1310px) {
.layer-form .sc .ic form .rows .row label + .element.days, .layer-form .sc .ic form .rows .row label + .element.dayparts {
margin-right: -16px; } }
.layer-form .sc .ic form .rows .row label + .element.days > *, .layer-form .sc .ic form .rows .row label + .element.dayparts > * {
position: relative;
z-index: 0; }
.layer-form .sc .ic form .rows .row label + .element.days > * > input:checked + label, .layer-form .sc .ic form .rows .row label + .element.dayparts > * > input:checked + label {
box-shadow: inset 2px 2px 3px #ddd;
background-color: #f8f9fa;
padding: 1px 4px 0px 6px; }
.layer-form .sc .ic form .rows .row label + .element.days > * > label, .layer-form .sc .ic form .rows .row label + .element.dayparts > * > label {
box-shadow: 1px 1px 3px #e1e2e3;
transition: background-color .3s;
border: 1px solid #e1e2e3;
border-radius: 4px;
margin: calc(1.4760147601vw - 3.3357933579px);
padding: 0 5px 1px 5px;
text-align: center;
display: flex;
flex-flow: column;
align-items: center;
justify-content: space-between; }
.layer-form .sc .ic form .rows .row label + .element.days > * > label:hover, .layer-form .sc .ic form .rows .row label + .element.dayparts > * > label:hover {
background-color: #f8f9fa; }
@media (max-width: 768px) {
.layer-form .sc .ic form .rows .row label + .element.days > * > label, .layer-form .sc .ic form .rows .row label + .element.dayparts > * > label {
margin: 8px; } }
@media (min-width: 1310px) {
.layer-form .sc .ic form .rows .row label + .element.days > * > label, .layer-form .sc .ic form .rows .row label + .element.dayparts > * > label {
margin: 16px; } }
.layer-form .sc .ic form .rows .row label + .element.days > * > .check, .layer-form .sc .ic form .rows .row label + .element.dayparts > * > .check {
display: none; }
.layer-form .sc .ic form .rows .row label + .element.days > * {
flex: 0 0 20%; }
.layer-form .sc .ic form .rows .row label + .element.days > * > input:checked + label > span::before {
opacity: 1;
filter: none; }
.layer-form .sc .ic form .rows .row label + .element.days > * > label > span {
width: 100%;
display: flex;
justify-content: center;
padding-top: 25px;
padding-bottom: 15px;
padding-left: .5em;
padding-right: .5em;
margin-top: -5px;
position: relative;
font-size: calc(1.7175572519vw - -7.4122137405px);
font-weight: 500; }
@media (max-width: 500px) {
.layer-form .sc .ic form .rows .row label + .element.days > * > label > span {
font-size: 16px; } }
@media (min-width: 1024px) {
.layer-form .sc .ic form .rows .row label + .element.days > * > label > span {
font-size: 25px; } }
.layer-form .sc .ic form .rows .row label + .element.days > * > label > span::before {
content: '';
transition: opacity .2s, filter .3s;
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Cpath%20d%3D%22M4%2018.48h92V96H4zM20.62%204v29.22M78.89%204v29.22%22%20style%3D%22fill%3Anone%3Bstroke%3A%23db5184%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.97px%22%2F%3E%3C%2Fsvg%3E");
background-position: center center;
background-size: contain;
background-repeat: no-repeat; }
.layer-form .sc .ic form .rows .row label + .element.days > * > label > span::after {
content: '.'; }
@media (min-width: 768px) {
.layer-form .sc .ic form .rows .row label + .element.days > * > label::after {
content: attr(data-value);
font-size: 13px;
display: block;
margin-bottom: auto; } }
.layer-form .sc .ic form .rows .row label + .element.dayparts::after {
content: '';
flex: 0 0 20%; }
.layer-form .sc .ic form .rows .row label + .element.dayparts > * {
flex: 0 0 20%; }
.layer-form .sc .ic form .rows .row label + .element.dayparts > * > input:checked + label > span::before {
opacity: 1;
filter: none; }
.layer-form .sc .ic form .rows .row label + .element.dayparts > * > label > span {
font-size: 0;
width: 100%;
display: flex;
flex-flow: column;
align-items: center; }
.layer-form .sc .ic form .rows .row label + .element.dayparts > * > label > span::before {
content: '';
display: block;
width: 100%;
height: 0;
padding-bottom: 90%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: filter .2s, opacity .2s;
filter: grayscale(1);
opacity: .2; }
.layer-form .sc .ic form .rows .row label + .element.dayparts > * > label::after {
content: attr(data-value);
font-size: 13px;
display: block; }
.layer-form .sc .ic form .rows .row label + .element.dayparts > *:nth-child(1) > label > span::before {
background-image: url("data:image/svg+xml,%3Csvg%20data-name%3D%22Laag%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Cpath%20d%3D%22M94.22%2048H71.83a21.9%2021.9%200%200%200-43.66%200H5.78a1.78%201.78%200%200%200%200%203.56h88.44a1.78%201.78%200%200%200%200-3.56Zm-62.48%200a18.35%2018.35%200%200%201%2036.52%200Z%22%20style%3D%22fill%3A%23db5184%22%2F%3E%3Cpath%20d%3D%22M85%2057H15.05a1.78%201.78%200%201%200%200%203.56H85A1.78%201.78%200%201%200%2085%2057Zm-9.67%208.89H24.67a1.79%201.79%200%200%200%200%203.57h50.66a1.79%201.79%200%200%200%200-3.57Z%22%20style%3D%22fill%3A%23010101%22%2F%3E%3Cpath%20d%3D%22M50%2023.53a1.78%201.78%200%200%200%201.78-1.78v-6.89a1.78%201.78%200%200%200-3.56%200v6.89A1.77%201.77%200%200%200%2050%2023.53Zm-13.42%201.58a1.78%201.78%200%200%200%201.62%201A1.71%201.71%200%200%200%2039%2026a1.77%201.77%200%200%200%20.86-2.36l-2.9-6.26a1.78%201.78%200%200%200-3.23%201.51Zm-14.4%203.49%205.26%204.45a1.77%201.77%200%200%200%201.15.42%201.78%201.78%200%200%200%201.15-3.14l-5.26-4.45a1.78%201.78%200%201%200-2.3%202.72Zm-6.34%2013.68%206.65%201.82a1.84%201.84%200%200%200%20.47.06%201.78%201.78%200%200%200%20.47-3.5l-6.65-1.82a1.78%201.78%200%200%200-.94%203.44ZM61.05%2026a1.68%201.68%200%200%200%20.75.17%201.78%201.78%200%200%200%201.62-1l2.9-6.25a1.79%201.79%200%200%200-3.24-1.51l-2.9%206.26a1.78%201.78%200%200%200%20.87%202.33Zm10.36%207.47a1.77%201.77%200%200%200%201.15-.42l5.26-4.45a1.78%201.78%200%200%200-2.3-2.72l-5.26%204.45a1.78%201.78%200%200%200-.21%202.51%201.8%201.8%200%200%200%201.36.63Zm3.91%209.38A1.79%201.79%200%200%200%2077%2044.16a1.89%201.89%200%200%200%20.47-.06l6.65-1.82a1.78%201.78%200%200%200-.94-3.44l-6.65%201.82a1.78%201.78%200%200%200-1.21%202.19Z%22%20style%3D%22fill%3A%231d1d1b%22%2F%3E%3C%2Fsvg%3E"); }
.layer-form .sc .ic form .rows .row label + .element.dayparts > *:nth-child(2) > label > span::before {
background-image: url("data:image/svg+xml,%3Csvg%20data-name%3D%22Laag%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Cpath%20d%3D%22M50%2023.53a1.78%201.78%200%200%200%201.78-1.78v-6.89a1.78%201.78%200%200%200-3.56%200v6.89A1.77%201.77%200%200%200%2050%2023.53Zm-13.42%201.58a1.78%201.78%200%200%200%201.62%201A1.71%201.71%200%200%200%2039%2026a1.77%201.77%200%200%200%20.86-2.36l-2.9-6.26a1.78%201.78%200%200%200-3.23%201.51Zm-14.4%203.49%205.26%204.45a1.77%201.77%200%200%200%201.15.42%201.78%201.78%200%200%200%201.15-3.14l-5.26-4.45a1.78%201.78%200%201%200-2.3%202.72Zm-6.34%2013.68%206.65%201.82a1.84%201.84%200%200%200%20.47.06%201.78%201.78%200%200%200%20.47-3.5l-6.65-1.82a1.78%201.78%200%200%200-.94%203.44ZM61.05%2026a1.68%201.68%200%200%200%20.75.17%201.78%201.78%200%200%200%201.62-1l2.9-6.25a1.79%201.79%200%200%200-3.24-1.51l-2.9%206.26a1.78%201.78%200%200%200%20.87%202.33Zm10.36%207.47a1.77%201.77%200%200%200%201.15-.42l5.26-4.45a1.78%201.78%200%200%200-2.3-2.72l-5.26%204.45a1.78%201.78%200%200%200-.21%202.51%201.8%201.8%200%200%200%201.36.63Zm3.91%209.38A1.79%201.79%200%200%200%2077%2044.16a1.89%201.89%200%200%200%20.47-.06l6.65-1.82a1.78%201.78%200%200%200-.94-3.44l-6.65%201.82a1.78%201.78%200%200%200-1.21%202.19ZM50%2076.47a1.78%201.78%200%200%200-1.78%201.78v6.89a1.78%201.78%200%200%200%203.56%200v-6.89A1.77%201.77%200%200%200%2050%2076.47Zm13.42-1.58a1.78%201.78%200%200%200-1.62-1%201.71%201.71%200%200%200-.75.17%201.77%201.77%200%200%200-.86%202.36l2.9%206.26a1.78%201.78%200%200%200%203.23-1.51Zm14.4-3.49L72.56%2067a1.77%201.77%200%200%200-1.15-.42%201.78%201.78%200%200%200-1.15%203.14l5.26%204.45a1.78%201.78%200%201%200%202.3-2.72Zm6.34-13.68-6.65-1.82a1.84%201.84%200%200%200-.47-.06%201.78%201.78%200%200%200-.47%203.5l6.65%201.82a1.78%201.78%200%200%200%20.94-3.44ZM39%2074a1.68%201.68%200%200%200-.75-.17%201.78%201.78%200%200%200-1.62%201l-2.9%206.25a1.79%201.79%200%200%200%203.24%201.51l2.9-6.26A1.78%201.78%200%200%200%2039%2074Zm-10.41-7.47a1.77%201.77%200%200%200-1.15.42l-5.26%204.45a1.78%201.78%200%200%200%202.3%202.72l5.26-4.45a1.78%201.78%200%200%200%20.26-2.51%201.8%201.8%200%200%200-1.41-.63Zm-3.91-9.38A1.79%201.79%200%200%200%2023%2055.84a1.89%201.89%200%200%200-.47.06l-6.65%201.82a1.78%201.78%200%200%200%20.94%203.44l6.65-1.82a1.78%201.78%200%200%200%201.21-2.19Z%22%20style%3D%22fill%3A%231d1d1b%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2220.54%22%20style%3D%22fill%3Anone%3Bstroke%3A%23db5184%3Bstroke-miterlimit%3A10%3Bstroke-width%3A3.5px%22%2F%3E%3C%2Fsvg%3E"); }
.layer-form .sc .ic form .rows .row label + .element.dayparts > *:nth-child(3) > label > span::before {
background-image: url("data:image/svg+xml,%3Csvg%20data-name%3D%22Laag%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Cpath%20d%3D%22M46.86%2054a20.54%2020.54%200%200%201%2016-20%2020.55%2020.55%200%201%200-8.3%2036%2020.52%2020.52%200%200%201-7.7-16Z%22%20style%3D%22stroke%3A%23db5184%3Bstroke-width%3A3.5px%3Bfill%3Anone%3Bstroke-miterlimit%3A10%22%2F%3E%3Cpath%20style%3D%22stroke%3A%231d1d1b%3Bstroke-width%3A2.52px%3Bfill%3Anone%3Bstroke-miterlimit%3A10%22%20d%3D%22m76.36%2050.76-6.52-.43-2.45-6.17-2.45%206.17-6.51.43L63.42%2055l-1.64%206.43%205.61-3.55L73%2061.43%2071.36%2055l5-4.24z%22%2F%3E%3C%2Fsvg%3E"); }
.layer-form .sc .ic form .rows .row.text, .layer-form .sc .ic form .rows .row.textarea, .layer-form .sc .ic form .rows .row.select {
width: 100%;
clear: both; }
.layer-form .sc .ic form .rows .row.text label, .layer-form .sc .ic form .rows .row.textarea label, .layer-form .sc .ic form .rows .row.select label {
width: 25%;
float: left; }
.layer-form .sc .ic form .rows .row.text label + .element, .layer-form .sc .ic form .rows .row.textarea label + .element, .layer-form .sc .ic form .rows .row.select label + .element {
width: 75%;
float: right; }
.layer-form .sc .ic form .rows .row.error input, .layer-form .sc .ic form .rows .row.error textarea, .layer-form .sc .ic form .rows .row.error select {
border: 1px solid red;
background: #FFCCCC;
color: red !important; }
.layer-form .sc .ic form .rows .row.error.radio, .layer-form .sc .ic form .rows .row.error.multi_checkbox {
background: #FFCCCC; }
.layer-form .sc .ic form .rows .row.checkbox .element {
position: relative; }
.layer-form .sc .ic form .rows .row.checkbox .element input[type=checkbox] {
position: absolute;
visibility: hidden; }
.layer-form .sc .ic form .rows .row.checkbox .element .check {
display: block;
position: absolute;
border: 1px solid #000;
height: 15px;
width: 15px;
top: 3px;
left: 0px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear; }
.layer-form .sc .ic form .rows .row.checkbox .element .check::before {
display: block;
position: absolute;
content: '';
height: 7px;
width: 7px;
top: 3px;
left: 3px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear; }
.layer-form .sc .ic form .rows .row.checkbox .element input[type=checkbox]:checked ~ .check {
border: 1px solid #000; }
.layer-form .sc .ic form .rows .row.checkbox .element input[type=checkbox]:checked ~ .check::before {
background: #000; }
.layer-form .sc .ic form .rows .row.checkbox label {
display: block;
position: relative;
padding: 0px 0px 0px 30px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear; }
.layer-form .sc .ic form .rows .row.multi_checkbox .checkboxItem {
position: relative; }
.layer-form .sc .ic form .rows .row.multi_checkbox .checkboxItem input[type=checkbox] {
position: absolute;
visibility: hidden; }
.layer-form .sc .ic form .rows .row.multi_checkbox .checkboxItem label {
display: block;
position: relative;
padding: 0px 0px 0px 30px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear; }
.layer-form .sc .ic form .rows .row.multi_checkbox .checkboxItem .check {
display: block;
position: absolute;
border: 1px solid #000;
height: 15px;
width: 15px;
top: 3px;
left: 0px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear; }
.layer-form .sc .ic form .rows .row.multi_checkbox .checkboxItem .check::before {
display: block;
position: absolute;
content: '';
height: 7px;
width: 7px;
top: 3px;
left: 3px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear; }
.layer-form .sc .ic form .rows .row.multi_checkbox .checkboxItem input[type=checkbox]:checked ~ .check {
border: 1px solid #000; }
.layer-form .sc .ic form .rows .row.multi_checkbox .checkboxItem input[type=checkbox]:checked ~ .check::before {
background: #000; }
.layer-form .sc .ic form .rows .row.radio {
width: 100%;
clear: both; }
.layer-form .sc .ic form .rows .row.radio label {
float: left;
width: 50%; }
.layer-form .sc .ic form .rows .row.radio .element {
width: 50%;
float: right; }
.layer-form .sc .ic form .rows .row.radio .radioItem {
position: relative;
width: 100%;
display: inline-block; }
.layer-form .sc .ic form .rows .row.radio .radioItem input[type=radio] {
position: absolute;
visibility: hidden; }
.layer-form .sc .ic form .rows .row.radio .radioItem label {
display: block;
position: relative;
padding: 0px 0px 0px 30px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear; }
.layer-form .sc .ic form .rows .row.radio .radioItem .check {
display: block;
position: absolute;
border: 1px solid #000;
border-radius: 100%;
height: 15px;
width: 15px;
top: 3px;
left: 0px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear; }
.layer-form .sc .ic form .rows .row.radio .radioItem .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 7px;
width: 7px;
top: 3px;
left: 3px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear; }
.layer-form .sc .ic form .rows .row.radio .radioItem input[type=radio]:checked ~ .check {
border: 1px solid #000; }
.layer-form .sc .ic form .rows .row.radio .radioItem input[type=radio]:checked ~ .check::before {
background: #000; }
.layer-form .sc .ic form .rows .row.file {
width: 100%;
clear: both; }
.layer-form .sc .ic form .rows .row.file > label {
width: 50%;
float: left; }
.layer-form .sc .ic form .rows .row.file .element {
width: 50%;
float: right; }
.layer-form .sc .ic form .rows .row.file .element input[type=file] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.layer-form .sc .ic form .rows .row.file .element input[type=file] + label {
max-width: 100%;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding-left: 9px;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
color: #1d1d1b;
background-color: #95c34d; }
.layer-form .sc .ic form .rows .row.file .element input[type=file] + label svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
margin-right: 0.25em; }
.layer-form .sc .ic form .rows .row.file .element input[type=file] + label * {
pointer-events: none; }
.layer-form .sc .ic form .rows .row.file .element svg:not(:root) {
overflow: hidden; }
.layer-form .sc .ic form .rows .row [data-format="2"] + .calendar {
position: absolute;
display: none; }
.layer-form .sc .ic form .rows .row.date.error .element input + .calendar-container > .calendar > .calendar-wrapper, .layer-form .sc .ic form .rows .row.date.error .element input + .calendar-container > .calendar > .time .slot, .layer-form .sc .ic form .rows .row.datetime.error .element input + .calendar-container > .calendar > .calendar-wrapper, .layer-form .sc .ic form .rows .row.datetime.error .element input + .calendar-container > .calendar > .time .slot {
border-color: red; }
.layer-form .sc .ic form button.link {
margin-top: 0.5em;
float: right;
border: none;
padding: 0.5em 1em;
color: #fff;
background-color: rgba(29, 29, 27, 0.9);
font-weight: normal;
text-transform: uppercase;
transition: all .3s; }
.layer-form .sc .ic form button.link span {
display: none; }
.layer-form .sc .ic form input[type="submit"] {
border: none;
padding: 0.4em 0.5em;
color: #fff;
font-size: calc(0.7633587786vw - -8.1832061069px);
line-height: 1.1875em;
cursor: pointer; }
@media (max-width: 500px) {
.layer-form .sc .ic form input[type="submit"] {
font-size: 12px; } }
@media (min-width: 1024px) {
.layer-form .sc .ic form input[type="submit"] {
font-size: 16px; } }
.layer-form .sc .ic form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
display: inline-block;
width: 100%; }
.layer-form .sc .ic form textarea {
display: block;
width: 100%;
height: 8.2em;
color: #000;
resize: vertical; }
.layer-form .sc .ic form select, .layer-form .sc .ic form input[type="text"], .layer-form .sc .ic form input[type="email"], .layer-form .sc .ic form textarea {
font-size: inherit;
float: right;
width: 100%;
outline: none;
padding-left: 9px;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
color: #1d1d1b;
background-color: #e2ddda;
border-color: #1d1d1b;
border-style: none;
border-width: 1px;
border-radius: 10px; }
.layer-form .sc .ic form::after {
content: '';
display: table;
clear: both; }
@media (max-width: 768px) {
.module-form {
max-width: 100%;
width: 100%;
float: inherit; }
.module-form .sc .ic {
margin: 0 0 1em 0; }
.module-form .sc .ic h2 {
float: inherit;
width: 100%; }
.module-form .sc .ic .text {
float: inherit;
width: 100%; }
.module-form .sc .ic form .rows {
display: inline-block;
margin-bottom: 0em;
width: 100%; }
.module-form .sc .ic form .rows .row {
flex: inherit;
padding-right: inherit; }
.module-form .sc .ic form .rows .row.text, .module-form .sc .ic form .rows .row.textarea, .module-form .sc .ic form .rows .row.select {
width: 100%;
clear: both; }
.module-form .sc .ic form .rows .row.text label, .module-form .sc .ic form .rows .row.textarea label, .module-form .sc .ic form .rows .row.select label {
width: 100%;
float: inherit; }
.module-form .sc .ic form .rows .row.text .element, .module-form .sc .ic form .rows .row.textarea .element, .module-form .sc .ic form .rows .row.select .element {
width: 100%;
float: inherit; }
.module-form .sc .ic form .rows input:not([type="submit"]), .module-form .sc .ic form .rows select:not([type="submit"]) {
margin-bottom: 0.33em; } }
.layer-inspiration[data-format="tiles"] .inspiration--banners {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: dense;
gap: calc(4.4280442804vw - 18.0073800738px); }
@media (max-width: 768px) {
.layer-inspiration[data-format="tiles"] .inspiration--banners {
gap: 16px; } }
@media (min-width: 1310px) {
.layer-inspiration[data-format="tiles"] .inspiration--banners {
gap: 40px; } }
.layer-inspiration[data-format="tiles"] .inspiration--banners .inspiration--banner {
transition: opacity .3s; }
.layer-inspiration[data-format="tiles"] .inspiration--banners .inspiration--banner:has(~ .inspiration--banner:hover), .layer-inspiration[data-format="tiles"] .inspiration--banners .inspiration--banner:hover ~ .inspiration--banner {
opacity: .75; }
.layer-inspiration[data-format="tiles"] .inspiration--banners > * {
grid-column: span 2;
transition: all .3s; }
.layer-inspiration[data-format="tiles"] .inspiration--banners > * > .inspiration--banner__bg {
position: relative;
overflow: hidden; }
.layer-inspiration[data-format="tiles"] .inspiration--banners > * > .inspiration--banner__bg::before {
content: '';
display: block;
width: 100%;
height: 0;
padding-bottom: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners > * > .inspiration--banner__bg > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all .5s; }
.layer-inspiration[data-format="tiles"] .inspiration--banners > *:hover {
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); }
.layer-inspiration[data-format="tiles"] .inspiration--banners > *:hover > .inspiration--banner__bg::after {
opacity: 0; }
.layer-inspiration[data-format="tiles"] .inspiration--banners > *:hover > .inspiration--banner__bg > * {
transform: scale(1.1); }
.layer-inspiration[data-format="tiles"] .inspiration--banners > *:hover .inspiration--banner__link {
background-color: #1d1d1b; }
.layer-inspiration[data-format="tiles"] .inspiration--banners > a {
color: inherit; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="1"] > :nth-child(1) {
grid-column: 1 / span 6;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="1"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="1"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="2"] > :nth-child(1) {
grid-column: 1 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="2"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="2"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="2"] > :nth-child(2) {
grid-column: 4 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="2"] > :nth-child(2)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="2"] > :nth-child(2) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(1) {
grid-column: 1 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(2) {
grid-column: 3 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(2)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(2) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(3) {
grid-column: 5 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(3)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="3"] > :nth-child(3) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
@media (max-width: 767px) {
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] {
grid-template-columns: 1fr; } }
@media (min-width: 768px) {
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(1) {
grid-column: 1 / span 2;
grid-row: 1 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 83.3333333333%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(2) {
grid-column: 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(2)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(2) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(3) {
grid-column: 4;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(3)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(3) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(4) {
grid-column: 1 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(4)::before {
content: '';
display: block;
width: 100%;
padding-top: 33.3333333333%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(4) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(5) {
grid-column: 3 / span 2;
grid-row: 2 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(5)::before {
content: '';
display: block;
width: 100%;
padding-top: 83.3333333333%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="5"] > :nth-child(5) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; } }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(1) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(2) {
grid-column: 5 / span 2;
grid-row: span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(2)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(2) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(3) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(3)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(3) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(4) {
grid-column: 5 / span 2;
grid-row: span 7; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(5) {
grid-column: 1 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(5)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(5) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(6) {
grid-column: 4 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(6)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="6"] > :nth-child(6) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
@media (max-width: 767px) {
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"], .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } }
@media (min-width: 768px) {
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"], .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(1), .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(1) {
grid-column: 1;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(1)::before, .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 56%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(1) > *, .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(2), .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(2) {
grid-column: 1;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(2)::before, .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(2)::before {
content: '';
display: block;
width: 100%;
padding-top: 56%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(2) > *, .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(2) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(3), .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(3) {
grid-column: 2 / span 2;
grid-row: span 2;
/*@include responsive-ratio(4, 3);*/ }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(4), .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(4) {
grid-column: 4;
grid-row: span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(5), .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(5) {
grid-column: 1 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(5)::before, .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(5)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(5) > *, .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(5) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(6), .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(6) {
grid-column: 3/span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="4"] > :nth-child(7), .layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="7"] > :nth-child(7) {
grid-column: 5/span 2; } }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(1) {
grid-column: 1 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(2) {
grid-column: 4 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(2)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(2) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(3) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(3)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(3) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(4) {
grid-column: 5 / span 2;
grid-row: span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(4)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(4) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(5) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(5)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(5) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(6) {
grid-column: 5 / span 2;
grid-row: span 7; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(7) {
grid-column: 1 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(7)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(7) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(8) {
grid-column: 4 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(8)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="8"] > :nth-child(8) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(1) {
grid-column: 1 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(2) {
grid-column: 4 / span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(2)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(2) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(3) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(3)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(3) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(4) {
grid-column: 5 / span 2;
grid-row: span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(4)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(4) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(5) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(5)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(5) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(6) {
grid-column: 5 / span 2;
grid-row: span 7; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(7) {
grid-column: 1 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(7)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(7) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(8) {
grid-column: 3/span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="9"] > :nth-child(9) {
grid-column: 5/span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(1) {
grid-column: 1 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(1)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(1) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(2) {
grid-column: 3/span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(3) {
grid-column: 5/span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(4) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(4)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(4) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(5) {
grid-column: 5 / span 2;
grid-row: span 3;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(5)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(5) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(6) {
grid-column: 1 / span 4;
grid-row: span 5;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(6)::before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(6) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(7) {
grid-column: 5 / span 2;
grid-row: span 7; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(8) {
grid-column: 1 / span 2;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(8)::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(8) > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(9) {
grid-column: 3/span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banners[data-count="10"] > :nth-child(10) {
grid-column: 5/span 2; }
.layer-inspiration[data-format="tiles"] .inspiration--banner {
display: grid;
position: relative; }
.layer-inspiration[data-format="tiles"] .inspiration--banner > * {
grid-area: -1 / -1; }
.layer-inspiration[data-format="tiles"] .inspiration--banner:hover .media-holder .hover-holder {
opacity: 1; }
.layer-inspiration[data-format="tiles"] .inspiration--banner .inspiration--banner__bg * {
height: 100%; }
.layer-inspiration[data-format="tiles"] .inspiration--banner .inspiration--banner__bg img, .layer-inspiration[data-format="tiles"] .inspiration--banner .inspiration--banner__bg video, .layer-inspiration[data-format="tiles"] .inspiration--banner .inspiration--banner__bg svg {
position: absolute;
object-fit: cover;
left: 0;
top: 0;
width: 100%;
max-width: none; }
.layer-inspiration[data-format="tiles"] .inspiration--banner .inspiration--banner__fg {
z-index: 1; }
.layer-inspiration[data-format="tiles"] .inspiration--banner__text {
position: absolute;
left: 0;
bottom: 0; }
.layer-inspiration[data-format="tiles"] .inspiration--banner__link {
position: absolute;
right: 0;
bottom: 0;
background-color: #95c34d;
transition: all .3s; }
.layer-inspiration[data-format="tiles"] .inspiration--banner__link::after {
content: '';
display: block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%23fff%22%20fill%3D%22%23fff%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
background-size: cover;
background-repeat: no-repeat; }
.layer-inspiration[data-format="tiles"] a.inspiration--banner[data-popup-id] .inspiration--banner__link::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.layer-inspiration[data-format="type1"] .sc {
padding-left: max(65px, 5%, calc((min(100%, 2600px) - 1280px) / 2)); }
.layer-inspiration[data-format="type1"] .ic > div {
display: flex;
flex-flow: row;
position: relative;
transition: all 1s;
margin-left: -100px; }
.layer-inspiration[data-format="type1"] .ic > div .inspiration--title {
flex: 0 0 100px; }
.layer-inspiration[data-format="type1"] .ic > div .inspiration--title > * {
position: absolute;
bottom: 5em;
left: 90px;
transform-origin: left bottom;
transform: rotate(-90deg); }
.layer-inspiration[data-format="type1"] .ic > div .inspiration--title > * > div {
font-family: "Bebas Neue";
text-transform: uppercase;
font-size: calc(3.0534351145vw - -8.7328244275px);
font-weight: bold; }
@media (max-width: 500px) {
.layer-inspiration[data-format="type1"] .ic > div .inspiration--title > * > div {
font-size: 24px; } }
@media (min-width: 1024px) {
.layer-inspiration[data-format="type1"] .ic > div .inspiration--title > * > div {
font-size: 40px; } }
.layer-inspiration[data-format="type1"] .ic > div .inspiration--carousel {
min-width: 0;
overflow: hidden;
position: relative;
max-width: 1700px; }
.layer-inspiration[data-format="type1"] .ic > div .inspiration--carousel .slider {
margin-right: -1.5vw; }
.layer-inspiration[data-format="type1"] .swiper-container {
margin-left: -1.5vw;
padding: 3em 0 5em 0; }
.layer-inspiration[data-format="type1"] .swiper-container .slide {
padding-inline: 1.5vw; }
.layer-inspiration[data-format="type1"] .slide {
opacity: .2;
transition: opacity 1s .5s; }
.layer-inspiration[data-format="type1"] .slide.swiper-slide-active, .layer-inspiration[data-format="type1"] .slide.swiper-slide-active [data-role="title"] {
opacity: 1; }
.layer-inspiration[data-format="type1"] .slide [data-role="title"] {
position: absolute;
margin-top: 30px;
height: 50px;
font-family: inherit;
font-size: 16px;
text-transform: initial;
color: #fff;
font-weight: 300;
opacity: 0;
transition: opacity 1s; }
.layer-inspiration[data-format="type1"] .navigation {
width: 95%;
max-width: 1280px;
position: absolute;
bottom: 2.5em; }
.layer-inspiration[data-format="type1"] .navigation .swiper-button-next {
right: .5em; }
.layer-inspiration[data-format="type1"] .navigation .swiper-button-prev {
left: auto;
right: 3em; }
.layer-inspiration[data-format="type1"] .navigation i {
flex-basis: 32px;
width: 32px;
height: 32px; }
.layer-inspiration .layer-inspiration[data-format="type1"] .ic {
margin-left: 0;
background-color: #f5f5f5; }
.layer-inspiration .layer-inspiration[data-format="type1"] .ic .swiper-slide-active [data-role="title"] {
opacity: 1; }
.layer-inspiration .layer-inspiration[data-format="type1"] .ic > div {
margin-right: 0; }
.layer-locations {
z-index: 1; }
.layer-locations .ic > form {
padding: 16px 16px 32px 16px;
text-align: center; }
.layer-locations .ic > form select {
padding: 6px 38px 6px 18px; }
.layer-locations .module-map > div {
min-height: 200px; }
.layer-locations .layer-blocks .sc .ic .items-holder > .item > .item-content {
text-align: center; }
.layer-locations .layer-blocks .sc .ic .items-holder > .item > .item-content .title {
color: #000000;
background-color: #fff;
font-family: "Bebas Neue";
font-weight: 700;
font-size: 24px; }
.layer-locations .layer-blocks .sc .ic .items-holder > .item > .item-content .text {
font-weight: 400;
font-size: 18px; }
.layer-locations-text ~ .section.layer-locations .ic {
margin: 1em; }
.layer-locations-text .sc, .layer-locations-text ~ .section .sc {
max-width: 1280px; }
.layer-locations-text .sc {
margin: 0 auto; }
.layer-locations-text .sc .ic {
display: flex;
flex-wrap: wrap; }
.layer-locations-text .sc .ic .columns {
width: 100%;
flex-wrap: wrap; }
.layer-locations-text .sc .ic .columns > * {
flex: 1 1 0;
min-width: 200px; }
.layer-locations-text .sc .ic .title {
font-size: calc(0.572519084vw - -19.1374045802px); }
@media (max-width: 500px) {
.layer-locations-text .sc .ic .title {
font-size: 22px; } }
@media (min-width: 1024px) {
.layer-locations-text .sc .ic .title {
font-size: 25px; } }
.layer-locations-text .sc .ic .subtitle {
font-size: calc(0.572519084vw - -16.1374045802px); }
@media (max-width: 500px) {
.layer-locations-text .sc .ic .subtitle {
font-size: 19px; } }
@media (min-width: 1024px) {
.layer-locations-text .sc .ic .subtitle {
font-size: 22px; } }
@media (max-width: 767px) {
.layer-locations-text .sc .ic .column2 {
text-align: center; } }
.layer-locations-text .sc .ic svg[data-name="play"] {
width: 50px;
height: 50px; }
.layer-locations-output-html .section > .sc {
max-width: none; }
.layer-locations-output-html .sc > .ic > .columns > :first-child {
flex-basis: 35%; }
.layer-locations-output-html .sc > .ic > .columns > :nth-child(2) {
flex-basis: 40%; }
.layer-locations-output-html .sc > .ic > .columns > :last-child {
flex-basis: 25%;
margin-left: auto; }
.layer-locations-output-html .sc > .ic > .columns > :last-child > .inner-column {
border: 1px solid #333; }
.layer-locations-output-html .sc > .ic > .columns .title {
font-size: calc(1.875vw - -14px); }
@media (max-width: 320px) {
.layer-locations-output-html .sc > .ic > .columns .title {
font-size: 20px; } }
@media (min-width: 1920px) {
.layer-locations-output-html .sc > .ic > .columns .title {
font-size: 50px; } }
.layer-locations-output-html .sc > .ic > .columns .subtitle {
font-size: calc(1.5625vw - -10px); }
@media (max-width: 320px) {
.layer-locations-output-html .sc > .ic > .columns .subtitle {
font-size: 15px; } }
@media (min-width: 1920px) {
.layer-locations-output-html .sc > .ic > .columns .subtitle {
font-size: 40px; } }
.layer-locations-output-pdf .section > .sc {
max-width: none; }
.layer-locations-output-pdf .sc > .ic {
display: table;
margin: 0;
padding: 0;
width: 100%; }
.layer-locations-output-pdf .sc > .ic > .columns {
display: table-row; }
.layer-locations-output-pdf .sc > .ic > .columns > * {
vertical-align: top;
display: table-cell;
border: 1px solid green; }
.layer-locations-output-pdf .sc > .ic > .columns > :first-child {
width: 36%; }
.layer-locations-output-pdf .sc > .ic > .columns > :nth-child(2) {
width: 40%; }
.layer-locations-output-pdf .sc > .ic > .columns > :last-child {
width: 24%; }
.layer-locations-output-pdf .sc > .ic > .columns > :last-child > .inner-column {
border: 1px solid #333; }
.layer-locations-output-pdf .sc > .ic > .columns .title {
font-size: 20px; }
.layer-locations-output-pdf .sc > .ic > .columns .subtitle {
font-size: 15px; }
.layer-locations-output-pdf .sc > .ic > .columns svg {
width: 200px; }
.layer-map[data-level="1"] > .sc {
width: 100%;
max-width: unset; }
.layer-map > .sc > .ic > .map--filters {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.layer-map > .sc > .ic > .map--filters > * {
user-select: none;
margin: .5em;
border: 0.1875em solid #1d1d1b;
font-weight: 500;
padding: .5em 1em .4em 1em;
cursor: pointer;
display: flex;
align-items: center;
border-radius: 12px;
font-size: calc(1.1450381679vw - -4.2748091603px); }
@media (max-width: 500px) {
.layer-map > .sc > .ic > .map--filters > * {
font-size: 10px; } }
@media (min-width: 1024px) {
.layer-map > .sc > .ic > .map--filters > * {
font-size: 16px; } }
.layer-map > .sc > .ic > .map--filters > * img, .layer-map > .sc > .ic > .map--filters > * svg {
transform: translateY(-0.1em);
width: 1.2em;
height: auto;
margin-right: .5em; }
.layer-map > .sc > .ic > .map--filters > *.inactive {
opacity: .25; }
.layer-map > .sc > .ic > .module-map {
display: flex;
flex-wrap: wrap;
margin: -2px; }
.layer-map > .sc > .ic > .module-map > * {
margin: 2px; }
.layer-map > .sc > .ic > .module-map .map--wrapper {
flex: 2 1 calc(100% - 300px);
min-width: 250px;
position: relative;
height: 0;
padding-bottom: 55%; }
.layer-map > .sc > .ic > .module-map .map--overview {
flex: 1 1 250px;
min-height: 300px;
overflow-x: hidden;
overflow-y: auto;
position: relative; }
.layer-map > .sc > .ic > .module-map .map--overview > * {
position: absolute;
margin-top: -4px; }
.layer-map > .sc > .ic > .module-map .map--overview > * > * {
color: inherit;
flex-flow: row;
padding: 4px;
margin-block: 4px;
background-color: #f0f0f0;
cursor: pointer;
transition: background-color .3s, color .3s, transform .1s;
display: none; }
.layer-map > .sc > .ic > .module-map .map--overview > * > *.visible {
display: flex; }
.layer-map > .sc > .ic > .module-map .map--overview > * > *:hover {
background-color: #1d1d1b;
color: #fff; }
.layer-map > .sc > .ic > .module-map .map--overview > * > * > * {
margin: 2px; }
.layer-map > .sc > .ic > .module-map .map--overview > * > * > :first-child {
flex: 0 0 50px; }
.layer-map > .sc > .ic > .module-map .map--overview > * > * > :last-child {
flex: 1 1 auto; }
.layer-map > .sc > .ic > .module-map .map--overview img {
max-width: 100%;
display: block; }
.layer-maps[data-format="2"] > .sc > .ic > .module-map {
max-width: 800px;
margin: 0 auto; }
.layer-maps > .sc > .ic > .module-map > div {
position: relative;
height: 0;
padding-bottom: 25%; }
.layer-maps > .sc > .ic > .module-map > div .leaflet-container {
background: transparent; }
.layer-maps > .sc > .ic > .module-map > div .leaflet-container::after {
opacity: 0; }
.layer-maps > .sc > .ic > .module-map > div .leaflet-container.scrollWheelZoomDisabled::after {
content: '';
position: absolute;
z-index: 401;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.15);
pointer-events: none;
opacity: 1;
transition: opacity 2s; }
.layer-maps > .sc > .ic > .module-map > div .leaflet-popup {
font-family: "Roboto"; }
.layer-maps > .sc > .ic > .module-map > div .leaflet-popup .title {
color: #1d1d1b;
font-size: 1.5em; }
.layer-maps > .sc > .ic > .module-map > div .leaflet-popup .text {
font-size: 1.2em; }
.layer-maps > .sc > .ic > .module-map > div .leaflet-popup .text > p:first-child {
margin-top: 0; }
.layer-media-album .sc {
max-width: 1280px;
padding: 1em 0 2em; }
.layer-media-album .sc h1 {
margin: 1em 0;
font-size: calc(3.8745387454vw - 8.7564575646px);
padding: 0.2em 0.5em 0.1em 0.5em;
display: inline-block; }
@media (max-width: 768px) {
.layer-media-album .sc h1 {
font-size: 21px; } }
@media (min-width: 1310px) {
.layer-media-album .sc h1 {
font-size: 42px; } }
.layer-media-album .sc .album {
display: flex;
flex-wrap: wrap; }
.layer-media-album .sc .album > * {
flex: 1 1 auto;
width: 33.3333333333%;
min-width: 190px; }
.layer-media-album .sc .album > *:empty {
flex-grow: 9999; }
.layer-media-album .sc .album > * > * {
margin: 0.5em;
position: relative;
color: #1d1d1b; }
.layer-media-album .sc .album > * > * .content {
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
background-color: #1d1d1b;
border-style: none;
border-radius: 10px; }
.layer-media-album .sc .album > * > * .content > div.title {
color: #ffffff;
background-color: rgba(255, 255, 255, 0);
font-size: calc(0.7633587786vw - -24.1832061069px); }
@media (max-width: 767px) {
.layer-media-album .sc .album > * > * .content > div.title {
padding-bottom: 1em; } }
@media (min-width: 768px) {
.layer-media-album .sc .album > * > * .content > div.title {
padding-bottom: 1em; } }
@media (max-width: 500px) {
.layer-media-album .sc .album > * > * .content > div.title {
font-size: 28px; } }
@media (min-width: 1024px) {
.layer-media-album .sc .album > * > * .content > div.title {
font-size: 32px; } }
.layer-media-album .sc .album > * > * .content > div.title > * {
display: inline-block; }
.layer-media-album-item {
padding-top: 3em;
padding-bottom: 3em; }
.layer-media-album-item[data-type="video"] .sc {
max-width: 800px; }
.layer-media-album-item[data-format="flex"] .swiper-slide {
width: auto; }
.layer-media-album-item.back {
margin: 0;
background: #1d1d1b;
padding: 2em; }
.layer-media-album-item.back a {
text-transform: uppercase;
color: #fff;
font-size: 1.2em;
font-weight: 500;
display: flex;
align-items: center; }
.layer-media-album-item.back a::before {
content: '\e900';
font-family: icons;
float: left;
transform: rotate(180deg);
color: #1d1d1b;
background: #1d1d1b;
border-radius: 50%;
font-size: 0.5em;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
margin-right: 1em; }
.layer-media-album-item > .sc > .ic {
position: relative; }
.layer-media-album-item > .sc > .ic .layer-blocks {
overflow: initial; }
.layer-media-album-item > .sc > .ic [data-role="subtitle"] {
margin-block: 1em .5em; }
.layer-media-album-item > .sc > .ic > .layer-others {
margin-top: 3em; }
.layer-media-album-item > .sc > .ic [data-role="title"] {
margin-block: 1em; }
.layer-media-album-item > .sc > .ic .items {
position: relative; }
.layer-media-album-item > .sc > .ic .items .image-holder {
height: 100%;
display: block; }
.layer-media-album-item > .sc > .ic .items .image-holder > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.layer-media-album-item > .sc > .ic .items > * {
min-width: 100px;
width: 25%;
display: inline-flex; }
.layer-media-album-item > .sc > .ic .items > *[data-title]:not([data-title=""]) {
position: relative; }
.layer-media-album-item > .sc > .ic .items > *[data-title]:not([data-title=""])::after {
content: attr(data-title);
position: absolute;
left: 0;
bottom: 0;
font-size: 14px;
background-color: rgba(29, 29, 27, 0.5);
color: #fff;
padding: 4px 8px; }
.layer-media-album-item > .sc > .ic .items > *[data-node="iframe"] .image-holder::after {
content: '';
width: 4em;
height: 4em;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.7);
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20477.886%20477.886%22%3E%3Cpath%20d%3D%22M476.091%20231.332a17.068%2017.068%200%2000-7.662-7.662L24.695%201.804C16.264-2.41%206.013%201.01%201.8%209.442A17.068%2017.068%200%20000%2017.079v443.733c-.004%209.426%207.633%2017.07%2017.059%2017.075a17.068%2017.068%200%20007.637-1.8L468.429%20254.22c8.436-4.205%2011.866-14.452%207.662-22.888z%22%2F%3E%3C%2Fsvg%3E");
background-position: 60% center;
background-size: 2em;
background-repeat: no-repeat; }
.layer-media-album-item > .sc > .ic .items > * > * {
flex: 1 1 100%;
position: relative;
display: block; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items > * > * .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items > * > * .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items > * > * .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; } }
.layer-media-album-item > .sc > .ic .items > * .media.full video {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
.layer-media-album-item > .sc > .ic .items > * .image-holder {
overflow: hidden;
position: relative; }
.layer-media-album-item > .sc > .ic .items > * .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items > * .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items > * .image-holder > img {
transform-origin: top center;
transition: transform 0.15s; }
.layer-media-album-item > .sc > .ic .items > * a:hover .image-holder > img {
transform: scale(1.1); }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.layer-media-album-item > .sc > .ic .items > * {
flex: 1 1 auto;
width: calc(33% - 60px); }
.layer-media-album-item > .sc > .ic .items > * .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items > * .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items > * .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"] {
margin-left: -30px;
margin-top: -30px; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"] > * {
flex: 1 1 100%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"][data-repeat="0"] > :not(:empty):nth-child(2) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"][data-repeat="0"] > :not(:empty):nth-child(2)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"][data-repeat="0"] > :not(:empty):nth-child(n+2) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"][data-repeat="0"] > :not(:empty):nth-child(n+2) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c1"][data-repeat="0"] > :not(:empty):nth-child(n+2) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"] > * {
flex: 1 1 50%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"][data-repeat="0"] > :not(:empty):nth-child(3) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"][data-repeat="0"] > :not(:empty):nth-child(3)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"][data-repeat="0"] > :not(:empty):nth-child(n+3) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"][data-repeat="0"] > :not(:empty):nth-child(n+3) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c2"][data-repeat="0"] > :not(:empty):nth-child(n+3) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"] > * {
flex: 1 1 33.3333333333%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"][data-repeat="0"] > :not(:empty):nth-child(4) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"][data-repeat="0"] > :not(:empty):nth-child(4)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"][data-repeat="0"] > :not(:empty):nth-child(n+4) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"][data-repeat="0"] > :not(:empty):nth-child(n+4) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c3"][data-repeat="0"] > :not(:empty):nth-child(n+4) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"] > * {
flex: 1 1 25%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"][data-repeat="0"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"][data-repeat="0"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"][data-repeat="0"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"][data-repeat="0"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c4"][data-repeat="0"] > :not(:empty):nth-child(n+5) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"] > * {
flex: 1 1 20%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"][data-repeat="0"] > :not(:empty):nth-child(6) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"][data-repeat="0"] > :not(:empty):nth-child(6)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"][data-repeat="0"] > :not(:empty):nth-child(n+6) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"][data-repeat="0"] > :not(:empty):nth-child(n+6) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c5"][data-repeat="0"] > :not(:empty):nth-child(n+6) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"] > * {
flex: 1 1 16.6666666667%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"][data-repeat="0"] > :not(:empty):nth-child(7) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"][data-repeat="0"] > :not(:empty):nth-child(7)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"][data-repeat="0"] > :not(:empty):nth-child(n+7) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"][data-repeat="0"] > :not(:empty):nth-child(n+7) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c6"][data-repeat="0"] > :not(:empty):nth-child(n+7) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"] > * {
flex: 1 1 14.2857142857%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"][data-repeat="0"] > :not(:empty):nth-child(8) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"][data-repeat="0"] > :not(:empty):nth-child(8)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"][data-repeat="0"] > :not(:empty):nth-child(n+8) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"][data-repeat="0"] > :not(:empty):nth-child(n+8) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c7"][data-repeat="0"] > :not(:empty):nth-child(n+8) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"] > * {
flex: 1 1 12.5%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"][data-repeat="0"] > :not(:empty):nth-child(9) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"][data-repeat="0"] > :not(:empty):nth-child(9)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"][data-repeat="0"] > :not(:empty):nth-child(n+9) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"][data-repeat="0"] > :not(:empty):nth-child(n+9) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c8"][data-repeat="0"] > :not(:empty):nth-child(n+9) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"] > * {
flex: 1 1 11.1111111111%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"][data-repeat="0"] > :not(:empty):nth-child(10) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"][data-repeat="0"] > :not(:empty):nth-child(10)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"][data-repeat="0"] > :not(:empty):nth-child(n+10) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"][data-repeat="0"] > :not(:empty):nth-child(n+10) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c9"][data-repeat="0"] > :not(:empty):nth-child(n+10) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"] {
display: flex;
flex-wrap: wrap; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"] > * {
flex: 1 1 50%; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"] > * {
flex: 1 1 10%; } }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"][data-repeat="0"] > :not(:empty):nth-child(11) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"][data-repeat="0"] > :not(:empty):nth-child(11)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"][data-repeat="0"] > :not(:empty):nth-child(n+11) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"][data-repeat="0"] > :not(:empty):nth-child(n+11) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"][data-format="flex-c10"][data-repeat="0"] > :not(:empty):nth-child(n+11) > a {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"] > *:not(:empty) > * {
position: relative;
margin-left: 30px;
margin-top: 30px; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"] > *:not(:empty) > *::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="flex-"] > *:not(:empty) > * > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
@supports not (-ms-high-contrast: none) {
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(3, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > * {
width: auto; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > * .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > * .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > * .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > *:nth-child(4n + 1) {
grid-column: span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > *:nth-child(1) {
border-top-left-radius: 8px;
border-top-right-radius: 8px; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > *:nth-child(2) {
border-bottom-left-radius: 8px; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"] > *:nth-child(4) {
border-bottom-right-radius: 8px; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"][data-repeat="0"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"][data-repeat="0"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(3, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"] .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"] .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"] .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"] > :nth-child(3n + 1) {
grid-column: 1 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"][data-repeat="0"] > :not(:empty):nth-child(4) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"][data-repeat="0"] > :not(:empty):nth-child(4)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"][data-repeat="0"] > :not(:empty):nth-child(n+4) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"][data-repeat="0"] > :not(:empty):nth-child(n+4) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2_11"][data-repeat="0"] > :not(:empty):nth-child(n+4) > a {
display: none; }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(3, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"] > :nth-child(3n + 1) {
grid-column: 1 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"][data-repeat="0"] > :not(:empty):nth-child(4) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"][data-repeat="0"] > :not(:empty):nth-child(4)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"][data-repeat="0"] > :not(:empty):nth-child(n+4) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"][data-repeat="0"] > :not(:empty):nth-child(n+4) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11"][data-repeat="0"] > :not(:empty):nth-child(n+4) > a {
display: none; } }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(4, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 1) {
grid-column: 1 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 1) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 1) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 66.6666666667%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 1) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 2) .image-holder, .layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 4) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 2) .image-holder::before, .layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 4) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 66.6666666667%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 2) .image-holder > *, .layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 4) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 6) .image-holder, .layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 8) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 6) .image-holder::before, .layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 8) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 66.6666666667%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 6) .image-holder > *, .layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 8) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 8) {
grid-column: 1; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 9) {
grid-column: 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 10) {
grid-column: 3 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 10) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 10) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 66.6666666667%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"] > *:nth-child(10n + 10) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"][data-repeat="0"] > :not(:empty):nth-child(6) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"][data-repeat="0"] > :not(:empty):nth-child(6)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"][data-repeat="0"] > :not(:empty):nth-child(n+6) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"][data-repeat="0"] > :not(:empty):nth-child(n+6) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-11"][data-repeat="0"] > :not(:empty):nth-child(n+6) > a {
display: none; } }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(3, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) {
grid-column: 1 / span 2;
grid-row: span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 6) {
grid-column: 1; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 7) {
grid-column: 1; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) {
grid-column: 2 / span 2;
grid-row: span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(3, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) {
grid-column: 1 / span 2;
grid-row: span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 1) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 6) {
grid-column: 1; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 7) {
grid-column: 1; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) {
grid-column: 2 / span 2;
grid-row: span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"] > *:nth-child(8n + 8) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-111"][data-repeat="0"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (min-width: 700px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(6, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > * .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > * .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > * .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 1) {
grid-column: 1 / span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 1) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 1) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 66.7910447761%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 1) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 2) {
grid-column: 4 / span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 2) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 2) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 66.7910447761%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 2) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 3) {
grid-column: 1 / span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 4) {
grid-column: 3 / span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"] > *:nth-child(5n + 5) {
grid-column: 5 / span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"][data-repeat="0"] > :not(:empty):nth-child(6) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"][data-repeat="0"] > :not(:empty):nth-child(6)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"][data-repeat="0"] > :not(:empty):nth-child(n+6) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"][data-repeat="0"] > :not(:empty):nth-child(n+6) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-11-111"][data-repeat="0"] > :not(:empty):nth-child(n+6) > a {
display: none; } }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(3, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > :nth-child(3n + 1) {
grid-column: 1 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(4) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(4)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(n+4) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(n+4) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(n+4) > a {
display: none; } }
@media (min-width: 500px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(5, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 1) {
grid-column: 1 / span 3;
grid-row: span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 1) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 1) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 1) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 4) {
grid-column: 4 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 5) {
grid-column: 1;
grid-row: span 1; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 7) {
grid-column: 1 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 8) {
grid-column: 3 / span 3;
grid-row: span 3; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 8) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 8) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"] > *:nth-child(8n + 8) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-2-11-2"][data-repeat="0"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :not(:empty):nth-child(5) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :not(:empty):nth-child(5)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :not(:empty):nth-child(n+5) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :not(:empty):nth-child(n+5) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :not(:empty):nth-child(n+5) > a {
display: none; } }
@media (min-width: 500px) and (max-width: 699px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(3, 1fr); }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :nth-child(3n + 1) {
grid-column: 1 / span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(4) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(4)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(n+4) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(n+4) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(n+4) > a {
display: none; } }
@media (min-width: 700px) {
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: 1fr; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > * {
width: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 1) {
grid-column: span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 1) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 1) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 1) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 3) {
grid-column: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 4) {
grid-column: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 7) {
grid-column: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 8) {
grid-column: span 2;
grid-row: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 8) .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 8) .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 8) .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"] > *:nth-child(10n + 9) {
grid-column: span 2; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(6) {
grid-column: none;
grid-row: none;
right: 0;
bottom: 0; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(6)::after {
content: attr(data-remaining) "+";
background: #95c34d;
color: #fff;
border-radius: 4px;
width: 24px;
height: 24px;
position: absolute;
right: 14px;
bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
padding: .25em .5em; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(n+6) {
height: 0;
position: absolute; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(n+6) > * {
display: none; }
.layer-media-album-item > .sc > .ic .items[data-format*="grid-"][data-format="grid-3"][data-repeat="0"] > :not(:empty):nth-child(n+6) > a {
display: none; } }
.layer-media-album-item > .sc > .ic .items[data-format="columns-3"] {
z-index: 1;
column-count: 3;
column-width: 250px;
column-gap: 0;
display: block;
position: static;
flex-wrap: unset;
margin: -15px; }
.layer-media-album-item > .sc > .ic .items[data-format="columns-3"] > * {
display: block;
padding: 15px;
page-break-inside: avoid; }
.layer-media-album-item > .sc > .ic .items[data-format="columns-3"] > * > * {
display: block;
overflow: hidden;
margin: 0; }
.layer-media-album-item > .sc > .ic .items[data-format="columns-3"] > * > * > .aspect {
display: block;
height: 0; }
.layer-media-album-item > .sc > .ic .items[data-format="columns-3"] > * > * > .aspect + .image-holder {
overflow: visible;
position: static; }
.layer-media-album-item > .sc > .ic .items[data-format="columns-3"] > * > *:hover img {
transform: none; } }
@media (max-width: 499px) {
.layer-media-album-item > .sc > .ic .items {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(2, 1fr); }
.layer-media-album-item > .sc > .ic .items > :empty {
display: none; }
.layer-media-album-item > .sc > .ic .items > * .image-holder {
position: relative; }
.layer-media-album-item > .sc > .ic .items > * .image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.layer-media-album-item > .sc > .ic .items > * .image-holder > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-album-item > .sc > .ic .items > * {
width: 100%; } }
.layer-media-header .sc .ic {
max-width: none;
position: relative;
left: 0;
transform: none;
margin: 0 auto; }
.layer-media-header .sc .ic > .video-holder > video {
width: 100%; }
.layer-media-header .sc .ic > .video-holder > video[playing] + button span::before {
content: '\e91b';
font-family: icons; }
.layer-media-header .sc .ic > .video-holder > video[playing][playing="1"] + button span::before {
content: '\e91e'; }
.layer-media-header .sc .ic > .video-holder button {
position: absolute;
z-index: 2;
right: 1em;
bottom: 1em;
cursor: pointer;
background: #333;
color: #fff;
border: none;
padding: 0.25em 0.75em;
box-shadow: 5px 5px 6px 0 rgba(0, 0, 0, 0.2); }
.layer-media-impression {
position: relative; }
.layer-media-impression .sc {
padding: 2em;
overflow: hidden;
max-width: none; }
.layer-media-impression .sc .ic {
position: relative;
max-width: 1280px;
margin: 0 auto;
font-size: calc(2.2900763359vw - 7.4503816794px); }
@media (max-width: 500px) {
.layer-media-impression .sc .ic {
font-size: 4px; } }
@media (min-width: 1024px) {
.layer-media-impression .sc .ic {
font-size: 16px; } }
.layer-media-impression .sc .ic .title {
text-align: center;
color: #1d1d1b; }
.layer-media-impression .sc .ic a {
margin-top: 0.5em;
font-size: 0.75em;
color: rgba(255, 255, 255, 0.9);
text-decoration: underline; }
.layer-media-popup .ic {
text-align: center; }
.layer-media-popup .ic > div {
display: inline-block;
position: relative; }
.layer-media-popup .ic > div > .poster {
position: relative;
cursor: pointer; }
.layer-media-popup .ic > div > .poster img {
width: 100%;
max-width: 800px; }
.layer-media-popup .ic > div > .poster button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: transparent; }
.layer-media-popup .ic > div > .media {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75); }
.layer-media-popup .ic > div > .media > div {
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
border-color: transparent;
border-style: solid;
border-width: calc(17.3913043478vw - 37.5652173913px); }
@media (max-width: 400px) {
.layer-media-popup .ic > div > .media > div {
border-width: 32px; } }
@media (min-width: 768px) {
.layer-media-popup .ic > div > .media > div {
border-width: 96px; } }
.layer-media-popup .ic > div > .media > div > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media-popup .ic > div > .media button {
position: absolute;
right: 0;
top: 0;
width: 2em;
height: 2em;
margin: 0.5em;
border: 0;
padding: 0.75em;
background-color: rgba(50, 50, 50, 0.75);
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22rgb%28160%2C160%2C160%29%22%20stroke-width%3D%224%22%3E%3Cline%20x1%3D%225%22%20y1%3D%225%22%20x2%3D%2225%22%20y2%3D%2225%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2225%22%20x2%3D%2225%22%20y2%3D%225%22%3E%3C%2Fline%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 75%;
cursor: pointer; }
.layer-media-popup .ic > div.open > .media {
display: block; }
.layer-newsletter {
color: #1d1d1b; }
.layer-newsletter > .sb {
background-color: #95c34d; }
.layer-newsletter .sc {
max-width: 1280px; }
.layer-newsletter .sc .ic {
display: flex;
flex-flow: column;
align-items: center; }
.layer-newsletter .sc div[data-type="button"] {
flex: 0 0 40px; }
.layer-newsletter .sc div[data-type="button"] button::after {
width: 1em;
height: 1em; }
.layer-newsletter .sc .ic {
margin: 0 -1em;
overflow: hidden; }
.layer-newsletter .sc .ic [data-role="title"] sup {
top: 0;
font-size: 3em; }
.layer-newsletter .sc .ic div[data-type="button"] > .form-element-field {
flex-grow: 1;
display: inline-flex;
flex-flow: column; }
.layer-newsletter .sc .ic button {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%280%200%200%29%22%3E%3Cpath%20fill%3D%22%231d1d1b%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-color: #1d1d1b;
background-size: 50%; }
.layer-newsletter .sc .ic button[disabled] {
opacity: 1; }
.layer-newsletter .sc .ic form {
display: inline-flex;
flex-wrap: wrap; }
.layer-newsletter .sc .ic form > .alert {
position: absolute;
z-index: 2; }
.layer-newsletter .sc .ic form > * {
margin: .5em .5em;
padding: 0; }
.layer-newsletter .sc .ic form > label {
flex: 1 1 7em;
min-width: 10em; }
@media (min-width: 600px) {
.layer-newsletter .sc .ic form > label {
min-width: 7em; } }
.layer-newsletter .sc .ic form input {
width: 100%;
padding: .5em 1em; }
.layer-newsletter .sc .ic form input::-webkit-input-placeholder {
opacity: 1;
opacity: .5;
color: #1d1d1b; }
.layer-newsletter .sc .ic form input:-moz-placeholder {
opacity: 1;
opacity: .5;
color: #1d1d1b; }
.layer-newsletter .sc .ic form input::-moz-placeholder {
opacity: 1;
opacity: .5;
color: #1d1d1b; }
.layer-newsletter .sc .ic form .module.alert {
width: 100%;
text-align: left; }
.layer-newsletter .sc .ic form .module.alert .alert--inner {
border-radius: 0; }
.layer__breadcrumbs.section[data-level] > .sc {
max-width: 1310px; }
.layer__breadcrumbs.section[data-level] > .sc .ic {
text-align: right;
padding: 1.5em 1em 1.5em 0;
color: #95c34d;
font-size: 16px;
font-family: "Bebas Neue"; }
.layer__breadcrumbs.section[data-level] > .sc .ic ul {
list-style-type: none; }
.layer__breadcrumbs.section[data-level] > .sc .ic ul li {
display: inline-flex;
align-items: center; }
.layer__breadcrumbs.section[data-level] > .sc .ic ul li > a {
color: #1d1d1b;
font-family: Roboto;
font-weight: 400;
text-transform: lowercase;
font-size: 13px; }
.layer__breadcrumbs.section[data-level] > .sc .ic ul li > a:hover {
color: #2268b0;
font-family: Roboto;
font-weight: 400;
font-style: normal;
font-size: calc(0.3816793893vw - -9.0916030534px); }
@media (max-width: 500px) {
.layer__breadcrumbs.section[data-level] > .sc .ic ul li > a:hover {
font-size: 11px; } }
@media (min-width: 1024px) {
.layer__breadcrumbs.section[data-level] > .sc .ic ul li > a:hover {
font-size: 13px; } }
.layer__breadcrumbs.section[data-level] > .sc .ic ul li > span {
color: #1d1d1b;
font-family: Roboto;
font-weight: 400;
text-transform: lowercase;
font-size: 13px; }
.layer__breadcrumbs.section[data-level] > .sc .ic ul li:not(:last-child)::after {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E") no-repeat center 60%;
background-size: .5em;
transform: translateY(-1px);
margin-inline: .25em; }
.layer-media > .sc > .ic {
overflow: hidden; }
.layer-media > .sc > .ic > .media {
padding: 1px; }
.layer-media > .sc > .ic > .media > * {
display: none;
position: relative; }
.layer-media > .sc > .ic > .media > * .image-holder {
display: block;
overflow: hidden; }
.layer-media > .sc > .ic > .media > * .image-holder img {
object-fit: cover;
width: 100%;
height: 100%; }
.layer-media > .sc > .ic > .media > * .media {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-media > .sc > .ic > .media > * .media video {
object-fit: cover;
width: 100%;
height: 100%; }
.layer-media > .sc > .ic > .media[data-format="1"] > :first-child {
display: block; }
.layer-media > .sc > .ic > .media[data-format="1"] > :first-child img {
max-width: 100%;
height: auto; }
.layer-media > .sc > .ic > .media[data-format="2"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 1fr 1px 1fr;
grid-template-columns: 1fr 1fr;
grid-row-gap: 1px;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr; }
.layer-media > .sc > .ic > .media[data-format="2"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="2"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="2"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="3"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 958fr 1px 958fr 1px 958fr;
grid-template-columns: 958fr 958fr 958fr;
grid-row-gap: 1px;
-ms-grid-rows: 640fr 1px 640fr;
grid-template-rows: 640fr 640fr; }
.layer-media > .sc > .ic > .media[data-format="3"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="3"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-column: 1/3;
grid-row: 1/3; }
.layer-media > .sc > .ic > .media[data-format="3"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="3"] > *:nth-child(3) {
display: inline-block;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 2/3; }
.layer-media > .sc > .ic > .media[data-format="4"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 958fr 1px 958fr 1px 958fr 1px 958fr;
grid-template-columns: 958fr 958fr 958fr 958fr;
grid-row-gap: 1px;
-ms-grid-rows: 640fr 1px 640fr 1px 640fr;
grid-template-rows: 640fr 640fr 640fr; }
.layer-media > .sc > .ic > .media[data-format="4"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="4"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
-ms-grid-row: 1;
-ms-grid-row-span: 5;
grid-column: 1/4;
grid-row: 1/4; }
.layer-media > .sc > .ic > .media[data-format="4"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="4"] > *:nth-child(3) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 2/3; }
.layer-media > .sc > .ic > .media[data-format="4"] > *:nth-child(4) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 3/4; }
.layer-media > .sc > .ic > .media[data-format="5"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-row-gap: 1px;
-ms-grid-rows: 1fr 1px 1fr;
grid-template-rows: 1fr 1fr; }
.layer-media > .sc > .ic > .media[data-format="5"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="5"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="5"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 3;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-column: 2/4;
grid-row: 1/3; }
.layer-media > .sc > .ic > .media[data-format="5"] > *:nth-child(3) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="5"] > *:nth-child(4) {
display: none;
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 2/3; }
.layer-media > .sc > .ic > .media[data-format="5"] > *:nth-child(5) {
display: none;
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 2/3; }
.layer-media > .sc > .ic > .media[data-format="5b"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-row-gap: 1px;
-ms-grid-rows: 1fr 1px 1fr 1px 1fr 1px 1fr 1px 3fr;
grid-template-rows: 1fr 1fr 1fr 1fr 3fr; }
.layer-media > .sc > .ic > .media[data-format="5b"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="5b"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 7;
-ms-grid-row: 1;
-ms-grid-row-span: 7;
grid-column: 1/5;
grid-row: 1/5; }
.layer-media > .sc > .ic > .media[data-format="5b"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 9;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-column: 5/7;
grid-row: 1/3; }
.layer-media > .sc > .ic > .media[data-format="5b"] > *:nth-child(3) {
display: inline-block;
-ms-grid-column: 9;
-ms-grid-column-span: 3;
-ms-grid-row: 5;
-ms-grid-row-span: 3;
grid-column: 5/7;
grid-row: 3/5; }
.layer-media > .sc > .ic > .media[data-format="5b"] > *:nth-child(4) {
display: none;
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
-ms-grid-row: 9;
-ms-grid-row-span: 1;
grid-column: 1/4;
grid-row: 5/6; }
.layer-media > .sc > .ic > .media[data-format="5b"] > *:nth-child(5) {
display: none;
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 5;
-ms-grid-row: 9;
-ms-grid-row-span: 1;
grid-column: 4/7;
grid-row: 5/6; }
.layer-media > .sc > .ic > .media[data-format="6"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 958fr 1px 958fr 1px 958fr;
grid-template-columns: 958fr 958fr 958fr;
grid-row-gap: 1px;
-ms-grid-rows: 640fr 1px 640fr;
grid-template-rows: 640fr 640fr; }
.layer-media > .sc > .ic > .media[data-format="6"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="6"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-column: 1/3;
grid-row: 1/3; }
.layer-media > .sc > .ic > .media[data-format="6"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="6"] > *:nth-child(3) {
display: inline-block;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 2/3; }
.layer-media > .sc > .ic > .media[data-format="6"] > *:nth-child(4) {
display: inline-block;
-ms-grid-column: 3;
-ms-grid-column-span: 3;
-ms-grid-row: 5;
-ms-grid-row-span: 3;
grid-column: 2/4;
grid-row: 3/5; }
.layer-media > .sc > .ic > .media[data-format="6"] > *:nth-child(5) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 3/4; }
.layer-media > .sc > .ic > .media[data-format="6"] > *:nth-child(6) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 7;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 4/5; }
.layer-media > .sc > .ic > .media[data-format="7"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-row-gap: 1px;
-ms-grid-rows: 1fr 1px 1fr 1px 1fr;
grid-template-rows: 1fr 1fr 1fr; }
.layer-media > .sc > .ic > .media[data-format="7"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="7"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 13;
-ms-grid-row: 1;
-ms-grid-row-span: 5;
grid-column: 1/8;
grid-row: 1/4; }
.layer-media > .sc > .ic > .media[data-format="7"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 15;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 8/10;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="7"] > *:nth-child(3) {
display: inline-block;
-ms-grid-column: 15;
-ms-grid-column-span: 3;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 8/10;
grid-row: 2/3; }
.layer-media > .sc > .ic > .media[data-format="7"] > *:nth-child(4) {
display: inline-block;
-ms-grid-column: 15;
-ms-grid-column-span: 3;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
grid-column: 8/10;
grid-row: 3/4; }
.layer-media > .sc > .ic > .media[data-format="7"] > *:nth-child(5) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 11;
-ms-grid-row: 7;
-ms-grid-row-span: 3;
grid-column: 4/10;
grid-row: 4/6; }
.layer-media > .sc > .ic > .media[data-format="7"] > *:nth-child(6) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
-ms-grid-row: 7;
-ms-grid-row-span: 1;
grid-column: 1/4;
grid-row: 4/5; }
.layer-media > .sc > .ic > .media[data-format="7"] > *:nth-child(7) {
display: none;
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
-ms-grid-row: 9;
-ms-grid-row-span: 1;
grid-column: 1/4;
grid-row: 5/6; }
.layer-media > .sc > .ic > .media[data-format="8"] {
display: grid;
grid-auto-flow: dense;
grid-column-gap: 1px;
-ms-grid-columns: 958fr 1px 958fr 1px 958fr 1px 958fr;
grid-template-columns: 958fr 958fr 958fr 958fr;
grid-row-gap: 1px;
-ms-grid-rows: 640fr 1px 640fr 1px 640fr;
grid-template-rows: 640fr 640fr 640fr; }
.layer-media > .sc > .ic > .media[data-format="8"] > :empty {
display: none; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(1) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
-ms-grid-row: 1;
-ms-grid-row-span: 5;
grid-column: 1/4;
grid-row: 1/4; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(2) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 1/2; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(3) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 2/3; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(4) {
display: inline-block;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
grid-column: 4/5;
grid-row: 3/4; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(5) {
display: inline-block;
-ms-grid-column: 3;
-ms-grid-column-span: 5;
-ms-grid-row: 7;
-ms-grid-row-span: 5;
grid-column: 2/5;
grid-row: 4/7; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(6) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 7;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 4/5; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(7) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 9;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 5/6; }
.layer-media > .sc > .ic > .media[data-format="8"] > *:nth-child(8) {
display: inline-block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 11;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 6/7; }
.layer-header .overlay-content[data-type="openinghours"] {
margin-left: 1em; }
.layer-header .overlay-content[data-type="openinghours"] .ic {
margin-left: auto; }
.layer-header .overlay-content[data-type="openinghours"] .ic > div {
margin-right: 1em;
margin-bottom: 1em;
display: flex;
flex-flow: column;
color: #fff; }
.layer-header .overlay-content[data-type="openinghours"] .ic > div > * {
padding: 6px 16px 6px 24px; }
.layer-header .overlay-content[data-type="openinghours"] .ic .overlay--openinghours-links {
display: flex;
flex-flow: column; }
.layer-header .overlay-content[data-type="openinghours"] .ic a {
padding-top: 4px;
padding-bottom: 4px;
color: inherit;
display: flex;
justify-content: space-between; }
.layer-header .overlay-content[data-type="openinghours"] .ic a:not(:empty)::after {
margin-left: .5em; }
.layer-header .overlay-content[data-type="openinghours"] .ic a::after {
content: '';
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px; }
.layer-header .overlay-content[data-type="openinghours"] .ic a::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%280%200%200%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E"); }
.layer-header .overlay-content[data-type="openinghours"] .ic a[data-popup-id]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.layer-header .overlay-content[data-type="openinghours"] [data-open] {
display: flex;
align-items: center;
margin-top: 4px; }
.layer-header .overlay-content[data-type="openinghours"] [data-open]::before {
content: '';
position: absolute;
width: 1em;
height: 1em;
margin-left: -1.1em;
background: radial-gradient(ellipse at center, #7eba28 34%, transparent 0%, transparent 58%, #7eba28 0%);
border-radius: 50%; }
.layer-header .overlay-content[data-type="openinghours"] [data-open][data-open="0"]::before {
background: radial-gradient(ellipse at center, #e52d2d 34%, transparent 0%, transparent 58%, #e52d2d 0%); }
.layer-header .overlay-content[data-type="openinghours"] [data-open] > :first-letter {
text-transform: capitalize; }
.module-openinghours[data-format="table"] {
display: flex;
flex-flow: wrap;
margin-left: -3em;
margin-top: -3em; }
.module-openinghours[data-format="table"] > * {
margin-left: 3em;
margin-top: 3em; }
.module-openinghours[data-format="table"] table {
border-collapse: collapse;
margin-top: .25em;
margin-left: -0.25em; }
.module-openinghours[data-format="table"] td {
padding: 0.25em; }
.module-openinghours[data-format="table"] table[data-type="open"] tr.current {
font-weight: bold; }
.layer__reviews {
position: relative; }
.layer__reviews[data-type="overview"] .review {
margin-bottom: 1em; }
.layer__reviews[data-type="overview"] .review > div {
background-color: #f9f9f9; }
.layer__reviews[data-type="banners"] {
margin-block: 4em; }
.layer__reviews[data-type="banners"] .section {
padding-block: 1em 1em;
max-height: none;
transition: max-height .3s;
margin-bottom: -5em; }
.layer__reviews[data-type="banners"] .section:not(.open) {
max-height: 500px;
overflow: hidden; }
.layer__reviews[data-type="banners"] .section:not(.open) + .reviews__more .button--text > span:last-child {
display: none; }
.layer__reviews[data-type="banners"] .section.open + .reviews__more .button--text > span:first-child {
display: none; }
.layer__reviews[data-type="banners"] .section + .reviews__more {
display: flex;
align-items: center;
justify-content: center;
padding: 4em 1em 1em 1em;
position: sticky;
bottom: 0;
background: linear-gradient(to bottom, transparent, #fff 3em); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button:hover > * > *:first-child::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%2890%200%200%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button:hover > * > *:first-child[data-popup-id]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button:hover > * > *:last-child::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%28270%200%200%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button:hover > * > *:last-child[data-popup-id]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:first-child:not(:empty)::after {
margin-left: .5em; }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:first-child::after {
content: '';
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px; }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:first-child::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%2890%200%200%29%22%3E%3Cpath%20fill%3D%22%231d1d1b%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:first-child[data-popup-id]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%231d1d1b%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:last-child:not(:empty)::after {
margin-left: .5em; }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:last-child::after {
content: '';
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px; }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:last-child::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%28270%200%200%29%22%3E%3Cpath%20fill%3D%22%231d1d1b%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .section + .reviews__more .button--text > *:last-child[data-popup-id]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2011V6h-2v5H6v2h5v5h2v-5h5v-2z%22%20fill%3D%22%231d1d1b%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews[data-type="banners"] .reviews--text {
padding-bottom: 2em; }
.layer__reviews[data-type="banners"] .items {
column-count: 2;
column-gap: 32px;
column-width: 300px; }
.layer__reviews[data-type="banners"] .items > * {
page-break-inside: avoid; }
.layer__reviews[data-type="banners"] .items .column > * {
padding-top: calc(2.9520295203vw - 6.6715867159px); }
@media (max-width: 768px) {
.layer__reviews[data-type="banners"] .items .column > * {
padding-top: 16px; } }
@media (min-width: 1310px) {
.layer__reviews[data-type="banners"] .items .column > * {
padding-top: 32px; } }
.layer__reviews .sc {
max-width: none; }
.layer__reviews strong {
color: #1d1d1b; }
.layer__reviews .slider .swiper-wrapper {
margin-left: -32px; }
.layer__reviews .slider .review {
height: auto; }
.layer__reviews .slider .review > div {
margin-left: 32px; }
.layer__reviews .review {
min-width: 300px;
display: flex;
flex-direction: column;
margin-bottom: 2em; }
.layer__reviews .review > div {
background-color: #fff;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
flex-grow: 1;
border-radius: 20px;
padding: 1em;
display: flex;
flex-direction: column; }
.layer__reviews .review--stars {
display: inline-block;
width: 75px;
margin-bottom: .5em; }
.layer__reviews .review--title {
color: #ffffff;
background-color: rgba(255, 255, 255, 0);
font-size: calc(0.7633587786vw - -24.1832061069px); }
@media (max-width: 767px) {
.layer__reviews .review--title {
padding-bottom: 1em; } }
@media (min-width: 768px) {
.layer__reviews .review--title {
padding-bottom: 1em; } }
@media (max-width: 500px) {
.layer__reviews .review--title {
font-size: 28px; } }
@media (min-width: 1024px) {
.layer__reviews .review--title {
font-size: 32px; } }
.layer__reviews .review--subtitle {
color: #2268b0;
font-weight: 500; }
.layer__reviews .review--text {
line-height: 1.5; }
.layer__reviews .review--source {
text-align: right;
font-weight: bold;
font-size: .9rem; }
.layer__reviews .review--author {
font-weight: 600;
color: #1d1d1b;
margin-top: 1em; }
.layer__reviews .review--rentable {
margin-top: auto;
padding-top: 2em;
font-weight: 500;
color: #1d1d1b;
text-align: right; }
.layer__reviews .review--rentable a {
padding-right: .5em; }
.layer__reviews .review--rentable a > span {
display: flex;
flex-wrap: wrap;
justify-content: end; }
.layer__reviews .review--rentable [data-view]::after {
margin-left: .5em; }
.layer__reviews .review--rating-stars {
position: relative;
background-repeat: repeat-x;
background-position: left center;
background-size: auto 100%; }
.layer__reviews .review--rating-stars::before {
content: '';
display: block;
width: 100%;
padding-top: 20%;
background: inherit;
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.363%208.584-7.378-1.127L12.678.413c-.247-.526-1.11-.526-1.357%200L8.015%207.457.637%208.584a.75.75%200%200%200-.423%201.265l5.36%205.494-1.267%207.767a.75.75%200%200%200%201.103.777L12%2020.245l6.59%203.643a.75.75%200%200%200%201.103-.777l-1.267-7.767%205.36-5.494a.75.75%200%200%200-.423-1.266z%22%20fill%3D%22%23eee%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews .review--rating-stars div {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: inherit;
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.363%208.584-7.378-1.127L12.678.413c-.247-.526-1.11-.526-1.357%200L8.015%207.457.637%208.584a.75.75%200%200%200-.423%201.265l5.36%205.494-1.267%207.767a.75.75%200%200%200%201.103.777L12%2020.245l6.59%203.643a.75.75%200%200%200%201.103-.777l-1.267-7.767%205.36-5.494a.75.75%200%200%200-.423-1.266z%22%20fill%3D%22%23f6e32d%22%2F%3E%3C%2Fsvg%3E"); }
.layer__reviews .reviews--link {
text-align: center; }
@media (max-width: 767px) {
.layer__reviews .reviews--link {
margin-top: 48px; } }
@media (min-width: 768px) {
.layer__reviews .reviews--link {
margin-top: 80px; } }
.layer-search {
margin-top: 6em;
margin-bottom: 2em; }
.layer-search form {
margin-bottom: 1em; }
.layer-search .search--results {
margin-top: 1em; }
.layer-search .search--results a {
color: initial; }
.layer-search .search--results .highlight {
background-color: lightgoldenrodyellow; }
.layer-search .search--results ul {
list-style: none;
padding-left: 0; }
.layer-search .search--results ul li {
border: 1px solid #f5f5f5;
margin-block: 1em;
padding: 1em; }
.layer-search .search--results .title {
color: #1d1d1b; }
form.search--form {
position: relative;
display: flex; }
form.search--form input[type="text"] {
flex: 1;
padding: .5em;
width: 100%;
margin-right: .5em; }
form.search--form button {
flex: 0 0 3em;
width: 3em;
border: 1px solid #1d1d1b;
padding: 0;
background: #1d1d1b url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m40.9%2039.485-7.813-7.812a14.878%2014.878%200%200%200%203.72-9.865c0-4.007-1.56-7.774-4.393-10.607s-6.6-4.393-10.606-4.393S14.034%208.368%2011.2%2011.2s-4.393%206.6-4.393%2010.607%201.56%207.773%204.393%2010.606%206.6%204.394%2010.607%204.394c3.67%200%207.13-1.323%209.865-3.721l7.812%207.812a.997.997%200%200%200%201.414%200%201%201%200%200%200%200-1.414zM12.614%2031c-2.455-2.456-3.807-5.72-3.807-9.192s1.352-6.737%203.807-9.193c2.456-2.455%205.72-3.807%209.193-3.807S28.544%2010.16%2031%2012.615c2.455%202.456%203.808%205.72%203.808%209.193S33.455%2028.544%2031%2031c-2.456%202.455-5.72%203.808-9.192%203.808S15.07%2033.455%2012.615%2031z%22%2F%3E%3C%2Fsvg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
opacity: 1; }
form.search--form button::after {
content: '';
display: block;
height: 0;
padding-bottom: 100%; }
.search--results a {
display: block; }
.search--results a > :not(:last-child) {
margin-bottom: 10px; }
.search--results a .uri {
font-size: 11px;
color: #000; }
.layer__search-and-book input.form-element-input {
color: inherit;
font-weight: inherit;
line-height: normal; }
.guests-options:not(.popup-dialog) {
display: block;
padding: 1em; }
.guests-options:not(.popup-dialog)[data-attached] {
background-color: #fff;
border-color: #1d1d1b;
border-style: none;
border-width: 1px;
border-radius: 10px;
z-index: 1; }
.guests-options:not(.popup-dialog) .guests-categories {
display: table;
width: 100%;
font-weight: bold; }
.guests-options:not(.popup-dialog) .guests-categories .guests-category > :first-child {
padding-right: .5em; }
.guests-options:not(.popup-dialog) .guests-categories sub {
font-weight: normal;
display: block; }
.guests-options:not(.popup-dialog) .guests-categories button {
border-radius: 6px; }
.guests-options:not(.popup-dialog) .guests-category {
display: table-row; }
.guests-options:not(.popup-dialog) .guests-category > * {
display: table-cell;
vertical-align: middle;
margin-block: 1em; }
.guests-options:not(.popup-dialog) .guests-category > * > * {
display: flex;
align-items: center; }
.guests-options:not(.popup-dialog) .guests-category > *:last-child {
display: flex; }
.guests-options:not(.popup-dialog) .guests-category > *:last-child > :last-child button::before {
content: '\002B';
transform: translateY(1px); }
.guests-options:not(.popup-dialog) .guests-category > * button {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
min-height: 0;
width: 2em;
height: 2em;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
padding-left: 9px;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
border-color: #1d1d1b;
border-style: none;
border-width: 0;
border-radius: 12px;
color: #fff;
font-size: inherit;
background: #95c34d; }
.guests-options:not(.popup-dialog) .guests-category > * button::before {
content: '\2013';
font-size: 1.4em;
transform: translateY(-1px); }
.guests-options:not(.popup-dialog) .guests-category > * button::after {
content: none; }
.guests-options:not(.popup-dialog) .guests-category > * button:disabled {
opacity: .4;
filter: grayscale(90);
cursor: not-allowed; }
.guests-options:not(.popup-dialog) .guests-category > * input {
min-height: 0;
height: 2em;
width: 2em;
margin-inline: .5em;
padding: 0;
text-align: center;
cursor: inherit;
background: none;
border: 1px solid #95c34d; }
.guests-options:not(.popup-dialog) .guests-category > * input[type='number'] {
-moz-appearance: textfield; }
.guests-options:not(.popup-dialog) .guests-category > * input::-webkit-outer-spin-button,
.guests-options:not(.popup-dialog) .guests-category > * input::-webkit-inner-spin-button {
-webkit-appearance: none; }
.popup-dialog.booking .popup-dialog__container {
max-width: 900px; }
.popup-dialog.booking .popup-dialog__body-container {
max-width: 90vw;
padding: 1em; }
.popup-dialog.booking .popup-dialog__body-container [data-name="form-submit"] {
padding-bottom: 0; }
.popup-dialog.booking .popup-dialog__foot {
display: none; }
[data-widget="123boeken"] .widget-123boeken-button .widget-123boeken-back {
display: none; }
.popup-dialog .form-element-field-options input[value] + span {
display: flex;
align-items: center;
padding-top: 4px;
padding-bottom: 4px; }
.popup-dialog .form-element-field-options input {
position: absolute;
width: 0;
height: 0;
left: -9999px;
opacity: 0; }
.form-element[data-name="city"] .form-element-input:placeholder-shown ~ .form-element-field-suffix {
display: none; }
.form-select-options[data-name="city_distance"] {
background-color: #fcfbf7; }
.review__rating {
display: flex;
align-items: center; }
.review__average--text {
align-self: start;
display: flex;
align-items: center; }
.review__average--grade {
background-color: #bebb8d;
color: #fff;
padding-inline: 4px;
font-size: 16px; }
.review__average--quantity {
margin-left: 4px;
font-size: 11px; }
.layer-storyline .ic > div {
width: 100%;
height: 100vh;
display: flex;
align-items: flex-end; }
@media (min-width: 768px) {
.layer-storyline .ic > div {
background-size: cover;
background-attachment: fixed;
background-position: center; } }
@media (max-width: 767px) {
.layer-storyline .ic > div > div {
padding-bottom: 100px; } }
.layer-storyline .ic > div > div {
flex: 1 1 100%;
display: flex;
flex-flow: column;
align-items: center;
color: #fff;
font-size: 18px;
padding-top: 32px;
text-align: center; }
.layer-storyline .ic > div > div [data-role="title"] {
color: #fff;
font-weight: normal;
text-shadow: 0px 5px 3.92px rgba(56, 55, 54, 0.9);
font-size: 34px; }
.layer-storyline .ic > div > div [data-role="subtitle"] {
color: #fff;
font-weight: normal;
text-shadow: 0px 5px 3.92px rgba(56, 55, 54, 0.9);
font-size: 18px; }
.layer-storyline .ic > div > div .buttons {
margin-top: 32px; }
.layer-storyline .ic > div > div .buttons a {
border: 2px solid #fff;
border-radius: 8px;
padding: 8px 32px;
color: #fff;
text-shadow: 0px 5px 3.92px rgba(56, 55, 54, 0.9);
margin-left: 32px;
margin-right: 32px;
display: inline-flex;
align-items: center; }
.layer-storyline .ic > div > div .buttons a::after {
display: inline-block;
transform: scale(0.5); }
.layer-storyline .ic > div > div .buttons a:not(:empty)::after {
margin-left: 8px; }
.layer-storyline .ic > div > div i {
margin-top: 32px;
margin-bottom: 32px;
display: block;
width: 50vw;
text-align: right; }
.layer-storyline .ic > div > div i::before {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2044.552%2024.162%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M43.609.943L22.276%2022.276.943.943%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.667%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 34px;
height: 19px;
animation-name: animate;
animation-delay: 2s;
animation-duration: 10s;
animation-iteration-count: infinite; }
@keyframes animate {
0%, 10% {
transform: translate3d(0, 0, 0); }
1%, 9% {
transform: translate3d(0, -1px, 0); }
2%, 8% {
transform: translate3d(0, 2px, 0); }
3%, 5%, 7% {
transform: translate3d(0, -4px, 0); }
4%, 6% {
transform: translate3d(0, 4px, 0); } }
.layer-text {
position: relative; }
.layer-text[data-alignment="right"] {
text-align: right; }
.layer-text .l .link {
overflow: hidden;
margin-left: -8px;
margin-top: -4px;
margin-right: -8px;
margin-bottom: -4px;
color: #fff; }
.layer-text .l .link > * {
margin: 4px 8px; }
.layer-text .l .button {
cursor: pointer; }
.layer-text ul li + li {
margin-top: 0.25em; }
.layer-text > .video-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.layer-text > .video-container > video {
width: 100%;
height: 100%;
object-fit: cover; }
.layer-text > .sc > .ic {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.layer-text > .sc > .ic > .l, .layer-text > .sc > .ic > .r {
flex: 1 1 auto;
min-width: 250px; }
.layer-text > .sc > .ic table {
width: auto !important;
font-size: inherit; }
.layer-text > .sc > .ic > * > div > .text:not(:empty), .layer-text > .sc > .ic > * > div > .text2:not(:empty), .layer-text > .sc > .ic > * > div > .readmore__text > div {
overflow-x: auto;
overflow-y: hidden; }
.layer-text > .sc > .ic > * > div > .text:not(:empty) p:first-child, .layer-text > .sc > .ic > * > div > .text2:not(:empty) p:first-child, .layer-text > .sc > .ic > * > div > .readmore__text > div p:first-child {
margin-top: 0; }
.layer-text > .sc > .ic > * > div > .text:not(:empty) p:last-child, .layer-text > .sc > .ic > * > div > .text2:not(:empty) p:last-child, .layer-text > .sc > .ic > * > div > .readmore__text > div p:last-child {
margin-bottom: 0; }
.layer-text > .sc > .ic > * > div .readmore__text {
max-height: 0;
overflow: hidden;
transition: max-height .3s; }
.layer-text > .sc > .ic > * > div .readmore__toggle:not([data-open="1"]) .button .button--text span span:nth-child(2) {
opacity: 0;
font-size: 0; }
.layer-text > .sc > .ic > * > div .readmore__toggle[data-open="1"] .button .button--text::after {
transform: translateY(0px) rotate(-90deg); }
.layer-text > .sc > .ic > * > div .readmore__toggle[data-open="1"] .button .button--text span span:nth-child(1) {
opacity: 0;
font-size: 0; }
.layer-text > .sc > .ic > * > div .readmore .button .button--text span span {
transition: opacity .3s; }
.layer-text > .sc > .ic > * > div .readmore .button .button--text::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] {
position: absolute;
left: -9999px;
width: 0;
height: 0;
opacity: 1; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2 {
padding-top: 0;
margin-top: 0;
max-height: 0;
overflow: hidden;
transition: max-height .3s; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2:not([data-open="1"]) {
margin-bottom: 0; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2 > div > p:first-child {
margin-top: 0; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2 > div > p:last-child {
margin-bottom: 0; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2 + .link .button::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2 + .link .button--text span:first-child {
display: inherit; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2 + .link .button--text span:nth-child(2) {
display: none; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"] + .text2 + .link .button--text::after {
content: '';
transform: translateY(0px) rotate(90deg); }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"]:not(:checked) + .text2 {
padding-block: 0; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"]:checked + .text2 + .link .button::after {
transform: translateY(0px) rotate(-90deg); }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"]:checked + .text2 + .link .button--text span:first-child {
display: none; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"]:checked + .text2 + .link .button--text span:nth-child(2) {
display: inherit; }
.layer-text > .sc > .ic > * > div > .text + input[type="checkbox"]:checked + .text2 + .link .button--text::after {
transform: translateY(0px) rotate(-90deg); }
.layer-text[data-type="quote"].rtl .sc .ic, .layer-text[data-type="text_quote"].rtl .sc .ic {
flex-direction: row-reverse;
flex-wrap: wrap-reverse; }
.layer-text[data-type="quote"][data-alignment="center"] .r, .layer-text[data-type="text_quote"][data-alignment="center"] .r {
text-align: center; }
.layer-text[data-type="quote"][data-alignment="right"] .r, .layer-text[data-type="text_quote"][data-alignment="right"] .r {
text-align: right; }
.layer-text[data-type="quote"] .sc, .layer-text[data-type="text_quote"] .sc {
overflow: hidden; }
.layer-text[data-type="quote"] .sc .ic, .layer-text[data-type="text_quote"] .sc .ic {
margin: -1em; }
.layer-text[data-type="quote"] .sc .ic > * > *:not(:empty), .layer-text[data-type="text_quote"] .sc .ic > * > *:not(:empty) {
margin: 1em; }
.layer-text[data-type="quote"] .sc .ic > .l, .layer-text[data-type="text_quote"] .sc .ic > .l {
text-align: left; }
.layer-text[data-type="quote"] .sc .ic > .r [data-role="title"], .layer-text[data-type="text_quote"] .sc .ic > .r [data-role="title"] {
color: #1d1d1b; }
.layer-text[data-type="quote"] .sc .ic .suptitle, .layer-text[data-type="quote"] .sc .ic .subtitle, .layer-text[data-type="text_quote"] .sc .ic .suptitle, .layer-text[data-type="text_quote"] .sc .ic .subtitle {
font-weight: 700;
font-size: 1.1em; }
.layer-text[data-type="text_text"].rtl .sc .ic {
flex-direction: row-reverse; }
.layer-text[data-type="text_text"] > .sc {
overflow: hidden; }
.layer-text[data-type="text_text"] > .sc > .ic {
margin: -1em; }
.layer-text[data-type="text_text"] > .sc > .ic > * > *:not(:empty) {
margin: 1em; }
.layer-text[data-type="text_text"] > .sc > .ic > .r {
min-width: 100px; }
.layer-text[data-type="text_usps"].rtl > .sc > .ic, .layer-text[data-type="form_usps"].rtl > .sc > .ic {
flex-direction: row-reverse; }
.layer-text[data-type="text_usps"] > .sc, .layer-text[data-type="form_usps"] > .sc {
overflow: hidden; }
.layer-text[data-type="text_usps"] > .sc > .ic, .layer-text[data-type="form_usps"] > .sc > .ic {
margin-left: -1em;
margin-right: -1em; }
.layer-text[data-type="text_usps"] > .sc > .ic > * > *, .layer-text[data-type="form_usps"] > .sc > .ic > * > * {
margin-left: 1em;
margin-right: 1em; }
.layer-text[data-type="text_usps"] > .sc > .ic > .l .layer-form .sc .ic form, .layer-text[data-type="form_usps"] > .sc > .ic > .l .layer-form .sc .ic form {
padding: 0; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r, .layer-text[data-type="form_usps"] > .sc > .ic > .r {
min-width: 100px; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul {
list-style: none;
display: table; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li {
display: table-row; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li::before, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li::before {
content: none; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li > *, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li > * {
display: table-cell;
vertical-align: top; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li > :first-child, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li > :first-child {
position: relative;
top: -5px; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li > :last-child, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li > :last-child {
padding-bottom: .75em; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li > :last-child > *, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li > :last-child > * {
display: block; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li > :last-child > *:first-child, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li > :last-child > *:first-child {
font-weight: 600; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul li > :last-child > *:last-child, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul li > :last-child > *:last-child {
padding-left: 1em; }
.layer-text[data-type="text_usps"] > .sc > .ic > .r ul .image-holder, .layer-text[data-type="form_usps"] > .sc > .ic > .r ul .image-holder {
max-width: 150px;
margin-right: .5em; }
.layer-text[data-type="text_image_full"].rtl > .sc > .ic {
flex-direction: row-reverse; }
.layer-text[data-type="text_image"].rtl .sc .ic, .layer-text[data-type="image"].rtl .sc .ic {
flex-direction: row-reverse; }
.layer-text[data-type="text_image"].btt .sc .ic, .layer-text[data-type="image"].btt .sc .ic {
flex-wrap: wrap-reverse; }
.layer-text[data-type="text_image"] .sc .ic, .layer-text[data-type="image"] .sc .ic {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -48px;
margin-top: -48px; }
.layer-text[data-type="text_image"] .sc .ic > * > div, .layer-text[data-type="image"] .sc .ic > * > div {
margin-left: 48px;
margin-top: 48px; }
.layer-text[data-type="text_image"] .sc .ic > *:nth-child(1), .layer-text[data-type="image"] .sc .ic > *:nth-child(1) {
flex: 1 1 auto;
min-width: 250px;
width: calc(50%);
display: flex;
flex-direction: column; }
.layer-text[data-type="text_image"] .sc .ic > *:nth-child(2), .layer-text[data-type="image"] .sc .ic > *:nth-child(2) {
min-width: 100px;
flex: 1 1 auto;
width: calc(50%); }
.layer-text[data-type="text_image"] .sc .ic > *:nth-child(2) > *, .layer-text[data-type="image"] .sc .ic > *:nth-child(2) > * {
position: relative; }
.layer-text[data-type="text_image"] .sc .ic > *:nth-child(2) .image-holder, .layer-text[data-type="image"] .sc .ic > *:nth-child(2) .image-holder {
display: block; }
.layer-text[data-type="text_image"] .sc .ic > *:nth-child(2) .image-holder img, .layer-text[data-type="image"] .sc .ic > *:nth-child(2) .image-holder img {
margin: 0 auto; }
.layer-text[data-type="text_image"] .sc .ic .button, .layer-text[data-type="image"] .sc .ic .button {
text-decoration: none; }
.layer-text[data-type="text_image"] .sc .ic .button:empty, .layer-text[data-type="image"] .sc .ic .button:empty {
width: 32px;
height: 32px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center; }
.layer-text[data-type="text_image"] .sc .ic .button:empty::after, .layer-text[data-type="image"] .sc .ic .button:empty::after {
top: 0;
margin: 0;
padding: 0; }
.layer-text[data-type="text_image"] .sc .ic .r > div > *, .layer-text[data-type="image"] .sc .ic .r > div > * {
display: block; }
.layer-text[data-type="text_image"] .sc .ic .r > div > * .media-holder, .layer-text[data-type="image"] .sc .ic .r > div > * .media-holder {
border-style: none;
border-radius: 20px;
overflow: hidden; }
.layer-text[data-type="text_image"] .sc .ic .r .text, .layer-text[data-type="image"] .sc .ic .r .text {
position: relative;
z-index: 1;
padding-left: 16px;
padding-right: 8px;
height: 2em; }
.layer-text[data-type="text_image"] .sc .ic .r .text > div, .layer-text[data-type="image"] .sc .ic .r .text > div {
display: inline-block;
transform: translate(0, -50%);
background: #fff;
padding: 8px 8px;
line-height: 1;
white-space: nowrap;
font-size: calc(1.7175572519vw - -7.4122137405px); }
@media (max-width: 500px) {
.layer-text[data-type="text_image"] .sc .ic .r .text > div, .layer-text[data-type="image"] .sc .ic .r .text > div {
font-size: 16px; } }
@media (min-width: 1024px) {
.layer-text[data-type="text_image"] .sc .ic .r .text > div, .layer-text[data-type="image"] .sc .ic .r .text > div {
font-size: 25px; } }
.layer-text[data-type="text_image"] .sc .ic .r .text > div > :first-child, .layer-text[data-type="image"] .sc .ic .r .text > div > :first-child {
color: #95c34d; }
.layer-text[data-type="text_image"] .sc .ic .r .text > div > :last-child, .layer-text[data-type="image"] .sc .ic .r .text > div > :last-child {
color: #1d1d1b; }
.layer-text[data-type="form"].rtl .sc .ic {
flex-direction: row-reverse; }
.layer-text[data-type="form"] > .sc {
overflow: hidden; }
.layer-text[data-type="form"] > .sc > .ic {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: -1em; }
.layer-text[data-type="form"] > .sc > .ic > * {
min-width: 250px; }
.layer-text[data-type="form"] > .sc > .ic > * > *:not(:empty) {
margin: 1em; }
.layer-text[data-type="form"] > .sc > .ic > *:nth-child(1) {
flex: 1 1 40%;
display: flex;
flex-direction: column; }
.layer-text[data-type="form"] > .sc > .ic > *:nth-child(2) {
flex: 1 1 60%; }
.layer-text[data-type="form"] > .sc > .ic > *:nth-child(2) > .section > .sc .ic {
padding: 0;
margin: 0; }
.layer-text[data-type="form"] > .sc > .ic > *:nth-child(2) form {
padding: 0; }
.layer-text[data-type="form"] > .sc > .ic > *:nth-child(2) form .rows .row {
margin: 0.25em 0; }
.layer-text[data-type="form"] [data-role="title"] + form {
margin-top: 1em; }
.layer-textwithmedia {
background-color: #1d1d1b;
color: #1688ca; }
.layer-textwithmedia .sc {
margin: 0 auto 0 auto;
padding: 2em 1em 1em 1em; }
.layer-textwithmedia .sc > [data-role="title"] {
text-align: center; }
.layer-textwithmedia .sc .ic [data-role="title"] {
max-width: 690px; }
.layer-textwithmedia .sc .ic div.text {
font-size: calc(0.3816793893vw - -12.0916030534px);
line-height: 1.5625em; }
@media (max-width: 500px) {
.layer-textwithmedia .sc .ic div.text {
font-size: 14px; } }
@media (min-width: 1024px) {
.layer-textwithmedia .sc .ic div.text {
font-size: 16px; } }
.layer-textwithmedia .sc .ic div.text a {
color: currentColor;
border-bottom: 1px dotted #696969; }
.layer-textwithmedia .sc .ic > div:nth-child(2) {
margin: -1em; }
.layer-textwithmedia .sc .ic .image-holder {
display: inline-block;
margin: 1em; }
.layer-textwithmedia[data-format="2"] .image-holder img {
border-radius: 0.25em; }
@media (min-width: 500px) {
.layer-textwithmedia[data-format="2"] .sc .ic {
flex-direction: row-reverse; }
.layer-textwithmedia[data-format="2"] .sc .ic > div:nth-child(1), .layer-textwithmedia[data-format="2"] .sc .ic > div:nth-child(2) {
flex: 1 1 50%; }
.layer-textwithmedia[data-format="2"] .sc .ic .image-holder:nth-child(3n+2), .layer-textwithmedia[data-format="2"] .sc .ic .image-holder:nth-child(3n+3) {
width: calc(50% - 2em); }
.layer-textwithmedia .sc .ic {
display: flex;
justify-content: space-between; }
.layer-textwithmedia .sc .ic > div:nth-child(1) {
flex: 1 0 62.5%;
margin-left: 2em; }
.layer-textwithmedia .sc .ic > div:nth-child(2) {
flex: 1 0 30%;
margin-left: 2em; }
.layer-textwithmedia .sc .ic > div:nth-child(2) .image-holder {
float: right; }
.layer-textwithmedia .sc .ic > div:nth-child(2) .button::after {
transform: none; } }
.layer-text[data-type="text_background-media"] {
position: relative; }
.layer-text[data-type="text_background-media"] .ic {
display: grid; }
.layer-text[data-type="text_background-media"] .ic > * {
grid-area: -1/-1; }
.layer-text[data-type="text_background-media"] .ic .l {
padding: 1em;
max-width: 800px;
margin-inline: auto; }
.layer-text[data-type="text_background-media"] .ic .l * {
color: #fff;
font-weight: 400;
font-size: 20px; }
.layer-text[data-type="text_background-media"] .ic .r {
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden; }
.layer-text[data-type="text_background-media"] .ic .r .media-holder, .layer-text[data-type="text_background-media"] .ic .r .image-holder {
position: static; }
.layer-text[data-type="text_background-media"] .ic .r img, .layer-text[data-type="text_background-media"] .ic .r video, .layer-text[data-type="text_background-media"] .ic .r svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.layer-text[data-type="text_background-media"] .ic .r > * {
flex: 1; }
.layer-text[data-type="text_background-media"] .ic .r * {
position: static; }
@media (min-width: 768px) {
.layer-text[data-type="text_image"][data-cover="1"] .r {
position: relative;
display: flex;
flex-flow: column; }
.layer-text[data-type="text_image"][data-cover="1"] .r > * {
flex-grow: 1;
position: relative;
height: 100%;
display: flex; }
.layer-text[data-type="text_image"][data-cover="1"] .r > * * {
position: absolute;
width: 100%;
min-height: 100%; }
.layer-text[data-type="text_image"][data-cover="1"] .r img {
object-fit: cover; } }
.module-404 {
padding: 8em 0 16em; }
.module-404 .sc {
max-width: 640px; }
.module-exceptions .sc {
max-width: 640px; }
.module-exceptions .sc .ic {
margin-block: 8em; }
.module-exceptions .sc .additional {
margin-top: 2em;
background-color: #f5f5f5;
padding: 1em; }
.module-exceptions pre {
white-space: normal;
font-family: monospace;
font-size: 13px; }
.module-exceptions pre div {
padding: .5em; }
.module-exceptions pre div:nth-child(odd) {
background-color: #e0e0e0; }
.cards a.card {
color: initial; }
.card {
display: flex; }
.card.card_column {
flex-flow: column; }
.card.card_row {
flex-flow: row wrap; }
.card.card_row_equal > * {
flex-basis: 0; }
.card > * {
flex: 1 1 auto; }
.card img {
display: block;
width: 100%; }
.card--content {
position: relative; }
.card--content__date {
margin-top: 1em; }
.card--content__link {
position: absolute;
right: 0;
bottom: 0; }
.popup {
position: relative;
z-index: 3; }
.popup::before {
content: '';
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: opacity .3s;
opacity: 0;
pointer-events: none;
backdrop-filter: blur(2px) brightness(50%);
-webkit-backdrop-filter: blur(2px) brightness(50%); }
.popup.popup__visible::before {
opacity: 1;
pointer-events: auto; }
.popup.popup__visible .popup__container {
transform: translateX(0);
width: 100%; }
.popup .popup__container {
position: fixed;
z-index: 1;
top: calc(82px + 2vw);
right: 0px;
width: 0;
max-height: calc(100vh - calc(82px + 2vw));
max-height: -webkit-fill-available;
display: flex;
flex-direction: column;
will-change: transform;
transition: transform .3s, width .3s;
transform: translateX(calc(18px + 100%));
max-width: 400px;
pointer-events: auto; }
@media (min-height: 700px) {
.popup .popup__container {
min-height: 600px; } }
.popup .popup__container > .popup__content {
max-width: calc(100vw - 20px);
width: 100%;
margin-inline: auto;
margin-bottom: 8px;
overflow-x: hidden;
overflow-y: auto;
background-color: rgba(245, 245, 245, 0.95);
box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.25);
padding: 32px 16px 16px 16px;
display: flex;
flex-direction: column;
position: relative; }
@media (min-width: 768px) {
.popup .popup__container {
margin-right: 8px; } }
.popup .popup__button.popup__close {
cursor: pointer;
position: absolute;
right: 0;
top: 0; }
.popup .popup__button.popup__close::after {
content: '';
display: block;
width: 32px;
height: 32px;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23555655%22%20d%3D%22m28.39%2024%2018.7-18.7A3.09%203.09%200%200%200%2048%203.1a3%203%200%200%200-.91-2.19A3%203%200%200%200%2044.9%200a3.09%203.09%200%200%200-2.2.91L24%2019.61%205.3.91A3.09%203.09%200%200%200%203.1%200%203%203%200%200%200%20.91.91%203%203%200%200%200%200%203.1a3.09%203.09%200%200%200%20.91%202.2L19.61%2024%20.91%2042.7A3.09%203.09%200%200%200%200%2044.9a3%203%200%200%200%20.91%202.19A3%203%200%200%200%203.1%2048a3.09%203.09%200%200%200%202.2-.91L24%2028.39l18.7%2018.7a3.09%203.09%200%200%200%202.2.91%203.11%203.11%200%200%200%203.1-3.1%203.09%203.09%200%200%200-.91-2.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: 30%; }
.popup .popup__title {
color: #2268b0;
font-family: "Bebas Neue";
text-transform: uppercase;
line-height: 110%;
font-size: calc(1.9083969466vw - -22.4580152672px); }
@media (max-width: 500px) {
.popup .popup__title {
font-size: 32px; } }
@media (min-width: 1024px) {
.popup .popup__title {
font-size: 42px; } }
.popup .popup__subtitle {
color: #1d1d1b;
font-family: "Bebas Neue";
text-transform: uppercase;
font-size: calc(0.7633587786vw - -20.1832061069px); }
@media (max-width: 767px) {
.popup .popup__subtitle {
margin-bottom: 1rem;
margin-top: -6px; } }
@media (min-width: 768px) {
.popup .popup__subtitle {
margin-bottom: 1rem;
margin-top: -8px; } }
@media (max-width: 500px) {
.popup .popup__subtitle {
font-size: 24px; } }
@media (min-width: 1024px) {
.popup .popup__subtitle {
font-size: 28px; } }
.popup .popup__message {
margin-top: 4px;
margin-bottom: 4px;
text-align: left; }
.popup .popup__message[data-success="0"] {
background-color: #febabb;
color: #d8000c; }
.popup .popup__message[data-success="1"] {
background-color: #DFF2BF;
color: #4F8A10; }
.popup .popup__message--close {
float: right; }
.popup .popup__message--close::before {
content: '';
display: block;
cursor: pointer;
width: 24px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M7%204a.995.995%200%200%200-.707.293l-2%202a.999.999%200%200%200%200%201.414L11.586%2015l-7.293%207.293a.999.999%200%200%200%200%201.414l2%202a.999.999%200%200%200%201.414%200L15%2018.414l7.293%207.293a.999.999%200%200%200%201.414%200l2-2a.999.999%200%200%200%200-1.414L18.414%2015l7.293-7.293a.999.999%200%200%200%200-1.414l-2-2a.999.999%200%200%200-1.414%200L15%2011.586%207.707%204.293A.996.996%200%200%200%207%204z%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: 13px;
opacity: .5; }
.popup .popup__message--content {
padding: 8px; }
.popup > form {
margin-top: 1em; }
.popup > form .park > * {
margin: 8px; }
.popup fieldset {
border: none;
margin-bottom: 1em;
text-align: left;
padding: 0; }
.popup fieldset fieldset.row {
display: flex;
padding: 0;
margin: 0 0 0 -8px; }
.popup fieldset fieldset.row > * {
margin-left: 8px;
margin-top: 0; }
.popup fieldset fieldset {
padding: 1em 0 0 0; }
.popup fieldset fieldset > label {
margin-bottom: 0; }
.popup .form-element-label {
font-size: inherit; }
.popup input.error {
background: #febabb; }
.popup fieldset > input[type="text"], .popup fieldset > input[type="email"], .popup fieldset > .form-element-field-wrapper, .popup fieldset > select, .popup [data-form-type] > input[type="text"], .popup [data-form-type] > input[type="email"], .popup [data-form-type] > .form-element-field-wrapper, .popup [data-form-type] > select {
margin-top: 1em; }
.popup input[type="text"], .popup input[type="email"], .popup input[type="password"] {
width: 100%; }
.popup label {
cursor: pointer;
display: inline-flex;
align-items: flex-start;
margin-right: 1em;
margin-bottom: 1em; }
.popup label > input {
min-width: 16px; }
.popup label > input[type="checkbox"] ~ span {
display: flex;
flex-flow: column;
margin-left: 10px; }
.popup label > input[type="checkbox"] ~ span > :first-child {
font-weight: 500;
margin-bottom: 8px; }
.popup input[type="radio"] {
border-radius: 50%; }
.popup input[type="radio"], .popup input[type="checkbox"] {
appearance: none;
border: 1px solid #e3e4e3;
margin-top: -1px;
margin-right: .75em; }
.popup button.link {
border: none;
padding: 0;
background: none;
color: #1d1d1b;
text-decoration: underline;
font-size: inherit;
min-width: 0; }
.popup button.link .button--text::after {
content: none; }
.popup button.link:hover {
color: #95c34d; }
.popup .popup__content > button.popup__close {
font-size: .95em;
margin-block: 2em 1em;
margin-inline: auto;
cursor: pointer; }
.popup div.line button {
margin-left: .5em; }
.popup .accept {
margin-top: 2em; }
.popup .accept input {
margin-top: .25em; }
.popup [data-count]::after {
content: attr(data-count);
background-color: #fff;
border-radius: 50%;
color: #1d1d1b;
width: 1.5em;
height: 1.5em;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: .5em; }
.popup .popup__logout {
background-color: #1688ca; }
.popup.popup__preferences .popup__heading, .popup.popup__preferences .popup__subtitle {
text-align: left; }
.popup.popup__preferences .popup__heading {
margin-top: 32px;
font-weight: 600; }
html.scrolling:not(.up) .account__menu--profile {
transform: translateY(-100%); }
.navigation__wrapper [data-account].button {
margin-right: .4em;
cursor: default; }
.navigation__wrapper [data-account].account__active.button::after {
content: '';
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background: #8cdf30;
border-radius: 50%;
width: 11px;
height: 11px;
box-shadow: 0 0 9px 1px #b2f765;
transform: translate(21px, -9px); }
.navigation__wrapper [data-account]:hover > .account__menu--profile {
opacity: 1;
pointer-events: auto;
transition: opacity .3s; }
.navigation__wrapper [data-account]:hover > .account__menu--profile > div {
cursor: pointer; }
.navigation__wrapper [data-account]:hover > .account__menu--profile::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1em;
transform: translateY(-100%); }
.account__menu--profile {
margin-top: 8px;
font-size: 15px;
font-weight: 500;
transition: opacity .3s;
opacity: 0;
pointer-events: none;
z-index: 1;
background-color: transparent;
padding: .5em .5em;
border-radius: 8px;
filter: drop-shadow(0 2px 2px rgba(51, 51, 51, 0.5));
min-width: 150px;
--arrow-position: 50%;
--arrow-transform: translateX(-50%); }
.account__menu--profile::before {
content: '';
position: absolute;
left: var(--arrow-position);
transform: var(--arrow-transform);
top: -8px;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent transparent transparent; }
.account__menu--profile .account__menu {
color: #2268b0;
display: block;
margin-block: .25em;
transition: color .3s, background-color .3s;
padding: 1em; }
.account__menu--profile .account__menu:hover {
color: #95c34d;
background-color: #fff; }
.account-login-form {
max-width: 500px;
margin-inline: auto; }
.account-login-form form {
margin-inline: auto;
max-width: 300px; }
.account-login-form form > * {
margin-block: 1em; }
.account-login-form form label {
display: flex; }
.account-login-form form label:not([data-type="button"]) > * {
flex: 1 1 auto; }
.account-login-form form label[data-type="button"] {
justify-content: flex-end; }
.account-login-form form [data-popup]:hover {
color: #95c34d; }
div.popup.popup__webshop .popup__container .popup__content,
div.popup-dialog.popup__webshop .popup-dialog__container .popup-dialog__content,
div.popup-dialog.webshop-success .popup-dialog__container .popup-dialog__content {
border-radius: 15px;
background: linear-gradient(180deg, #95c34d 0px, #95c34d 15px, #1d1d1b 15px, #1d1d1b 30px, white 30px, white 100%); }
div.popup .popup__button.popup__close {
cursor: pointer;
position: absolute;
right: 0;
top: 0; }
div.popup .popup__button.popup__close::after {
content: '';
display: block;
width: 32px;
height: 32px;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m28.39%2024%2018.7-18.7A3.09%203.09%200%200%200%2048%203.1a3%203%200%200%200-.91-2.19A3%203%200%200%200%2044.9%200a3.09%203.09%200%200%200-2.2.91L24%2019.61%205.3.91A3.09%203.09%200%200%200%203.1%200%203%203%200%200%200%20.91.91%203%203%200%200%200%200%203.1a3.09%203.09%200%200%200%20.91%202.2L19.61%2024%20.91%2042.7A3.09%203.09%200%200%200%200%2044.9a3%203%200%200%200%20.91%202.19A3%203%200%200%200%203.1%2048a3.09%203.09%200%200%200%202.2-.91L24%2028.39l18.7%2018.7a3.09%203.09%200%200%200%202.2.91%203.11%203.11%200%200%200%203.1-3.1%203.09%203.09%200%200%200-.91-2.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: 48%; }
div.popup.popup__webshop .popup__container {
pointer-events: none;
opacity: 0;
transition: opacity .3s;
left: 0;
right: 0;
margin-inline: auto;
width: 95%;
max-width: 1000px;
transform: none;
will-change: auto; }
div.popup.popup__webshop.popup__visible .popup__container {
pointer-events: auto;
opacity: 1; }
div.popup .popup__body {
display: flex;
flex-flow: row wrap;
padding-top: 3em;
padding-inline: 2em;
gap: 2em;
overflow: auto; }
div.popup .popup__body--left {
flex: 1 1 30%; }
div.popup .popup__body--right {
flex: 1 1 30%; }
div.popup .popup__section {
margin-top: 1em;
background-color: transparent;
padding: 1em;
border-radius: 8px; }
html.inlineform-editable .layer-members form:not(.editable)[data-name="username"] {
display: none; }
.module-formstatus {
margin: 1em 0;
display: none; }
.module-formstatus.show {
display: block; }
.module-formstatus .message {
padding: 0.5em; }
.module-formstatus .message.error {
border: 1px solid #FF0000;
background: #FFCCCC;
color: #FF0000; }
.module-formstatus .message.send, .module-formstatus .message.sent {
border: 1px solid #008000;
background: #EAF8E9;
color: #008000; }
[data-gallery] > :not(:empty) {
cursor: pointer; }
.gallery-container {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999; }
.gallery-container.open .gallery-bg {
opacity: .87; }
.gallery-container .gallery-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #1e1e1e;
opacity: 0;
transition: opacity 0.3s; }
.gallery-container .gallery-inner {
position: absolute;
left: 0;
top: 0;
right: 200px;
bottom: 0; }
.gallery-container .gallery-inner .gallery-stage > div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
white-space: nowrap; }
.gallery-container .gallery-inner .gallery-stage > div figure {
display: inline-block;
margin: 0;
width: 100%;
height: 100%;
position: relative;
transition: opacity .5s, transform .5s;
opacity: 0; }
.gallery-container .gallery-inner .gallery-stage > div figure.active {
opacity: 1; }
.gallery-container .gallery-inner .gallery-stage > div figure[data-node="iframe"] > div > div {
position: relative;
width: 100%; }
.gallery-container .gallery-inner .gallery-stage > div figure[data-node="iframe"] > div > div .aspect {
width: 100%;
height: 0; }
.gallery-container .gallery-inner .gallery-stage > div figure[data-node="iframe"] > div > div iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.gallery-container .gallery-inner .gallery-stage > div figure > * {
cursor: move;
position: absolute;
width: 100%;
height: 100%;
max-width: calc(100% - 2em);
max-height: calc(100% - 2em);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center; }
.gallery-container .gallery-inner .gallery-stage > div figure > *:focus {
outline: none; }
.gallery-container .gallery-inner .gallery-stage > div figure > * iframe {
width: 75%;
height: 75%; }
.gallery-container .gallery-inner .gallery-stage > div figure > * img {
max-width: 100%;
max-height: 100%; }
.gallery-container .gallery-thumbs {
position: absolute;
top: 0;
right: 0;
width: 200px;
bottom: 0;
background: white;
padding: 0.15em; }
.gallery-container .gallery-thumbs > div > span {
display: block;
float: left;
width: 50%; }
.gallery-container .gallery-thumbs > div > span.active > span::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 4px solid #1d1d1b;
background: rgba(255, 255, 255, 0.25); }
.gallery-container .gallery-thumbs > div > span > span {
cursor: pointer;
display: block;
position: relative;
background-size: cover;
background-position: center;
margin: 0.15em; }
.gallery-container .gallery-thumbs > div > span > span::before {
content: '';
display: block;
width: 100%;
padding-top: 75%; }
.gallery-container .gallery-thumbs > div > span > span .youtube::after {
content: '';
width: 30%;
height: 30%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #000;
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22512pt%22%20viewBox%3D%220%20-77%20512.00213%20512%22%20width%3D%22512pt%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m501.453125%2056.09375c-5.902344-21.933594-23.195313-39.222656-45.125-45.128906-40.066406-10.964844-200.332031-10.964844-200.332031-10.964844s-160.261719%200-200.328125%2010.546875c-21.507813%205.902344-39.222657%2023.617187-45.125%2045.546875-10.542969%2040.0625-10.542969%20123.148438-10.542969%20123.148438s0%2083.503906%2010.542969%20123.148437c5.90625%2021.929687%2023.195312%2039.222656%2045.128906%2045.128906%2040.484375%2010.964844%20200.328125%2010.964844%20200.328125%2010.964844s160.261719%200%20200.328125-10.546875c21.933594-5.902344%2039.222656-23.195312%2045.128906-45.125%2010.542969-40.066406%2010.542969-123.148438%2010.542969-123.148438s.421875-83.507812-10.546875-123.570312zm0%200%22%20fill%3D%22%2395c34d%22%2F%3E%3Cpath%20d%3D%22m204.96875%20256%20133.269531-76.757812-133.269531-76.757813zm0%200%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 50%; }
.gallery-container .gallery-navigation:hover button {
opacity: 1; }
.gallery-container .gallery-navigation button {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
border: none;
background: transparent;
width: 3em;
height: 3em;
background-size: contain;
outline: none;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s; }
.gallery-container .gallery-navigation button.gallery-prev, .gallery-container .gallery-navigation button.gallery-next {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22455%22%20height%3D%22455%22%20viewBox%3D%220%200%20455%20455%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M227.5%2C0C101.855%2C0%2C0%2C101.855%2C0%2C227.5S101.855%2C455%2C227.5%2C455S455%2C353.145%2C455%2C227.5S353.145%2C0%2C227.5%2C0z%20M199.476%2C355.589%20l-21.248-21.178L284.791%2C227.5L178.228%2C120.589l21.248-21.178L327.148%2C227.5L199.476%2C355.589z%22%2F%3E%3C%2Fsvg%3E"); }
.gallery-container .gallery-navigation button.disabled {
opacity: 0.1;
cursor: default; }
.gallery-container .gallery-navigation button.gallery-close {
top: .25em;
right: .25em;
width: 2em;
height: 2em;
transform: none;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M40%200H8C3.58%200%200%203.58%200%208v32c0%204.42%203.58%208%208%208h32c4.42%200%208-3.58%208-8V8c0-4.42-3.58-8-8-8Zm-2%2035.73L35.73%2038%2024%2026.27%2012.27%2038%2010%2035.73%2021.73%2024%2010%2012.27%2012.27%2010%2024%2021.73%2035.73%2010%2038%2012.27%2026.27%2024%2038%2035.73Z%22%20style%3D%22fill%3A%23fff%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E"); }
.gallery-container .gallery-navigation button.gallery-prev {
left: 1em;
transform: translateY(-50%) scaleX(-1); }
.gallery-container .gallery-navigation button.gallery-next {
right: 1em; }
@media (orientation: landscape) {
.gallery-container .gallery-thumbs {
overflow-y: auto; }
.gallery-container .gallery-thumbs > div::after {
content: '';
display: table;
clear: left; } }
@media (orientation: portrait) {
.gallery-container .gallery-inner {
right: 0px;
bottom: 10vh; }
.gallery-container .gallery-thumbs {
top: auto;
width: 100%;
overflow-x: auto; }
.gallery-container .gallery-thumbs > div {
white-space: nowrap; }
.gallery-container .gallery-thumbs > div > span {
width: 13.3333333333vh;
height: 100%;
float: none;
display: inline-block; }
.gallery-container .gallery-thumbs > div > span > span {
height: 100%;
width: auto; } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.module-loader {
position: absolute;
z-index: 99999;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
background: rgba(255, 255, 255, 0.7);
margin: 0 !important; }
.module-loader.fixed {
position: fixed;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); }
.module-loader > div {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center; }
.module-loader > div > div {
text-indent: -9999px;
width: 80px;
height: 80px;
border: 5px solid #f3f3f3;
border-top: 5px solid red;
border-radius: 50%;
animation: spin 2s linear infinite;
overflow: hidden; }
.module-message {
position: relative; }
.module-message[data-type] {
padding: 10px;
border-width: 1px;
border-style: solid;
border-radius: 4px; }
.module-message[data-type="success"] {
color: #fff;
background: #28a745 linear-gradient(180deg, #27a444, #28a745) repeat-x;
border-color: #1e7e34; }
.module-message[data-type="success"] .title {
color: inherit;
font-size: 1.15em; }
.module-message[data-type="success"] .title + .text:not(:empty) {
margin-top: 10px; }
.module-message[data-type="success"] div.close::before {
color: #fff; }
.module-message[data-type="info"] {
color: #fff;
background: #17a2b8 linear-gradient(180deg, #179fb5, #17a2b8) repeat-x;
border-color: #117a8b; }
.module-message[data-type="info"] .title {
color: inherit;
font-size: 1.15em; }
.module-message[data-type="info"] .title + .text:not(:empty) {
margin-top: 10px; }
.module-message[data-type="info"] div.close::before {
color: #fff; }
.module-message[data-type="warning"] {
color: #000;
background: #ffc107 linear-gradient(180deg, #fcbf06, #ffc107) repeat-x;
border-color: #d39e00; }
.module-message[data-type="warning"] .title {
color: inherit;
font-size: 1.15em; }
.module-message[data-type="warning"] .title + .text:not(:empty) {
margin-top: 10px; }
.module-message[data-type="warning"] div.close::before {
color: #000; }
.module-message[data-type="danger"] {
color: #fff;
background: #dc3545 linear-gradient(180deg, #db3343, #dc3545) repeat-x;
border-color: #bd2130; }
.module-message[data-type="danger"] .title {
color: inherit;
font-size: 1.15em; }
.module-message[data-type="danger"] .title + .text:not(:empty) {
margin-top: 10px; }
.module-message[data-type="danger"] div.close::before {
color: #fff; }
.module-message div.close {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
padding: 4px 8px; }
.module-message div.close::before {
content: 'x'; }
.module.properties[data-type="groups"] {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 1em; }
.module.properties .property--group {
flex-grow: 1;
flex-basis: 0;
min-width: 0;
margin: 16px;
padding: 1em; }
.module.properties .property--group > * {
padding-right: 4px; }
.module.properties[data-type="properties"] {
display: table;
border-collapse: collapse;
border: 1px solid #2268b0; }
.module.properties[data-type="properties"] > * {
display: table-row; }
.module.properties[data-type="properties"] > * > * {
display: table-cell;
padding: 0.5em;
vertical-align: middle; }
.module.properties .properties--property {
margin-top: .5em;
display: grid;
grid-auto-columns: auto 1fr 1fr; }
.module.properties .properties--property-icon {
text-align: center;
margin-right: .5em;
margin-top: -.05em;
margin-bottom: .5em;
grid-row: 1 / span 2; }
.module.properties .properties--property-title {
color: #1d1d1b;
grid-column: 2;
grid-row: 1; }
.module.properties .properties--property-value {
color: #95c34d;
grid-column: 2; }
.module.properties .properties--property [data-type="checkbox"] {
grid-column: 3;
grid-row: 1;
margin-left: .5em; }
.module.properties .properties--group--title {
font-weight: bold;
color: #1d1d1b;
font-size: 1.3em; }
.module.properties [data-type="checkbox"] > span {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ddd%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223.01%22%20d%3D%22m2%209.3%204.73%204.23L16%204.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: contain;
display: inline-block;
width: 1em;
height: 1em; }
.module.properties [data-type="checkbox"] > span[data-checked="1"] {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2388c6ab%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223.01%22%20d%3D%22m2%209.3%204.73%204.23L16%204.47%22%2F%3E%3C%2Fsvg%3E");
background-position: center right; }
.tabbed [type="radio"] {
display: none; }
.tabbed .tabs {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap; }
.tabbed .tabs > ul {
display: flex;
list-style: none;
padding: 0;
border-bottom: 3px solid #1d1d1b;
margin-left: -4px; }
.tabbed .tabs > ul > li::before {
content: none; }
.tabbed .tabs > ul > li, .tabbed .tabs > ul > li + li {
margin: 0; }
.tabbed .tabs > ul > li label {
cursor: pointer;
display: block;
padding: 8px 16px;
background-color: #f0f0f0;
margin-left: 4px;
margin-right: 4px;
border-radius: 8px 8px 0 0; }
.tabbed > .tabs-content {
background: rgba(29, 29, 27, 0.04);
padding-inline: 16px;
padding-block: 16px; }
.tabbed > .tabs-content > * {
display: none; }
.tabbed > .tabs-content > * > p:first-child {
margin-top: 0; }
.tabbed > .tabs-content .section.invisible {
display: block; }
.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs ul > :nth-child(1) > label {
border-bottom-color: #1d1d1b;
background: #1d1d1b;
color: #fff; }
.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs-content > :nth-child(1) {
display: block; }
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs ul > :nth-child(2) > label {
border-bottom-color: #1d1d1b;
background: #1d1d1b;
color: #fff; }
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs-content > :nth-child(2) {
display: block; }
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs ul > :nth-child(3) > label {
border-bottom-color: #1d1d1b;
background: #1d1d1b;
color: #fff; }
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs-content > :nth-child(3) {
display: block; }
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs ul > :nth-child(4) > label {
border-bottom-color: #1d1d1b;
background: #1d1d1b;
color: #fff; }
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs-content > :nth-child(4) {
display: block; }
.video-player {
display: block;
position: relative; }
.video-player iframe {
border: none; }
.video-player[data-playing="1"] > .wrapper > :last-child {
opacity: 0; }
.video-player[data-playing="1"] > .wrapper > .poster {
z-index: -1;
opacity: 0; }
.video-player > .wrapper {
display: block; }
.video-player > .wrapper > .placeholder {
display: block; }
.video-player > .wrapper > .placeholder ~ .poster {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.video-player > .wrapper > .placeholder ~ .poster img {
position: absolute;
left: 0;
top: 0;
height: 100%;
object-fit: cover; }
.video-player > .wrapper > :first-child {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.video-player > .wrapper > .poster {
display: block;
position: relative; }
.video-player > .wrapper > .poster img {
width: 100%;
height: auto;
display: block; }
.video-player > .wrapper > * {
cursor: pointer; }
.video-player > .wrapper > :last-child > button {
pointer-events: none;
outline: none;
border: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
font-size: calc(1.1450381679vw - -12.2748091603px);
border-radius: 20%;
width: 2.5em;
height: 2em;
background: #1d1d1b url("data:image/svg+xml,%3Csvg%20width%3D%2275.844%22%20height%3D%2271.688%22%20viewBox%3D%220%200%2075.844%2071.688%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200v71.688l75.844-35.844z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat 60% center;
background-size: 1em; }
@media (max-width: 500px) {
.video-player > .wrapper > :last-child > button {
font-size: 18px; } }
@media (min-width: 1024px) {
.video-player > .wrapper > :last-child > button {
font-size: 24px; } }
.module-map {
display: flex;
flex-wrap: wrap;
margin-left: -2px;
margin-top: -2px; }
.module-map > * {
margin-left: 2px;
margin-top: 2px; }
.module-map > * {
flex: 1 1 auto; }
.module-map .map--wrapper {
min-height: 250px; }
.module-map .map--wrapper:not(:last-child) {
flex: 2 1 calc(100% - 300px);
min-width: 250px;
position: relative;
height: 0;
padding-bottom: 55%; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview {
flex: 1 1 250px;
min-height: 300px;
overflow-x: hidden;
overflow-y: auto;
position: relative; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview > * {
position: absolute;
margin-top: -4px; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview > * > * {
color: inherit;
flex-flow: row;
padding: 4px;
margin-block: 4px;
background-color: #f0f0f0;
cursor: pointer;
transition: background-color .3s, color .3s, transform .1s;
display: none; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview > * > *.visible {
display: flex; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview > * > *:hover {
background-color: #1d1d1b;
color: #fff; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview > * > * > * {
margin: 2px; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview > * > * > :first-child {
flex: 0 0 50px; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview > * > * > :last-child {
flex: 1 1 auto; }
.module-map .map--wrapper:not(:last-child) ~ .map--overview img {
max-width: 100%;
display: block; }
.module-map .leaflet-container {
z-index: 0; }
.module-map .leaflet-container.no-zoom .leaflet-pane {
transform: none;
position: relative; }
.module-map .leaflet-container .leaflet-marker-icon.hidden {
display: none; }
.module-map .leaflet-container .leaflet-popup {
min-width: 200px; }
.module-map .leaflet-container .leaflet-popup .leaflet-popup__content-wrapper, .module-map .leaflet-container .leaflet-popup .leaflet-popup-tip {
background: #fff;
color: #f1efee; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper {
border-radius: 0; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .leaflet-popup__content {
width: auto !important;
margin: 16px;
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 8px;
position: relative; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .leaflet-popup__content .image-holder {
grid-column: 1;
grid-row: 1 / span 2; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .leaflet-popup__content .title {
grid-column: 2;
grid-row: 1; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .leaflet-popup__content .subtitle {
grid-column: 2;
grid-row: 2; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .leaflet-popup__content .text {
grid-column: 1 / span 2;
grid-row: 3; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .leaflet-popup__content .link {
grid-column: 1 / span 2;
grid-row: 4; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .title {
font-size: calc(0.3816793893vw - -14.0916030534px);
line-height: 1.0555555556em; }
@media (max-width: 500px) {
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .title {
font-size: 16px; } }
@media (min-width: 1024px) {
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .title {
font-size: 18px; } }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .text {
font-size: 14px;
line-height: 1.0714285714em; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .image-holder {
border: 1px solid #95c34d; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .link {
text-align: right;
margin-top: .75em; }
.module-map .leaflet-container .leaflet-popup .xleaflet-popup__content-wrapper .link a {
background-color: #1d1d1b;
padding: 4px 8px;
font-size: 1rem;
color: #fff;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center; }
.module-map .leaflet-freepopup-pane .marker--title {
font-weight: bold; }
.module-map .leaflet-popup__content {
margin: 4px 12px 4px 4px;
font-size: 16px; }
.module-map .leaflet-popup__content .marker--popup {
display: flex; }
.module-map .leaflet-popup__content .marker--popup img {
max-width: 100%; }
.module-map .leaflet-popup__content .marker--popup > * {
margin: 4px; }
.module-map .leaflet-popup__content .marker--left {
flex: 1 1 auto; }
.module-map .leaflet-popup__content .marker--right {
flex: 9 1 auto; }
.module-map .leaflet-popup__content .marker--image {
width: 70px; }
.module-map .leaflet-popup__content .marker--image img {
display: block; }
.module-map .leaflet-popup__content .marker--link {
font-size: .8em;
display: flex;
justify-content: end;
margin-top: .5em; }
.module-map .leaflet-popup__content .marker--link a {
color: #fff;
background-color: #95c34d;
clip-path: polygon(0 0, 100% 0, 100% 80%, 75% 100%, 0 100%);
padding: 4px 8px; }
.module-map .leaflet-marker-pane .hover {
z-index: 99999 !important; }
.module-map .leaflet-marker-pane .hover img, .module-map .leaflet-marker-pane .hover svg {
transform-origin: center bottom;
transition: transform 1s;
transform: scale(2); }
.module-map .marker-cluster {
width: 32px !important;
height: 32px !important;
border-radius: 50%;
color: #fff; }
.module-map .marker-cluster > div {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #1d1d1b;
background-color: rgba(255, 255, 255, 0.9);
padding: 0.25em; }
.module-map .leaflet-control-layers-expanded {
background-color: rgba(255, 255, 255, 0.9);
font-family: "Roboto";
font-size: 15px; }
.module-map .leaflet-control-layers-expanded label > div {
display: flex;
align-items: center; }
.module-map .leaflet-control-layers-expanded label > div input {
transform: translateY(-1px);
margin: 0 .5em 0 0; }
.module__webshop .form-element[data-name="customertype"] fieldset > div {
display: flex; }
:root {
--webshop-column-gap: 32px;
--webshop-column-count: 3;
--webshop-border-radius: 8px;
--webshop-box-shadow: 0 0 20px rgba(51, 51, 51, 0.25);
--webshop-box-shadow2: 0 0 25px rgba(0, 0, 0, 0.4); }
.layer__webshop {
padding-block: 5em; }
.layer__webshop [data-count]::after {
color: #2268b0;
font-size: 14px;
content: " (" attr(data-count) ")"; }
.layer__webshop[data-type="overview"] .webshop__column--left {
flex: 1 1 0;
min-width: 250px; }
.layer__webshop[data-type="overview"] .webshop__column--right {
flex: 1 1 calc(100% - 250px - var(--webshop-column-gap)); }
.layer__webshop[data-type="overview"] .module__paging {
justify-content: end; }
.webshop__columns {
display: flex;
flex-flow: wrap;
gap: var(--webshop-column-gap); }
.webshop__categories {
background-color: #fff;
border-radius: var(--webshop-border-radius);
padding-block: 16px;
box-shadow: var(--webshop-box-shadow); }
.webshop__categories .category > div {
display: flex;
align-items: center; }
.webshop__categories .category > div > :first-child {
flex-grow: 1; }
.webshop__categories .category__subcategories {
position: relative; }
.webshop__categories .categories__overview {
color: #2268b0;
font-size: 16px;
font-weight: 500; }
.webshop__categories .categories__overview ul {
padding-left: 0;
list-style-type: none; }
.webshop__categories .categories__overview [data-expand] {
position: absolute;
right: .5em;
cursor: pointer;
padding: .25em;
display: flex;
align-items: center;
justify-content: center; }
.webshop__categories .categories__overview [data-expand]::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cpath%20d%3D%22M471.579%20215.579H296.421V40.421C296.421%2018.132%20278.289%200%20256%200s-40.421%2018.132-40.421%2040.421v175.158H40.421C18.132%20215.579%200%20233.711%200%20256s18.132%2040.421%2040.421%2040.421h175.158v175.158C215.579%20493.868%20233.711%20512%20256%20512s40.421-18.132%2040.421-40.421V296.421h175.158C493.868%20296.421%20512%20278.289%20512%20256s-18.132-40.421-40.421-40.421z%22%2F%3E%3C%2Fsvg%3E");
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 50%;
transition: all .25s; }
.webshop__categories .categories__overview [data-expand][aria-expanded="true"]::before {
transform: rotate(45deg);
border-color: #2268b0; }
.webshop__categories .categories__overview .category > div {
margin-block: .5em;
position: relative; }
.webshop__categories .categories__overview .category__link {
display: block;
color: inherit;
padding: .5em 1em;
transition: background-color .25s;
padding-right: 2.25em; }
.webshop__categories .categories__overview .category__link:hover, .webshop__categories .categories__overview [data-expand]:hover {
background-color: rgba(149, 195, 77, 0.1);
color: #000; }
.webshop__categories .categories__overview .category--active > div > a.category__link {
background-color: rgba(149, 195, 77, 0.1);
color: #000; }
.webshop__categories .categories__overview .category--promotions:hover {
background-color: black;
color: #1688ca; }
.webshop__categories .categories__overview .category--my {
background-color: rgba(29, 29, 27, 0.1); }
.webshop__categories .categories__overview > ul ul {
font-size: 14px;
background-color: transparent;
color: #c9cdce; }
.webshop__categories .categories__overview > ul ul ul {
display: none; }
.webshop__categories .categories__overview > ul ul .category__link {
padding-left: 2em; }
.webshop__categories .categories__overview > ul ul .category__link::before {
content: '';
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%280%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
position: absolute;
width: .7em;
height: .7em;
margin-left: -1em;
transform: translateY(0.2em); }
.webshop__categories .categories__title {
display: block;
color: #1688ca;
font-size: 22px;
font-weight: 500;
margin-bottom: 16px;
padding-inline: 16px; }
.webshop--search {
padding-inline: .5em;
margin-bottom: .5em; }
.webshop--search form {
display: flex; }
.webshop--search input {
min-width: 0;
padding: 8px 8px;
border-radius: 8px 0 0 8px; }
.webshop--search input:placeholder-shown ~ button[type="reset"] {
display: none; }
.webshop--search button[type="reset"] {
align-self: center;
position: relative;
border: none;
z-index: 1;
outline: none;
box-shadow: none;
width: 2em;
margin-left: -2em; }
.webshop--search button[type="reset"]::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cpath%20fill%3D%22%231688ca%22%20d%3D%22M471.579%20215.579H296.421V40.421C296.421%2018.132%20278.289%200%20256%200s-40.421%2018.132-40.421%2040.421v175.158H40.421C18.132%20215.579%200%20233.711%200%20256s18.132%2040.421%2040.421%2040.421h175.158v175.158C215.579%20493.868%20233.711%20512%20256%20512s40.421-18.132%2040.421-40.421V296.421h175.158C493.868%20296.421%20512%20278.289%20512%20256s-18.132-40.421-40.421-40.421z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: rotate(45deg);
display: block;
width: 14px;
height: 14px;
line-height: 1; }
.webshop--search button[type="reset"] span {
display: none; }
.webshop--search button[type="submit"] {
height: auto;
width: 40px;
border: none;
outline: none;
background-color: #2268b0;
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2022.667%2022.667%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.209%2015.584a6.381%206.381%200%2001-6.375-6.375A6.382%206.382%200%20019.21%202.833a6.382%206.382%200%20016.375%206.376%206.382%206.382%200%2001-6.375%206.375m7.425-.953a9.148%209.148%200%20001.783-5.422C18.417%204.132%2014.287%200%209.209%200%204.13%200%200%204.132%200%209.21c0%205.075%204.13%209.207%209.208%209.207a9.139%209.139%200%20005.421-1.782l6.033%206.032%202.004-2.003-6.033-6.033%22%2F%3E%3C%2Fsvg%3E");
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
border-radius: 0 8px 8px 0; }
.webshop--search button[type="submit"] > span {
display: none; }
.webshop__heading {
display: flex;
flex-flow: wrap;
justify-content: space-between; }
.webshop__controls select, .module__paging select {
padding-block: 8px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%2890%200%200%29%22%3E%3Cpath%20fill%3D%22%231688ca%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E"); }
.webshop__controls {
margin-top: -8px;
margin-bottom: 20px; }
.webshop__controls form {
display: flex;
flex-flow: wrap; }
.webshop__controls form select {
width: auto;
border-color: transparent;
border-width: 2px;
background-color: transparent;
color: #2268b0;
padding-block: 8px; }
.webshop__products {
display: flex;
flex-flow: wrap;
gap: var(--webshop-column-gap); }
.webshop__products > * {
flex: 1 1 calc((100% / var(--webshop-column-count)) - 2 * var(--webshop-column-gap));
min-width: 200px; }
.webshop__products .webshop--product__banner {
box-shadow: var(--webshop-box-shadow);
transition: box-shadow .25s; }
.webshop__products .webshop--product__banner:hover {
box-shadow: var(--webshop-box-shadow2); }
.webshop__title {
color: #2268b0;
font-size: 26px;
font-weight: 500;
margin-bottom: 1em; }
.webshop--product__banner {
background-color: transparent;
color: inherit;
border-radius: var(--webshop-border-radius);
overflow: hidden;
display: flex;
flex-flow: column; }
.banner--image {
background-color: #fff;
padding: 1em; }
.banner--content {
flex-grow: 1;
padding: 16px;
display: flex;
flex-flow: column;
position: relative; }
.banner--title {
color: #2268b0;
font-size: 18px;
font-weight: 500; }
.banner--subtitle {
color: #2268b0;
font-size: 18px;
font-weight: 400; }
.banner--prices {
margin-top: auto;
padding-top: 1em;
color: #2268b0;
font-size: 1.25em; }
.banner--prices > span {
font-size: .8em; }
.banner--prices b {
font-weight: 500; }
.banner--prices i {
text-decoration: line-through;
font-style: normal;
font-size: .9em;
margin-right: 1em; }
.banner--link {
position: absolute;
right: 1em;
bottom: 1em;
width: 24px;
height: 24px;
background: #c9cdce url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%280%200%200%29%22%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/14px;
border-radius: 4px; }
.form-element-input[data-type="quantity"] {
background-color: #fff;
border: 1px solid transparent;
border-radius: 8px;
padding: 0; }
.form-element-input[data-type="quantity"] input {
color: #1688ca;
font-size: 1.2em;
font-weight: 500; }
.form-element-input[data-type="quantity"] button {
transition: background-color .3s; }
.form-element-input[data-type="quantity"] button:hover {
background-color: #f0f0f0; }
.webshop__categories-toggle {
display: none; }
@media (max-width: 767px) {
.webshop__column--left {
position: fixed;
z-index: 2;
left: 0;
bottom: .25em;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center; }
.webshop__categories-toggle {
display: block;
border-radius: 8px;
background-color: #fff;
cursor: pointer;
padding: .5em 1em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
.webshop__categories-container {
overflow: hidden;
max-height: 0;
transition: max-height .3s; }
.webshop__categories-container::before {
content: '';
pointer-events: none;
z-index: -1;
opacity: 0;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(34, 104, 176, 0.25);
backdrop-filter: blur(3px);
transition: opacity .3s; }
.webshop__categories-toggle:not(.open) > span:last-child {
display: none; }
.webshop__categories-toggle.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.webshop__categories-toggle.open > span:first-child {
display: none; }
.webshop__categories-toggle.open + .webshop__categories-container {
max-height: 100vh; }
.webshop__categories-toggle.open + .webshop__categories-container::before {
opacity: 1; } }
.columns {
display: flex; }
.columns {
display: flex; }
.columns {
display: flex; }
.general_button.webshop__button {
background-color: #95c34d;
color: transparent;
padding: 8px 16px;
transition: background-color .3s; }
.general_button.webshop__button:hover {
background-color: #1688ca; }
.layer__separator .layer__webshop-search {
position: absolute;
z-index: 1;
top: calc(50% - 3.5vw);
left: 50%;
transform: translateX(-50%);
width: 95%;
max-width: 1280px; }
.layer__separator .layer__webshop-search div {
position: absolute;
right: 2vw;
width: clamp(300px, 50%, 500px); }
.layer__separator .layer__webshop-search .webshop--search button[type="submit"] {
border: 1px solid #fff; }
.webshop__search--results {
z-index: 1;
background-color: #fff;
padding-block: 1em;
border-radius: 12px;
box-shadow: 0 0 4px rgba(51, 51, 51, 0.5); }
.webshop__search--results > * {
max-height: 10em;
overflow: auto;
scrollbar-width: thin; }
.webshop__search--results > * > * {
color: initial;
display: block;
margin-block: .25em;
padding: .5em;
transition: background-color .25s; }
.webshop__search--results > * > *:hover {
background-color: rgba(149, 195, 77, 0.1); }
.layer-search form.search input {
flex-grow: 1; }
@media (max-width: 767px) {
.layer__navigation .module-search {
flex-grow: 1;
margin: 1em; }
.layer__navigation .module-search form span {
flex-grow: 1;
margin-right: .5em; } }
@media (min-width: 768px) {
.layer__navigation .module-search form {
margin-left: .5em; }
.layer__navigation .module-search form span {
position: absolute;
transform: translateX(-100%);
overflow: hidden;
margin-top: 1px;
left: -6px;
width: 0;
transition: width 1s 1s;
padding: 1px 0; }
.layer__navigation .module-search form button {
top: 2px; } }
.layer__navigation .module-search form {
display: flex;
align-items: center;
position: relative; }
.layer__navigation .module-search form span input {
color: #1d1d1b;
border: 1px solid #1d1d1b;
padding: 8px;
font-size: 15px;
width: 100%; }
.layer__navigation .module-search form button {
background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.297.002C5.724-.08%201.396%203.281.324%207.724c-1.171%204.274.811%209.139%204.634%2011.379%203.718%202.336%208.902%201.87%2012.144-1.092l5.799%205.801c1.231.701%201.28-1.02.382-1.44l-5.271-5.27c3.022-3.304%203.436-8.623.96-12.354-1.843-2.92-5.218-4.778-8.675-4.746zm0%201.287c4.08-.077%207.926%202.986%208.779%206.973.954%203.836-.983%208.128-4.484%209.957-3.518%201.984-8.302%201.174-10.965-1.864C.803%2013.36.505%208.393%202.95%205.082c1.652-2.354%204.47-3.817%207.348-3.793z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.8)); }
@media (min-width: 768px) {
html.scrolling .layer__navigation .module-search form button, html:not(.home) .layer__navigation .module-search form button {
background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.297.002C5.724-.08%201.396%203.281.324%207.724c-1.171%204.274.811%209.139%204.634%2011.379%203.718%202.336%208.902%201.87%2012.144-1.092l5.799%205.801c1.231.701%201.28-1.02.382-1.44l-5.271-5.27c3.022-3.304%203.436-8.623.96-12.354-1.843-2.92-5.218-4.778-8.675-4.746zm0%201.287c4.08-.077%207.926%202.986%208.779%206.973.954%203.836-.983%208.128-4.484%209.957-3.518%201.984-8.302%201.174-10.965-1.864C.803%2013.36.505%208.393%202.95%205.082c1.652-2.354%204.47-3.817%207.348-3.793z%22%20fill%3D%22%231d1d1b%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
filter: none; } }
.layer__navigation .module-search form:hover span, .layer__navigation .module-search form:focus-within span {
width: 14ch;
transition: width .3s ease; }
.module-search button {
width: 1.15em;
height: 1.15em;
border: none;
outline: none;
position: relative; }
.webshop-account__products .block {
max-width: none; }
.webshop-account__products table {
border-collapse: collapse;
width: 100%; }
.webshop-account__products table td {
padding: 8px; }
.webshop-account__products table thead {
font-weight: bold; }
.webshop-account__products table a {
color: inherit;
text-decoration: underline; }
.webshop-account__orders ul {
list-style: none;
margin: 0;
padding: 0; }
.webshop-account__orders li + li {
margin-top: 2em; }
.webshop-account__orders a {
display: flex;
align-items: center;
box-shadow: 0 0 20px rgba(51, 51, 51, 0.25);
padding: 1em;
color: inherit;
transition: background-color .3s; }
.webshop-account__orders a::before {
content: '';
display: inline-block;
width: 2em;
height: 2em;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%228.69%22%20x2%3D%2210.24%22%20y1%3D%2222.43%22%20y2%3D%2223.98%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%2342afe4%22%2F%3E%3Cstop%20offset%3D%22.29%22%20stop-color%3D%22%233faade%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23399ccd%22%2F%3E%3Cstop%20offset%3D%22.41%22%20stop-color%3D%22%232e86b2%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%231f688c%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%230d435f%22%2F%3E%3Cstop%20offset%3D%22.61%22%20stop-color%3D%22%23085d53%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23047449%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22%23028442%22%2F%3E%3Cstop%20offset%3D%22.82%22%20stop-color%3D%22%23008d3e%22%2F%3E%3Cstop%20offset%3D%22.93%22%20stop-color%3D%22%2300913d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22b%22%20x1%3D%2213.83%22%20x2%3D%2216.75%22%20y1%3D%2222.92%22%20y2%3D%2225.84%22%2F%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22c%22%20x1%3D%222.53%22%20x2%3D%2231.98%22%20y1%3D%224.98%22%20y2%3D%2234.43%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23a%29%22%20d%3D%22M10.6%2023.16c0-.6-.41-.95-1.15-.95-.3%200-.5.03-.61.06v1.92c.13.03.28.04.49.04.78%200%201.26-.39%201.26-1.06Z%22%2F%3E%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M15.14%2022.23c-.33%200-.54.03-.66.06v4.25c.13.03.33.03.51.03%201.33%200%202.2-.72%202.2-2.27%200-1.35-.78-2.06-2.04-2.06Z%22%2F%3E%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M23.55%200H9.09C6.98%200%205.26%201.72%205.26%203.83V18h-.37c-.85%200-1.54.69-1.54%201.54v9.36c0%20.85.69%201.54%201.54%201.54h.37v1.72c0%202.11%201.72%203.83%203.83%203.83h19.73c2.11%200%203.83-1.72%203.83-3.83V9.07L23.55%200ZM7.4%2021.23c.45-.08%201.09-.13%201.98-.13s1.55.17%201.98.52c.41.33.69.87.69%201.5s-.21%201.18-.6%201.54c-.5.47-1.24.68-2.11.68-.19%200-.37%200-.5-.03v2.32H7.39v-6.41Zm21.42%2012.42H9.1c-.82%200-1.48-.67-1.48-1.49v-1.72h18.39c.85%200%201.54-.69%201.54-1.54v-9.36c0-.85-.69-1.54-1.54-1.54H7.61V3.83c0-.82.67-1.48%201.48-1.48h13.58v5.01c0%201.47%201.19%202.66%202.66%202.66h4.92l.06%2022.16c0%20.82-.66%201.49-1.48%201.49ZM13%2027.61v-6.38c.54-.09%201.24-.13%201.98-.13%201.23%200%202.03.22%202.66.69.67.5%201.1%201.3%201.1%202.45%200%201.24-.45%202.1-1.08%202.63-.68.57-1.72.84-3%20.84-.76%200-1.3-.05-1.67-.1Zm10.51-3.77v1.19h-2.33v2.61h-1.47v-6.49h3.97v1.2h-2.5v1.48h2.33Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
margin-right: .5em; }
.webshop-account__orders a:hover {
background-color: #f0f0f0; }
.items-holder .item-content .heading {
pointer-events: none; }
.navigation-toggle label {
background: none;
padding-inline: 0; }
.navigation-toggle .navigation-toggle__label {
display: none; }
body {
--main--padding-right: 0px;
margin-left: auto;
margin-right: auto;
max-width: 2600px;
color: #333;
background-color: #f1efee;
font-family: Roboto, sans-serif;
font-size: 16px;
overflow-x: hidden; }
body > .website-system-notice {
position: fixed;
z-index: 9999999999;
left: 0;
bottom: 0;
background: #fff;
color: #fff;
display: flex;
padding-right: 30px;
border: 4px solid #d0d0d0;
border-left: none;
border-bottom: none;
border-top-right-radius: 15px;
box-shadow: 0 4px 16px 2px rgba(0, 0, 0, 0.25); }
body > .website-system-notice::before {
content: '';
position: absolute;
right: -15px;
bottom: -3px;
width: 15px;
height: 15px;
background: radial-gradient(15px at right, transparent 11px, #d0d0d0 11px, #d0d0d0 15px, #fff) no-repeat right bottom;
background-size: 100% 200%; }
body > .website-system-notice > label {
cursor: pointer;
margin: 10px 4px;
width: 120px;
position: relative; }
body > .website-system-notice > label input {
display: none; }
body > .website-system-notice > label input + span {
background-color: #ececec;
transition: .4s;
display: flex;
align-items: center;
text-align: center;
color: #000;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
border-radius: 50px; }
body > .website-system-notice > label input + span > span {
flex: 0 0 50%;
height: 30px;
position: relative;
z-index: 1;
pointer-events: none;
transition: .4s;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2px; }
body > .website-system-notice > label input + span::before {
position: absolute;
content: "";
left: 5px;
top: 0;
bottom: 0;
width: calc(50% - 10px);
margin: 5px;
background-image: linear-gradient(90deg, #9a2126, #c5312d);
transition: .4s;
border-radius: 50px; }
body > .website-system-notice > label input + span > :first-child {
padding-left: 10px; }
body > .website-system-notice > label input + span > :last-child {
padding-right: 10px; }
body > .website-system-notice > label input:not(:checked) + span > :first-child {
color: #fff; }
body > .website-system-notice > label input:checked + span > :last-child {
color: #fff; }
body > .website-system-notice > label input:focus + span {
box-shadow: 0 0 1px #2196F3; }
body > .website-system-notice > label input:checked + span::before {
transform: translateX(calc(100%));
background-image: linear-gradient(90deg, #87b972, #8cc574); }
body > .website-system-notice .website-system-notice--close {
position: absolute;
right: 8px;
top: 4px;
background: #ececec;
border-radius: 50%;
font-size: 0;
padding: 0;
transition: all .3s; }
body > .website-system-notice .website-system-notice--close::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20320.591%20320.591%22%20fill%3D%22%23666%22%3E%3Cpath%20d%3D%22M30.391%20318.583a30.37%2030.37%200%200%201-21.56-7.288c-11.774-11.844-11.774-30.973%200-42.817L266.643%2010.665c12.246-11.459%2031.462-10.822%2042.921%201.424%2010.362%2011.074%2010.966%2028.095%201.414%2039.875L51.647%20311.295a30.366%2030.366%200%200%201-21.256%207.288z%22%2F%3E%3Cpath%20d%3D%22M287.9%20318.583a30.37%2030.37%200%200%201-21.257-8.806L8.83%2051.963C-2.078%2039.225-.595%2020.055%2012.143%209.146c11.369-9.736%2028.136-9.736%2039.504%200l259.331%20257.813c12.243%2011.462%2012.876%2030.679%201.414%2042.922-.456.487-.927.958-1.414%201.414a30.368%2030.368%200%200%201-23.078%207.288z%22%2F%3E%3C%2Fsvg%3E");
background-position: 50% 55%;
background-repeat: no-repeat;
background-size: 50%;
display: block;
width: 16px;
height: 16px; }
body > .website-system-notice .website-system-notice--close:hover {
background: rgba(0, 0, 0, 0.25);
color: #fff; }
html.no-overflow body {
overflow-y: scroll; }
.section:not(.layer__navigation) [data-role="text"] a:not(.button), .section:not(.layer__navigation) .text a:not(.button), .section:not(.layer__navigation) .text2 a:not(.button) {
color: #95c34d;
text-decoration: underline; }
[data-role] > h1, [data-role] > h2, [data-role] > h3, [data-role] > h4, [data-role] > h5, [data-role] > h6 {
font: inherit;
color: inherit;
margin: 0;
padding: 0; }
[data-role="title"], .general_title {
color: #2268b0;
font-family: "Bebas Neue";
text-transform: uppercase;
line-height: 110%;
font-size: calc(1.9083969466vw - -22.4580152672px); }
@media (max-width: 500px) {
[data-role="title"], .general_title {
font-size: 32px; } }
@media (min-width: 1024px) {
[data-role="title"], .general_title {
font-size: 42px; } }
[data-role="subtitle"], .general_subtitle {
color: #1d1d1b;
font-family: "Bebas Neue";
text-transform: uppercase;
font-size: calc(0.7633587786vw - -20.1832061069px); }
@media (max-width: 767px) {
[data-role="subtitle"], .general_subtitle {
margin-bottom: 1rem;
margin-top: -6px; } }
@media (min-width: 768px) {
[data-role="subtitle"], .general_subtitle {
margin-bottom: 1rem;
margin-top: -8px; } }
@media (max-width: 500px) {
[data-role="subtitle"], .general_subtitle {
font-size: 24px; } }
@media (min-width: 1024px) {
[data-role="subtitle"], .general_subtitle {
font-size: 28px; } }
.general_text,
[data-role="text"],
.layer-text .text:not(:empty),
.text + input[type="checkbox"] + .text2:not(:empty) > div,
.readmore__text > div,
[data-type="text"] .text:not(:empty) {
font-weight: 400;
line-height: 2em; }
@media (max-width: 767px) {
.general_text,
[data-role="text"],
.layer-text .text:not(:empty),
.text + input[type="checkbox"] + .text2:not(:empty) > div,
.readmore__text > div,
[data-type="text"] .text:not(:empty) {
margin-bottom: 1em;
margin-top: 1em; } }
@media (min-width: 768px) {
.general_text,
[data-role="text"],
.layer-text .text:not(:empty),
.text + input[type="checkbox"] + .text2:not(:empty) > div,
.readmore__text > div,
[data-type="text"] .text:not(:empty) {
margin-bottom: 2em;
margin-top: 1em; } }
.button, .layer-text.text_button .button2 {
cursor: pointer; }
.button[data-view="23"], .layer-text.text_button .button2[data-view="23"] {
color: #ffffff;
background-color: #1d1d1b;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.button[data-view="23"], .layer-text.text_button .button2[data-view="23"] {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.button[data-view="23"], .layer-text.text_button .button2[data-view="23"] {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.button[data-view="23"] .button--text, .layer-text.text_button .button2[data-view="23"] .button--text {
display: inline-flex;
align-items: center; }
.button[data-view="23"] .button--text > span, .layer-text.text_button .button2[data-view="23"] .button--text > span {
display: inline-grid; }
.button[data-view="23"] .button--text > span > *, .layer-text.text_button .button2[data-view="23"] .button--text > span > * {
grid-area: -1 / -1; }
.button[data-view="23"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="23"] .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.button[data-view="23"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="23"] .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.button[data-view="23"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="23"] .button--text:not(:empty)::after {
margin-left: 8px; } }
.button[data-view="23"] .button--text:empty::before, .layer-text.text_button .button2[data-view="23"] .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.button[data-view="23"]:hover, .layer-text.text_button .button2[data-view="23"]:hover {
background-color: #2268b0; }
.button[data-view="30"], .layer-text.text_button .button2[data-view="30"] {
color: #ffffff;
background-color: #95c34d;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.button[data-view="30"], .layer-text.text_button .button2[data-view="30"] {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.button[data-view="30"], .layer-text.text_button .button2[data-view="30"] {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.button[data-view="30"] .button--text, .layer-text.text_button .button2[data-view="30"] .button--text {
display: inline-flex;
align-items: center; }
.button[data-view="30"] .button--text > span, .layer-text.text_button .button2[data-view="30"] .button--text > span {
display: inline-grid; }
.button[data-view="30"] .button--text > span > *, .layer-text.text_button .button2[data-view="30"] .button--text > span > * {
grid-area: -1 / -1; }
.button[data-view="30"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="30"] .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.button[data-view="30"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="30"] .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.button[data-view="30"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="30"] .button--text:not(:empty)::after {
margin-left: 8px; } }
.button[data-view="30"] .button--text:empty::before, .layer-text.text_button .button2[data-view="30"] .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.button[data-view="30"]:hover, .layer-text.text_button .button2[data-view="30"]:hover {
background-color: #719933; }
.button[data-view="200"], .layer-text.text_button .button2[data-view="200"] {
color: #1d1d1b;
background-color: #ffffff;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.button[data-view="200"], .layer-text.text_button .button2[data-view="200"] {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.button[data-view="200"], .layer-text.text_button .button2[data-view="200"] {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.button[data-view="200"] .button--text, .layer-text.text_button .button2[data-view="200"] .button--text {
display: inline-flex;
align-items: center; }
.button[data-view="200"] .button--text > span, .layer-text.text_button .button2[data-view="200"] .button--text > span {
display: inline-grid; }
.button[data-view="200"] .button--text > span > *, .layer-text.text_button .button2[data-view="200"] .button--text > span > * {
grid-area: -1 / -1; }
.button[data-view="200"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="200"] .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23010101%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.button[data-view="200"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="200"] .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.button[data-view="200"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="200"] .button--text:not(:empty)::after {
margin-left: 8px; } }
.button[data-view="200"] .button--text:empty::before, .layer-text.text_button .button2[data-view="200"] .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23010101%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.button[data-view="200"]:hover, .layer-text.text_button .button2[data-view="200"]:hover {
color: #95c34d; }
.button[data-view="318"], .layer-text.text_button .button2[data-view="318"] {
color: #ffffff;
background-color: #1d1d1b;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.button[data-view="318"], .layer-text.text_button .button2[data-view="318"] {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.button[data-view="318"], .layer-text.text_button .button2[data-view="318"] {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.button[data-view="318"] .button--text, .layer-text.text_button .button2[data-view="318"] .button--text {
display: inline-flex;
align-items: center; }
.button[data-view="318"] .button--text > span, .layer-text.text_button .button2[data-view="318"] .button--text > span {
display: inline-grid; }
.button[data-view="318"] .button--text > span > *, .layer-text.text_button .button2[data-view="318"] .button--text > span > * {
grid-area: -1 / -1; }
.button[data-view="318"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="318"] .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.button[data-view="318"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="318"] .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.button[data-view="318"] .button--text:not(:empty)::after, .layer-text.text_button .button2[data-view="318"] .button--text:not(:empty)::after {
margin-left: 8px; } }
.button[data-view="318"] .button--text:empty::before, .layer-text.text_button .button2[data-view="318"] .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.layer-blocks .item a[data-view="23"] .button {
color: #ffffff;
background-color: #1d1d1b;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="23"] .button {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="23"] .button {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.layer-blocks .item a[data-view="23"] .button .button--text {
display: inline-flex;
align-items: center; }
.layer-blocks .item a[data-view="23"] .button .button--text > span {
display: inline-grid; }
.layer-blocks .item a[data-view="23"] .button .button--text > span > * {
grid-area: -1 / -1; }
.layer-blocks .item a[data-view="23"] .button .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="23"] .button .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="23"] .button .button--text:not(:empty)::after {
margin-left: 8px; } }
.layer-blocks .item a[data-view="23"] .button .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.layer-blocks .item a[data-view="23"]:hover .button {
background-color: #2268b0; }
.layer-blocks .item a[data-view="30"] .button {
color: #ffffff;
background-color: #95c34d;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="30"] .button {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="30"] .button {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.layer-blocks .item a[data-view="30"] .button .button--text {
display: inline-flex;
align-items: center; }
.layer-blocks .item a[data-view="30"] .button .button--text > span {
display: inline-grid; }
.layer-blocks .item a[data-view="30"] .button .button--text > span > * {
grid-area: -1 / -1; }
.layer-blocks .item a[data-view="30"] .button .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="30"] .button .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="30"] .button .button--text:not(:empty)::after {
margin-left: 8px; } }
.layer-blocks .item a[data-view="30"] .button .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.layer-blocks .item a[data-view="30"]:hover .button {
background-color: #719933; }
.layer-blocks .item a[data-view="200"] .button {
color: #1d1d1b;
background-color: #ffffff;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="200"] .button {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="200"] .button {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.layer-blocks .item a[data-view="200"] .button .button--text {
display: inline-flex;
align-items: center; }
.layer-blocks .item a[data-view="200"] .button .button--text > span {
display: inline-grid; }
.layer-blocks .item a[data-view="200"] .button .button--text > span > * {
grid-area: -1 / -1; }
.layer-blocks .item a[data-view="200"] .button .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23010101%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="200"] .button .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="200"] .button .button--text:not(:empty)::after {
margin-left: 8px; } }
.layer-blocks .item a[data-view="200"] .button .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23010101%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.layer-blocks .item a[data-view="200"]:hover .button {
color: #95c34d; }
.layer-blocks .item a[data-view="318"] .button {
color: #ffffff;
background-color: #1d1d1b;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="318"] .button {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="318"] .button {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.layer-blocks .item a[data-view="318"] .button .button--text {
display: inline-flex;
align-items: center; }
.layer-blocks .item a[data-view="318"] .button .button--text > span {
display: inline-grid; }
.layer-blocks .item a[data-view="318"] .button .button--text > span > * {
grid-area: -1 / -1; }
.layer-blocks .item a[data-view="318"] .button .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.layer-blocks .item a[data-view="318"] .button .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.layer-blocks .item a[data-view="318"] .button .button--text:not(:empty)::after {
margin-left: 8px; } }
.layer-blocks .item a[data-view="318"] .button .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
button[disabled] {
opacity: .5; }
.button.button2 > .image {
margin-right: .5em; }
.general_button {
color: #ffffff;
background-color: #1d1d1b;
font-family: Roboto;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border-style: none;
border-radius: 10px;
transition: all .3s;
display: inline-flex;
vertical-align: bottom;
align-items: center; }
@media (max-width: 767px) {
.general_button {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em; } }
@media (min-width: 768px) {
.general_button {
padding-bottom: 0.7em;
padding-top: 0.7em;
padding-right: 1em;
padding-left: 1em; } }
.general_button .button--text {
display: inline-flex;
align-items: center; }
.general_button .button--text > span {
display: inline-grid; }
.general_button .button--text > span > * {
grid-area: -1 / -1; }
.general_button .button--text:not(:empty)::after {
content: '';
display: inline-block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
width: 14px;
height: 12px; }
@media (max-width: 767px) {
.general_button .button--text:not(:empty)::after {
margin-left: 6px; } }
@media (min-width: 768px) {
.general_button .button--text:not(:empty)::after {
margin-left: 8px; } }
.general_button .button--text:empty::before {
content: '';
display: block;
background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-6f9eff9f-ea32-4ac0-82a9-8e16b5cf200b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20d%3D%22M13.78%2C5.46L8.72.4c-.14-.14-.34-.22-.54-.22s-.4.08-.54.22l-.46.46c-.14.14-.22.34-.22.54s.08.4.22.55l2.95%2C2.96H.76C.33%2C4.91%2C0%2C5.24%2C0%2C5.66v.65C0%2C6.73.33%2C7.09.76%2C7.09h9.4l-2.98%2C2.97c-.14.14-.22.33-.22.54s.08.39.22.54l.46.46c.14.14.34.22.54.22s.4-.08.54-.22l5.06-5.06c.14-.14.22-.34.22-.54%2C0-.21-.08-.4-.22-.54Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
width: 14px;
height: 12px; }
.general_button:hover {
background-color: #2268b0; }
[id]:target {
scroll-margin-top: 110px; }
.flex {
display: flex; }
.flex.flex-3 {
display: flex; }
.flex.flex-3 > * {
flex: 1 1 33.3333333333%; }
.flex.flex-row {
flex-direction: row; }
.flex.flex-column {
flex-direction: column; }
.flex.flex-wrap {
flex-wrap: wrap; }
.chevron::after {
content: '\e906';
font-family: icons;
font-size: 0.6em;
display: inline-block;
vertical-align: middle;
margin-left: 1em; }
input[type="checkbox"].hidden {
position: absolute;
left: -9999px;
display: none;
width: 0;
height: 0; }
.columns {
display: flex; }
.audio-holder svg {
cursor: pointer; }
.audio-holder svg .play, .audio-holder svg .pause {
transition: opacity .15s; }
.audio-holder svg:not(.playing) .play {
opacity: 1; }
.audio-holder svg:not(.playing) .pause {
opacity: 0; }
.audio-holder svg.playing .play {
opacity: 0; }
.audio-holder svg.playing .pause {
opacity: 1; }
.audio-holder span {
margin-top: -.5em;
display: block; }
.slider .image-holder {
display: block; }
.more-images {
position: relative; }
.more-images .image-holder::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: linear-gradient(to top, #1688ca, transparent 4em);
opacity: 0.76; }
.more-images .image-holder + span {
position: absolute;
left: 1em;
bottom: 1em;
color: #fff;
font-size: calc(1.1450381679vw - -12.2748091603px);
font-weight: bold; }
@media (max-width: 500px) {
.more-images .image-holder + span {
font-size: 18px; } }
@media (min-width: 1024px) {
.more-images .image-holder + span {
font-size: 24px; } }
.more-images .image-holder + span::after {
content: '\e906';
font-family: icons;
position: relative;
margin-left: 2em;
top: -0.1em;
font-size: 0.5em; }
.back-to-top {
display: none;
cursor: pointer;
width: 3.8em;
height: 3.8em;
line-height: 3.6em;
text-align: center;
border-radius: 2px;
position: fixed;
right: 1em;
bottom: 10%;
font-size: calc(0.9541984733vw - -5.2290076336px);
border: 1px solid rgba(29, 29, 27, 0.5);
box-shadow: 0px 0px 15px rgba(29, 29, 27, 0.25);
background: #1d1d1b url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%23fff%22%20fill%3D%22%23fff%22%20transform%3D%22rotate%28-90%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
background-size: 40%; }
@media (max-width: 500px) {
.back-to-top {
font-size: 10px; } }
@media (min-width: 1024px) {
.back-to-top {
font-size: 15px; } }
.layer.overlay input {
position: absolute;
display: none;
left: -9999px; }
.layer.overlay input:checked + div {
display: block; }
.layer.overlay > div {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 2; }
.layer.overlay > div > div {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #000;
color: #fff;
padding: 4em; }
[data-sticky-top="1"] {
position: sticky; }
.my {
cursor: pointer;
color: inherit;
display: inline-flex;
align-items: center; }
@media (max-width: 767px) {
.my {
position: fixed;
top: 18px;
right: 3em;
transition: opacity .3s; }
#nav-expand:checked ~ .main .my {
opacity: 0; } }
@media (min-width: 768px) {
.my {
position: relative; } }
.my-title > :nth-child(2) {
display: none; }
.my.active .my-title > :nth-child(2) {
display: block; }
.my.active .my-title > :first-child:not(:last-child) {
display: none; }
.my.active::after {
content: '';
border-radius: 50%;
width: 10px;
height: 10px;
background-color: #6CB31D;
position: absolute;
right: -5px;
top: -4px; }
.my svg {
display: block;
max-width: 16px;
max-height: 16px;
fill: #fff; }
.my > :last-child:not(:first-child) {
margin-left: .5em; }
.bold {
font-weight: bold; }
[data-conditional][data-conditional-class="conditional-visible"] {
max-height: 0;
overflow: hidden;
transition: all .3s; }
[data-conditional][data-conditional-class="conditional-visible"]:not(.conditional-visible) {
margin-bottom: 0; }
[data-conditional][data-conditional-class="conditional-visible"].conditional-visible {
max-height: 500px; }
.section.layer-message .sc, .section.layer-online-payment .sc {
padding-top: 0;
max-width: 600px;
display: flex;
align-items: center;
height: 30vw;
max-height: 500px; }
.layer-sitemap .ic {
font-weight: 400;
line-height: 2em; }
@media (max-width: 767px) {
.layer-sitemap .ic {
margin-bottom: 1em;
margin-top: 1em; } }
@media (min-width: 768px) {
.layer-sitemap .ic {
margin-bottom: 2em;
margin-top: 1em; } }
.layer-sitemap ul {
list-style: square;
padding-left: 2em; }
.layer-sitemap a {
color: #95c34d; }
.layer-sitemap a:hover {
text-decoration: underline; }
.aspect-ratio {
position: relative;
height: 0; }
.aspect-ratio > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.module-stars {
display: inline-block;
position: relative;
background-repeat: repeat-x;
background-position: left center;
background-size: auto 100%; }
.module-stars::before {
content: '';
display: block;
width: 100%;
padding-top: 20%;
background: inherit;
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.363%208.584-7.378-1.127L12.678.413c-.247-.526-1.11-.526-1.357%200L8.015%207.457.637%208.584a.75.75%200%200%200-.423%201.265l5.36%205.494-1.267%207.767a.75.75%200%200%200%201.103.777L12%2020.245l6.59%203.643a.75.75%200%200%200%201.103-.777l-1.267-7.767%205.36-5.494a.75.75%200%200%200-.423-1.266z%22%20fill%3D%22%23eee%22%2F%3E%3C%2Fsvg%3E"); }
.module-stars > * {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: inherit;
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.363%208.584-7.378-1.127L12.678.413c-.247-.526-1.11-.526-1.357%200L8.015%207.457.637%208.584a.75.75%200%200%200-.423%201.265l5.36%205.494-1.267%207.767a.75.75%200%200%200%201.103.777L12%2020.245l6.59%203.643a.75.75%200%200%200%201.103-.777l-1.267-7.767%205.36-5.494a.75.75%200%200%200-.423-1.266z%22%20fill%3D%22%23f6e32d%22%2F%3E%3C%2Fsvg%3E"); }
.table {
display: table; }
.table > * {
display: table-row; }
.table > * > * {
display: table-cell;
padding-right: 16px;
white-space: nowrap; }
.layer__separator img, .layer__separator svg, .layer__separator video {
max-width: none;
width: 100%; }
details summary {
cursor: pointer;
transition: margin 150ms ease-out;
margin-bottom: 2px;
display: inline-flex;
gap: .5em;
align-items: center; }
details summary::marker {
content: ''; }
details summary::before {
content: '';
width: .75em;
height: .75em;
background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%2395c34d%22%20fill%3D%22%2395c34d%22%20transform%3D%22rotate%2890%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: contain;
transition: margin 150ms ease-out; }
details[open] summary {
margin-bottom: 1em; }
details[open] summary::before {
transform: scaleY(-1); }
details[open] summary + article {
margin-bottom: 2em; }
[data-role="buttons"] {
line-height: normal; }
[data-role="buttons"] .button {
display: inline-flex;
float: left;
clear: left;
margin-right: 0;
align-items: center;
transition: all .3s; }
[data-role="buttons"] .button::after, [data-role="buttons"] .button:hover::after {
transform: none; }
[data-role="buttons"] .button--media img {
max-width: none; }
[data-role="buttons"] .button--media + .button--text {
margin-left: 4px; }
[data-module="9"] {
padding-right: var(--main--padding-right); }
.module__paging + .items-wrapper {
margin-top: 1em; }
.items-wrapper + .module__paging {
margin-top: 1em; }
.module__paging {
position: relative;
z-index: 1;
display: flex; }
.module__paging, .module__paging select {
font-weight: 400; }
.module__paging > div {
display: flex;
margin-right: 1.5em; }
.module__paging > div > :not(i) {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 30px;
width: 30px;
margin-inline: 4px;
border: 1px solid transparent;
border-radius: 8px;
background-color: #fff;
color: #2268b0; }
.module__paging > div i {
font-style: normal; }
.module__paging > div i::before {
content: ' ... '; }
.module__paging > div a {
transition: background .3s; }
.module__paging > div a.paging__active {
color: #1688ca; }
.module__paging > div a:hover:not(.paging__active) {
background-color: transparent; }
.module__paging > div .paging__prev::before, .module__paging > div .paging__next::before {
content: '';
display: inline-block;
width: 14px;
height: 13px;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%20transform%3D%22rotate%280%200%200%29%22%3E%3Cpath%20fill%3D%22%231688ca%22%20d%3D%22M8.88.73c-.61-.61-1.59-.61-2.2%200-.61.61-.61%201.59%200%202.2l2.01%202.01H1.56C.7%204.94%200%205.64%200%206.5s.7%201.56%201.56%201.56h7.13l-2.01%202.01c-.61.61-.61%201.59%200%202.2.61.61%201.59.61%202.2%200l4.67-4.67c.08-.08.14-.16.2-.24.4-.6.33-1.42-.2-1.96L8.88.73Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
background-size: contain; }
.module__paging > div .paging__prev::before {
transform: scaleX(-1); }
.module__paging > div span {
opacity: .5;
filter: grayscale(1); }
.module__paging > select[name="pagesize"] {
margin-left: 1em; }
[data-sticky-layer]:not([data-sticky-layer="on"]) .sticky__spacer {
display: none; }
[data-sticky-layer][data-sticky-layer="on"] .sticky__container {
position: fixed; }
.section[data-sticky-layer] {
transition: all 1s;
left: 0;
width: 100%;
z-index: 3; }
.section[data-sticky-layer][data-sticky-position="bottom"] {
position: fixed;
bottom: 0; }
.section[data-sticky-layer][data-sticky-position="bottom"]:not([data-sticky-layer="on"]) {
opacity: 0;
pointer-events: none; }
.section[data-sticky-layer]:not([data-sticky-layer=""])[data-sticky-position="top"] {
position: sticky;
top: 0; }
.section[data-sticky-layer]:not([data-sticky-layer=""])[data-sticky-position="top"][data-sticky-layer="off"] {
opacity: 0;
pointer-events: none; }
button.module-share {
display: flex;
align-items: center;
border: none;
color: inherit;
background-color: transparent;
padding: 0;
font-weight: 600;
outline: none;
box-shadow: none; }
button.module-share::before {
margin-right: .25em;
content: '';
display: inline-block;
flex: 0 0 24px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.52%2016.14c-1.15%200-2.19.5-2.9%201.29l-6.47-4.01c.17-.44.27-.92.27-1.42s-.1-.98-.27-1.42l6.47-4.01a3.93%203.93%200%200%200%202.9%201.29c2.17%200%203.93-1.76%203.93-3.93S20.68%200%2018.52%200s-3.93%201.76-3.93%203.93c0%20.5.1.98.27%201.42L8.39%209.36a3.93%203.93%200%200%200-2.9-1.29%203.93%203.93%200%200%200%200%207.86c1.15%200%202.19-.5%202.9-1.29l6.47%204.01c-.17.44-.27.92-.27%201.42a3.93%203.93%200%201%200%203.93-3.93Zm-2.5-12.22a2.5%202.5%200%200%201%205%200%202.5%202.5%200%200%201-5%200ZM5.48%2014.5a2.5%202.5%200%200%201%200-5%202.5%202.5%200%200%201%200%205Zm10.54%205.58a2.5%202.5%200%200%201%205%200%202.5%202.5%200%200%201-5%200Z%22%20style%3D%22fill%3A%231d1d1b%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
background-position: center 60%; }
.text ul, .readmore__text ul, .text2 ul {
padding-left: 20px;
list-style: disc; }
.text ul li::marker, .readmore__text ul li::marker, .text2 ul li::marker {
color: #95c34d; }
.layer-columns .block[data-type="text"] .text h2, .layer-columns .block[data-type="text"] .readmore__text h2, .layer-columns .block[data-type="text"] .text2 h2, .layer-text .text h2, .layer-text .readmore__text h2, .layer-text .text2 h2 {
color: #1d1d1b;
font-family: "Bebas Neue";
text-transform: uppercase;
font-size: calc(0.7633587786vw - -20.1832061069px); }
@media (max-width: 767px) {
.layer-columns .block[data-type="text"] .text h2, .layer-columns .block[data-type="text"] .readmore__text h2, .layer-columns .block[data-type="text"] .text2 h2, .layer-text .text h2, .layer-text .readmore__text h2, .layer-text .text2 h2 {
margin-bottom: 1rem;
margin-top: -6px; } }
@media (min-width: 768px) {
.layer-columns .block[data-type="text"] .text h2, .layer-columns .block[data-type="text"] .readmore__text h2, .layer-columns .block[data-type="text"] .text2 h2, .layer-text .text h2, .layer-text .readmore__text h2, .layer-text .text2 h2 {
margin-bottom: 1rem;
margin-top: -8px; } }
@media (max-width: 500px) {
.layer-columns .block[data-type="text"] .text h2, .layer-columns .block[data-type="text"] .readmore__text h2, .layer-columns .block[data-type="text"] .text2 h2, .layer-text .text h2, .layer-text .readmore__text h2, .layer-text .text2 h2 {
font-size: 24px; } }
@media (min-width: 1024px) {
.layer-columns .block[data-type="text"] .text h2, .layer-columns .block[data-type="text"] .readmore__text h2, .layer-columns .block[data-type="text"] .text2 h2, .layer-text .text h2, .layer-text .readmore__text h2, .layer-text .text2 h2 {
font-size: 28px; } }
.layer-columns .block[data-type="text"] .text h2:not(:first-child), .layer-columns .block[data-type="text"] .readmore__text h2:not(:first-child), .layer-columns .block[data-type="text"] .text2 h2:not(:first-child), .layer-text .text h2:not(:first-child), .layer-text .readmore__text h2:not(:first-child), .layer-text .text2 h2:not(:first-child) {
margin-top: 2em; }
.layer-columns .block[data-type="text"] .text h3, .layer-columns .block[data-type="text"] .readmore__text h3, .layer-columns .block[data-type="text"] .text2 h3, .layer-text .text h3, .layer-text .readmore__text h3, .layer-text .text2 h3 {
color: #1d1d1b;
font-family: "Bebas Neue";
text-transform: uppercase;
font-size: calc(0.6106870229vw - -16.1465648855px); }
@media (max-width: 767px) {
.layer-columns .block[data-type="text"] .text h3, .layer-columns .block[data-type="text"] .readmore__text h3, .layer-columns .block[data-type="text"] .text2 h3, .layer-text .text h3, .layer-text .readmore__text h3, .layer-text .text2 h3 {
margin-bottom: 1rem;
margin-top: -6px; } }
@media (min-width: 768px) {
.layer-columns .block[data-type="text"] .text h3, .layer-columns .block[data-type="text"] .readmore__text h3, .layer-columns .block[data-type="text"] .text2 h3, .layer-text .text h3, .layer-text .readmore__text h3, .layer-text .text2 h3 {
margin-bottom: 1rem;
margin-top: -8px; } }
@media (max-width: 500px) {
.layer-columns .block[data-type="text"] .text h3, .layer-columns .block[data-type="text"] .readmore__text h3, .layer-columns .block[data-type="text"] .text2 h3, .layer-text .text h3, .layer-text .readmore__text h3, .layer-text .text2 h3 {
font-size: 19.2px; } }
@media (min-width: 1024px) {
.layer-columns .block[data-type="text"] .text h3, .layer-columns .block[data-type="text"] .readmore__text h3, .layer-columns .block[data-type="text"] .text2 h3, .layer-text .text h3, .layer-text .readmore__text h3, .layer-text .text2 h3 {
font-size: 22.4px; } }
.layer-columns .block[data-type="text"] .text h3:not(:first-child), .layer-columns .block[data-type="text"] .readmore__text h3:not(:first-child), .layer-columns .block[data-type="text"] .text2 h3:not(:first-child), .layer-text .text h3:not(:first-child), .layer-text .readmore__text h3:not(:first-child), .layer-text .text2 h3:not(:first-child) {
margin-top: 2em; }
.layer__pois .leaflet-marker-icon {
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.75);
border: 1px solid rgba(29, 29, 27, 0.75);
padding: 2px; }
.tooltip {
position: absolute;
top: -999px;
left: -999px;
background: black;
color: white;
padding: 5px 10px;
border-radius: 5px;
font-size: 13px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease-out, visibility 0s 0.2s;
pointer-events: none; }
.tooltip.visible {
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease-in; }
.tooltip-arrow {
position: absolute;
width: 10px;
height: 10px;
background: black;
transform: rotate(45deg); }
/*# sourceMappingURL=style.css.map */