/* Responsive device breakpoints */
.atomic-container.double-column-content .u-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.atomic-container.double-column-content .__left-column,
.atomic-container.double-column-content .__right-column {
  width: calc(50% - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.atomic-container.double-column-content .__mobile-column {
  display: none;
}

.column-item {
  margin-bottom: 72px;
}
.column-item picture, .column-item img {
  max-width: 100%;
  border-radius: 6px;
}
.column-item iframe {
  height: 300px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
}
.column-item.video {
  background-color: #000;
  border-radius: 6px;
}
.column-item.video .video-background-image {
  position: relative;
  width: 100%;
  border-radius: 6px;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 300px;
  cursor: pointer;
}
.column-item.video .video-background-image .dark-overlay {
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.column-item.video .video-background-image:hover .dark-overlay {
  background-color: rgba(0, 0, 0, 0.45);
}
.column-item.video .video-background-image .play-cta {
  position: relative;
  z-index: 1;
  font-family: "Gloria Hallelujah", cursive;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 18px;
  width: 72px;
  height: 72px;
  border-radius: 36px;
  -webkit-box-shadow: 0px 0px 0px 2px #fff;
          box-shadow: 0px 0px 0px 2px #fff;
}
.column-item:last-of-type {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 850px) {
  .__left-column,
  .__right-column {
    width: calc(50% - 12px);
  }
  .column-item iframe,
  .column-item.video .video-background-image {
    height: 30vw;
  }
}
@media screen and (max-width: 641px) {
  .atomic-container.double-column-content .__left-column,
  .atomic-container.double-column-content .__right-column {
    display: none;
  }
  .atomic-container.double-column-content .__mobile-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .atomic-container.double-column-content .column-item {
    margin-bottom: 48px;
  }
  .atomic-container.double-column-content .column-item.video .video-background-image {
    height: 55vw;
  }
  .atomic-container.double-column-content .column-item iframe {
    width: 100%;
    height: 55vw;
  }
}
/* Responsive device breakpoints */
ul.gfield_checkbox li,
ul.gfield_radio li {
  position: relative;
  padding-left: 36px;
}

ul.gfield_checkbox input[type=checkbox],
ul.gfield_radio input[type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
ul.gfield_checkbox input[type=checkbox] + label:after,
ul.gfield_radio input[type=radio] + label:after {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  margin-top: -11.5px;
  left: 0px;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #888888;
  width: 21px;
  height: 21px;
  background-color: transparent;
}

ul.gfield_radio input[type=radio] + label:after {
  border-radius: 11px;
  background-color: #fff;
}

ul.gfield_checkbox input[type=checkbox]:checked + label:after {
  content: "";
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/check.svg");
}

ul.gfield_radio input[type=radio]:checked + label:after {
  content: "";
  background-color: #888888;
  -webkit-box-shadow: inset 0px 0px 0px 3px #fff;
          box-shadow: inset 0px 0px 0px 3px #fff;
  -webkit-transition: background-color 0.12s;
  transition: background-color 0.12s;
}

ul.gfield_checkbox input[type=checkbox]:focus {
  border: 0px solid #000;
  -webkit-box-shadow: 0px 0px 0px 0px #fff !important;
          box-shadow: 0px 0px 0px 0px #fff !important;
}

.gform_wrapper .gfield_checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* Responsive device breakpoints */
/* Styling sollicitatieformulier */
.gform_wrapper form label {
  display: none;
}
.gform_wrapper form .gform_heading {
  text-align: center;
  margin-bottom: 12px;
}
.gform_wrapper form .gform_heading .gform_title {
  font-size: 24px;
  margin-bottom: 18px;
}
.gform_wrapper form .gform_heading .gform_description {
  font-size: 18px;
}
.gform_wrapper form .gform_body ul.gform_fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: repeat(2, calc(50% - 12px));
  grid-gap: 24px;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield {
  padding-left: 0px;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield {
  margin: 12px;
}
@supports (grid-gap: 24px) {
  .gform_wrapper form .gform_body ul.gform_fields li.gfield {
    margin: 0;
  }
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(4) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(6) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(7) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(8) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(9) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(10) {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(11) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield:nth-child(12) {
  -ms-grid-row: 12;
  -ms-grid-column: 1;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.gform_hidden {
  display: none;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_html {
  text-align: center;
  padding-bottom: 24px;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_html.terms {
  text-align: left;
  font-size: 13px;
  line-height: 16px;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_html.terms a {
  text-decoration: underline;
  font-weight: bold;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.is-double {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.is-double .ginput_container_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.is-double .ginput_container_name span {
  width: calc(50% - 12px);
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.is-datepicker input {
  cursor: pointer;
  background-image: url("../img/calendar.svg");
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.gform_wrapper form .gform_footer {
  padding-top: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.gform_wrapper form .gform_footer input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #fff;
  width: auto;
  font-size: 18px;
  font-weight: 500;
  border: 0px;
  height: 48px;
  line-height: 48px;
  padding: 0px 24px;
  background-color: #009846;
  cursor: pointer;
}
.gform_wrapper form .gform_ajax_spinner {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px;
}

.gfield_visibility_hidden {
  display: none;
}

/* set default placeholder color */
*::-webkit-input-placeholder {
  color: #888;
}

*:-moz-placeholder {
  /* FF 4-18 */
  color: #888;
}

*::-moz-placeholder {
  /* FF 19+ */
  color: #888;
}

*:-ms-input-placeholder {
  /* IE 10+ */
  color: #888;
}

/* error handling */
/************************* ERROR HANDLING ************************/
.validation_error {
  display: none;
}

.form-container .gform_wrapper li.gfield.gfield_error div.gfield_description.validation_message {
  position: absolute;
  right: 12px;
  padding-right: 6px;
  padding-left: 6px;
  width: auto;
  padding-top: 0px;
  background-color: #fff;
  color: red;
  font-size: 15px;
  top: -15px;
}

.form-container .gform_wrapper li.gfield.gfield_error,
.form-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border-top: 0px solid #000;
  border-bottom: 0px solid #000;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* form-popup styling */
.form-popup {
  position: fixed;
  top: 0px;
  display: none;
  height: 100%;
  z-index: 10;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  left: 0px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
}
.form-popup .gform_heading {
  text-align: left !important;
}
.form-popup .gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_html {
  text-align: left !important;
}

.form-popup.active {
  overflow: visible;
}

.form-popup .form-popup-close {
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 24px 24px 9px 0px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.form-popup .form-popup-close img {
  width: 15px;
  height: 15px;
}

.form-popup .form-popup-close svg {
  margin-left: 9px;
  height: 10px;
  width: 10px;
}

.form-popup .form-popup-overlay {
  position: absolute;
  z-index: 2;
  height: 100%;
  background-color: #000;
  opacity: 0;
  width: 100%;
  top: 0px;
  left: 0px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.form-popup.active .form-popup-overlay {
  opacity: 0.8;
}

.form-popup .form-container {
  display: none;
  background-color: #fff;
  position: relative;
  border-radius: 12px;
  z-index: 2;
  width: auto;
  opacity: 0;
  padding-top: 48px;
  width: 640px;
  max-width: calc(100% - 48px);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  min-height: 1px !important;
  height: 1000px;
  max-height: calc(100% - 72px);
  overflow: hidden;
}

.form-popup.booking-form .form-container {
  width: 700px;
}

.form-popup.active .form-container {
  opacity: 1;
}

.form-container-with-scrollbar {
  position: absolute;
  max-height: calc(100% - 60px);
  top: 48px;
  padding-bottom: 48px;
  left: 0px;
  padding-left: 48px;
  padding-right: 72px;
  width: calc(100% + 20px);
  overflow-y: auto;
}

.fake-scrollbar {
  position: absolute;
  height: calc(100% - 192px);
  top: 72px;
  right: 24px;
  width: 2px;
  z-index: 200;
  padding: 0 12px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.fake-scrollbar .scrollbar-bg {
  position: absolute;
  left: 12px;
  width: 2px;
  height: 100%;
  top: 0;
  opacity: 0.8;
  background-color: #aaa;
}

.fake-scrollbar .bar {
  position: absolute;
  width: 2px;
  height: 48px;
  padding: 0 12px;
  left: 0;
  bottom: calc(100% - 48px);
  cursor: pointer;
}

.fake-scrollbar .bar-bg {
  position: absolute;
  left: 12px;
  width: 2px;
  height: 100%;
  top: 0;
  background-color: #444;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 641px) {
  .form-popup .form-popup-overlay {
    background-color: #fff;
    height: 150%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .form-popup .fake-scrollbar {
    display: none;
  }
  .form-popup.active .form-popup-overlay {
    opacity: 1;
  }
  .form-popup .form-popup-close {
    padding: 18px 24px 12px 0px;
  }
  .form-popup .form-container {
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    min-height: 1px !important;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    max-height: 100%;
    height: 100% !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0px;
    padding: 48px 24px;
    top: 0px;
    overflow-y: scroll;
  }
  .form-popup .form-container-with-scrollbar {
    top: 60px;
    padding-left: 24px;
    padding-right: 48px;
  }
}
@media screen and (max-width: 481px) {
  .gform_wrapper form .gform_body ul.gform_fields {
    grid-template-columns: 100%;
  }
  .gform_wrapper form .gform_body ul.gform_fields li.gfield.is-double {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .gform_wrapper form .gform_body ul.gform_fields li.gfield.is-double .ginput_container_name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gform_wrapper form .gform_body ul.gform_fields li.gfield.is-double .ginput_container_name span {
    width: 100%;
    margin-bottom: 24px;
  }
  .gform_wrapper form .gform_body ul.gform_fields li.gfield.is-double .ginput_container_name span:last-of-type {
    margin-bottom: 0px;
  }
}
/*#datepicker styling*/
.ui-datepicker-trigger {
  height: 21px;
  position: absolute;
  right: 18px;
  bottom: 14px;
}

.ui-datepicker {
  z-index: 999999 !important;
  position: fixed !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  border: 1px solid #009846;
  padding: 12px;
  width: 340px;
  max-width: calc(100% - 24px);
  top: 50% !important;
  margin-top: -130px;
  left: calc(50% - 170px) !important;
  -webkit-box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.75);
  display: none;
}
@media screen and (max-width: 481px) {
  .ui-datepicker {
    width: 100% !important;
    max-width: 100% !important;
    left: 0px !important;
  }
}
.ui-datepicker .ui-datepicker-other-month {
  line-height: 1px;
}
.ui-datepicker .ui-datepicker-unselectable {
  padding-bottom: 2px;
  padding-left: 1px;
  padding-right: 1px;
}
.ui-datepicker .ui-datepicker-unselectable span {
  float: left;
  text-align: center;
  font-weight: 300;
  font-size: 15px;
  padding: 9px 6px;
  width: 100%;
  background-color: #efefef;
  border-radius: 6px;
  color: #aaa;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.datepicker-overlay {
  z-index: 999998 !important;
  position: fixed !important;
  background-color: rgba(0, 0, 0, 0.5);
  height: 120%;
  width: 100%;
  top: 0px;
  left: 0px;
}

.ui-datepicker-header {
  height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-prev {
  position: absolute;
  cursor: pointer;
  z-index: 3;
  width: 20px;
  height: 40px;
  background-image: url("../img/arrows/arrow-right.svg");
  background-size: 9px 15px;
  background-repeat: no-repeat;
  background-position: center center;
}
.ui-datepicker-header .ui-datepicker-next {
  right: 0px;
}
.ui-datepicker-header .ui-datepicker-prev {
  left: 0px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ui-datepicker-header .ui-datepicker-title {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 20px;
  margin: 0px !important;
  text-align: center;
  width: calc(100% - 40px);
}

/*.ui-datepicker-year,
.ui-datepicker-month{
width: auto;
width: calc(50% - 9px)!important;
height: 32px;
border: 0px;
font-weight: 300;
padding-left: 12px;
background-color: transparent;
appearance: none;
cursor: pointer;
background-image: url('../img/arrows/arrow-down.svg');
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
background-size: 12px 7px;
border-bottom: 1px solid #a7bac5;
}*/
.ui-datepicker-calendar {
  width: 100%;
}

.ui-datepicker-calendar thead th {
  padding-bottom: 9px;
}
.ui-datepicker-calendar thead span {
  font-weight: 400;
}

.ui-datepicker-calendar tbody td a {
  float: left;
  text-align: center;
  font-weight: 300;
  font-size: 15px;
  padding: 9px 6px;
  width: 100%;
  border-radius: 6px;
  background-color: transparent;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.ui-datepicker-calendar tbody td a:hover {
  background-color: #009846;
  text-decoration: none;
  color: #fff;
}

.ui-datepicker-calendar tbody td.ui-datepicker-today a {
  background-color: #009846;
  border-radius: 6px;
  color: #fff;
}

.ui-datepicker-next span,
.ui-datepicker-prev span {
  display: none;
}
/* Responsive device breakpoints */
/**************** global ****************/
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=search], input[type=url], select, textarea {
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  height: 48px;
  padding-left: 24px;
  font-size: 18px;
  border-radius: 6px;
  color: #444;
  border: 1px solid #bbb;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  font-family: "Roboto", sans-serif;
  padding-top: 24px;
  height: 196px;
}

select {
  cursor: pointer;
  background-image: url("../img/arrows/arrow-down.svg");
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  padding-right: 48px;
}
select::-ms-expand {
  display: none;
}

input.minimal-styling,
select.minimal-styling,
textarea.minimal-styling {
  padding: 0px;
  height: auto;
  background-color: transparent;
  border: 0px solid #000;
}

.gform_validation_container {
  display: none;
}
/* Responsive device breakpoints */
/* add special styles for the home banner */
body.home .hero-image .__text {
  width: 100%;
  margin-bottom: 75px;
}
@media screen and (max-width: 481px) {
  body.home .hero-image .__text {
    margin-bottom: 50px;
  }
}

.hero-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.hero-image--medium {
  height: 25vw;
}
.hero-image--big {
  height: 41.6vw;
}
.hero-image .__hero-picture,
.hero-image .__hero-picture img {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.hero-image .u-container {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 48px;
  padding-bottom: 48px;
  /* alignment */
  /*text-shadow */
}
.hero-image .u-container .__text {
  width: 100%;
}
.hero-image .u-container--align-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hero-image .u-container--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-image .u-container--align-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hero-image .u-container--align-top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hero-image .u-container--align-middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-image .u-container--align-bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.hero-image .u-container--add-text-shadow h1,
.hero-image .u-container--add-text-shadow h2,
.hero-image .u-container--add-text-shadow h3,
.hero-image .u-container--add-text-shadow h4,
.hero-image .u-container--add-text-shadow p {
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
}
.hero-image .u-container h1,
.hero-image .u-container h2,
.hero-image .u-container h3,
.hero-image .u-container h4 {
  max-width: 60%;
}
@media screen and (max-width: 850px) {
  .hero-image .u-container h1,
  .hero-image .u-container h2,
  .hero-image .u-container h3,
  .hero-image .u-container h4 {
    max-width: 65%;
  }
}
@media screen and (max-width: 641px) {
  .hero-image .u-container h1,
  .hero-image .u-container h2,
  .hero-image .u-container h3,
  .hero-image .u-container h4 {
    max-width: 100%;
  }
}
.hero-image .__hero-image-overlay {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.hero-image .__hero-image-overlay--normal-overlay {
  background-color: #000;
}
.hero-image .__hero-image-overlay--normal-overlay.o20 {
  opacity: 0.2;
}
.hero-image .__hero-image-overlay--normal-overlay.o40 {
  opacity: 0.4;
}
.hero-image .__hero-image-overlay--normal-overlay.o60 {
  opacity: 0.6;
}
.hero-image .grunge {
  position: absolute;
  z-index: 2;
  left: 0px;
  bottom: -2px;
  width: 100%;
  height: 5vw;
}
.hero-image .grunge img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-image--full-width img.__hero-image {
  position: relative;
}
.hero-image--full-width .u-container {
  position: absolute;
  max-width: 100%;
  padding: 0px;
  height: 100%;
}
.hero-image--full-width .u-container .__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 48px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.hero-image--full-width .u-container--medium .__text {
  max-width: 1020px;
}
.hero-image--full-width .u-container--wide .__text {
  max-width: 1320px;
}

@media screen and (max-width: 850px) {
  .hero-image .u-container {
    padding-bottom: 24px;
  }
  .hero-image--medium, .hero-image--big {
    height: 75vw;
  }
}
@media screen and (max-width: 1050px) {
  .hero-image--full-width img.__hero-image {
    width: 1050px;
    max-width: 1050px;
    margin-left: calc(50vw - 525px);
  }
  .hero-image--full-width--small {
    height: 285px;
  }
  .hero-image--full-width--small img.__hero-image {
    height: 285px;
  }
  .hero-image--full-width--small .__text {
    padding: 24px;
  }
  .hero-image--full-width--big {
    height: 450px;
  }
  .hero-image--full-width--big img.__hero-image {
    height: 450px;
  }
  .hero-image--full-width--big .__text {
    padding: 24px;
  }
}
@media screen and (max-width: 850px) {
  .hero-image--full-width--big {
    height: 340px;
  }
  .hero-image--full-width--big img.__hero-image {
    height: 340px;
  }
  .hero-image--full-width--small {
    height: 220px;
  }
  .hero-image--full-width--small img.__hero-image {
    height: 220px;
  }
  .hero-image--full-width img.__hero-image {
    width: 920px;
    max-width: 920px;
    margin-left: calc(50vw - 460px);
  }
}
@media screen and (max-width: 641px) {
  .hero-image--full-width--small, .hero-image--full-width--big {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hero-image--full-width--small img.__hero-image, .hero-image--full-width--big img.__hero-image {
    height: 56.25vw;
    width: 100%;
    margin-left: 0px;
  }
  .hero-image--full-width--small .u-container, .hero-image--full-width--big .u-container {
    position: relative;
  }
  .hero-image--full-width--small .u-container .__text, .hero-image--full-width--big .u-container .__text {
    padding: 24px;
  }
  .__hero-image-overlay {
    background-color: #000 !important;
    opacity: 0.3 !important;
  }
}
@media screen and (max-width: 481px) {
  .hero-image.regular .u-container {
    padding-bottom: 12px;
  }
  .hero-image.regular .u-container--align-top {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .hero-image.regular .u-container--align-middle {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .hero-image.regular .u-container--align-bottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  /*.hero-image.regular{
      height: auto;
      flex-direction: column;
      .__hero-image-overlay{
          height:75vw;
      }
      .__hero-picture{
          height: 75vw;
          position: relative
      }
      .__grunge{
          top: calc(70vw + 1px);
      }
      .u-container{
          padding: 22px 24px 6px 24px;
          p{
              line-height: 24px;
          }
          *{
              color: #444!important;
              text-shadow: none;
          }
      }
  }*/
}
.hero-image--single-product .__hero-image-overlay,
.hero-image--overview .__hero-image-overlay {
  display: none;
}
@media screen and (max-width: 481px) {
  .hero-image--single-product .__hero-image-overlay,
  .hero-image--overview .__hero-image-overlay {
    display: block;
    opacity: 0.3 !important;
  }
}

.boeknu-wrapper .u-container.u-container--medium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 850px) {
  .boeknu-wrapper .u-container.u-container--medium {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.boeknu-wrapper .quotation-form {
  -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.25);
  z-index: 4;
}

.btn-wrapper-boeknu {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 850px) {
  .btn-wrapper-boeknu {
    bottom: 0;
  }
}
@media screen and (max-width: 481px) {
  .btn-wrapper-boeknu {
    bottom: 0;
  }
}
.btn-wrapper-boeknu .button--green {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 58px;
  padding: 0px 40px;
}

.links_bar {
  position: absolute;
  bottom: 35px;
  width: 100%;
}
@media screen and (max-width: 481px) {
  .links_bar {
    bottom: 10px;
  }
}
.links_bar .swiper-container {
  overflow: visible;
  width: 100%;
}
.links_bar .swiper-container .swiper-wrapper {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2px 3px 6px 3px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 18px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media screen and (max-width: 850px) {
  .links_bar .swiper-container .swiper-wrapper {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.links_bar .swiper-container .swiper-wrapper .link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 23%;
  border-radius: 6px;
  height: 60px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
}
.links_bar .swiper-container .swiper-wrapper .link-block:last-of-type {
  margin-right: 0px;
}
@media screen and (max-width: 850px) {
  .links_bar .swiper-container .swiper-wrapper .link-block {
    width: auto;
  }
}
@media screen and (max-width: 481px) {
  .links_bar .swiper-container .swiper-wrapper .link-block {
    width: unset !important;
    margin-right: 0px !important;
  }
}
.links_bar .swiper-container .swiper-wrapper .link-block a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: 100%;
  padding: 0px 24px;
  border-radius: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
  font-weight: 700;
}
@media screen and (max-width: 850px) {
  .links_bar .swiper-container .swiper-wrapper .link-block a {
    padding: 0px 32px;
  }
}
@media screen and (max-width: 481px) {
  .links_bar .swiper-container .swiper-wrapper .link-block a {
    padding: 0px 24px;
    height: 50px;
    width: unset !important;
  }
}
.links_bar .swiper-container .swiper-wrapper .link-block a:hover {
  background-color: #efefef;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.links_bar .swiper-container .swiper-wrapper .archive-block {
  position: absolute;
  right: 0;
  top: -100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 850px) {
  .links_bar .swiper-container .swiper-wrapper .archive-block {
    position: unset;
    width: 100%;
  }
}
.links_bar .swiper-container .swiper-wrapper .archive-block a {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 100%;
  padding: 0px 24px;
  border-radius: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #32AD6C;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 850px) {
  .links_bar .swiper-container .swiper-wrapper .archive-block a {
    height: 60px;
    padding: 0px 32px;
  }
}
@media screen and (max-width: 481px) {
  .links_bar .swiper-container .swiper-wrapper .archive-block a {
    padding: 0px 24px;
    height: 50px;
  }
}
.links_bar .swiper-container .swiper-wrapper .archive-block a:hover {
  background-color: #288a55;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

@media screen and (max-width: 850px) {
  .links_bar .swiper-container {
    width: calc(100% + 48px);
    margin-left: -24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
/* Responsive device breakpoints */
.atomic-container.link-blocks {
  padding: 72px 0px 54px 0px;
}
@media screen and (max-width: 850px) {
  .atomic-container.link-blocks {
    padding: 48px 0px 30px 0px;
  }
}
.atomic-container.link-blocks .top-text {
  width: 100%;
  padding-bottom: 24px;
}
.atomic-container.link-blocks .swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2px 3px 6px 3px;
}
@media screen and (max-width: 850px) {
  .atomic-container.link-blocks .swiper-container .swiper-wrapper {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.atomic-container.link-blocks .swiper-container .swiper-wrapper .link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  border-radius: 6px;
  margin-right: 18px;
  margin-bottom: 18px;
  height: 60px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
}
.atomic-container.link-blocks .swiper-container .swiper-wrapper .link-block:last-of-type {
  margin-right: 0px;
}
.atomic-container.link-blocks .swiper-container .swiper-wrapper .link-block a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: 100%;
  padding: 0px 24px;
  border-radius: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
}
@media screen and (max-width: 850px) {
  .atomic-container.link-blocks .swiper-container .swiper-wrapper .link-block a {
    padding: 0px 32px;
  }
}
.atomic-container.link-blocks .swiper-container .swiper-wrapper .link-block a:hover {
  background-color: #efefef;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

@media screen and (max-width: 850px) {
  .link-blocks .swiper-container {
    width: calc(100% + 48px);
    margin-left: -24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
/* Responsive device breakpoints */
.news-item {
  width: calc(25% - 18px);
}

.news .social-feed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.social-toptext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 24px;
}
.social-toptext a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
}
.social-toptext a svg {
  margin-left: 12px;
  width: 24px;
  height: 24px;
}

.news-item { /* Masonry bricks or child elements */
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  overflow: hidden;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-transition: -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  transition: -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  transition: transform 0.4s, box-shadow 0.4s;
  transition: transform 0.4s, box-shadow 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
}
.news-item:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
  -webkit-transform: translate3d(0px, -6px, 0px);
          transform: translate3d(0px, -6px, 0px);
}
.news-item__head {
  position: relative;
  min-height: 50px;
}
.news-item__head picture, .news-item__head img {
  display: inline-block;
  float: left;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.news-item__body {
  padding: 24px;
}
.news-item__body h3 {
  margin-bottom: 8px;
}
.news-item__body span.date {
  padding: 0px 0px 6px 0px;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #009846;
}
.news-item__body p {
  font-size: 15px;
  line-height: 24px;
}

@media screen and (max-width: 641px) {
  .social-toptext a span {
    display: none;
  }
  .news-item {
    width: calc(50% - 6px);
    margin-bottom: 12px;
  }
}
/* Responsive device breakpoints */
.product-slider-link.swiper-slide {
  display: none !important;
}
.product-slider-link.swiper-slide .product-slider-link-button {
  padding: 16px 36px 16px 24px;
  background-color: #efefef;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 400;
  background-image: url("../img/arrows/arrow-right-grey.svg");
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position: calc(100% - 18px) center;
}

.product-slider-link-text {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(100% - 12px);
  width: 100%;
}

.no-products-alert {
  display: inline-block;
  margin-bottom: 12px;
  background-color: #d63b1b;
  color: #fff;
  font-family: "Gloria Hallelujah", cursive;
  font-size: 13px;
  line-height: 13px;
  padding: 7px 12px 6px;
}

.no-products-message .reset-filters {
  cursor: pointer;
  text-decoration: underline;
}

.products-container .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.33% 33.33% 33.33%;
  grid-template-columns: repeat(3, calc(33.33% - 32px));
  grid-gap: 48px;
}
.products-container--double-column .swiper-wrapper {
  -ms-grid-columns: 50% 50%;
  grid-template-columns: repeat(2, calc(50% - 24px));
}
.products-container .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  transition: -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  transition: transform 0.4s, box-shadow 0.4s;
  transition: transform 0.4s, box-shadow 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
}
.products-container .product {
  margin: 24px;
}
@supports (grid-gap: 48px) {
  .products-container .product {
    margin: 0;
  }
}
.products-container .product:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.products-container .product:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.products-container .product:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.products-container .product:nth-child(10) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(11) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(12) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.products-container .product:nth-child(13) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(14) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(15) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.products-container .product:nth-child(16) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(17) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(18) {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
}
.products-container .product:nth-child(19) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(20) {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(21) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.products-container .product:nth-child(22) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.products-container .product:nth-child(23) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
}
.products-container .product:nth-child(24) {
  -ms-grid-row: 8;
  -ms-grid-column: 3;
}
.products-container .product picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
}
.products-container .product picture img {
  border-radius: 6px;
  width: 100%;
}
.products-container .product .__image-container {
  position: relative;
}
.products-container .product .__image-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.products-container .product.quotation .__image-container:after {
  display: none;
}
.products-container .product:hover .__image-container:after {
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.products-container .product .__additional_text {
  position: absolute;
  bottom: 26px;
  left: 12px;
  background-color: #d63b1b;
  color: #fff;
  font-family: "Gloria Hallelujah", cursive;
  font-size: 13px;
  line-height: 13px;
  padding: 7px 12px 6px;
}
.products-container .product h5.__subtitle {
  font-size: 15px;
  line-height: 21px;
  padding: 1px 0 2px;
  max-height: 24px;
  overflow: hidden;
}
.products-container .product h5.__subtitle--green {
  color: #009846;
}
.products-container .product h5.__subtitle--red {
  color: #d63b1b;
}
.products-container .product h5.__subtitle--blue {
  color: #00A0E3;
}
.products-container .product p.__product-text {
  font-size: 15px;
  line-height: 21px;
  max-height: 42px;
  overflow: hidden;
}
.products-container .product:hover {
  text-decoration: none;
}

.product-top-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 18px;
  /*@include tablet-portrait {
      p{ line-height: px; }
  }*/
}
.product-top-text p {
  line-height: 24px;
}
.product-top-text .__left {
  width: 55%;
}
.product-top-text .__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 30%;
}

.dynamic-products .products-container {
  margin-bottom: 24px;
}

@media screen and (max-width: 850px) {
  .product-top-text .__left {
    width: 65%;
  }
  .product-top-text .__right {
    width: 35%;
  }
  .product-slider-link.button {
    display: none;
  }
  .product-slider-link.swiper-slide {
    display: block !important;
  }
  .products-container--double-column .product-slider-link .product-slider-link-text {
    height: 100%;
  }
  .products-container--double-column .product-slider-link img {
    display: none;
  }
  .products-container--double-column .product-slider-link .__image-container {
    height: 48px;
  }
  .products-container {
    width: calc(100% + 48px);
    margin-left: -24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .products-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
    margin-bottom: 0;
  }
  .products-container--double-column .swiper-wrapper {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, calc(50% - 12px));
  }
  .products-container.added-products .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    margin-bottom: 12px;
    grid-template-columns: repeat(2, calc(50% - 12px));
    grid-gap: 24px;
  }
}
@media screen and (max-width: 641px) {
  .product-top-text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product-top-text .__left {
    width: 100%;
  }
  .product-top-text .__right {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product-top-text .__right .button {
    padding-left: 0;
    margin-top: 2px;
  }
  .products-container--double-column .swiper-wrapper {
    display: grid;
    grid-gap: 36px;
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 481px) {
  .products-container.added-products .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    margin-bottom: 12px;
    grid-template-columns: 100%;
    grid-gap: 12px;
  }
}
/* Responsive device breakpoints */
.bookprocess .version2 {
  --bp-color-text-alt: #ffffff !important;
}

.bookprocess .recras-payment_method .radioWrapper {
  padding: 1rem 0;
  border-bottom: 1px solid #bbb;
}
.bookprocess .recras-payment_method .radioWrapper label {
  margin-left: 10px;
}
.bookprocess aside > div {
  top: 11rem;
}
.bookprocess aside .recapWrapper {
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.25);
}
.bookprocess aside h2 {
  background-color: #009846;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #ffffff;
}
.bookprocess aside .recapEle {
  font-size: 1rem;
  line-height: 1.5rem;
}
.bookprocess ol.steps {
  background: none;
}
.bookprocess ol.steps li {
  padding: 0;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #efefef;
  color: #444444;
  font-weight: 500;
  position: relative;
}
.bookprocess ol.steps li:first-child::after {
  display: none;
}
.bookprocess ol.steps li::after {
  content: "";
  width: 18px;
  height: 1px;
  background-color: #888888;
  position: absolute;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bookprocess ol.steps li.current {
  background-color: #009846;
  color: #ffffff;
}
.bookprocess .version2 [for^=booking_startdate]:has(+ .display-calendar) {
  background-color: #009846;
  border-radius: 6px;
}
.bookprocess .react-datepicker__month-container .react-datepicker__day:hover {
  color: #ffffff;
}
.bookprocess .react-datepicker__month-container .react-datepicker__day:hover::after {
  background-color: #009846;
  border-radius: 6px;
}
.bookprocess .react-datepicker__month-container .react-datepicker__day--selected::after {
  background-color: #009846;
  border-radius: 6px;
}
.bookprocess .subgroupWrapper {
  margin-top: 2rem;
}
.bookprocess .groupWrapper {
  border-radius: 8px !important;
}
.bookprocess .groupWrapper img.labelBookprocessImage {
  border-radius: 6px;
}
.bookprocess .groupWrapper.selected {
  border: 2px solid #009846;
}
.bookprocess .groupWrapper .extraInfoWrapper button.extraInfoOpen {
  background-color: #009846;
  color: #ffffff;
  border-radius: 6px;
  font-weight: 500;
  border: 0px;
}
.bookprocess .groupWrapper .extraInfoWrapper button.extraInfoOpen:hover {
  background-color: #00cb5d;
}
.bookprocess .groupWrapper .numberWithPlusMinus input[value=""] ~ button, .bookprocess .groupWrapper .numberWithPlusMinus input[value="0"] ~ button {
  color: #ffffff !important;
}
.bookprocess .groupWrapper .numberWrapper .numberWithPlusMinus input:placeholder-shown ~ button {
  background-color: #009846;
  color: #ffffff !important;
}
.bookprocess .groupWrapper .numberWrapper .numberWithPlusMinus input:placeholder-shown ~ button:hover {
  background-color: #00cb5d !important;
  color: #ffffff !important;
}
.bookprocess .groupWrapper .numberWrapper .numberWithPlusMinus button {
  background-color: #009846;
  color: #ffffff !important;
  border-radius: 6px;
}
.bookprocess .groupWrapper .numberWrapper .numberWithPlusMinus button:hover {
  background-color: #00cb5d !important;
  color: #ffffff !important;
}
.bookprocess .bpButtonWrapper button.primary {
  color: #ffffff;
  padding: 1rem 2rem;
  background-color: #009846;
  border: 0;
}
.bookprocess .bpButtonWrapper button.primary:hover {
  background-color: #00cb5d;
}
.bookprocess .bpButtonWrapper button.previousStep {
  color: #444444;
  padding: 1rem 2rem;
  background-color: #BBBBBB;
  border: 0;
}
.bookprocess .bpButtonWrapper button.previousStep:hover {
  background-color: #AAAAAA;
}
.bookprocess dialog {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2rem;
}
.bookprocess dialog h3 {
  margin-bottom: 1rem;
}
.bookprocess dialog div {
  line-height: 20px;
}
.bookprocess dialog button.closeBig,
.bookprocess dialog hr {
  display: none;
}
.bookprocess dialog button.closeSmall {
  border: 1px;
  background-color: #009846;
  color: #ffffff;
}
.bookprocess dialog button.closeSmall:hover {
  background-color: #00cb5d;
}
/* Responsive device breakpoints */
.review-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 24px);
  margin-top: 0px;
}
.single-review:nth-of-type(1n + 3) {
  margin-top: 36px;
}
@media screen and (max-width: 641px) {
  .single-review {
    width: 100%;
  }
  .single-review:nth-of-type(1n + 2) {
    margin-top: 36px;
  }
}
.single-review .review-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
}
.single-review .review-details__image img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
.single-review .review-details__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-review .review-details__text .name,
.single-review .review-details__text .source {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}
.single-review .review-details__text .source {
  font-weight: 300;
  color: #888888;
}
.single-review .review-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
}
/* Responsive device breakpoints */
.atomic-container.text--single .__left-column {
  width: 100%;
}
.atomic-container.text--double--text .__left-column,
.atomic-container.text--double--text .__right-column {
  width: calc(50% - 36px);
}
.atomic-container.text--double--block .__left-column {
  width: calc(65% - 36px);
}
.atomic-container.text--double--block .__right-column {
  width: calc(35% - 36px);
}
.atomic-container.text--double--block .__block-container {
  padding: 48px;
  position: relative;
}
.atomic-container.text--double--block .__block-container--transparent {
  padding: 0px;
}
.atomic-container.text--double--block .__block-container--lightgrey {
  background-color: #dce3e8;
}
.atomic-container.text--double--block .__block-container--red {
  background-color: #FFF000;
}
.atomic-container.text--double--block .__block-containerimage {
  background-size: cover;
  min-height: 280px;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.atomic-container.text--double--block .__block-container:nth-of-type(1n + 2) {
  margin-top: 36px;
}
.atomic-container.text--double--block .__block-container .__block-link {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.atomic-container.text .u-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.atomic-container.text .u-container img {
  max-width: 100%;
  height: auto !important;
}

@media screen and (max-width: 1050px) {
  .atomic-container.text--double--block .__left-column {
    width: calc(64% - 36px);
  }
  .atomic-container.text--double--block .__right-column {
    width: calc(36% - 36px);
  }
  .atomic-container.text--double--block .__block-container {
    padding: 36px;
  }
}
@media screen and (max-width: 850px) {
  .atomic-container.text--double--text .__left-column,
  .atomic-container.text--double--text .__right-column {
    width: calc(50% - 24px);
  }
  .atomic-container.text--double--block .__left-column {
    width: calc(60% - 24px);
  }
  .atomic-container.text--double--block .__right-column {
    width: calc(40% - 24px);
  }
  .atomic-container.text--double--block .__block-container {
    padding: 24px;
  }
  .atomic-container.text--double--block .__block-container:nth-of-type(1n + 2) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 641px) {
  .atomic-container.text .u-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .atomic-container.text--double--text .__left-column,
  .atomic-container.text--double--text .__right-column {
    width: 100%;
  }
  .atomic-container.text--double--text .__right-column {
    margin-top: 48px;
  }
  .atomic-container.text--double--block .__left-column {
    width: 100%;
  }
  .atomic-container.text--double--block .__right-column {
    width: 100%;
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .atomic-container.text--double--block .__block-container {
    padding: 36px;
    width: 100%;
    max-width: 400px;
  }
  .atomic-container.text--double--block .__block-container--transparent {
    max-width: 100%;
    padding: 0px;
  }
  .atomic-container.text--double--block .__block-container:nth-of-type(1n + 2) {
    margin-top: 48px;
  }
}
.offerte_btn {
  background-color: #f4e903;
  font-family: "Gloria Hallelujah", cursive;
  -webkit-box-shadow: 0 1px 0 0 #afa81c;
          box-shadow: 0 1px 0 0 #afa81c;
  border-radius: 6px;
  font-size: 15px;
  padding: 0 12px;
  height: 36px;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.offerte_btn:hover {
  color: #444;
}
/*# sourceMappingURL=atoms.css.map */