/* ==========================================================================
	Font settings

	Locations for typography:
	- framework/text/type for all global type settings
	- framework/text/headings for all headings
	========================================================================== */
/* ==========================================================================
	Color settings
	========================================================================== */
/* ==========================================================================
	Borders
	========================================================================== */
/* ==========================================================================
	General
	========================================================================== */
/* ==========================================================================
	Spacings
	========================================================================== */
/* ==========================================================================
 Section margin/padding
 ========================================================================== */
/* ==========================================================================
	Forms
	========================================================================== */
/* ==========================================================================
	Site grid settings
	========================================================================== */
/**
 * gritty css-grid grid
 */
@import url('//fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap');
.form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form fieldset {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1em 0;
  width: 100%;
  border: 1px solid #e6e9ee;
  border-radius: 4px 0px 4px 0px;
}
.form fieldset legend {
  font-weight: 600;
}
.form label {
  margin-bottom: 0.3em;
}
.form label input[type="radio"],
.form label input[type="checkbox"],
.form label input[type="radio"] + span,
.form label input[type="checkbox"] + span {
  vertical-align: middle;
}
.form button {
  margin-top: 1em;
}
.form._newsletter-footer button {
  margin-top: 0;
}
.input-group {
  display: flex;
  flex-direction: column;
  margin: 0.5em 0;
  width: 100%;
}
.input-group label,
.input-group p {
  color: #000000;
  font-size: 1em;
}
.input-group p {
  margin: 0;
}
.input-group input,
.input-group select,
.input-group textarea {
  padding: 0.7em 1em 0.7em;
  border: 1px solid #e6e9ee;
  border-radius: 3px;
  background: #fff;
  font-size: 1em;
}
.input-group input::placeholder,
.input-group select::placeholder,
.input-group textarea::placeholder {
  color: rgba(52, 73, 94, 0.84);
}
.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus {
  border-color: #000000;
  background: #FFFFFF;
  outline-color: #000000;
}
.input-group select {
  padding: 0.56em 1em 0.56em 1em;
}
@media screen and (min-width: 480px) {
  .input-group.width-100 {
    width: 100%;
  }
  .input-group.width-75 {
    width: 74%;
  }
  .input-group.width-50 {
    width: 49%;
  }
  .input-group.width-25 {
    width: 24%;
  }
  .input-group.width-33 {
    width: 32.33333%;
  }
  .input-group.width-66 {
    width: 65.66666%;
  }
}
.input-group-options .input-radio,
.input-group-options .input-checkbox {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
.input-group-options .input-radio:hover .radiobtn,
.input-group-options .input-checkbox:hover .radiobtn,
.input-group-options .input-radio:hover .checkmark,
.input-group-options .input-checkbox:hover .checkmark {
  background-color: #FFFFFF;
}
.input-group-options .input-radio:hover input:checked + .radiobtn,
.input-group-options .input-checkbox:hover input:checked + .radiobtn,
.input-group-options .input-radio:hover input:checked + .checkmark,
.input-group-options .input-checkbox:hover input:checked + .checkmark {
  background: #FFFFFF;
}
.input-group-options .input-radio input,
.input-group-options .input-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.input-group-options .input-radio input:checked + .radiobtn,
.input-group-options .input-checkbox input:checked + .radiobtn,
.input-group-options .input-radio input:checked + .checkmark,
.input-group-options .input-checkbox input:checked + .checkmark {
  background: #FFFFFF;
}
.input-group-options .input-radio input:checked + .radiobtn:after,
.input-group-options .input-checkbox input:checked + .radiobtn:after,
.input-group-options .input-radio input:checked + .checkmark:after,
.input-group-options .input-checkbox input:checked + .checkmark:after {
  display: block;
}
.input-group-options .radiobtn,
.input-group-options .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFFFFF;
  border: 1px solid #e6e9ee;
}
.input-group-options .radiobtn:after,
.input-group-options .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.input-group-options .radiobtn {
  border-radius: 50%;
}
.input-group-options .radiobtn:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(52, 73, 94, 0.84);
}
.input-group-options .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid rgba(52, 73, 94, 0.84);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.forms__field_errors,
.forms__errors {
  width: 100%;
  border: 1px solid #e6e9ee;
  padding: 0.7em 1em 0.7em;
  border-radius: 4px 0px 4px 0px;
}
.forms__field_errors p,
.forms__errors p {
  color: #FF0000;
  margin: 0;
}
.uniform__potty {
  position: absolute;
  left: -9999px;
}
.angled-mask-bottom {
  position: relative;
  overflow: hidden;
}
.angled-mask-bottom::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  width: 200%;
  height: 100%;
  background: #fff;
  transform-origin: top left;
  transform: rotate(-3deg);
  left: 0;
}
.angled-mask-top {
  position: relative;
  overflow: hidden;
}
.angled-mask-top::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  width: 200%;
  height: 100%;
  background: #fff;
  transform-origin: top left;
  transform: rotate(3deg);
  left: 0;
}
.box-shadow {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.clearfix::after,
.modal-header::after,
.modal-footer::after {
  content: '';
  display: table;
  clear: both;
}
.columns-full {
  column-width: 40em;
  column-gap: 2em;
}
.columns-half {
  column-width: 20em;
  column-gap: 2em;
}
.columns-third {
  column-width: 13.33333333em;
  column-gap: 2em;
}
.columns-headings-span-all h1,
.columns-headings-span-all h2,
.columns-headings-span-all h3 {
  column-span: all;
}
/**
 *
 * deprecate these:
 *
 */
/**
 *
 * count-label. used to show item count for instance after a filter option
 * parenthesis looks like this: itemnumber (13)
 * hide hides the counter
 * cirkel shows the count in a cirkel
 *
 */
.flexgrid-2 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
.flexgrid-2._reverse {
  flex-direction: row-reverse;
}
.flexgrid-2._center {
  justify-content: center;
}
.flexgrid-2._flex-start {
  justify-content: flex-start;
}
.flexgrid-2._flex-end {
  justify-content: flex-end;
}
.flexgrid-2 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 768px) {
  .flexgrid-2 > * {
    width: 48%;
  }
}
.flexgrid-2._top-highlight > *:first-child {
  width: 100%;
}
.flexgrid-2--top-highlight {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
.flexgrid-2--top-highlight._reverse {
  flex-direction: row-reverse;
}
.flexgrid-2--top-highlight._center {
  justify-content: center;
}
.flexgrid-2--top-highlight._flex-start {
  justify-content: flex-start;
}
.flexgrid-2--top-highlight._flex-end {
  justify-content: flex-end;
}
.flexgrid-2--top-highlight > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 768px) {
  .flexgrid-2--top-highlight > * {
    width: 48%;
  }
}
.flexgrid-2--top-highlight._top-highlight > *:first-child {
  width: 100%;
}
.flexgrid-2--top-highlight > *:first-child {
  width: 100%;
}
.flexgrid-3 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
.flexgrid-3._reverse {
  flex-direction: row-reverse;
}
.flexgrid-3._center {
  justify-content: center;
}
.flexgrid-3._flex-start {
  justify-content: flex-start;
}
.flexgrid-3._flex-end {
  justify-content: flex-end;
}
.flexgrid-3 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 480px) {
  .flexgrid-3 > * {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-3 > * {
    width: 31.33333333%;
  }
}
.flexgrid-4 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
.flexgrid-4._reverse {
  flex-direction: row-reverse;
}
.flexgrid-4._center {
  justify-content: center;
}
.flexgrid-4._flex-start {
  justify-content: flex-start;
}
.flexgrid-4._flex-end {
  justify-content: flex-end;
}
.flexgrid-4._center {
  justify-content: center;
}
.flexgrid-4 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 480px) {
  .flexgrid-4 > * {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-4 > * {
    width: 31.33333333%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-4 > * {
    width: 23%;
  }
}
.flexgrid-asidesplit {
  display: flex;
  flex-wrap: wrap;
}
.flexgrid-asidesplit > * {
  flex: 1 1 auto;
}
.flexgrid-asidesplit._reverse {
  flex-direction: row-reverse;
}
.flexgrid-asidesplit._justify-space-between {
  justify-content: space-between;
}
.flexgrid-asidesplit._justify-space-around {
  justify-content: space-around;
}
.flexgrid-asidesplit._justify-end {
  justify-content: end;
}
.flexgrid-asidesplit._justify-center {
  justify-content: center;
}
.flexgrid-asidesplit._align-center {
  align-content: center;
}
.flexgrid-asidesplit._align-end {
  align-content: end;
}
.flexgrid-asidesplit._align-start {
  align-content: start;
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit > *:nth-child(odd) {
    width: 66.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-asidesplit > *:nth-child(odd) {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit > *:nth-child(even) {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-asidesplit > *:nth-child(even) {
    width: 16.66666%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit > *:nth-child(even) {
    margin-left: 8.33333%;
  }
}
.flexgrid-asidesplit._reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit._reverse > *:nth-child(odd) {
    margin-left: 8.33333%;
  }
}
.flexgrid-asidesplit._reverse > *:nth-child(even) {
  margin-left: 0;
}
.flexgrid-asidesplit--reverse {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.flexgrid-asidesplit--reverse > * {
  flex: 1 1 auto;
}
.flexgrid-asidesplit--reverse._reverse {
  flex-direction: row-reverse;
}
.flexgrid-asidesplit--reverse._justify-space-between {
  justify-content: space-between;
}
.flexgrid-asidesplit--reverse._justify-space-around {
  justify-content: space-around;
}
.flexgrid-asidesplit--reverse._justify-end {
  justify-content: end;
}
.flexgrid-asidesplit--reverse._justify-center {
  justify-content: center;
}
.flexgrid-asidesplit--reverse._align-center {
  align-content: center;
}
.flexgrid-asidesplit--reverse._align-end {
  align-content: end;
}
.flexgrid-asidesplit--reverse._align-start {
  align-content: start;
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit--reverse > *:nth-child(odd) {
    width: 66.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-asidesplit--reverse > *:nth-child(odd) {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit--reverse > *:nth-child(even) {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-asidesplit--reverse > *:nth-child(even) {
    width: 16.66666%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit--reverse > *:nth-child(even) {
    margin-left: 8.33333%;
  }
}
.flexgrid-asidesplit--reverse._reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit--reverse._reverse > *:nth-child(odd) {
    margin-left: 8.33333%;
  }
}
.flexgrid-asidesplit--reverse._reverse > *:nth-child(even) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .flexgrid-asidesplit--reverse > *:nth-child(odd) {
    margin-left: 8.33333%;
  }
}
.flexgrid-asidesplit--reverse > *:nth-child(even) {
  margin-left: 0;
}
/**
 *
 * main grid setup
 *
 */
/**
 *
 * grid setup
 *
 */
.row {
  display: flex;
  flex-wrap: wrap;
}
.row > * {
  flex: 1 1 auto;
}
.row._reverse {
  flex-direction: row-reverse;
}
.row._justify-space-between {
  justify-content: space-between;
}
.row._justify-space-around {
  justify-content: space-around;
}
.row._justify-end {
  justify-content: end;
}
.row._justify-center {
  justify-content: center;
}
.row._align-center {
  align-content: center;
}
.row._align-end {
  align-content: end;
}
.row._align-start {
  align-content: start;
}
.col-1 {
  width: 8.33333%;
}
.col-2 {
  width: 16.66666%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333%;
}
.col-5 {
  width: 41.66666%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333%;
}
.col-8 {
  width: 66.66666%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333%;
}
.col-11 {
  width: 91.66666%;
}
.col-12 {
  width: 100%;
}
/**
 *
 * col width
 *
 */
@media screen and (min-width: 768px) {
  .col-sm-1 {
    width: 8.33333%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-2 {
    width: 16.66666%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-3 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-4 {
    width: 33.33333%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-5 {
    width: 41.66666%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-6 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-7 {
    width: 58.33333%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-8 {
    width: 66.66666%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-9 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-10 {
    width: 83.33333%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-11 {
    width: 91.66666%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-1 {
    width: 8.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-2 {
    width: 16.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-3 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-4 {
    width: 33.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-5 {
    width: 41.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-6 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-7 {
    width: 58.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-8 {
    width: 66.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-9 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-10 {
    width: 83.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-11 {
    width: 91.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col-sm-only-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-1 {
    width: 8.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-2 {
    width: 16.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-3 {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-4 {
    width: 33.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-5 {
    width: 41.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-6 {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-7 {
    width: 58.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-8 {
    width: 66.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-9 {
    width: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-10 {
    width: 83.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-11 {
    width: 91.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .col-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-1 {
    width: 8.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-2 {
    width: 16.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-3 {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-4 {
    width: 33.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-5 {
    width: 41.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-6 {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-7 {
    width: 58.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-8 {
    width: 66.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-9 {
    width: 75%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-10 {
    width: 83.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-11 {
    width: 91.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .col-md-only-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-1 {
    width: 8.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-2 {
    width: 16.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-3 {
    width: 25%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-4 {
    width: 33.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-5 {
    width: 41.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-6 {
    width: 50%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-7 {
    width: 58.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-8 {
    width: 66.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-9 {
    width: 75%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-10 {
    width: 83.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-11 {
    width: 91.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .col-lg-12 {
    width: 100%;
  }
}
/**
 *
 * offset
 *
 */
@media screen and (min-width: 768px) {
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-2 {
    margin-left: 16.66666%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-5 {
    margin-left: 41.66666%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-8 {
    margin-left: 66.66666%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-11 {
    margin-left: 91.66666%;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-1 {
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-2 {
    margin-left: 16.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-4 {
    margin-left: 33.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-5 {
    margin-left: 41.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-7 {
    margin-left: 58.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-8 {
    margin-left: 66.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-10 {
    margin-left: 83.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-11 {
    margin-left: 91.66666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .offset-sm-only-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-1 {
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-2 {
    margin-left: 16.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-4 {
    margin-left: 33.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-5 {
    margin-left: 41.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-7 {
    margin-left: 58.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-8 {
    margin-left: 66.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-10 {
    margin-left: 83.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-11 {
    margin-left: 91.66666%;
  }
}
@media screen and (min-width: 1024px) {
  .offset-md-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-1 {
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-2 {
    margin-left: 16.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-4 {
    margin-left: 33.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-5 {
    margin-left: 41.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-7 {
    margin-left: 58.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-8 {
    margin-left: 66.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-10 {
    margin-left: 83.33333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-11 {
    margin-left: 91.66666%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .offset-md-only-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-2 {
    margin-left: 16.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-5 {
    margin-left: 41.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-8 {
    margin-left: 66.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-11 {
    margin-left: 91.66666%;
  }
}
@media screen and (min-width: 1300px) {
  .offset-lg-12 {
    margin-left: 100%;
  }
}
/**
 *
 * Auto justified grid.
 * Usage as mixin: 
 * .flexgrid-magic-3(@spacing, @media query where to switch to three)
 * .flexgrid-magic-2(@spacing, @media query where to switch to two)
 * Usage in html:
 * <div class="g-magic-3">items</div>
 * <div class="g-magic-2">items</div>
 *
 * Demo: https://codepen.io/mcbrwr/pen/VRezjO
 *
 */
/**
 *
 * mixins
 *
 */
/**
 *
 * Magic grid with a favor for 2 items
 *
 */
@media screen and (min-width: 400px) {
  .flexgrid-magic-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -0.1em;
    margin-right: -0.1em;
  }
  .flexgrid-magic-2 > * {
    margin: 0.1em;
  }
  .flexgrid-magic-2 > * {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: calc(25% - 0.1em - 0.1em);
    max-width: calc(50% - 0.1em - 0.1em);
  }
  .flexgrid-magic-2 > *:first-child:nth-last-child(even),
  .flexgrid-magic-2 > *:first-child:nth-last-child(even) ~ * {
    flex: 1 1 calc(50% - 0.1em - 0.1em);
  }
  .flexgrid-magic-2 > *:first-child:nth-last-child(odd),
  .flexgrid-magic-2 > *:first-child:nth-last-child(odd) ~ * {
    flex: 1 1 calc(50% - 0.1em - 0.1em);
  }
  .flexgrid-magic-2 > *:first-child:nth-last-child(odd) ~ *:nth-last-child(4) ~ * {
    flex: 1 1 calc(33.3333% - 0.1em - 0.1em);
  }
  .flexgrid-magic-2 > *:first-child:nth-last-child(3),
  .flexgrid-magic-2 > *:first-child:nth-last-child(3) ~ * {
    flex: 1 1 calc(33.3333% - 0.1em - 0.1em);
  }
}
/**
 *
 * Magic grid with a favor for 3 or 4 items
 *
 */
@media screen and (min-width: 400px) {
  .flexgrid-magic,
  .flexgrid-magic-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
  .flexgrid-magic > *,
  .flexgrid-magic-3 > * {
    margin: 0.5em;
  }
  .flexgrid-magic > *,
  .flexgrid-magic-3 > * {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: calc(25% - 0.5em - 0.5em);
    max-width: calc(50% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(even),
  .flexgrid-magic-3 > *:first-child:nth-last-child(even),
  .flexgrid-magic > *:first-child:nth-last-child(even) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(even) ~ * {
    flex: 1 1 calc(50% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(odd),
  .flexgrid-magic-3 > *:first-child:nth-last-child(odd),
  .flexgrid-magic > *:first-child:nth-last-child(odd) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(odd) ~ * {
    flex: 1 1 calc(50% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(odd) ~ *:nth-last-child(4) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(odd) ~ *:nth-last-child(4) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3),
  .flexgrid-magic-3 > *:first-child:nth-last-child(3),
  .flexgrid-magic > *:first-child:nth-last-child(3) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-magic > *,
  .flexgrid-magic-3 > * {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: calc(25% - 0.5em - 0.5em);
    max-width: calc(50% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(4n),
  .flexgrid-magic-3 > *:first-child:nth-last-child(4n),
  .flexgrid-magic > *:first-child:nth-last-child(4n) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(4n) ~ * {
    flex: 1 1 calc(25% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n),
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n),
  .flexgrid-magic > *:first-child:nth-last-child(3n) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+5),
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+5),
  .flexgrid-magic > *:first-child:nth-last-child(3n+5) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+5) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+5) ~ *:nth-child(3) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+5) ~ *:nth-child(3) ~ * {
    flex: 1 1 calc(25% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(5),
  .flexgrid-magic-3 > *:first-child:nth-last-child(5),
  .flexgrid-magic > *:first-child:nth-last-child(5) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(5) ~ * {
    flex: 1 1 calc(50% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(5) ~ *:nth-child(2) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(5) ~ *:nth-child(2) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+5):not(:nth-last-child(odd)),
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+5):not(:nth-last-child(odd)),
  .flexgrid-magic > *:first-child:nth-last-child(3n+5):not(:nth-last-child(odd)) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+5):not(:nth-last-child(odd)) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+5):not(:nth-last-child(odd)) ~ *:nth-child(6) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+5):not(:nth-last-child(odd)) ~ *:nth-child(6) ~ * {
    flex: 1 1 calc(25% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+7),
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+7),
  .flexgrid-magic > *:first-child:nth-last-child(3n+7) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+7) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+7) ~ *:nth-last-child(5) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+7) ~ *:nth-last-child(5) ~ * {
    flex: 1 1 calc(25% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+8):not(:nth-last-child(4n+3)),
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+8):not(:nth-last-child(4n+3)),
  .flexgrid-magic > *:first-child:nth-last-child(3n+8):not(:nth-last-child(4n+3)) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+8):not(:nth-last-child(4n+3)) ~ * {
    flex: 1 1 calc(33.3333% - 0.5em - 0.5em);
  }
  .flexgrid-magic > *:first-child:nth-last-child(3n+8):not(:nth-last-child(4n+3)) ~ *:nth-last-child(9) ~ *,
  .flexgrid-magic-3 > *:first-child:nth-last-child(3n+8):not(:nth-last-child(4n+3)) ~ *:nth-last-child(9) ~ * {
    flex: 1 1 calc(25% - 0.5em - 0.5em);
  }
}
.flexgrid-shuffle {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
.flexgrid-shuffle._reverse {
  flex-direction: row-reverse;
}
.flexgrid-shuffle._center {
  justify-content: center;
}
.flexgrid-shuffle._flex-start {
  justify-content: flex-start;
}
.flexgrid-shuffle._flex-end {
  justify-content: flex-end;
}
.flexgrid-shuffle > * {
  margin: 0.6em 1%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .flexgrid-shuffle > *:nth-child(4n - 2),
  .flexgrid-shuffle > *:nth-child(4n -1) {
    width: 32%;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default {
    background: #000000;
    border-color: transparent;
    color: #FFFFFF;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default h1,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default h1,
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default h2,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default h2,
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default h3,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default h3,
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default h4,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default h4,
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default h5,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default h5,
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default h6,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default h6 {
    color: #FFFFFF;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .text ul,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .text ul,
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default.text ul,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default.text ul {
    list-style: none;
    /* Remove default bullets */
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .text ul li::before,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .text ul li::before,
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default.text ul li::before,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default.text ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #FFFFFF;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default a,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default a {
    color: #FFFFFF;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .readmore,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .readmore {
    color: #FFFFFF;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .readmore::after,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .readmore::after {
    background-image: url('/assets/cicons/angle-right/FFFFFF');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 9px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: -0.01em;
    transform: rotate(0deg);
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default figure,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default figure {
    grid-row: 4 / span 1;
    margin-bottom: 2em;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .card__tags,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .card__tags {
    grid-row: 3 / span 1;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .card__title,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .card__title {
    grid-row: 2 / span 1;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .card__meta,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .card__meta {
    grid-row: 5 / span 1;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .card__teasertext,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .card__teasertext {
    grid-row: 6 / span 1;
  }
  .flexgrid-shuffle > *:nth-child(4n - 2).card-default .card__readmore,
  .flexgrid-shuffle > *:nth-child(4n -1).card-default .card__readmore {
    grid-row: 7 / span 1;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-shuffle > *:nth-child(4n - 3),
  .flexgrid-shuffle > *:nth-child(4n) {
    width: 64%;
  }
}
.flexgrid-split {
  display: flex;
  flex-wrap: wrap;
}
.flexgrid-split > * {
  flex: 1 1 auto;
}
.flexgrid-split._reverse {
  flex-direction: row-reverse;
}
.flexgrid-split._justify-space-between {
  justify-content: space-between;
}
.flexgrid-split._justify-space-around {
  justify-content: space-around;
}
.flexgrid-split._justify-end {
  justify-content: end;
}
.flexgrid-split._justify-center {
  justify-content: center;
}
.flexgrid-split._align-center {
  align-content: center;
}
.flexgrid-split._align-end {
  align-content: end;
}
.flexgrid-split._align-start {
  align-content: start;
}
@media screen and (min-width: 768px) {
  .flexgrid-split > *:nth-child(odd) {
    width: 58.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-split > *:nth-child(odd) {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-split > *:nth-child(even) {
    width: 33.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-split > *:nth-child(even) {
    width: 41.66666%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-split > *:nth-child(even) {
    margin-left: 8.33333%;
  }
}
.flexgrid-split._reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .flexgrid-split._reverse > *:nth-child(odd) {
    margin-left: 8.33333%;
  }
}
.flexgrid-split._reverse > *:nth-child(even) {
  margin-left: 0;
}
.flexgrid-split--reverse {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.flexgrid-split--reverse > * {
  flex: 1 1 auto;
}
.flexgrid-split--reverse._reverse {
  flex-direction: row-reverse;
}
.flexgrid-split--reverse._justify-space-between {
  justify-content: space-between;
}
.flexgrid-split--reverse._justify-space-around {
  justify-content: space-around;
}
.flexgrid-split--reverse._justify-end {
  justify-content: end;
}
.flexgrid-split--reverse._justify-center {
  justify-content: center;
}
.flexgrid-split--reverse._align-center {
  align-content: center;
}
.flexgrid-split--reverse._align-end {
  align-content: end;
}
.flexgrid-split--reverse._align-start {
  align-content: start;
}
@media screen and (min-width: 768px) {
  .flexgrid-split--reverse > *:nth-child(odd) {
    width: 58.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-split--reverse > *:nth-child(odd) {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-split--reverse > *:nth-child(even) {
    width: 33.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .flexgrid-split--reverse > *:nth-child(even) {
    width: 41.66666%;
  }
}
@media screen and (min-width: 768px) {
  .flexgrid-split--reverse > *:nth-child(even) {
    margin-left: 8.33333%;
  }
}
.flexgrid-split--reverse._reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .flexgrid-split--reverse._reverse > *:nth-child(odd) {
    margin-left: 8.33333%;
  }
}
.flexgrid-split--reverse._reverse > *:nth-child(even) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .flexgrid-split--reverse > *:nth-child(odd) {
    margin-left: 8.33333%;
  }
}
.flexgrid-split--reverse > *:nth-child(even) {
  margin-left: 0;
}
/**
 *
 * css-grid() is deprecated
 * use: responsive-grid() :-)
 *
 */
.gridtest {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
  margin-bottom: -5em;
}
.gridtest p {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
/**
 * G2 split mixin
 */
/**
 *
 * experimental responsive grid
 * voordelen/nadelen overleggen
 * voorbeeld toepassing:
 * - normaal grid: .responsive-grid(@site-width, @site-padding);
 * - of in een tiny builder: .responsive-grid(100%, 0);
 *
 */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger:focus {
  outline: 0;
}
.hamburger-box {
  width: 24px;
  height: 17px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 18px;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -6px;
  width: 24px;
}
.hamburger-inner::after {
  bottom: -6px;
  width: 10px;
}
/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/**
 *
 * mixins
 *
 */
/**
 *
 * applications
 * (default-padding could be deprecated)
 *
 */
.section-padding,
.default-padding {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .section-padding,
  .default-padding {
    padding: 2em 0 2em 0;
  }
}
.section-margin,
.default-margin {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .section-margin,
  .default-margin {
    margin: 3em 0 3em 0;
  }
}
/**
 *
 * SVG background mixin for icon/sprite usage
 *
 * usage (official version): a { .svg(@filename:'download'; @w:1.5em; @h:1.5em;) }
 * usage (shorthand version): a { .svg('download', 1.5em, 1.5em) }
 *
 */
.breadcrumb {
  display: none;
}
@media screen and (min-width: 1200px) {
  .breadcrumb {
    display: block;
  }
}
.breadcrumb ul {
  max-width: calc(1200px + 3vw + 3vw);
  padding-left: 3vw;
  padding-right: 3vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5em;
  padding-bottom: 1em;
  display: flex;
  align-items: flex-end;
}
.breadcrumb li {
  display: inline-block;
  font-size: 0.75em;
  text-transform: uppercase;
  line-height: 1;
  margin-right: 1em;
}
.breadcrumb li:first-child a {
  display: inline-block;
  background-image: url('/assets/cicons/home/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 23px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
  margin-right: 1em;
}
.breadcrumb li:first-child a:hover {
  background-image: url('/assets/cicons/home/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 23px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.breadcrumb a::after {
  background-image: url('/assets/cicons/angle-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  height: 14px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.breadcrumb a:hover {
  color: #64ffd2;
}
.breadcrumb a::after {
  display: inline-block;
  margin-left: 0.5em;
}
.pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.pagination li.active a {
  font-weight: 700;
}
.pagination a {
  text-decoration: none;
  padding: 1em;
}
.pagination a:hover,
.pagination a:focus {
  text-decoration: underline;
}
.language-switch {
  text-transform: uppercase;
  position: relative;
  font-size: 0.75em;
  align-self: flex-end;
  z-index: 1;
  margin-left: 2em;
  margin-right: 0.5em;
}
@media screen and (min-width: 1200px) {
  .language-switch {
    margin-right: 0;
  }
}
.language-switch__current-lang {
  background: #000000;
  color: #FFFFFF;
  border-radius: 13px;
  cursor: pointer;
  display: block;
  padding: 2px 10px 2px 2px;
}
.language-switch__current-lang::after {
  background-image: url('/assets/cicons/angle-down/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.language-switch__current-lang.language-switch__nl::before {
  background-image: url('/assets/cicons/Flag-NL/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.language-switch__current-lang.language-switch__en::before {
  background-image: url('/assets/cicons/flag-UK/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.language-switch__current-lang.language-switch__fr::before {
  background-image: url('/assets/cicons/flag-france/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.language-switch__current-lang.language-switch__es::before {
  background-image: url('/assets/cicons/flag-spain/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._open .language-switch__current-lang {
  display: block;
}
.language-switch__list {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  background: #000000;
  color: #FFFFFF;
  padding: 1.5em 2px 2px 2px;
  margin: -1em 0;
  z-index: -1;
  border-radius: 0 0 10px 10px;
}
.language-switch__list._open {
  display: block;
}
.language-switch__list li {
  padding: 0.5em 0;
  display: block;
  text-align: center;
}
.language-switch__list li a {
  cursor: pointer;
}
.language-switch__list li a.lang-nl::before {
  background-image: url('/assets/cicons/Flag-NL/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.language-switch__list li a.lang-en::before {
  background-image: url('/assets/cicons/flag-UK/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.language-switch__list li a.lang-fr::before {
  background-image: url('/assets/cicons/flag-france/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.language-switch__list li a.lang-es::before {
  background-image: url('/assets/cicons/flag-spain/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
/**
 *
 * Searchbox in topnav
 *
 */
/**
 *
 * Searchbox on search page
 *
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, 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;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* 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 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  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.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */
[type="search"]::-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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
.color-primary {
  color: #64ffd2;
}
.color-secondary {
  color: #000000;
}
.color-soft {
  color: #000000;
}
.color-white {
  color: #FFFFFF;
}
.color-black {
  color: #000000;
}
.bg-primary {
  background-color: #64ffd2;
}
.bg-secondary {
  background-color: #000000;
}
.bg-soft {
  background-color: #64ffd2;
}
.bg-loud {
  background-color: #000000;
}
.container {
  max-width: calc(1200px + 3vw + 3vw);
  padding-left: 3vw;
  padding-right: 3vw;
  margin-left: auto;
  margin-right: auto;
}
.container-md {
  max-width: calc(1200px + 3vw + 3vw);
  padding-left: 3vw;
  padding-right: 3vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 999.9996px;
}
.container-sm {
  max-width: calc(1200px + 3vw + 3vw);
  padding-left: 3vw;
  padding-right: 3vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 799.92px;
}
.container-xs {
  max-width: calc(1200px + 3vw + 3vw);
  padding-left: 3vw;
  padding-right: 3vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.container-fullwidth {
  padding-left: 3vw;
  padding-right: 3vw;
}
@media screen and (min-width: 768px) {
  .container-fullwidth {
    padding-left: 0;
    padding-right: 0;
  }
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1em minmax(auto, 1168px) 1em 1fr;
  grid-template-rows: auto;
}
body._konami nav,
body._konami ul,
body._konami li,
body._konami section,
body._konami div,
body._konami figure,
body._konami blockquote,
body._konami header,
body._konami h1,
body._konami h2,
body._konami h3,
body._konami h4,
body._konami h5,
body._konami h6 {
  outline: rgba(78, 132, 14, 0.5) solid 1px;
}
.dbg-container {
  position: relative;
}
.dbg-container::after {
  pointer-events: none;
  z-index: 10101010;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 1em;
  right: 1em;
  bottom: 0;
  background-image: -webkit-linear-gradient(0deg, rgba(74, 144, 226, 0.4) 0%, rgba(74, 144, 226, 0.4) 1%, transparent 1.1%, transparent 99%, rgba(74, 144, 226, 0.4) 99.8%, rgba(74, 144, 226, 0.4) 100%), -webkit-linear-gradient(90deg, rgba(223, 100, 74, 0.4) 0px, transparent 1px);
  background-repeat: repeat;
  background-position: top left;
  background-size: 4.16666667% 1em;
}
.dbg-cssgrid-container {
  position: relative;
}
.dbg-cssgrid-container::after {
  pointer-events: none;
  z-index: 10101010;
  content: '';
  display: block;
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 100;
  background-image: -webkit-linear-gradient(0deg, rgba(74, 144, 226, 0.4) 0%, rgba(74, 144, 226, 0.4) 1%, transparent 1.1%, transparent 99%, rgba(74, 144, 226, 0.4) 99.8%, rgba(74, 144, 226, 0.4) 100%), -webkit-linear-gradient(90deg, rgba(223, 100, 74, 0.4) 0px, transparent 1px);
  background-repeat: repeat;
  background-position: top left;
  background-size: 4.16666667% 1em;
}
.dbg-grid-bg {
  background-image: -webkit-linear-gradient(0deg, rgba(74, 144, 226, 0.4) 0%, rgba(74, 144, 226, 0.4) 1%, transparent 1.1%, transparent 99%, rgba(74, 144, 226, 0.4) 99.8%, rgba(74, 144, 226, 0.4) 100%), -webkit-linear-gradient(90deg, rgba(223, 100, 74, 0.4) 0px, transparent 1px);
  background-repeat: repeat;
  background-position: top left;
  background-size: 4.16666667% 1em;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: all 0.3s ease-in-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
}
.modal-header {
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 2;
}
.modal-body {
  position: relative;
  padding: 1rem;
}
.modal-footer {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 400px;
  }
}
@media (min-width: 1024px) {
  .modal-lg {
    width: 900px;
  }
}
.notifications {
  position: relative;
}
.notification {
  background: #000000;
  border-color: transparent;
  color: #FFFFFF;
  padding: 1em;
}
.notification h1,
.notification h2,
.notification h3,
.notification h4,
.notification h5,
.notification h6 {
  color: #FFFFFF;
}
.notification .text ul,
.notification.text ul {
  list-style: none;
  /* Remove default bullets */
}
.notification .text ul li::before,
.notification.text ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FFFFFF;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
.notification a {
  color: #FFFFFF;
}
.notification .readmore {
  color: #FFFFFF;
}
.notification .readmore::after {
  background-image: url('/assets/cicons/angle-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
.notification__close {
  color: #FFFFFF;
  line-height: 1;
  background: none;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 2em;
}
.grid {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
.grid--center {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: auto;
  grid-row-end: span 1;
}
.grid--offset1 {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: auto;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  .grid--offset1 {
    grid-column-start: 4;
    grid-column-end: span 23;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
.grid--md {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: auto;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  .grid--md {
    grid-column-start: 4;
    grid-column-end: span 22;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1024px) {
  .grid--md {
    grid-column-start: 5;
    grid-column-end: span 20;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
.grid--sm {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: auto;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  .grid--sm {
    grid-column-start: 5;
    grid-column-end: span 20;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1024px) {
  .grid--sm {
    grid-column-start: 10;
    grid-column-end: span 10;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
.grid--full {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.grid--full-padded {
  grid-column-start: 2;
  grid-column-end: span 26;
  grid-row-start: 1;
  grid-row-end: span 1;
}
/**
 *
 * margins
 *
 */
/* botspace */
.botspace-none {
  margin-bottom: 0!important;
}
.botspace-xs {
  margin-bottom: 0.3em !important;
}
.botspace-sm {
  margin-bottom: 0.6em !important;
}
.botspace,
.botspace-md {
  margin-bottom: 1em !important;
}
.botspace-lg {
  margin-bottom: 2em !important;
}
.botspace-xl {
  margin-bottom: 4em !important;
}
/* topspace */
.topspace-xs {
  margin-top: 0.3em !important;
}
.topspace-sm {
  margin-top: 0.6em !important;
}
.topspace,
.topspace-md {
  margin-top: 1em !important;
}
.topspace-lg {
  margin-top: 2em !important;
}
.topspace-xl {
  margin-top: 4em !important;
}
/**
 *
 * paddings
 *
 */
/* air - all around padding */
.air {
  padding: 1em;
}
.air-v {
  padding: 1em 0;
}
/* top padding */
.toppad-xs {
  padding-top: 0.3em !important;
}
.toppad-sm {
  padding-top: 0.6em !important;
}
.toppad,
.toppad-md {
  padding-top: 1em !important;
}
.toppad-lg {
  padding-top: 2em !important;
}
.toppad-lg {
  padding-top: 2em !important;
}
/* bottom padding */
.botpad-xs {
  padding-top: 0.3em !important;
}
.botpad-sm {
  padding-top: 0.6em !important;
}
.botpad,
.botpad-md {
  padding-top: 1em !important;
}
.botpad-lg {
  padding-top: 2em !important;
}
.botpad-lg {
  padding-top: 2em !important;
}
/**
 *
 * cedrah air
 * a mixin/class for default padding on boxes
 *
 */
.cedrah-air {
  padding: 2em;
}
@media screen and (min-width: 1600px) {
  .cedrah-air {
    padding: 3.75em;
  }
}
.text p {
  margin: 0 0 1em 0;
}
@media screen and (min-width: 1200px) {
  .text p {
    margin: 0 0 2.5em 0;
  }
}
.text--centered {
  text-align: center;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--max-width {
  max-width: 40em;
  margin: 0 auto;
}
.filters {
  padding: 1em 0;
}
.filters__heading h2 {
  font-weight: 700;
  font-size: 1.5em;
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1200px) {
  .filters__heading h2 {
    margin-bottom: 0;
  }
}
.filters__btntoggle,
.filters__reset {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: background-position 0.3s;
  background: #64ffd2;
  border: 0px solid #FFFFFF;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.5em 1em;
  vertical-align: text-bottom;
}
.filters__btntoggle:focus,
.filters__reset:focus {
  outline: 0;
}
.filters__btntoggle._lg,
.filters__reset._lg {
  font-size: 1.2em;
}
.filters__btntoggle._sm,
.filters__reset._sm {
  font-size: 0.85em;
}
.filters__btntoggle._phonenumber::before,
.filters__reset._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.filters__btntoggle._mailaddress::before,
.filters__reset._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.filters__btntoggle::after,
.filters__reset::after {
  background-image: url('/assets/cicons/arrow-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.filters__btntoggle:hover,
.filters__reset:hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 0;
  color: #64ffd2;
}
.filters__btntoggle:hover::after,
.filters__reset:hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.filters__btntoggle._ext::after,
.filters__reset._ext::after {
  background-image: url('/assets/cicons/arrow-down/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.filters__btntoggle._ext:hover::after,
.filters__reset._ext:hover::after {
  background-image: url('/assets/cicons/arrow-down/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.filters__btntoggle {
  display: inline-block;
}
@media screen and (min-width: 1200px) {
  .filters__btntoggle {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .filters__sets {
    background: #000000;
    margin: 0 -1em;
    padding: 1em;
    display: none;
  }
  .filters__sets._open {
    display: flex;
    flex-wrap: wrap;
  }
  .filters__sets._open > * {
    flex: 1 1 50%;
  }
}
@media screen and (min-width: 1200px) {
  .filters__filter h3 {
    display: none;
  }
}
.filters__filter ul {
  margin: 1em -0.65em;
  padding: 0;
}
.filters__filter ul li {
  display: block;
  padding: 0.5em 0;
}
@media screen and (min-width: 1200px) {
  .filters__filter ul li {
    position: relative;
    display: inline-block;
    padding: 5px 0.65em;
  }
}
.filters__filter ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.5);
}
.filters__filter ul li._active a {
  font-weight: 700;
  color: #000000;
  border-bottom: 1px solid #000;
}
.filters__filter ul li:last-child:after {
  border: 0;
}
@media screen and (min-width: 1200px) {
  .filters__filter:first-child {
    font-size: 1.2em;
  }
}
/**
 *
 * seperator lines
 *
 */
.filters__filter:first-child li:not(:first-child):before {
  content: "";
  border-left: 1px solid #000;
  position: absolute;
  left: 0;
  height: 1em;
  top: 50%;
  margin-top: -8.5px;
}
.filters__filter:not(:first-child) li:not([data-tagcount="0"]) ~ li:not([data-tagcount="0"]):before {
  content: "";
  border-left: 1px solid #000;
  position: absolute;
  left: 0;
  height: 1em;
  top: 50%;
  margin-top: -8.5px;
}
/**
 *
 * hide empty filteroptions
 *
 */
.filters__filter:not(:first-child) [data-tagcount="0"] {
  display: none;
}
/**
 *
 * tagfilters
 *
 */
.filters__tagcount {
  font-size: 0.7em;
  color: #000000;
}
.filters__tagcount::before {
  content: '(';
}
.filters__tagcount::after {
  content: ')';
}
.backlink {
  color: #64ffd2;
  font-weight: normal;
}
.backlink::before {
  background-image: url('/assets/cicons/navdot-black-left/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.backlink:hover {
  color: #64ffd2;
}
.backlink:hover::before {
  background-image: url('/assets/cicons/navdot-green-left/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
  transform: rotate(0deg);
}
/**
 * BTN base
 */
.btn-base {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
}
.btn-base:focus {
  outline: 0;
}
.btn-base._lg {
  font-size: 1.2em;
}
.btn-base._sm {
  font-size: 0.85em;
}
.btn-base._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.btn-base._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
/**
 * .btn variants
 */
.btn {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: background-position 0.3s;
  background: #64ffd2;
  border: 0px solid #FFFFFF;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.btn:focus {
  outline: 0;
}
.btn._lg {
  font-size: 1.2em;
}
.btn._sm {
  font-size: 0.85em;
}
.btn._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.btn._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn::after {
  background-image: url('/assets/cicons/arrow-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn:hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 0;
  color: #64ffd2;
}
.btn:hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn._ext::after {
  background-image: url('/assets/cicons/arrow-down/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.btn._ext:hover::after {
  background-image: url('/assets/cicons/arrow-down/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.btn-alt {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: all 0.3s ease-in-out;
  background: #64ffd2;
  background-size: 200% auto;
  color: #FFFFFF;
  border: 0px solid #64ffd2;
  cursor: pointer;
}
.btn-alt:focus {
  outline: 0;
}
.btn-alt._lg {
  font-size: 1.2em;
}
.btn-alt._sm {
  font-size: 0.85em;
}
.btn-alt._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.btn-alt._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn-alt::after {
  background-image: url('/assets/cicons/arrow-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 14px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: 0;
  transform: rotate(0deg);
}
.btn-alt:hover {
  transition: all 0.3s ease-in-out;
  background: #FFFFFF;
  background-position: 100%;
  border: 0px solid #64ffd2;
  color: #64ffd2;
}
.btn-alt:hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 14px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: 0;
  transform: rotate(0deg);
}
.btn-footer {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: all 0.3s ease-in-out;
  background: #64ffd2;
  background-size: 200% auto;
  color: #FFFFFF;
  border: 0px solid #64ffd2;
  cursor: pointer;
}
.btn-footer:focus {
  outline: 0;
}
.btn-footer._lg {
  font-size: 1.2em;
}
.btn-footer._sm {
  font-size: 0.85em;
}
.btn-footer._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.btn-footer._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn-footer::after {
  background-image: url('/assets/cicons/arrow-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 14px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: 0;
  transform: rotate(0deg);
}
.btn-footer:hover {
  transition: all 0.3s ease-in-out;
  background: #64ffd2;
  border: 0;
  color: #FFFFFF;
}
.btn-footer:hover::after {
  background-image: url('/assets/cicons/arrow-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 14px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: 0;
  transform: rotate(0deg);
}
.btn-sm {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: background-position 0.3s;
  background: #64ffd2;
  border: 0px solid #FFFFFF;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.btn-sm:focus {
  outline: 0;
}
.btn-sm._lg {
  font-size: 1.2em;
}
.btn-sm._sm {
  font-size: 0.85em;
}
.btn-sm._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.btn-sm._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn-sm:after {
  display: none;
}
.btn-sm:hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 0;
  color: #64ffd2;
}
.btn-sm:hover:after {
  display: none;
}
.btn-white {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: background-position 0.3s;
  background: #64ffd2;
  border: 0px solid #FFFFFF;
  transition: all 0.3s ease-in-out;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  cursor: pointer;
  padding: 0.92em 1.9em;
}
.btn-white:focus {
  outline: 0;
}
.btn-white._lg {
  font-size: 1.2em;
}
.btn-white._sm {
  font-size: 0.85em;
}
.btn-white._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.btn-white._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn-white::after {
  background-image: url('/assets/cicons/arrow-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn-white:hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 0;
  color: #64ffd2;
}
.btn-white:hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn-white._ext::after {
  background-image: url('/assets/cicons/arrow-down/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.btn-white._ext:hover::after {
  background-image: url('/assets/cicons/arrow-down/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.btn-white::after {
  background-image: url('/assets/cicons/arrow-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.btn-white:hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 1px solid #000000;
  color: #64ffd2;
}
.btn-white:hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
/**
 *
 * reset the original blockquote element
 *
 */
.blockquote {
  color: #64ffd2;
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.178;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .blockquote {
    max-width: 500px;
  }
}
.blockquote p:first-child::before {
  content: "“";
  display: inline-block;
  margin-right: 0.1em;
}
.blockquote p:last-child::after {
  content: "”";
  display: inline-block;
  margin-left: 0.1em;
}
blockquote {
  color: #64ffd2;
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.178;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  blockquote {
    max-width: 500px;
  }
}
blockquote p:first-child::before {
  content: "“";
  display: inline-block;
  margin-right: 0.1em;
}
blockquote p:last-child::after {
  content: "”";
  display: inline-block;
  margin-left: 0.1em;
}
dl {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
dl > div {
  padding-left: 0.5em;
  border-left: solid 2px #e6e9ee;
}
dl > div:not(:last-child) {
  margin-bottom: 0.6em !important;
}
.hr {
  border: none;
  border-bottom: solid 1px #e6e9ee;
  width: 100%;
  clear: both;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
hr {
  border: none;
  border-bottom: solid 1px #e6e9ee;
  width: 100%;
  clear: both;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
figure img {
  width: 100%;
}
figure.figurebg img {
  visibility: hidden;
}
/**
 *
 * Fill background for a figure with img in it
 * to create a scaling image
 *
 */
.figure-fill-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.figure-fill-bg img {
  visibility: hidden;
}
.logo figure img {
  max-width: 400px;
  width: auto;
}
pre:not(.sf-dump) {
  font-size: 0.85em;
  background: repeating-linear-gradient(-45deg, #eee, #eee 3px, #ddd 3px, #ddd 6px);
  padding: 0.5em;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  pre:not(.sf-dump) {
    padding: 1em;
  }
}
.readmore {
  text-decoration: none;
  color: #64ffd2;
  font-size: 0.875em;
  font-weight: 700;
  text-transform: uppercase;
}
.readmore::after {
  background-image: url('/assets/cicons/angle-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
.readmore:hover {
  text-decoration: underline;
  color: #64ffd2;
}
.readmore:hover::after {
  background-image: url('/assets/cicons/angle-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
.text a.readmore {
  text-decoration: none;
  color: #64ffd2;
  font-size: 0.875em;
  font-weight: 700;
  text-transform: uppercase;
}
.text a.readmore::after {
  background-image: url('/assets/cicons/angle-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
.text a.readmore:hover {
  text-decoration: underline;
  color: #64ffd2;
}
.text a.readmore:hover::after {
  background-image: url('/assets/cicons/angle-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
._loud .readmore {
  color: #FFFFFF;
}
._loud .readmore::after {
  background-image: url('/assets/cicons/angle-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
._loud .readmore:hover {
  color: #f7f8f9;
}
._loud .readmore:hover::after {
  background-image: url('/assets/cicons/angle-right/f7f8f9');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
.table {
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
}
.table th {
  text-align: left;
}
.table th,
.table td {
  border-bottom: 1px solid #e6e9ee;
  padding: 0.5em;
}
.table th._right,
.table td._right {
  text-align: right;
}
.buttons a {
  margin-bottom: 1em;
}
@media screen and (min-width: 1200px) {
  .buttons a {
    margin-bottom: 0;
    margin-left: 1em;
  }
  .buttons a:first-child {
    margin-left: 0;
  }
}
.card {
  border-radius: 10px;
  position: relative;
}
.card::after {
  background-image: url('/assets/cicons/chevron-right-white/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 24px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.card:after {
  position: absolute;
  bottom: 1.5em;
  right: 1.5em;
  z-index: 2;
}
.card__figure {
  position: relative;
  display: flex;
  flex-direction: column;
}
.card__figure figure {
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
.card__figure::before {
  content: '';
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.7;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.card:hover .card__figure::before {
  transition: all 0.3s ease-in-out;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 0%);
  opacity: 0.65;
}
.card__figure .card__text {
  position: absolute;
  z-index: 4;
  top: calc(50% - 14px);
  align-self: center;
  text-align: center;
  padding: 0 1.5em;
  transition: all 0.3s ease-in-out;
}
.card__figure .card__text h3 {
  font-size: 1.75em;
  color: #FFFFFF;
  font-weight: 400;
}
.card__figure .card__text p {
  color: #FFFFFF;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .card:hover .card__figure .card__text {
    transform: translateY(-1.5em);
    transition: all 0.3s ease-in-out;
  }
  .card:hover .card__figure .card__text p {
    transition: all 0.3s ease-in-out;
    opacity: 1;
  }
}
/**
 *
 * colorbox soft
 *
 */
._soft,
.colorbox__soft {
  background: #64ffd2;
  border-color: #000000;
  color: #000000;
}
._soft h1,
.colorbox__soft h1,
._soft h2,
.colorbox__soft h2,
._soft h3,
.colorbox__soft h3,
._soft h4,
.colorbox__soft h4,
._soft h5,
.colorbox__soft h5,
._soft h6,
.colorbox__soft h6 {
  color: #000000;
}
._soft a:not(.btn),
.colorbox__soft a:not(.btn) {
  color: #000000;
}
._soft .readmore,
.colorbox__soft .readmore {
  color: #000000;
}
._soft .readmore::after,
.colorbox__soft .readmore::after {
  background-image: url('/assets/cicons/angle-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
/**
 *
 * colorbox loud
 *
 */
._loud,
.colorbox__loud {
  background: #000000;
  border-color: transparent;
  color: #FFFFFF;
}
._loud h1,
.colorbox__loud h1,
._loud h2,
.colorbox__loud h2,
._loud h3,
.colorbox__loud h3,
._loud h4,
.colorbox__loud h4,
._loud h5,
.colorbox__loud h5,
._loud h6,
.colorbox__loud h6 {
  color: #FFFFFF;
}
._loud .text ul,
.colorbox__loud .text ul,
._loud.text ul,
.colorbox__loud.text ul {
  list-style: none;
  /* Remove default bullets */
}
._loud .text ul li::before,
.colorbox__loud .text ul li::before,
._loud.text ul li::before,
.colorbox__loud.text ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FFFFFF;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
._loud a,
.colorbox__loud a {
  color: #FFFFFF;
}
._loud .readmore,
.colorbox__loud .readmore {
  color: #FFFFFF;
}
._loud .readmore::after,
.colorbox__loud .readmore::after {
  background-image: url('/assets/cicons/angle-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
/**
 *
 * colorbox none
 *
 */
._none,
.colorbox__none {
  background: #FFFFFF;
  color: #000000;
  border-color: #e6e9ee;
}
.list-default {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
.list-default._reverse {
  flex-direction: row-reverse;
}
.list-default._center {
  justify-content: center;
}
.list-default._flex-start {
  justify-content: flex-start;
}
.list-default._flex-end {
  justify-content: flex-end;
}
.list-default > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 768px) {
  .list-default > * {
    width: 48%;
  }
}
.list-default._top-highlight > *:first-child {
  width: 100%;
}
.list-small {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .list-small {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .list-small > * {
    width: 30%;
  }
}
.list-full-width > * {
  display: block;
}
.list-full-width > *:not(:last-child) {
  margin-bottom: 2em;
}
.page-title {
  text-align: center;
}
.meta {
  color: #64ffd2;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 2;
}
.meta span:not(:first-child)::before {
  content: ' - ';
}
.product-row {
  align-items: center;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: -1px;
  padding: 1.5em 0;
  width: 100%;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  .product-row {
    flex-wrap: nowrap;
  }
}
.product-row p.input-group-info {
  margin: 2em 0 0 0;
}
.product-row--specs {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .product-row--specs {
    width: auto;
  }
}
.product-row--specs > :first-child {
  font-weight: 700;
  display: block;
}
.product-row--input {
  width: auto;
  max-width: 80px;
  margin-right: 0.5em;
}
@media screen and (min-width: 1200px) {
  .product-row--input {
    margin-left: auto;
  }
}
.product-row--remove {
  margin-right: 1em;
}
.product-row--remove a {
  background-image: url('/assets/cicons/cross-circle/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.product-row--price {
  min-width: 100px;
}
@media screen and (min-width: 1200px) {
  .product-row--price {
    text-align: right;
  }
}
.product-row--total {
  border-top: 1px solid #FFFFFF;
  display: flex;
  font-size: 1.25em;
  justify-content: space-between;
  margin-top: 1.5em;
  padding-top: 1em;
  text-transform: uppercase;
}
.sharebutton {
  border: none;
  background: transparent;
}
.sharebutton::after {
  background-image: url('/assets/cicons/ic-share/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.shareblock._center {
  text-align: center;
}
.shareblock ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.shareblock li a {
  display: block;
  transform: 0.3s cubic-bezier(0.5, -5.76, 0.65, 4.58);
}
.shareblock li a:focus,
.shareblock li a:hover {
  transform: scale(1.3);
  transition: transform 0.1s ease-in-out;
}
.shareblock li:not(:last-child) {
  margin-right: 1em;
}
.shareblock li span {
  display: none;
}
.shareblock__label {
  margin: 0;
  color: #aaa;
}
.share-facebook::before {
  background-image: url('/assets/cicons/share-facebook/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0;
  vertical-align: middle;
  transform: rotate(0deg);
}
.share-twitter::before {
  background-image: url('/assets/cicons/share-twitter/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0;
  vertical-align: middle;
  transform: rotate(0deg);
}
.share-linkedin::before {
  background-image: url('/assets/cicons/share-linkedin/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0;
  vertical-align: middle;
  transform: rotate(0deg);
}
.share-email::before {
  background-image: url('/assets/cicons/share-mail/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.share-pinterest::before {
  background-image: url('/assets/cicons/share-pinterest/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0;
  vertical-align: middle;
  transform: rotate(0deg);
}
/* Slider */
.slick-slider,
.single-slide {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}
.grid._lg .slick-list {
  margin: 0 -1em;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto;
  display: flex;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  min-height: 1px;
  outline: none;
  display: none;
}
.slick-slide > div {
  height: 100%;
  display: flex;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev,
.slick-next {
  height: 1.875em;
  width: 1.875em;
  margin-bottom: -0.9375em;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  line-height: 1;
  opacity: 1;
  outline: none;
  padding: 0;
  position: absolute;
  text-indent: -999em;
  overflow: hidden;
  bottom: 50%;
  transition: 0.3s ease-in-out;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .slick-prev,
  .slick-next {
    height: 4.0625em;
    width: 4em;
    margin-bottom: -2em;
  }
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.3;
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
  opacity: 1;
  transform: scale(1) translateX(0);
}
.slick-slider:hover .slick-prev:focus,
.slick-slider:hover .slick-next:focus,
.slick-slider:hover .slick-prev:hover,
.slick-slider:hover .slick-next:hover {
  transform: scale(1.1);
  transition: 0.1s ease-out;
}
.slick-slider:hover .slick-prev:active,
.slick-slider:hover .slick-next:active {
  transform: scale(0.9);
  transition: 0.1s ease-out;
}
@media screen and (pointer: coarse) {
  .slick-prev,
  .slick-next {
    transform: scale(1) translateX(0) !important;
  }
}
@media screen and (max-width: 767px) {
  .slick-prev,
  .slick-next {
    opacity: 1;
  }
}
.slick-prev::before,
.slick-next::before,
.slick-prev::after,
.slick-next::after {
  width: 0.6em !important;
  height: 0.6em !important;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}
@media screen and (min-width: 768px) {
  .slick-prev::before,
  .slick-next::before,
  .slick-prev::after,
  .slick-next::after {
    width: 1em!important;
    height: 1em!important;
  }
}
.slick-prev {
  left: 0.5em;
  background-image: url('/assets/cicons/prev/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 29px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  .slick-prev {
    left: 1em;
  }
}
@media screen and (min-width: 1300px) {
  .slick-prev {
    left: -2em;
  }
}
@media screen and (min-width: 768px) {
  .slick-prev {
    background-image: url('/assets/cicons/prev/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65px;
    height: 64px;
    display: block;
    text-indent: -999em;
    transform: rotate(0deg);
  }
}
.slick-next {
  right: 0.5em;
  background-image: url('/assets/cicons/next/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 29px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  .slick-next {
    right: 1em;
  }
}
@media screen and (min-width: 1300px) {
  .slick-next {
    right: -2em;
  }
}
@media screen and (min-width: 768px) {
  .slick-next {
    background-image: url('/assets/cicons/next/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65px;
    height: 64px;
    display: block;
    text-indent: -999em;
    transform: rotate(0deg);
  }
}
.slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 1em 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-dots li {
  font-size: 1em;
  display: block;
}
.slick-dots li button {
  background: none;
  border: none;
  padding: 3vw;
  cursor: pointer;
  outline: none;
  color: #000000;
}
.slick-dots li.slick-active button {
  font-weight: bold;
  color: #000000;
}
.social-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1em;
  margin-top: 1em;
}
@media screen and (min-width: 1200px) {
  .social-links {
    justify-content: flex-start;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
.social-links li:not(:last-child) {
  margin-right: 0.8em;
}
.social-links li a {
  position: relative;
  display: block;
}
.social-links li a::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  z-index: 1;
  opacity: 0;
}
.social-links [class*="email"] > a {
  background-image: url('/assets/cicons/email/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.social-links [class*="email"] > a::before {
  background-image: url('/assets/cicons/email/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.social-links [class*="facebook"] > a {
  background-image: url('/assets/cicons/facebook/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.social-links [class*="facebook"] > a::before {
  background-image: url('/assets/cicons/facebook/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.social-links [class*="vimeo"] > a {
  background-image: url('/assets/cicons/vimeo/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.social-links [class*="vimeo"] > a::before {
  background-image: url('/assets/cicons/vimeo/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.social-links [class*="twitter"] > a {
  background-image: url('/assets/cicons/twitter/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.social-links [class*="twitter"] > a::before {
  background-image: url('/assets/cicons/twitter/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.social-links [class*="linkedin"] > a {
  background-image: url('/assets/cicons/linkedin/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
  width: 53px;
}
.social-links [class*="instagram"] > a {
  background-image: url('/assets/cicons/instagram/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.social-links [class*="pinterest"] > a {
  background-image: url('/assets/cicons/pinterest/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.social-links [class*="pinterest"] > a::before {
  background-image: url('/assets/cicons/pinterest/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.social-links [class*="youtube"] > a {
  background-image: url('/assets/cicons/youtube/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.social-links [class*="youtube"] > a::before {
  background-image: url('/assets/cicons/youtube/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="email"] > a {
  background-image: url('/assets/cicons/email/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="email"] > a::before {
  background-image: url('/assets/cicons/email/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="facebook"] > a {
  background-image: url('/assets/cicons/facebook/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="facebook"] > a::before {
  background-image: url('/assets/cicons/facebook/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="twitter"] > a {
  background-image: url('/assets/cicons/twitter/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="twitter"] > a::before {
  background-image: url('/assets/cicons/twitter/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="linkedin"] > a {
  background-image: url('/assets/cicons/linkedin/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="linkedin"] > a::before {
  background-image: url('/assets/cicons/linkedin/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="instagram"] > a {
  background-image: url('/assets/cicons/instagram/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="instagram"] > a::before {
  background-image: url('/assets/cicons/instagram/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="pinterest"] > a {
  background-image: url('/assets/cicons/pinterest/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="pinterest"] > a::before {
  background-image: url('/assets/cicons/pinterest/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="youtube"] > a {
  background-image: url('/assets/cicons/youtube/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="youtube"] > a::before {
  background-image: url('/assets/cicons/youtube/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="email"] > a:hover {
  background-image: url('/assets/cicons/email/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="email"] > a:hover::before {
  background-image: url('/assets/cicons/email/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="facebook"] > a:hover {
  background-image: url('/assets/cicons/facebook/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="facebook"] > a:hover::before {
  background-image: url('/assets/cicons/facebook/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="twitter"] > a:hover {
  background-image: url('/assets/cicons/twitter/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="twitter"] > a:hover::before {
  background-image: url('/assets/cicons/twitter/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="linkedin"] > a:hover {
  background-image: url('/assets/cicons/linkedin/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="linkedin"] > a:hover::before {
  background-image: url('/assets/cicons/linkedin/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="instagram"] > a:hover {
  background-image: url('/assets/cicons/instagram/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="instagram"] > a:hover::before {
  background-image: url('/assets/cicons/instagram/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="pinterest"] > a:hover {
  background-image: url('/assets/cicons/pinterest/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="pinterest"] > a:hover::before {
  background-image: url('/assets/cicons/pinterest/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
._loud .social-links [class*="youtube"] > a:hover {
  background-image: url('/assets/cicons/youtube/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
._loud .social-links [class*="youtube"] > a:hover::before {
  background-image: url('/assets/cicons/youtube/none');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 52px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
body .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
body .video::before {
  background-image: url('/assets/cicons/play/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
@media screen and (min-width: 480px) {
  body .video::before {
    background-image: url('/assets/cicons/play/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-right: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
}
@media screen and (min-width: 1024px) {
  body .video::before {
    background-image: url('/assets/cicons/play/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 95px;
    height: 95px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-right: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
}
body .video::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}
body .video:focus::before,
body .video:hover::before {
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.3s ease-in-out;
}
body .video._running:before {
  display: none;
}
body .video._running:after {
  display: none;
}
body .video iframe {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body .video figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-size: cover;
  background-position: 50% 50%;
}
body .video figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body .video figure img {
  display: none;
}
.grid-collage > * {
  margin-bottom: 0.6em;
}
@media screen and (min-width: 768px) {
  .grid-collage {
    display: grid;
    grid-template-columns: 1fr 5fr 5fr 1fr;
    grid-template-rows: auto auto 5.5em auto;
    margin-left: -1em;
    margin-right: -1em;
    /**
		 *
		 * 2 items
		 *
		 */
    /**
		 *
		 * 4 items
		 *
		 */
    /**
		 *
		 * 1,3 & 5 items
		 *
		 */
  }
  .grid-collage > * {
    margin: 0 1em 2em 1em;
  }
  .grid-collage > *:first-of-type:nth-last-of-type(2):nth-child(1),
  .grid-collage > *:first-of-type:nth-last-of-type(2) ~ *:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 3;
  }
  .grid-collage > *:first-of-type:nth-last-of-type(2):nth-child(2),
  .grid-collage > *:first-of-type:nth-last-of-type(2) ~ *:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  .grid-collage > *:first-of-type:nth-last-of-type(4):nth-child(1),
  .grid-collage > *:first-of-type:nth-last-of-type(4) ~ *:nth-child(1) {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 3;
  }
  .grid-collage > *:first-of-type:nth-last-of-type(4):nth-child(2),
  .grid-collage > *:first-of-type:nth-last-of-type(4) ~ *:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  .grid-collage > *:first-of-type:nth-last-of-type(4):nth-child(3),
  .grid-collage > *:first-of-type:nth-last-of-type(4) ~ *:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
    grid-row-end: span 1;
  }
  .grid-collage > *:first-of-type:nth-last-of-type(4):nth-child(4),
  .grid-collage > *:first-of-type:nth-last-of-type(4) ~ *:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 2;
  }
  .grid-collage > *:only-child:nth-child(1),
  .grid-collage > *:first-of-type:nth-last-of-type(odd):nth-child(1),
  .grid-collage > *:first-of-type:nth-last-of-type(odd) ~ *:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .grid-collage > *:only-child:nth-child(2),
  .grid-collage > *:first-of-type:nth-last-of-type(odd):nth-child(2),
  .grid-collage > *:first-of-type:nth-last-of-type(odd) ~ *:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 2;
  }
  .grid-collage > *:only-child:nth-child(3),
  .grid-collage > *:first-of-type:nth-last-of-type(odd):nth-child(3),
  .grid-collage > *:first-of-type:nth-last-of-type(odd) ~ *:nth-child(3) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .grid-collage > *:only-child:nth-child(4),
  .grid-collage > *:first-of-type:nth-last-of-type(odd):nth-child(4),
  .grid-collage > *:first-of-type:nth-last-of-type(odd) ~ *:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
    grid-row-end: span 1;
  }
  .grid-collage > *:only-child:nth-child(5),
  .grid-collage > *:first-of-type:nth-last-of-type(odd):nth-child(5),
  .grid-collage > *:first-of-type:nth-last-of-type(odd) ~ *:nth-child(5) {
    grid-column-start: 3;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 2;
  }
}
section.vacancies {
  margin: 2em 0 2em 0;
  position: relative;
}
@media screen and (min-width: 1200px) {
  section.vacancies {
    margin: 4em 0 11em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.vacancies::after {
    background-image: url('/assets/cicons/arrow-down/64ffd2');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 26px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
}
section.vacancies:after {
  position: absolute;
  bottom: -7em;
  left: 50%;
  margin-left: -7px;
}
section.vacancies h1 {
  text-align: center;
}
.vacancies__vacancy {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
  margin: 2em 0 2em 0;
}
.vacancies__vacancy > *:nth-child(1) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  .vacancies__vacancy > *:nth-child(1) {
    grid-column-start: 3;
    grid-column-end: span 11;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.vacancies__vacancy > *:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  .vacancies__vacancy > *:nth-child(2) {
    grid-column-start: 15;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .vacancies__vacancy {
    margin: 6em 0 6em 0;
  }
}
.vacancies__vacancy .vacancy__text {
  align-self: center;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .vacancies__vacancy .vacancy__text {
    text-align: left;
  }
}
.vacancies__vacancy .vacancy__text p {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1200px) {
  .vacancies__vacancy._textleft .vacancy__text {
    grid-column-end: span 7;
  }
}
.vacancies__vacancy._textleft .vacancy__figure {
  margin-bottom: 1em;
  position: relative;
}
@media screen and (min-width: 1320px) {
  .vacancies__vacancy._textleft .vacancy__figure {
    margin-bottom: 0;
    grid-column-start: 12;
    grid-column-end: span 15;
  }
  .vacancies__vacancy._textleft .vacancy__figure::after {
    background-image: url('/assets/cicons/deco-right/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 398px;
    height: 495px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
  .vacancies__vacancy._textleft .vacancy__figure:after {
    top: -50px;
    position: absolute;
    right: -50px;
    z-index: -1;
  }
}
.vacancies__vacancy._textright {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
.vacancies__vacancy._textright > *:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  .vacancies__vacancy._textright > *:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: span 11;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.vacancies__vacancy._textright > *:nth-child(1) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  .vacancies__vacancy._textright > *:nth-child(1) {
    grid-column-start: 15;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.vacancies__vacancy._textright .vacancy__figure {
  margin-bottom: 1em;
  position: relative;
}
@media screen and (min-width: 1320px) {
  .vacancies__vacancy._textright .vacancy__figure {
    margin-bottom: 0;
    grid-column-end: span 15;
  }
  .vacancies__vacancy._textright .vacancy__figure::before {
    background-image: url('/assets/cicons/deco-left/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 398px;
    height: 495px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-right: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
  .vacancies__vacancy._textright .vacancy__figure:before {
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: -1;
  }
}
@media screen and (min-width: 1200px) {
  .vacancies__vacancy._textright .vacancy__text {
    grid-column-start: 19;
    grid-column-end: span 7;
  }
}
.vacancies__vacancy .vacancy__figure {
  align-self: center;
}
@media screen and (min-width: 1200px) {
  .vacancies__vacancy .vacancy__figure {
    height: 100%;
  }
}
.visual-2 {
  position: relative;
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
  overflow: hidden;
  margin-bottom: 2em;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .visual-2::after {
    background-image: url('/assets/cicons/arrow-down/64ffd2');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 26px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
}
.visual-2:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -7px;
}
@media screen and (min-width: 1200px) {
}
.visual-2 figure {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 1;
  grid-row-end: span 1;
  height: auto;
  position: relative;
}
@media screen and (min-width: 1200px) {
}
.visual-2 .visual__mask {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 1;
  grid-row-end: span 1;
  align-self: flex-end;
  z-index: 3;
  margin-bottom: -2px;
  margin-right: -2px;
}
.visual-2 .visual__text {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
  align-self: center;
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 767px) {
  .visual-2 .visual__text {
    padding: 6em 0 2em 0;
  }
}
.visual-2 .visual__text > * {
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .visual-2 .visual__text {
    grid-column-start: 4;
    grid-column-end: span 9;
    grid-row-start: 1;
    grid-row-end: span 1;
    color: #FFFFFF;
    margin-bottom: 0.5em;
    margin-top: 4em;
  }
}
@media screen and (min-width: 1024px) {
  .visual-2 .visual__text p {
    line-height: 1.5;
    font-size: clamp(1.125em, 1.7vw, 1.375em);
    text-align: center;
  }
}
.visual-2 .visual__circle {
  display: none;
}
@media screen and (min-width: 1024px) {
  .visual-2 .visual__circle {
    grid-column-start: 3;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
    align-self: center;
    z-index: 3;
    margin-top: 4em;
    display: block;
  }
}
.click {
  transition: all 0.3s ease-in-out;
}
.click:hover {
  transform: scale(1.03);
  transition: 0.1s ease-in-out;
}
.click:active {
  transform: scale(0.95);
  transition: 0.1s ease-in-out;
}
[data-fx="flyin"] > * {
  opacity: 0;
  transform: translateY(70px) scale(0.9);
}
.flyin-fx--init.flyin-fx--in {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: all 0.4s ease-out;
}
.heartbeat {
  animation: heartbeat linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: heartbeat linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: heartbeat linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: heartbeat linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: heartbeat linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}
.splash img {
  animation: heartbeat linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: heartbeat linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: heartbeat linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: heartbeat linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: heartbeat linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}
@keyframes heartbeat {
  0% {
    transform: scale(1, 1);
  }
  6% {
    transform: scale(1.2, 1.2);
  }
  14% {
    transform: scale(1, 1);
  }
  22% {
    transform: scale(1.1, 1.1);
  }
  28% {
    transform: scale(1, 1);
  }
  70% {
    transform: scale(0.98, 0.98);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes heartbeat {
  0% {
    -moz-transform: scale(1, 1);
  }
  6% {
    -moz-transform: scale(1.2, 1.2);
  }
  14% {
    -moz-transform: scale(1, 1);
  }
  22% {
    -moz-transform: scale(1.1, 1.1);
  }
  28% {
    -moz-transform: scale(1, 1);
  }
  70% {
    -moz-transform: scale(0.98, 0.98);
  }
  100% {
    -moz-transform: scale(1, 1);
  }
}
@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1, 1);
  }
  6% {
    -webkit-transform: scale(1.2, 1.2);
  }
  14% {
    -webkit-transform: scale(1, 1);
  }
  22% {
    -webkit-transform: scale(1.1, 1.1);
  }
  28% {
    -webkit-transform: scale(1, 1);
  }
  70% {
    -webkit-transform: scale(0.98, 0.98);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@-o-keyframes heartbeat {
  0% {
    -o-transform: scale(1, 1);
  }
  6% {
    -o-transform: scale(1.2, 1.2);
  }
  14% {
    -o-transform: scale(1, 1);
  }
  22% {
    -o-transform: scale(1.1, 1.1);
  }
  28% {
    -o-transform: scale(1, 1);
  }
  70% {
    -o-transform: scale(0.98, 0.98);
  }
  100% {
    -o-transform: scale(1, 1);
  }
}
@-ms-keyframes heartbeat {
  0% {
    -ms-transform: scale(1, 1);
  }
  6% {
    -ms-transform: scale(1.2, 1.2);
  }
  14% {
    -ms-transform: scale(1, 1);
  }
  22% {
    -ms-transform: scale(1.1, 1.1);
  }
  28% {
    -ms-transform: scale(1, 1);
  }
  70% {
    -ms-transform: scale(0.98, 0.98);
  }
  100% {
    -ms-transform: scale(1, 1);
  }
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  display: block;
  height: auto;
}
figure {
  margin: 0;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav a {
  display: block;
}
.site-footer {
  color: #000000;
  margin: 2em 0 2em 0;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .site-footer {
    margin: 6em 0 0 0;
  }
}
@media screen and (min-width: 1180px) {
  .site-footer::after {
    background-image: url('/assets/cicons/interieurbouw/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 269px;
    height: 155px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
  .site-footer:after {
    position: absolute;
    bottom: 0;
    right: 2em;
    z-index: -1;
  }
}
@media screen and (min-width: 1380px) {
  .site-footer::after {
    background-image: url('/assets/cicons/interieurbouw/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 369px;
    height: 255px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
}
.site-footer h3 {
  font-size: 1.25em;
}
.site-footer p a:hover {
  color: #64ffd2;
}
.site-footer .site-footer__phonemail {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1200px) {
  .site-footer .site-footer__phonemail {
    grid-column-start: 3;
    grid-column-end: span 5;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.site-footer .site-footer__address {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1200px) {
  .site-footer .site-footer__address {
    grid-column-start: 8;
    grid-column-end: span 5;
    grid-row-start: 1;
    grid-row-end: span 1;
    text-align: left;
  }
}
.site-footer .site-footer__info {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 3;
  grid-row-end: span 1;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1200px) {
  .site-footer .site-footer__info {
    grid-column-start: 15;
    grid-column-end: span 5;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.site-footer .site-footer__social {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 4;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .site-footer .site-footer__social {
    grid-column-start: 3;
    grid-column-end: span 5;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
.site-footer .site-footer__colophon {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 5;
  grid-row-end: span 1;
  align-self: center;
}
@media screen and (min-width: 1200px) {
  .site-footer .site-footer__colophon {
    grid-column-start: 8;
    grid-column-end: span 12;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
.site-footer .site-footer__colophon ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.site-footer .site-footer__colophon ul li {
  font-size: 0.75em;
  margin-bottom: 1em;
  line-height: 1;
  color: #000000;
  padding: 0 0.5em;
}
@media screen and (min-width: 1200px) {
  .site-footer .site-footer__colophon ul li {
    margin-bottom: 0;
  }
}
.site-footer .site-footer__colophon ul li:first-child {
  padding: 0;
}
.site-footer .site-footer__colophon ul li a:hover {
  color: #64ffd2;
}
/**
 *
 * site by
 *
 */
.site-footer__siteby {
  background-image: url('/assets/cicons/zap-reprovinci/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 22px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
  line-height: 1;
}
.site-footer__siteby:hover {
  background-image: url('/assets/cicons/zap-reprovinci/00ff02');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 22px;
  display: block;
  text-indent: -999em;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 {
  line-height: 2;
  background: rgba(255, 255, 255, 0.95);
  color: #000000;
  position: sticky;
  top: 0;
  z-index: 900;
}
body.fixnav .site-nav.site-nav-1 {
  border-bottom: 1px solid #e6e9ee;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 {
    position: sticky;
    box-shadow: none;
    border-bottom: 0;
  }
  body.fixnav .site-nav.site-nav-1 {
    background: #FFFFFF;
    box-shadow: none;
    border-bottom: 1px solid #e6e9ee;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper {
  padding: 0.9375em 0.9375em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper {
    padding: 1.25em 50px 1.25em 50px;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper .logo {
  display: flex;
  align-items: flex-start;
  z-index: 960;
  text-indent: -99999px;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper .logo {
    margin-right: 1em;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__content {
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(20);
  transition: opacity, transform 120ms ease-out;
  z-index: 901;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper .site-nav__content {
    position: initial;
    background: none;
    opacity: 1;
    flex-direction: row;
    flex: none;
    justify-content: space-between;
    pointer-events: all;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav {
  position: relative;
  margin-bottom: 1em;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li {
    text-align: left;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li > a:not(.phone) {
  position: relative;
  color: #000000;
  font-family: Rubik, sans-serif;
  padding: 0.5em 0;
  font-size: 1.4em;
  display: inline-block;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li > a:not(.phone) {
    font-family: Rubik, sans-serif;
    font-size: 1em;
    font-weight: 700;
    color: #000000;
    padding: 0.5em 2em;
  }
  .site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li > a:not(.phone):hover {
    color: #000000;
  }
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li > a:not(.phone):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2.1em;
    display: block;
    height: 5px;
    width: 0;
    transition: all 0.3s ease-in-out;
    background-color: #64ffd2;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li > a:not(.phone):focus:after,
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li > a:not(.phone):hover:after {
  width: 40px;
}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child {
    margin-left: 2em;
  }
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: background-position 0.3s;
  background: #64ffd2;
  border: 0px solid #FFFFFF;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a::before {
  background-image: url('/assets/cicons/phone/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: -7px;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a:hover::before {
  background-image: url('/assets/cicons/phone/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: -7px;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a:focus {
  outline: 0;
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a._lg {
  font-size: 1.2em;
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a._sm {
  font-size: 0.85em;
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a::after {
  background-image: url('/assets/cicons/arrow-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a:hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 0;
  color: #64ffd2;
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a:hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a._ext::after {
  background-image: url('/assets/cicons/arrow-down/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .site-nav__wrapper .site-nav__nav > li:last-child a._ext:hover::after {
  background-image: url('/assets/cicons/arrow-down/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.site-nav.site-nav-1 .show-menu {
  position: absolute;
  z-index: 10000;
  top: 1em;
  right: 1em;
  padding: 6px 5px 3px 5px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  position: static;
}
@media screen and (min-width: 1200px) {
  .site-nav.site-nav-1 .show-menu {
    display: none;
  }
}
.site-nav.site-nav-1 .show-menu .hamburger-inner,
.site-nav.site-nav-1 .show-menu .hamburger-inner::before,
.site-nav.site-nav-1 .show-menu .hamburger-inner::after {
  height: 2px;
  background-color: #64ffd2;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.site-nav.site-nav-1 .show-menu.is-active .hamburger-inner,
.site-nav.site-nav-1 .show-menu.is-active .hamburger-inner::before,
.site-nav.site-nav-1 .show-menu.is-active .hamburger-inner::after {
  background-color: #64ffd2;
  width: 24px;
}
.site-nav.site-nav-1._open {
  z-index: 1000;
}
.site-nav.site-nav-1._open .site-nav__content {
  opacity: 1;
  pointer-events: all;
}
/**
 *
 * submenu
 *
 */
.site-nav-1._submenu_disabled .site-nav__submenu {
  display: none;
}
.site-nav-1._submenu_enabled li {
  position: relative;
}
.site-nav-1._submenu_enabled li._has-submenu > a {
  padding-right: 1.5em !important;
  margin-right: 0.5em;
}
.site-nav-1._submenu_enabled li._has-submenu > a::before {
  background-image: url('/assets/cicons/chevron-down/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.7em;
  height: 1em;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.site-nav-1._submenu_enabled li._has-submenu > a:before {
  transition: transform 0.3s ease-in-out;
  position: absolute;
  right: 0;
  margin-top: 0.1em;
}
@media screen and (min-width: 1200px) {
  .site-nav-1._submenu_enabled li._has-submenu > a:before {
    display: none;
  }
}
.site-nav-1._submenu_enabled li._has-submenu._submenu-open > a:before {
  transform: rotate(180deg);
}
@media screen and (min-width: 1200px) {
  .site-nav-1._submenu_enabled li._has-submenu > a::before {
    background-image: url('/assets/cicons/chevron-down/000000');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.7em;
    height: 1em;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-right: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
}
@media screen and (min-width: 1200px) {
  .site-nav-1._submenu_enabled li._has-submenu > a:after {
    position: absolute;
    bottom: -2em;
    margin-top: 0.5em;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1200px) {
  .site-nav-1._submenu_enabled li._has-submenu > a:focus:before,
  .site-nav-1._submenu_enabled li._has-submenu > a:hover:before {
    display: block;
  }
}
.site-nav-1._submenu_enabled .site-nav__submenu {
  display: none;
  left: 0;
  top: 100%;
  min-width: 100%;
}
@media screen and (min-width: 1200px) {
  .site-nav-1._submenu_enabled .site-nav__submenu {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    top: 100%;
  }
}
.site-nav-1._submenu_enabled .site-nav__submenu a {
  color: #FFFFFF;
  border-left: 0.2em solid transparent;
  white-space: nowrap;
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.85em;
}
@media screen and (min-width: 1200px) {
  .site-nav-1._submenu_enabled .site-nav__submenu a {
    color: #FFFFFF;
  }
}
.site-nav-1._submenu_enabled .site-nav__submenu a:hover {
  border-left: 0.2em solid white;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 1200px) {
  .site-nav-1._submenu_enabled .site-nav__submenu li._active a,
  .site-nav-1._submenu_enabled .site-nav__submenu li._open a,
  .site-nav-1._submenu_enabled .site-nav__submenu li:focus a,
  .site-nav-1._submenu_enabled .site-nav__submenu li:hover a {
    color: #FFFFFF;
  }
}
.site-nav-1._submenu_enabled li._submenu-open .site-nav__submenu {
  display: block;
  padding: 1em 0;
}
.columns {
  -webkit-column-width: 20em;
  -moz-column-width: 20em;
  column-width: 20em;
  -webkit-column-gap: 1.5em;
  -moz-column-gap: 1.5em;
  column-gap: 1.5em;
}
.columns > *:first-child {
  margin-top: 0;
}
.columns._avoid-breaking-childs > *:not(:only-child) {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
/**
 * combined styling: UI headings + bodytext headings
 */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 2;
  margin: 0 0 1rem 0;
  padding: 0;
  font-weight: 700;
}
/**
 * UI heading styling
 */
h1 {
  font-size: clamp(1.875em, 3vw, 3.375em);
  line-height: 1;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.6em;
}
h1 span {
  color: #64ffd2;
  display: block;
}
h2 {
  font-size: clamp(1.25em, 5vw, 1.75em);
  line-height: 1;
  color: #000000;
  margin-bottom: 0;
  text-transform: uppercase;
}
h2 span {
  color: #64ffd2;
  display: block;
}
.text h2 {
  color: #64ffd2;
  margin-bottom: 0.6em;
}
h3 {
  font-size: 1.125em;
  color: #000000;
  margin-bottom: 0.3em;
  font-weight: 700;
}
h4 {
  font-size: clamp(1.125em, 4vw, 1.75em);
  text-transform: uppercase;
  font-weight: 400;
}
h4._white {
  color: #FFFFFF;
}
h5 {
  font-size: clamp(1em, 4vw, 1.25em);
  text-transform: uppercase;
  font-weight: 400;
}
h6 {
  font-size: 1.125em;
}
.text p.intro,
.intro {
  font-size: 1.125em;
  line-height: 1.555;
  font-weight: 700;
  margin: 0 0 1.6em 0;
}
.text p.intro--md,
.intro--md {
  font-family: 'Rubik', sans-serif;
  font-size: 1.5em;
  line-height: 2;
}
.text p.intro--lg,
.intro--lg {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(1.5em, 2.5vw, 2.5em);
  line-height: 2;
}
.text p.intro--xl,
.intro--xl {
  font-family: 'Rubik', sans-serif;
  font-size: 3.75em;
  line-height: 2;
}
.line {
  width: 60px;
  border-top: 2px solid #000000;
  height: 0;
  line-height: 0;
  padding-bottom: 15px;
  display: inline-block;
}
.text-list--ordered {
  list-style: none;
  /* Remove default bullets */
}
.text-list--ordered li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #000000;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
.text ul {
  list-style: none;
  /* Remove default bullets */
}
.text ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #000000;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
.text ol {
  list-style: none;
  /* Remove default bullets */
}
.text ol li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #000000;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
.textlink {
  color: #64ffd2;
  text-decoration: none;
  font-weight: 400;
}
.textlink:active,
.textlink:focus,
.textlink:hover {
  color: #64ffd2;
  text-decoration: underline;
}
.text a:not(.btn):not(.btn-alt):not(.btn-outline):not(.btn-alt-outline):not(.productbundle-title) {
  color: #64ffd2;
  text-decoration: none;
  font-weight: 400;
}
.text a:not(.btn):not(.btn-alt):not(.btn-outline):not(.btn-alt-outline):not(.productbundle-title):active,
.text a:not(.btn):not(.btn-alt):not(.btn-outline):not(.btn-alt-outline):not(.productbundle-title):focus,
.text a:not(.btn):not(.btn-alt):not(.btn-outline):not(.btn-alt-outline):not(.productbundle-title):hover {
  color: #64ffd2;
  text-decoration: underline;
}
html {
  line-height: 2;
  font-family: 'Rubik', sans-serif;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
a {
  color: inherit;
  text-decoration: none;
}
p {
  padding: 0;
  margin: 0 0 2em 0;
}
p:empty {
  display: none;
}
p:last-child {
  margin-bottom: 0;
}
.small {
  font-size: 0.85em;
}
small {
  font-size: 0.85em;
}
.todo {
  border: 1px solid red;
  padding: 1em;
}
.card-event.event-1 {
  display: flex;
  text-decoration: none;
}
.card-event.event-1 .date {
  background: #000000;
  border-bottom: 1px solid #64ffd2;
  text-align: center;
  padding: 0.5em 1em;
}
.card-event.event-1 .date .day {
  font-size: 2em;
  width: 100%;
}
.card-event.event-1 .date .month {
  font-size: 1em;
}
.card-event.event-1 .text {
  padding: 0.5em 1em;
}
.card-event.event-1 .text h2 {
  margin: 0;
  padding: 0;
}
.card-event.event-1 .text p {
  margin: 0;
  padding: 0;
}
.card-event.event-2 .card-event__wrapper {
  display: flex;
  text-decoration: none;
}
.card-event.event-2 .date {
  display: block;
  min-width: 100px;
  padding: 0.5em 1em;
  text-align: center;
  border: solid 0.15em transparent;
  background: #64ffd2;
  border-color: #000000;
  color: #000000;
  border-color: transparent;
}
.card-event.event-2 .date h1,
.card-event.event-2 .date h2,
.card-event.event-2 .date h3,
.card-event.event-2 .date h4,
.card-event.event-2 .date h5,
.card-event.event-2 .date h6 {
  color: #000000;
}
.card-event.event-2 .date a:not(.btn) {
  color: #000000;
}
.card-event.event-2 .date .readmore {
  color: #000000;
}
.card-event.event-2 .date .readmore::after {
  background-image: url('/assets/cicons/angle-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
._soft .card-event.event-2 .date {
  background: #000000;
  color: #FFFFFF;
  border-color: transparent;
}
._soft .card-event.event-2 .date h1,
._soft .card-event.event-2 .date h2,
._soft .card-event.event-2 .date h3,
._soft .card-event.event-2 .date h4,
._soft .card-event.event-2 .date h5,
._soft .card-event.event-2 .date h6 {
  color: #FFFFFF;
}
._soft .card-event.event-2 .date .text ul,
._soft .card-event.event-2 .date.text ul {
  list-style: none;
  /* Remove default bullets */
}
._soft .card-event.event-2 .date .text ul li::before,
._soft .card-event.event-2 .date.text ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FFFFFF;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
._soft .card-event.event-2 .date a {
  color: #FFFFFF;
}
._soft .card-event.event-2 .date .readmore {
  color: #FFFFFF;
}
._soft .card-event.event-2 .date .readmore::after {
  background-image: url('/assets/cicons/angle-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
.card-event.event-2 .date .day {
  font-size: 3em;
  width: 100%;
}
.card-event.event-2 .date .month {
  font-size: 1em;
}
.card-event.event-2:focus .date,
.card-event.event-2:hover .date {
  background-color: transparent;
  border-color: #e6e9ee;
  transition: all 0.3s ease-in-out;
}
.card-event.event-2:focus h3,
.card-event.event-2:hover h3 {
  color: #e6e9ee;
}
._soft .card-event.event-2:focus .date,
._soft .card-event.event-2:hover .date {
  background: #64ffd2;
  border-color: #000000;
  color: #000000;
}
._soft .card-event.event-2:focus .date h1,
._soft .card-event.event-2:hover .date h1,
._soft .card-event.event-2:focus .date h2,
._soft .card-event.event-2:hover .date h2,
._soft .card-event.event-2:focus .date h3,
._soft .card-event.event-2:hover .date h3,
._soft .card-event.event-2:focus .date h4,
._soft .card-event.event-2:hover .date h4,
._soft .card-event.event-2:focus .date h5,
._soft .card-event.event-2:hover .date h5,
._soft .card-event.event-2:focus .date h6,
._soft .card-event.event-2:hover .date h6 {
  color: #000000;
}
._soft .card-event.event-2:focus .date a:not(.btn),
._soft .card-event.event-2:hover .date a:not(.btn) {
  color: #000000;
}
._soft .card-event.event-2:focus .date .readmore,
._soft .card-event.event-2:hover .date .readmore {
  color: #000000;
}
._soft .card-event.event-2:focus .date .readmore::after,
._soft .card-event.event-2:hover .date .readmore::after {
  background-image: url('/assets/cicons/angle-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
._soft .card-event.event-2:focus h3,
._soft .card-event.event-2:hover h3 {
  color: #000000;
}
._loud .card-event.event-2:focus .date,
._loud .card-event.event-2:hover .date {
  background: #000000;
  border-color: transparent;
  color: #FFFFFF;
}
._loud .card-event.event-2:focus .date h1,
._loud .card-event.event-2:hover .date h1,
._loud .card-event.event-2:focus .date h2,
._loud .card-event.event-2:hover .date h2,
._loud .card-event.event-2:focus .date h3,
._loud .card-event.event-2:hover .date h3,
._loud .card-event.event-2:focus .date h4,
._loud .card-event.event-2:hover .date h4,
._loud .card-event.event-2:focus .date h5,
._loud .card-event.event-2:hover .date h5,
._loud .card-event.event-2:focus .date h6,
._loud .card-event.event-2:hover .date h6 {
  color: #FFFFFF;
}
._loud .card-event.event-2:focus .date .text ul,
._loud .card-event.event-2:hover .date .text ul,
._loud .card-event.event-2:focus .date.text ul,
._loud .card-event.event-2:hover .date.text ul {
  list-style: none;
  /* Remove default bullets */
}
._loud .card-event.event-2:focus .date .text ul li::before,
._loud .card-event.event-2:hover .date .text ul li::before,
._loud .card-event.event-2:focus .date.text ul li::before,
._loud .card-event.event-2:hover .date.text ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FFFFFF;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
._loud .card-event.event-2:focus .date a,
._loud .card-event.event-2:hover .date a {
  color: #FFFFFF;
}
._loud .card-event.event-2:focus .date .readmore,
._loud .card-event.event-2:hover .date .readmore {
  color: #FFFFFF;
}
._loud .card-event.event-2:focus .date .readmore::after,
._loud .card-event.event-2:hover .date .readmore::after {
  background-image: url('/assets/cicons/angle-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
._loud .card-event.event-2:focus h3,
._loud .card-event.event-2:hover h3 {
  color: transparent;
}
.card-event.event-2 .text {
  padding: 0.5em 1em;
}
.card-event.event-2 .text h2 {
  margin: 0;
  padding: 0;
}
.card-event.event-2 .text p {
  margin: 0;
  padding: 0;
}
.member.member-1 {
  text-align: center;
}
.member.member-1 figure {
  height: auto;
  margin: 0 auto 1em auto;
}
.member.member-1 figure img {
  max-width: 212px;
  margin: 0 auto;
}
.member.member-1 .member__position {
  color: #64ffd2;
}
._loud .member.member-1 .member__position {
  color: #000000;
}
.member.member-1 .member__description {
  font-size: 0.9em;
}
.member.member-1 h3,
.member.member-1 h4 {
  font-size: 16px;
}
.member.member-1 p {
  margin: 0.2rem 0;
}
.member.member-1 .social-links {
  margin-top: 1.2em;
}
.member.member-2 {
  text-align: center;
}
.member.member-2 figure {
  width: 200px;
  height: auto;
  margin: 0 auto;
}
.member.member-2 .social-links {
  justify-content: center;
}
.member.member-3 {
  text-align: center;
}
.member.member-3 figure {
  height: auto;
  margin: 0 auto 1em auto;
}
.member.member-3 figure img {
  max-width: 212px;
  margin: 0 auto;
  border-radius: 50%;
}
.member.member-3 .member__position {
  color: #64ffd2;
}
._loud .member.member-3 .member__position {
  color: #000000;
}
.member.member-3 .member__description {
  font-size: 0.85em;
}
.member.member-3 h3,
.member.member-3 h4 {
  font-size: 16px;
}
.member.member-3 p {
  margin: 0.2rem 0;
}
.member.member-3 .social-links {
  margin-top: 1.2em;
}
section.bodytext-1 {
  margin: 2em 0 2em 0;
  position: relative;
}
@media screen and (min-width: 1200px) {
  section.bodytext-1 {
    margin: 4em 0 12em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.bodytext-1::after {
    background-image: url('/assets/cicons/arrow-down/64ffd2');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 26px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
}
section.bodytext-1:after {
  position: absolute;
  bottom: -6.5em;
  left: 50%;
  margin-left: -7px;
}
section.bodytext-1.text--columns .text {
  column-width: 20em;
  column-gap: 3em;
  max-width: 100%;
  margin: 0 1em;
}
section.bodytext-1.text--columns .text h1,
section.bodytext-1.text--columns .text h2,
section.bodytext-1.text--columns .text h3 {
  column-span: all;
  margin: 2rem 0 1rem;
}
section.bodytext-1.text--columns .text h1 + p,
section.bodytext-1.text--columns .text h2 + p,
section.bodytext-1.text--columns .text h3 + p {
  margin-top: 0;
}
section.bodytext-1 .buttons {
  margin: 2em 0 0 0;
}
.cta.cta-1 {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .cta.cta-1 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  .cta.cta-1 {
    margin: 3em 0 3em 0;
  }
}
.cta.cta-1._soft,
.cta.cta-1._loud {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .cta.cta-1._soft,
  .cta.cta-1._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  .cta.cta-1._soft,
  .cta.cta-1._loud {
    padding: 2em 0 2em 0;
  }
}
.cta.cta-1 .cta__text {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .cta.cta-1 .cta__text {
    grid-column-start: 6;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.cta.cta-1 .cta__text .cta__buttons > * {
  margin-right: 1em;
}
.cta.cta-1 .cta__member {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
  align-self: center;
}
@media screen and (min-width: 1200px) {
  .cta.cta-1 .cta__member {
    grid-column-start: 20;
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.cta.cta-1._right .cta__text {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .cta.cta-1._right .cta__text {
    grid-column-start: 12;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.cta.cta-1._right .cta__member {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .cta.cta-1._right .cta__member {
    grid-column-start: 6;
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.cta.cta-2 {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
  margin: 2em 0 2em 0;
  color: #000000;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 {
    margin: 6em 0 6em 0;
  }
}
.cta.cta-2 .cta__text {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
  margin-bottom: 2em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 .cta__text {
    text-align: left;
    grid-column-start: 9;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
    margin-bottom: 0;
  }
}
.cta.cta-2 .cta__text._right {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 .cta__text._right {
    grid-column-start: 14;
    grid-column-end: span 13;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1600px) {
  .cta.cta-2 .cta__text._right {
    margin-left: 0;
    margin-right: -4em;
  }
}
.cta.cta-2 .cta__text._soft,
.cta.cta-2 .cta__text._loud {
  padding: 2em;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 .cta__text._soft,
  .cta.cta-2 .cta__text._loud {
    padding: 6em;
  }
}
.cta.cta-2 .cta__text h2 {
  text-transform: none;
  margin-bottom: 0.3em;
}
.cta.cta-2 .cta__image {
  grid-column-start: 9;
  grid-column-end: span 12;
  grid-row-start: 2;
  grid-row-end: span 1;
  max-width: 251px;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 .cta__image {
    grid-column-start: 16;
    grid-column-end: span 5;
    grid-row-start: 1;
    grid-row-end: span 1;
    position: relative;
  }
  .cta.cta-2 .cta__image::after {
    background-image: url('/assets/cicons/deco/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 362px;
    height: 358px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
  .cta.cta-2 .cta__image:after {
    position: absolute;
    top: -10em;
    right: -10em;
    z-index: -1;
  }
}
.cta.cta-2 .cta__image._right {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 .cta__image._right {
    grid-column-start: 3;
    grid-column-end: span 11;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1600px) {
}
@media screen and (min-width: 1600px) {
}
.cta.cta-2 .cta__image img {
  visibility: hidden;
}
.cta.cta-2 .buttons {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 3;
  grid-row-end: span 1;
  text-align: center;
  margin-top: 10px;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 .buttons {
    text-align: left;
    grid-column-start: 9;
    grid-column-end: span 15;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
.cta.cta-2 .buttons > * {
  margin-right: 0.5em;
}
.cta.cta-2 .buttons > *:nth-child(1)::before {
  background-image: url('/assets/cicons/phone/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: -7px;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(1):hover::before {
  background-image: url('/assets/cicons/phone/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.35em;
  vertical-align: -7px;
  transform: rotate(0deg);
}
@media screen and (min-width: 1200px) {
  .cta.cta-2 .buttons > *:nth-child(1) {
    display: inline-block;
    padding: 0.8em 1.9em;
    font-weight: 700;
    font-size: 1.125em;
    font-family: 'Rubik', sans-serif;
    text-decoration: none;
    border-radius: 25px;
    text-transform: none;
    letter-spacing: none;
    line-height: 1em;
    white-space: nowrap;
    /**
   * modifiers
   */
    transition: background-position 0.3s;
    background: #64ffd2;
    border: 0px solid #FFFFFF;
    color: #000000;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .cta.cta-2 .buttons > *:nth-child(1):focus {
    outline: 0;
  }
  .cta.cta-2 .buttons > *:nth-child(1)._lg {
    font-size: 1.2em;
  }
  .cta.cta-2 .buttons > *:nth-child(1)._sm {
    font-size: 0.85em;
  }
  .cta.cta-2 .buttons > *:nth-child(1)._phonenumber::before {
    background-image: url('/assets/cicons/icon_phone/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-right: 1em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
  .cta.cta-2 .buttons > *:nth-child(1)._mailaddress::before {
    background-image: url('/assets/cicons/icon_envelop/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 17px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-right: 1em;
    vertical-align: -2px;
    transform: rotate(0deg);
  }
  .cta.cta-2 .buttons > *:nth-child(1)::after {
    background-image: url('/assets/cicons/arrow-right/000000');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 13px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 1em;
    vertical-align: -2px;
    transform: rotate(0deg);
  }
  .cta.cta-2 .buttons > *:nth-child(1):hover {
    transition: all 0.3s ease-in-out;
    background: #000000;
    border: 0;
    color: #64ffd2;
  }
  .cta.cta-2 .buttons > *:nth-child(1):hover::after {
    background-image: url('/assets/cicons/arrow-right/64ffd2');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 13px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 1em;
    vertical-align: -2px;
    transform: rotate(0deg);
  }
  .cta.cta-2 .buttons > *:nth-child(1)._ext::after {
    background-image: url('/assets/cicons/arrow-down/000000');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 18px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 1em;
    vertical-align: -4px;
    transform: rotate(0deg);
  }
  .cta.cta-2 .buttons > *:nth-child(1)._ext:hover::after {
    background-image: url('/assets/cicons/arrow-down/64ffd2');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 18px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-left: 1em;
    vertical-align: -4px;
    transform: rotate(0deg);
  }
}
.cta.cta-2 .buttons > *:nth-child(2) {
  display: inline-block;
  padding: 0.8em 1.9em;
  font-weight: 700;
  font-size: 1.125em;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  border-radius: 25px;
  text-transform: none;
  letter-spacing: none;
  line-height: 1em;
  white-space: nowrap;
  /**
   * modifiers
   */
  transition: background-position 0.3s;
  background: #64ffd2;
  border: 0px solid #FFFFFF;
  transition: all 0.3s ease-in-out;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  cursor: pointer;
  padding: 0.92em 1.9em;
}
.cta.cta-2 .buttons > *:nth-child(2):focus {
  outline: 0;
}
.cta.cta-2 .buttons > *:nth-child(2)._lg {
  font-size: 1.2em;
}
.cta.cta-2 .buttons > *:nth-child(2)._sm {
  font-size: 0.85em;
}
.cta.cta-2 .buttons > *:nth-child(2)._phonenumber::before {
  background-image: url('/assets/cicons/icon_phone/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(2)._mailaddress::before {
  background-image: url('/assets/cicons/icon_envelop/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 17px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(2)::after {
  background-image: url('/assets/cicons/arrow-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(2):hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 0;
  color: #64ffd2;
}
.cta.cta-2 .buttons > *:nth-child(2):hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(2)._ext::after {
  background-image: url('/assets/cicons/arrow-down/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(2)._ext:hover::after {
  background-image: url('/assets/cicons/arrow-down/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 18px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -4px;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(2)::after {
  background-image: url('/assets/cicons/arrow-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.cta.cta-2 .buttons > *:nth-child(2):hover {
  transition: all 0.3s ease-in-out;
  background: #000000;
  border: 1px solid #000000;
  color: #64ffd2;
}
.cta.cta-2 .buttons > *:nth-child(2):hover::after {
  background-image: url('/assets/cicons/arrow-right/64ffd2');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 13px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 1em;
  vertical-align: -2px;
  transform: rotate(0deg);
}
.cta.cta-2.no-image .cta__text {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
  padding: 0;
  margin: 0;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2.no-image .cta__text {
    grid-column-start: 7;
    grid-column-end: span 16;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.cta.cta-2.no-image .cta__text._soft,
.cta.cta-2.no-image .cta__text._loud {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .cta.cta-2.no-image .cta__text._soft,
  .cta.cta-2.no-image .cta__text._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  .cta.cta-2.no-image .cta__text._soft,
  .cta.cta-2.no-image .cta__text._loud {
    padding: 2em 0 2em 0;
  }
}
.cta.cta-2.no-image .cta__text h2 {
  text-align: center;
  color: #FFFFFF;
}
.cta.cta-2.no-image .cta__text p {
  font-size: 1.125em;
  line-height: 1.555;
  font-weight: 700;
  margin: 0 0 1.6em 0;
  margin-bottom: 2.5em;
}
.cta.cta-2 .social-links {
  justify-content: start;
}
section.form-1 {
  margin: 2em 0 2em 0;
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.form-1 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.form-1 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.form-1 {
    padding: 6em 0 6em 0;
  }
}
section.form-1 h2 {
  font-size: clamp(1.25em, 4vw, 1.75em);
}
.gallery.gallery-1 {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 {
    margin: 3em 0 3em 0;
  }
}
.gallery.gallery-1._soft,
.gallery.gallery-1._loud {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1._soft,
  .gallery.gallery-1._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1._soft,
  .gallery.gallery-1._loud {
    padding: 2em 0 2em 0;
  }
}
.gallery.gallery-1 .gallery-1__title {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.gallery.gallery-1 .gallery-1__set {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 .gallery-1__set {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }
}
.gallery.gallery-1 .gallery-1__set:not(:last-child) {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 .gallery-1__set:not(:last-child) {
    margin-bottom: 1em;
  }
}
.gallery.gallery-1 .gallery-1__set img {
  display: none;
}
.gallery.gallery-1 figure {
  position: relative;
  overflow: hidden;
}
.gallery.gallery-1 figure > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gallery.gallery-1 figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  color: #FFFFFF;
  padding: 3vw;
  transform: translateY(100%);
  opacity: 0;
  transition: all 120ms ease-in-out;
}
.gallery.gallery-1 figure:hover figcaption {
  transform: translateY(0);
  opacity: 1;
}
.gallery.gallery-1 .gallery-1__set > figure:nth-child(1) {
  padding-bottom: 50%;
  grid-column-start: 1;
  grid-column-end: span 4;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 .gallery-1__set > figure:nth-child(1) {
    padding-bottom: 100%;
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
}
.gallery.gallery-1 .gallery-1__set > figure:nth-child(2) {
  padding-bottom: 100%;
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 .gallery-1__set > figure:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.gallery.gallery-1 .gallery-1__set > figure:nth-child(3) {
  padding-bottom: 100%;
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 .gallery-1__set > figure:nth-child(3) {
    grid-column-start: 4;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.gallery.gallery-1 .gallery-1__set > figure:nth-child(4) {
  padding-bottom: 50%;
  grid-column-start: 1;
  grid-column-end: span 4;
  grid-row-start: 3;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  .gallery.gallery-1 .gallery-1__set > figure:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
section.gallery-3 {
  background-color: #FFFFFF;
  margin: 2em 0 2em 0;
}
body.template-product section.gallery-3 {
  background: none;
}
body.template-product section.gallery-3 h2 {
  color: #000000;
}
@media screen and (min-width: 1200px) {
  section.gallery-3 {
    margin: 6em 0 6em 0;
  }
}
section.gallery-3 .list__wrapper {
  overflow: hidden;
}
section.gallery-3 .list__wrapper > h2 {
  margin-bottom: 2em;
}
section.gallery-3 figure a:focus {
  outline: 0;
}
section.gallery-3 figure img {
  border-radius: 10px;
}
section.gallery-3 figure img:focus {
  outline: 0;
}
.gallery-5 {
  margin: 2em 0 2em 0;
}
.gallery-5 * {
  min-width: 0;
  min-height: 0;
}
@media screen and (min-width: 1200px) {
  .gallery-5 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  .gallery-5 {
    margin: 3em 0 3em 0;
  }
}
.gallery-5 .gallery__wrapper {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
.gallery-5 .gallery__wrapper .gallery__title {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
  margin-left: auto;
}
.gallery-5 .gallery__wrapper .gallery__title._sm {
  text-align: center;
}
.gallery-5 .gallery__wrapper .gallery__list {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.gallery-5 .gallery__wrapper .gallery__list._sm {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  .gallery-5 .gallery__wrapper .gallery__list._sm {
    grid-column-start: 6;
    grid-column-end: span 18;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
.gallery-5 .gallery__wrapper .gallery__list._md {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.gallery-5 .gallery__wrapper .gallery__list._lg {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.gallery-5 .gallery__wrapper .gallery__list figure {
  margin: 0;
  position: relative;
  border-radius: 10px;
}
.gallery-5 .gallery__wrapper .gallery__list figure img {
  border-radius: 10px;
}
.gallery-5 .gallery__wrapper .slick-slide {
  border-radius: 10px;
}
.gallery-5 .gallery__wrapper .card__readmore {
  display: none;
}
.gallery-5 .gallery__wrapper figcaption {
  background: #000000;
  border-color: transparent;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0.3em 0.5em;
  bottom: 0;
}
.gallery-5 .gallery__wrapper figcaption h1,
.gallery-5 .gallery__wrapper figcaption h2,
.gallery-5 .gallery__wrapper figcaption h3,
.gallery-5 .gallery__wrapper figcaption h4,
.gallery-5 .gallery__wrapper figcaption h5,
.gallery-5 .gallery__wrapper figcaption h6 {
  color: #FFFFFF;
}
.gallery-5 .gallery__wrapper figcaption .text ul,
.gallery-5 .gallery__wrapper figcaption.text ul {
  list-style: none;
  /* Remove default bullets */
}
.gallery-5 .gallery__wrapper figcaption .text ul li::before,
.gallery-5 .gallery__wrapper figcaption.text ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FFFFFF;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
.gallery-5 .gallery__wrapper figcaption a {
  color: #FFFFFF;
}
.gallery-5 .gallery__wrapper figcaption .readmore {
  color: #FFFFFF;
}
.gallery-5 .gallery__wrapper figcaption .readmore::after {
  background-image: url('/assets/cicons/angle-right/FFFFFF');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  .gallery-5 .gallery__wrapper figcaption {
    padding: 1em;
  }
}
.gallery-5._loud figcaption {
  background: #64ffd2;
  border-color: #000000;
  color: #000000;
}
.gallery-5._loud figcaption h1,
.gallery-5._loud figcaption h2,
.gallery-5._loud figcaption h3,
.gallery-5._loud figcaption h4,
.gallery-5._loud figcaption h5,
.gallery-5._loud figcaption h6 {
  color: #000000;
}
.gallery-5._loud figcaption a:not(.btn) {
  color: #000000;
}
.gallery-5._loud figcaption .readmore {
  color: #000000;
}
.gallery-5._loud figcaption .readmore::after {
  background-image: url('/assets/cicons/angle-right/000000');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 9px;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-left: 0.35em;
  vertical-align: -0.01em;
  transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
}
.gallery-5 .card__teasertext {
  display: none;
}
section.image-1 {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.image-1 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.image-1 {
    margin: 3em 0 3em 0;
  }
}
section.image-1 .image__container {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: auto;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  section.image-1 .image__container {
    grid-column-start: 5;
    grid-column-end: span 20;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1024px) {
  section.image-1 .image__container {
    grid-column-start: 7;
    grid-column-end: span 16;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
section.image-1 .image__container._sm {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  section.image-1 .image__container._sm {
    grid-column-start: 6;
    grid-column-end: span 18;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.image-1 .image__container._default,
section.image-1 .image__container._md {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: auto;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  section.image-1 .image__container._default,
  section.image-1 .image__container._md {
    grid-column-start: 5;
    grid-column-end: span 20;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1024px) {
  section.image-1 .image__container._default,
  section.image-1 .image__container._md {
    grid-column-start: 7;
    grid-column-end: span 16;
    grid-row-start: auto;
    grid-row-end: span 1;
  }
}
section.image-1 .image__container._default figure,
section.image-1 .image__container._md figure {
  max-height: 600px;
}
section.image-1 .image__container._lg {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section.image-1 .image__container._lg figure {
  max-height: 600px;
}
section.image-1 .image__container figure {
  border-radius: 10px;
}
section.image-1 .image__container figure img {
  visibility: hidden;
}
section.list-1 {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.list-1 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.list-1 {
    margin: 3em 0 3em 0;
  }
}
body.template-home section.list-1 {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  body.template-home section.list-1 {
    margin: 6em 0 6em 0;
  }
}
section.list-1._soft,
section.list-1._loud {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.list-1._soft,
  section.list-1._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.list-1._soft,
  section.list-1._loud {
    padding: 2em 0 2em 0;
  }
}
section.list-1 .list__wrapper {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section.list-1 .list__wrapper {
  overflow: hidden;
}
section.list-1 .list__wrapper > h2 {
  margin-bottom: 2em;
}
section.list-1 .list__items {
  margin-bottom: 2em;
}
@media screen and (min-width: 1024px) {
  section.list-1 .list__items {
    margin-bottom: 4em;
  }
}
/**
 *
 * default list base
 *
 */
section.services-1 {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.services-1 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.services-1 {
    margin: 3em 0 3em 0;
  }
}
section.services-1._soft,
section.services-1._loud {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.services-1._soft,
  section.services-1._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.services-1._soft,
  section.services-1._loud {
    padding: 2em 0 2em 0;
  }
}
section.services-1 .services__wrapper h3 {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
  margin: 0 0 0.3em 0;
}
@media screen and (min-width: 1200px) {
  section.services-1 .services__wrapper h3 {
    grid-column-start: 3;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
    margin: 6em 2% 0.3em auto;
  }
}
section.services-1 .services__wrapper h3._left {
  text-align: left;
}
section.services-1 .services__wrapper .services__services {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section.services-1 .services__wrapper .services__services._with-title {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
section.services-1 .services__wrapper .services__services.services__services2 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
section.services-1 .services__wrapper .services__services.services__services2._reverse {
  flex-direction: row-reverse;
}
section.services-1 .services__wrapper .services__services.services__services2._center {
  justify-content: center;
}
section.services-1 .services__wrapper .services__services.services__services2._flex-start {
  justify-content: flex-start;
}
section.services-1 .services__wrapper .services__services.services__services2._flex-end {
  justify-content: flex-end;
}
section.services-1 .services__wrapper .services__services.services__services2 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 768px) {
  section.services-1 .services__wrapper .services__services.services__services2 > * {
    width: 48%;
  }
}
section.services-1 .services__wrapper .services__services.services__services2._top-highlight > *:first-child {
  width: 100%;
}
section.services-1 .services__wrapper .services__services.services__services3 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
section.services-1 .services__wrapper .services__services.services__services3._reverse {
  flex-direction: row-reverse;
}
section.services-1 .services__wrapper .services__services.services__services3._center {
  justify-content: center;
}
section.services-1 .services__wrapper .services__services.services__services3._flex-start {
  justify-content: flex-start;
}
section.services-1 .services__wrapper .services__services.services__services3._flex-end {
  justify-content: flex-end;
}
section.services-1 .services__wrapper .services__services.services__services3 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 480px) {
  section.services-1 .services__wrapper .services__services.services__services3 > * {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  section.services-1 .services__wrapper .services__services.services__services3 > * {
    width: 31.33333333%;
  }
}
section.services-1 .services__wrapper .services__services.services__services4 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
section.services-1 .services__wrapper .services__services.services__services4._reverse {
  flex-direction: row-reverse;
}
section.services-1 .services__wrapper .services__services.services__services4._center {
  justify-content: center;
}
section.services-1 .services__wrapper .services__services.services__services4._flex-start {
  justify-content: flex-start;
}
section.services-1 .services__wrapper .services__services.services__services4._flex-end {
  justify-content: flex-end;
}
section.services-1 .services__wrapper .services__services.services__services4._center {
  justify-content: center;
}
section.services-1 .services__wrapper .services__services.services__services4 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 480px) {
  section.services-1 .services__wrapper .services__services.services__services4 > * {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  section.services-1 .services__wrapper .services__services.services__services4 > * {
    width: 31.33333333%;
  }
}
@media screen and (min-width: 1024px) {
  section.services-1 .services__wrapper .services__services.services__services4 > * {
    width: 23%;
  }
}
section.services-1 .services__wrapper .services__services .services__content {
  padding: 2em;
}
@media screen and (min-width: 1200px) {
  section.services-1 .services__wrapper .services__services .services__content {
    padding: 3em;
  }
}
section.services-1 .services__wrapper .services__services .services__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2em;
}
section.services-1 .services__wrapper .services__services .services__title figure {
  margin-right: 1.5em;
}
section.services-1 .services__wrapper .services__services .service {
  border: 1px solid #e6e9ee;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  border-radius: 10px;
  flex-grow: 1;
}
@media screen and (min-width: 1200px) {
  section.services-1 .services__wrapper .services__services .service:nth-child(2) {
    top: -9em;
    position: relative;
  }
}
section.services-1 .services__wrapper .services__services .service._left {
  text-align: left;
}
section.services-1 .services__wrapper .services__services .service._left .figure img {
  margin: 0 0 2em 0;
}
section.services-1 .services__wrapper .services__services .service p {
  flex: 1;
}
section.services-1 .services__wrapper .services__services .service .figure img {
  border-radius: 0 0 10px 10px;
}
section.services-1 .services__wrapper .buttons {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
  justify-self: center;
}
section.services-1 .services__wrapper._with-title .buttons {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 3;
  grid-row-end: span 1;
}
section.services-2 {
  margin: 2em 0 2em 0;
}
section.services-2._soft,
section.services-2._loud {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.services-2._soft,
  section.services-2._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.services-2._soft,
  section.services-2._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.services-2 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.services-2 {
    margin: 3em 0 3em 0;
  }
}
section.services-2 .services__wrapper {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
section.services-2 .services__wrapper > *:nth-child(1) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.services-2 .services__wrapper > *:nth-child(1) {
    grid-column-start: 3;
    grid-column-end: span 11;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.services-2 .services__wrapper > *:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.services-2 .services__wrapper > *:nth-child(2) {
    grid-column-start: 15;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.services-2 .services__wrapper._textright {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
section.services-2 .services__wrapper._textright > *:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.services-2 .services__wrapper._textright > *:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: span 11;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.services-2 .services__wrapper._textright > *:nth-child(1) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.services-2 .services__wrapper._textright > *:nth-child(1) {
    grid-column-start: 15;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.services-2 .services__wrapper .services__text {
  align-self: center;
}
section.services-2 .services__wrapper .services__icons {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
section.services-2 .services__wrapper .services__icons.services__icons_4 {
  margin: 0 5em;
}
section.services-2 .services__wrapper .services__icons > * {
  margin: 0 1em;
}
section.services-2 .services__wrapper .service span {
  display: block;
  margin: 0 auto 1em auto;
  text-align: center;
  font-size: 1.1em;
  font-weight: 500;
  color: #64ffd2;
}
section.services-2 .services__wrapper a.service:hover figure {
  transform: scale(1.1);
  transition: transform 0.15s ease-in-out;
}
section.services-2 .services__wrapper a.service:hover span {
  color: #64ffd2;
}
section.services-2 .services__wrapper figure {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  section.services-2 .services__wrapper figure {
    margin-bottom: 0;
  }
}
section.services-2 .services__wrapper figure img {
  width: auto;
  margin: 0 auto;
}
section.services-2 .services__wrapper .buttons {
  margin-top: 2em;
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
  justify-self: center;
}
section.services-3 {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.services-3 {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.services-3 {
    margin: 3em 0 3em 0;
  }
}
section.services-3._soft,
section.services-3._loud {
  padding: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.services-3._soft,
  section.services-3._loud {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  section.services-3._soft,
  section.services-3._loud {
    padding: 2em 0 2em 0;
  }
}
section.services-3 .services__wrapper h2 {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section.services-3 .services__wrapper .services__services {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
section.services-3 .services__wrapper .services__services.services__services2 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
section.services-3 .services__wrapper .services__services.services__services2._reverse {
  flex-direction: row-reverse;
}
section.services-3 .services__wrapper .services__services.services__services2._center {
  justify-content: center;
}
section.services-3 .services__wrapper .services__services.services__services2._flex-start {
  justify-content: flex-start;
}
section.services-3 .services__wrapper .services__services.services__services2._flex-end {
  justify-content: flex-end;
}
section.services-3 .services__wrapper .services__services.services__services2 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 768px) {
  section.services-3 .services__wrapper .services__services.services__services2 > * {
    width: 48%;
  }
}
section.services-3 .services__wrapper .services__services.services__services2._top-highlight > *:first-child {
  width: 100%;
}
section.services-3 .services__wrapper .services__services.services__services3 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
section.services-3 .services__wrapper .services__services.services__services3._reverse {
  flex-direction: row-reverse;
}
section.services-3 .services__wrapper .services__services.services__services3._center {
  justify-content: center;
}
section.services-3 .services__wrapper .services__services.services__services3._flex-start {
  justify-content: flex-start;
}
section.services-3 .services__wrapper .services__services.services__services3._flex-end {
  justify-content: flex-end;
}
section.services-3 .services__wrapper .services__services.services__services3 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 480px) {
  section.services-3 .services__wrapper .services__services.services__services3 > * {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  section.services-3 .services__wrapper .services__services.services__services3 > * {
    width: 31.33333333%;
  }
}
section.services-3 .services__wrapper .services__services.services__services4 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  justify-content: center;
}
section.services-3 .services__wrapper .services__services.services__services4._reverse {
  flex-direction: row-reverse;
}
section.services-3 .services__wrapper .services__services.services__services4._center {
  justify-content: center;
}
section.services-3 .services__wrapper .services__services.services__services4._flex-start {
  justify-content: flex-start;
}
section.services-3 .services__wrapper .services__services.services__services4._flex-end {
  justify-content: flex-end;
}
section.services-3 .services__wrapper .services__services.services__services4._center {
  justify-content: center;
}
section.services-3 .services__wrapper .services__services.services__services4 > * {
  margin: 0.6em 1%;
}
@media screen and (min-width: 480px) {
  section.services-3 .services__wrapper .services__services.services__services4 > * {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  section.services-3 .services__wrapper .services__services.services__services4 > * {
    width: 31.33333333%;
  }
}
@media screen and (min-width: 1024px) {
  section.services-3 .services__wrapper .services__services.services__services4 > * {
    width: 23%;
  }
}
section.services-3 .services__wrapper .services__services .service {
  margin-bottom: 4em;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: max-content auto;
  transition: 0.3s ease-in-out;
  position: relative;
  flex-grow: 0;
}
section.services-3 .services__wrapper .services__services .service:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  section.services-3 .services__wrapper .services__services .service {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr;
  }
}
section.services-3 .services__wrapper .services__services .service > figure {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}
section.services-3 .services__wrapper .services__services .service h3 {
  text-align: center;
  position: relative;
  z-index: 1;
  color: #FFFFFF;
}
section.services-3 .services__wrapper .services__services .service p {
  flex: 1;
}
section.services-3 .services__wrapper .services__services .service .services__text {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  align-self: center;
  padding: 1em;
}
section.services-3 .services__wrapper .services__services .service .services__text--overlay {
  z-index: 1;
  opacity: 0;
  color: #000000;
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 1em 1.5em;
  align-self: center;
}
section.services-3 .services__wrapper .services__services .service .services__text--overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #64ffd2;
  z-index: -1;
}
section.services-3 .services__wrapper .services__services .service .services__text--overlay h3 {
  text-align: left;
}
section.services-3 .services__wrapper .services__services .service .figure img {
  width: auto;
  height: auto;
}
section.services-3 .services__wrapper .services__services .service:focus,
section.services-3 .services__wrapper .services__services .service:hover {
  text-align: left;
}
section.services-3 .services__wrapper .services__services .service:focus h3,
section.services-3 .services__wrapper .services__services .service:hover h3 {
  transition: all 0.3s ease-in-out;
  color: #000000;
}
section.services-3 .services__wrapper .services__services .service:focus .services__text--overlay,
section.services-3 .services__wrapper .services__services .service:hover .services__text--overlay {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
section.services-3 .services__wrapper .services__services .service:focus .figure,
section.services-3 .services__wrapper .services__services .service:hover .figure {
  transition: transform 0.15s ease-in-out;
}
section.services-3 .services__wrapper .buttons {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 3;
  grid-row-end: span 1;
  justify-self: center;
}
section.textimg-1 {
  margin: 2em 0 2em 0;
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
@media screen and (min-width: 1200px) {
  section.textimg-1 {
    margin: 2em 0 2em 0;
  }
}
section.textimg-1 > *:nth-child(1) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.textimg-1 > *:nth-child(1) {
    grid-column-start: 3;
    grid-column-end: span 11;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.textimg-1 > *:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.textimg-1 > *:nth-child(2) {
    grid-column-start: 15;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textleft .textimg__text {
    grid-column-end: span 9;
  }
}
section.textimg-1._textleft .textimg__text._containerloud {
  height: 100%;
  background: #64ffd2;
  display: flex;
  align-items: center;
  grid-column-end: span 24;
  padding: 2em 4em;
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textleft .textimg__text._containerloud {
    grid-column-end: span 12;
  }
}
section.textimg-1._textleft .textimg__text._containerloud > * {
  color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textleft .textimg__figure {
    grid-column-start: 16;
    grid-column-end: span 11;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textleft .textimg__figure._containerloud {
    grid-column-start: 15;
    grid-column-end: span 12;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textleft .textimg__figure._full {
    grid-column-start: 15;
    grid-column-end: span 14;
  }
}
section.textimg-1._textright {
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
section.textimg-1._textright > *:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.textimg-1._textright > *:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: span 11;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.textimg-1._textright > *:nth-child(1) {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 1024px) {
  section.textimg-1._textright > *:nth-child(1) {
    grid-column-start: 15;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textright .textimg__figure {
    grid-column-end: span 11;
  }
}
@media screen and (min-width: 1600px) {
  section.textimg-1._textright .textimg__figure {
    margin-left: -6em;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textright .textimg__figure._containerloud {
    grid-column-end: span 12;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textright._loud._full .textimg__text {
    grid-column-start: 17;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textright .textimg__figure._full {
    grid-column-end: span 14;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textright .textimg__text {
    grid-column-start: 16;
    grid-column-end: span 9;
  }
}
section.textimg-1._textright .textimg__text._containerloud {
  height: 100%;
  background: #64ffd2;
  display: flex;
  align-items: center;
  padding: 2em 4em;
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textright .textimg__text._containerloud {
    grid-column-start: 15;
    grid-column-end: span 12;
  }
}
section.textimg-1._textright .textimg__text._containerloud > * {
  color: #FFFFFF;
}
section.textimg-1._loud {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  section.textimg-1._loud {
    margin: 6em 0 2em 0;
  }
}
section.textimg-1._loud figure {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 1024px) {
  section.textimg-1._loud figure {
    margin-top: 0;
    border-radius: 0;
    height: 100%;
  }
}
section.textimg-1._loud .textimg__figure {
  height: 100%;
  position: relative;
}
section.textimg-1._loud .textimg__figure .mask {
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  display: none;
}
section.textimg-1._loud .textimg__figure .mask._textleft {
  left: 0;
  right: 0;
}
@media screen and (min-width: 1024px) {
  section.textimg-1._loud .textimg__figure .mask {
    display: block;
  }
}
section.textimg-1._loud .textimg__figure .mask img {
  height: 100%;
}
section.textimg-1._loud .textimg__text {
  padding: 1em;
}
@media screen and (min-width: 1024px) {
  section.textimg-1._loud .textimg__text {
    padding: 6em 0;
  }
}
section.textimg-1 .textimg__text {
  align-self: center;
}
@media screen and (min-width: 480px) {
  section.textimg-1 .textimg__text {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  section.textimg-1 .textimg__text {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
}
section.textimg-1 .text p.price {
  font-size: 1em;
}
section.textimg-1 .text p.price span {
  display: inline-block;
  font-size: 1.625em;
  font-weight: 700;
  margin-left: 0.5em;
}
section.textimg-1 .text .text--intro p {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(1.5em, 2.5vw, 2.5em);
  line-height: 2;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  section.textimg-1 .text .text--intro p {
    line-height: 1.25;
    margin-bottom: 0.6em;
  }
}
section.textimg-1 .text .text--intro a:not(.btn):not(.btn-alt):not(.btn-outline):not(.btn-alt-outline) {
  font-weight: 300;
  color: #64ffd2;
}
section.textimg-1 .text .text--intro a:not(.btn):not(.btn-alt):not(.btn-outline):not(.btn-alt-outline):hover {
  color: #64ffd2;
}
section.textimg-1 .textimg__figure {
  align-self: center;
}
@media screen and (min-width: 1200px) {
  section.textimg-1 .textimg__figure {
    height: 100%;
  }
}
section.textimg-1 .textimg__figure._full {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  section.textimg-1 .textimg__figure._full {
    grid-column-start: 1;
    grid-column-end: span 13;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.textimg-1 .textimg__figure._containerloud figure {
  border-radius: 0;
}
section.textimg-1._textleft ._full {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  section.textimg-1._textleft ._full {
    grid-column-start: 16;
    grid-column-end: span 13;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.textimg-1 figure {
  border-radius: 10px;
  margin-bottom: 2em;
}
@media screen and (min-width: 480px) {
  section.textimg-1 figure {
    max-width: 300px;
    margin: 0 auto 2em auto;
  }
}
@media screen and (min-width: 1024px) {
  section.textimg-1 figure {
    max-width: none;
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1 figure {
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1 ._full._textright figure {
    border-radius: 0 10px 10px 0;
  }
}
@media screen and (min-width: 1200px) {
  section.textimg-1 ._full._textleft figure {
    border-radius: 10px 0 0 10px;
  }
}
section.video-1 {
  margin: 2em 0 2em 0;
  display: grid;
  grid-template-columns: 3vw minmax(0, calc(50% - 600px - 3vw)) repeat(24, 1fr) minmax(0, calc(50% - 600px - 3vw)) 3vw;
}
@media screen and (min-width: 1200px) {
  section.video-1 {
    margin: 3em 0 4em 0;
  }
}
section.video-1 h1 {
  text-align: center;
}
section.video-1 .video__container {
  position: relative;
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1320px) {
  section.video-1 .video__container::before {
    background-image: url('/assets/cicons/deco-blue/inherit');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 382px;
    height: 475px;
    display: block;
    text-indent: -999em;
    content: "";
    display: inline-block;
    margin-right: 0.35em;
    vertical-align: middle;
    transform: rotate(0deg);
  }
  section.video-1 .video__container:before {
    position: absolute;
    top: 0px;
    left: -65px;
    z-index: -1;
  }
}
section.video-1 .video__container .video:after {
  content: "Bekijk ons verhaal";
  position: absolute;
  top: 60%;
  left: 50%;
  z-index: 2;
  color: #FFFFFF;
  font-size: 1.125em;
  font-weight: 700;
  width: 150px;
  margin-left: -75px;
}
section.video-1 .video__container._sm {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  section.video-1 .video__container._sm {
    grid-column-start: 6;
    grid-column-end: span 18;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.video-1 .video__container._md {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media screen and (min-width: 1200px) {
  section.video-1 .video__container._md {
    grid-column-start: 4;
    grid-column-end: span 22;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
section.video-1 .video__container._lg {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section.video-1 .video__text {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
  padding: 1.5em;
  background: #000000;
}
section.video-1 .video__text._sm {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media screen and (min-width: 768px) {
  section.video-1 .video__text._sm {
    grid-column-start: 6;
    grid-column-end: span 18;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
section.video-1 .video__text._md {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
}
section.video-1 .video__text._lg {
  grid-column-start: 1;
  grid-column-end: span 28;
  grid-row-start: 2;
  grid-row-end: span 1;
}
section.video-1 .video__text > * {
  color: #FFFFFF;
}
section.video-1 .video__text p:last-child {
  margin-bottom: 0;
}
.search-input {
  display: flex;
}
.search-input input {
  flex: 1;
  padding: 1em;
  border: 1px solid #e6e9ee;
  border-radius: 3px;
}
.search-input button {
  border-radius: 0 3px 3px 0;
}
.nav-search::before {
  background-image: url('/assets/cicons/search/inherit');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: block;
  text-indent: -999em;
  content: "";
  display: inline-block;
  margin-right: 0.75em;
  vertical-align: middle;
  transform: rotate(0deg);
}
.nav-search span {
  display: none;
}
.search-form {
  margin: 2em 0 2em 0;
}
@media screen and (min-width: 1200px) {
  .search-form {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  .search-form {
    margin: 3em 0 3em 0;
  }
}
@media screen and (min-width: 1200px) {
  .search-form {
    padding: 1em 5em;
  }
}
.search-form__group {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.search-form__query-message {
  grid-column-start: 3;
  grid-column-end: span 24;
  grid-row-start: 2;
  grid-row-end: span 1;
  text-align: center;
}
.search-list {
  padding: 2em 0 2em 0;
  background: transparent;
}
@media screen and (min-width: 1200px) {
  .search-list {
    padding: 2em 0 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  .search-list {
    padding: 2em 0 2em 0;
  }
}
.search-list h4 {
  margin: 0;
  padding: 0;
}
.search-list .item {
  padding: 0.5em 0;
}
@media screen and (min-width: 1200px) {
  .bodytext + .search-extended {
    margin-top: -2rem;
  }
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}