@font-face {
  font-family: "aller_lightregular";
  src: url("../fonts/aller_lt-webfont.woff2") format("woff2"), url("../fonts/aller_lt-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "allerregular";
  src: url("../fonts/aller_rg-webfont.woff2") format("woff2"), url("../fonts/aller_rg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "allerbold";
  src: url("../fonts/aller_bd-webfont.woff2") format("woff2"), url("../fonts/aller_bd-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr, figure, form {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}

fieldset, img, hr, form {
  border: none;
}

caption, th {
  text-align: left;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

* {
  outline: none;
}

svg {
  display: block;
}

html, body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "aller_lightregular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #5A5C61;
}

p:not(:last-child) {
  margin-bottom: 1em;
}

b, strong {
  font-weight: 700;
}

.clear {
  clear: both;
}

.text table {
  border: 1px solid rgba(36, 38, 40, 0.2);
  margin-bottom: 1em;
  width: 100%;
  max-width: 100%;
}
.text table tr td, .text table tr th {
  font-size: 12px;
  padding: 1em;
}
.text table tr td p, .text table tr th p {
  font-size: 1em;
}
@media (min-width: 769px) {
  .text table tr td:nth-child(odd), .text table tr th:nth-child(odd) {
    background: rgba(36, 38, 40, 0.1);
  }
}
.text table tr th {
  border-bottom: 1px solid rgba(36, 38, 40, 0.2);
}
@media (max-width: 768px) {
  .text table thead {
    display: none;
  }
  .text table tbody {
    display: block;
  }
  .text table tr {
    display: block;
  }
  .text table tr:nth-child(odd) td {
    background: rgba(36, 38, 40, 0.1);
  }
  .text table tr td {
    display: block;
    position: relative;
    padding-left: 14em;
  }
  .text table tr td:before {
    content: attr(data-title);
    font-size: inherit;
    font-weight: 700;
    padding-right: 1em;
    width: 14em;
    position: absolute;
    left: 1em;
    top: 1em;
  }
}

.cookienotice {
  position: fixed;
  right: 1em;
  bottom: 1em;
  width: 90%;
  max-width: 370px;
  padding: 1em;
  color: #242628;
  border: 2px solid #5A5C61;
  background: #fff;
  z-index: 9999;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
.cookienotice.hidden {
  display: none;
}
.cookienotice .text {
  padding-right: 0.75em;
  font-size: 1em;
  width: 100%;
}
@media (max-width: 400px) {
  .cookienotice {
    left: 1em;
    width: 100%;
  }
}
.cookienotice .cookiebtn {
  background: #5A5C61;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 0.5em 0.75em;
  font-weight: 700;
  margin-right: 1em;
}
.cookienotice .cookiebtn:hover {
  background: #242628;
  color: #fff;
}
.cookienotice .cookiedeny {
  display: inline-block;
  color: #5A5C61;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875em;
}
.cookienotice .cookiedeny:hover {
  color: #242628;
}

[data-role=showcookienotice] {
  cursor: pointer;
}

/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
  right: 17px;
}

#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}

.fp-slidesNav.bottom {
  bottom: 17px;
}

.fp-slidesNav.top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}

[data-simplebar] {
  position: relative;
  z-index: 0;
  height: 100%;
  overflow: hidden !important;
  max-height: inherit;
  -webkit-overflow-scrolling: touch;
  /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

[data-simplebar=init] {
  display: flex;
}

[data-simplebar] .simplebar-scroll-content,
[data-simplebar] .simplebar-content {
  overflow: hidden;
}

[data-simplebar=init] .simplebar-scroll-content,
[data-simplebar=init] .simplebar-content {
  overflow: scroll;
}

.simplebar-scroll-content {
  overflow-x: hidden !important;
  min-width: 100% !important;
  max-height: inherit !important;
  box-sizing: content-box !important;
}

.simplebar-content {
  overflow-y: hidden !important;
  box-sizing: border-box !important;
  min-height: 100% !important;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 11px;
  pointer-events: none;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0 linear;
}

.simplebar-track.vertical {
  top: 0;
}

.simplebar-track.vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.horizontal {
  left: 0;
  width: auto;
  height: 11px;
}

.simplebar-track.horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track {
  right: auto;
  left: 0;
}

[data-simplebar-direction=rtl] .simplebar-track.horizontal {
  right: 0;
}

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.6);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

@media (max-width: 990px) {
  .locked {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
}
.defs {
  width: 0;
  padding: 0;
  height: 0;
  box-sizing: border-box;
  margin: 0;
}

a {
  color: inherit;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
a.privacy-link {
  font-size: 12px;
}
a:hover {
  color: #242628;
}

.sidepadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .calltoaction, .textpage .paragraaf .textwrapper .content, .intro .title, .baseline, header {
  padding-left: 100px;
  padding-right: 100px;
  box-sizing: border-box;
}
@media (max-width: 1440px) {
  .sidepadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .calltoaction, .textpage .paragraaf .textwrapper .content, .intro .title, .baseline, header {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1200px) {
  .sidepadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .calltoaction, .textpage .paragraaf .textwrapper .content, .intro .title, .baseline, header {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 480px) {
  .sidepadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .calltoaction, .textpage .paragraaf .textwrapper .content, .intro .title, .baseline, header {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.toppadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .textpage .paragraaf .textwrapper .content, .paragraaf .textwrapper, .columns .textwrapper, .pics .textwrapper, .baseline {
  padding-top: 65px;
  padding-bottom: 65px;
  box-sizing: border-box;
}
@media (max-width: 1440px) {
  .toppadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .textpage .paragraaf .textwrapper .content, .paragraaf .textwrapper, .columns .textwrapper, .pics .textwrapper, .baseline {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media (max-width: 1200px) {
  .toppadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .textpage .paragraaf .textwrapper .content, .paragraaf .textwrapper, .columns .textwrapper, .pics .textwrapper, .baseline {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 480px) {
  .toppadding, .description .content, .newsletter, footer > .wrapper .textwrapper, .textpage .paragraaf .textwrapper .content, .paragraaf .textwrapper, .columns .textwrapper, .pics .textwrapper, .baseline {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

img, picture {
  display: block;
  width: 100%;
}

.showmenu, .closemenu {
  display: none;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  fill: #5A5C61;
  cursor: pointer;
  padding: 0;
}
.showmenu:hover, .closemenu:hover {
  fill: #242628;
}

.fakeheader {
  height: 90px;
  width: 100%;
}
@media (max-width: 1200px) {
  .fakeheader {
    height: 60px;
  }
}

@media (max-width: 990px) {
  .mobileheader {
    height: 60px;
  }
}

.icon {
  display: block;
  width: 1em;
  height: 1em;
  fill: #5A5C61;
  -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  height: 90px;
  display: flex;
  align-items: center;
  z-index: 9990;
  opacity: 1;
  -webkit-transition: top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
header.homeheader:not(.nav-down) {
  background: transparent;
}
@media (min-width: 991px) {
  header.homeheader:not(.nav-down) nav .mainmenu li a {
    color: #fff;
  }
  header.homeheader:not(.nav-down) nav .mainmenu li a .icon {
    fill: #fff;
  }
}
header.homeheader:not(.nav-down) .logo {
  fill: #fff;
}
header.nav-up {
  opacity: 0;
  top: -100%;
}
@media (max-width: 1200px) {
  header {
    height: 60px;
    font-size: 14px;
  }
}
header .logo {
  display: block;
  flex: none;
  width: 280px;
  height: 46px;
  fill: #5A5C61;
  -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
header .logo svg {
  width: 100%;
  height: 100%;
  display: block;
}
header .logo:hover {
  fill: #242628;
}
@media (max-width: 1200px) {
  header .logo {
    width: 200px;
  }
}
header nav {
  display: flex;
  align-items: center;
  margin-left: auto;
}
header nav .mainmenu {
  display: flex;
  align-items: center;
}
header nav .mainmenu li {
  display: block;
  margin-left: 2em;
  font-family: "aller_lightregular", Arial, Helvetica, sans-serif;
  position: relative;
}
header nav .mainmenu li a {
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  font-size: 1em;
  color: #5A5C61;
}
header nav .mainmenu li a .icon {
  font-size: 1.5em;
  fill: #5A5C61;
}
header nav .mainmenu li a:hover {
  color: #242628;
}
header nav .mainmenu li a:hover .icon {
  fill: #242628;
}
header nav .mainmenu li.active > a {
  font-family: "allerbold", Arial, Helvetica, sans-serif;
  margin-bottom: 2px;
}
@media (max-width: 990px) {
  header nav .mainmenu li .submenu {
    padding-left: 1em;
    padding-top: 0.5em;
    font-size: 0.875em;
  }
  header nav .mainmenu li .submenu a {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  header nav .mainmenu li .submenu a.active {
    font-family: "allerbold", Arial, Helvetica, sans-serif;
  }
}
@media (min-width: 991px) {
  header nav .mainmenu li .submenu {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    display: block;
    position: absolute;
    top: 100%;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
    z-index: 8999;
    background: rgba(36, 38, 40, 0.65);
    left: 0;
  }
  header nav .mainmenu li .submenu:before {
    width: 100%;
    display: block;
    content: "";
    height: 20px;
    top: -20px;
    position: absolute;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  header nav .mainmenu li .submenu {
    top: 60px;
    height: 80px;
  }
}
@media (min-width: 991px) {
  header nav .mainmenu li .submenu .wrapper {
    width: 100%;
    display: block;
  }
}
@media (min-width: 991px) {
  header nav .mainmenu li .submenu a {
    color: #fff;
    margin: 0 1em;
    display: block;
    opacity: 0.8;
    white-space: nowrap;
    padding: 0.25em 0;
  }
  header nav .mainmenu li .submenu a:hover, header nav .mainmenu li .submenu a.active {
    opacity: 1;
  }
}
@media (min-width: 991px) {
  header nav .mainmenu li:hover .submenu {
    display: flex;
    opacity: 1;
    pointer-events: inherit;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
}
@media (max-width: 990px) {
  header .closemenu, header .showmenu {
    display: block;
    font-size: 24px;
  }
  header .showmenu {
    margin-left: auto;
  }
  header.homeheader:not(.nav-down) {
    background: transparent;
  }
  header.homeheader:not(.nav-down) .showmenu .icon {
    fill: #fff;
  }
  header nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    padding-top: 45px;
    padding-bottom: 45px;
    box-sizing: border-box;
    -webkit-transition: 0.4s left cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: 0.4s left cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: 0.4s left cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: 0.4s left cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: 0.4s left cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
  }
  header nav.show {
    left: 0%;
  }
  header nav:before {
    opacity: 0.05;
    background: url("../pictures/visor.svg") no-repeat center center/cover;
    position: absolute;
    z-index: 1;
    width: 65vw;
    height: 65vw;
    pointer-events: none;
    content: "";
    display: block;
    right: 5%;
    bottom: 5%;
  }
  header nav .closemenu {
    position: absolute;
    top: 18px;
  }
}
@media (max-width: 990px) and (max-width: 1200px) {
  header nav .closemenu {
    right: 40px;
  }
}
@media (max-width: 990px) and (max-width: 480px) {
  header nav .closemenu {
    right: 25px;
  }
}
@media (max-width: 990px) {
  header nav .mainmenu {
    display: block;
    width: 100%;
    height: 100%;
  }
  header nav .mainmenu li {
    font-size: 1.5em;
    padding: 0.5em 0;
  }
}
@media (max-width: 990px) and (max-width: 480px) {
  header nav .mainmenu li {
    font-size: 1.25em;
  }
}

.wrapper {
  position: relative;
  width: 100%;
}

.baseline {
  width: 100%;
  text-align: center;
  background: #F9F9F9;
  font-size: 1.75em;
}
@media (max-width: 1200px) {
  .baseline {
    font-size: 1.35em;
    line-height: 1.6em;
  }
}

.homeintro {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background: no-repeat center center/cover;
}
.homeintro img {
  display: none;
}
@media (max-width: 990px) {
  .homeintro {
    height: auto;
  }
  .homeintro img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.intro {
  box-sizing: border-box;
  background: #F9F9F9;
  height: 100%;
  width: 100%;
  padding-top: 90px;
}
.intro.textpage {
  height: auto;
}
@media (max-width: 1200px) {
  .intro {
    padding-top: 60px;
  }
}
@media (max-width: 990px) {
  .intro {
    height: auto;
  }
}
.intro .title {
  height: 80px;
  display: flex;
  align-items: center;
  position: relative;
}
.intro .title h1 {
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  color: #5A5C61;
  font-family: "allerbold", Arial, Helvetica, sans-serif;
  font-size: 1.75em;
}
@media (max-width: 1200px) {
  .intro .title h1 {
    font-size: 1.5em;
  }
}
@media (max-width: 1200px) {
  .intro .title {
    height: 80px;
  }
  .intro .title h1 {
    font-size: 1.5em;
  }
}
@media (max-width: 480px) {
  .intro .title {
    justify-content: flex-start;
  }
  .intro .title .title {
    text-align: left;
  }
  .intro .title h1 {
    text-align: left;
  }
}
.intro .imgwrapper {
  position: relative;
  width: 100%;
  height: -moz-calc(100vh - 100px - 70px);
  height: -webkit-calc(100vh - 100px - 70px);
  height: -o-calc(100vh - 100px - 70px);
  height: calc(100vh - 100px - 70px);
  background: no-repeat center center/cover;
}
@media (max-width: 1200px) {
  .intro .imgwrapper {
    height: -moz-calc(100vh - 80px - 60px);
    height: -webkit-calc(100vh - 80px - 60px);
    height: -o-calc(100vh - 80px - 60px);
    height: calc(100vh - 80px - 60px);
  }
}
@media (max-width: 990px) {
  .intro .imgwrapper {
    height: 56.66vw;
  }
}

.paragraaf, .columns, .pics {
  display: flex;
  width: 100%;
  height: 100vh;
  text-decoration: none;
  box-sizing: border-box;
  background: #fff;
}
.paragraaf.introparagraaf, .columns.introparagraaf, .pics.introparagraaf {
  padding-top: 90px;
}
@media (max-width: 990px) {
  .paragraaf, .columns, .pics {
    display: block;
    height: auto;
  }
  .paragraaf.introparagraaf, .columns.introparagraaf, .pics.introparagraaf {
    padding-top: 0;
  }
}
.paragraaf.grey, .columns.grey, .pics.grey {
  background: #F9F9F9;
}
.paragraaf.dark, .columns.dark, .pics.dark {
  color: #fff;
  background: #5A5C61;
}
.paragraaf .textwrapper, .columns .textwrapper, .pics .textwrapper {
  width: 33.33%;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.25em;
  line-height: 1.8em;
}
.paragraaf .textwrapper .content, .columns .textwrapper .content, .pics .textwrapper .content {
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paragraaf .textwrapper .content div, .columns .textwrapper .content div, .pics .textwrapper .content div {
  width: 100%;
}
.paragraaf .textwrapper .content h3, .columns .textwrapper .content h3, .pics .textwrapper .content h3 {
  font-size: 1.25em;
  color: inherit;
  display: block;
}
@media (max-width: 1200px) {
  .paragraaf .textwrapper .content h3, .columns .textwrapper .content h3, .pics .textwrapper .content h3 {
    font-size: 1.125em;
  }
}
@media (max-width: 1200px) {
  .paragraaf .textwrapper, .columns .textwrapper, .pics .textwrapper {
    font-size: 1em;
    line-height: 1.6em;
  }
}
@media (max-width: 990px) {
  .paragraaf .textwrapper, .columns .textwrapper, .pics .textwrapper {
    width: 100%;
    height: auto;
    display: block;
  }
}
.paragraaf .textwrapper p, .paragraaf .textwrapper h2, .paragraaf .textwrapper h1, .columns .textwrapper p, .columns .textwrapper h2, .columns .textwrapper h1, .pics .textwrapper p, .pics .textwrapper h2, .pics .textwrapper h1 {
  color: inherit;
}
.paragraaf .textwrapper p:not(:last-child), .paragraaf .textwrapper h2:not(:last-child), .paragraaf .textwrapper h1:not(:last-child), .columns .textwrapper p:not(:last-child), .columns .textwrapper h2:not(:last-child), .columns .textwrapper h1:not(:last-child), .pics .textwrapper p:not(:last-child), .pics .textwrapper h2:not(:last-child), .pics .textwrapper h1:not(:last-child) {
  margin-bottom: 2em;
}
.paragraaf .textwrapper.half-width, .columns .textwrapper.half-width, .pics .textwrapper.half-width {
  width: 50%;
}
@media (max-width: 990px) {
  .paragraaf .textwrapper.half-width, .columns .textwrapper.half-width, .pics .textwrapper.half-width {
    width: 100%;
    height: auto;
  }
}
.paragraaf .textwrapper h2, .paragraaf .textwrapper h1, .columns .textwrapper h2, .columns .textwrapper h1, .pics .textwrapper h2, .pics .textwrapper h1 {
  font-size: 1.5em;
  text-transform: uppercase;
  color: inherit;
  font-family: "allerbold", Arial, Helvetica, sans-serif;
  text-align: center;
}
@media (max-width: 480px) {
  .paragraaf .textwrapper h2, .paragraaf .textwrapper h1, .columns .textwrapper h2, .columns .textwrapper h1, .pics .textwrapper h2, .pics .textwrapper h1 {
    font-size: 1em;
  }
}
.paragraaf .imgwrapper, .columns .imgwrapper, .pics .imgwrapper {
  overflow: hidden;
  position: relative;
  width: 66.66%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  background: no-repeat center center/cover;
}
.paragraaf .imgwrapper img, .columns .imgwrapper img, .pics .imgwrapper img {
  display: none;
}
@media (max-width: 990px) {
  .paragraaf .imgwrapper, .columns .imgwrapper, .pics .imgwrapper {
    display: block;
    background-size: 0;
    width: 100%;
    height: auto;
  }
  .paragraaf .imgwrapper img, .columns .imgwrapper img, .pics .imgwrapper img {
    display: block;
    width: 100%;
    height: auto;
  }
  .paragraaf .imgwrapper.show, .columns .imgwrapper.show, .pics .imgwrapper.show {
    height: auto;
    overflow: inherit;
  }
}
.paragraaf .imgwrapper.full-width, .columns .imgwrapper.full-width, .pics .imgwrapper.full-width {
  width: 100%;
}
.paragraaf .imgwrapper.half-width, .columns .imgwrapper.half-width, .pics .imgwrapper.half-width {
  width: 50%;
}
@media (max-width: 990px) {
  .paragraaf .imgwrapper.half-width, .columns .imgwrapper.half-width, .pics .imgwrapper.half-width {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 991px) {
  .paragraaf.small .textwrapper, .columns.small .textwrapper, .pics.small .textwrapper {
    width: 25%;
    order: 0;
  }
  .paragraaf.small .imgwrapper, .columns.small .imgwrapper, .pics.small .imgwrapper {
    width: 75%;
    order: 1;
  }
}
.paragraaf.reversed .textwrapper, .columns.reversed .textwrapper, .pics.reversed .textwrapper {
  order: 1;
}
.paragraaf.reversed .imgwrapper, .columns.reversed .imgwrapper, .pics.reversed .imgwrapper {
  order: 0;
}
.paragraaf.pics .imgwrapper, .columns.pics .imgwrapper, .pics.pics .imgwrapper {
  width: 33.33%;
  width: -moz-calc(100% / 3);
  width: -webkit-calc(100% / 3);
  width: -o-calc(100% / 3);
  width: calc(100% / 3);
}
.paragraaf.pics .imgwrapper:nth-child(2), .columns.pics .imgwrapper:nth-child(2), .pics.pics .imgwrapper:nth-child(2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media (max-width: 990px) {
  .paragraaf.pics .imgwrapper, .columns.pics .imgwrapper, .pics.pics .imgwrapper {
    display: block;
    width: 100%;
    height: auto;
    border-top: 1px solid #fff;
  }
  .paragraaf.pics .imgwrapper:nth-child(2), .columns.pics .imgwrapper:nth-child(2), .pics.pics .imgwrapper:nth-child(2) {
    border-left: none;
    border-right: none;
  }
}
.paragraaf.columns .imgwrapper, .paragraaf.columns .textwrapper, .columns.columns .imgwrapper, .columns.columns .textwrapper, .pics.columns .imgwrapper, .pics.columns .textwrapper {
  width: 33.33%;
  width: -moz-calc(100% / 3);
  width: -webkit-calc(100% / 3);
  width: -o-calc(100% / 3);
  width: calc(100% / 3);
}
.paragraaf.columns .imgwrapper:nth-child(2), .columns.columns .imgwrapper:nth-child(2), .pics.columns .imgwrapper:nth-child(2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media (max-width: 990px) {
  .paragraaf.columns .imgwrapper, .columns.columns .imgwrapper, .pics.columns .imgwrapper {
    display: block;
    width: 100%;
    height: auto;
    border-top: 1px solid #fff;
  }
  .paragraaf.columns .imgwrapper:nth-child(2), .columns.columns .imgwrapper:nth-child(2), .pics.columns .imgwrapper:nth-child(2) {
    border-left: none;
    border-right: none;
  }
  .paragraaf.columns .textwrapper, .columns.columns .textwrapper, .pics.columns .textwrapper {
    width: 100%;
    height: auto;
  }
}
.paragraaf.columns .imgwrapper:first-child, .columns.columns .imgwrapper:first-child, .pics.columns .imgwrapper:first-child {
  order: 0;
}
.paragraaf.columns .imgwrapper:last-child, .columns.columns .imgwrapper:last-child, .pics.columns .imgwrapper:last-child {
  order: 2;
}
.paragraaf.columns .textwrapper, .columns.columns .textwrapper, .pics.columns .textwrapper {
  order: 1;
}
.paragraaf.columns.text-left .textwrapper, .columns.columns.text-left .textwrapper, .pics.columns.text-left .textwrapper {
  order: 0;
}
.paragraaf.columns.text-left .imgwrapper:first-child, .columns.columns.text-left .imgwrapper:first-child, .pics.columns.text-left .imgwrapper:first-child {
  order: 1;
}
.paragraaf.columns.text-left .imgwrapper:last-child, .columns.columns.text-left .imgwrapper:last-child, .pics.columns.text-left .imgwrapper:last-child {
  order: 2;
}
.paragraaf.columns.text-right .textwrapper, .columns.columns.text-right .textwrapper, .pics.columns.text-right .textwrapper {
  order: 2;
}
.paragraaf.columns.text-right .imgwrapper:first-child, .columns.columns.text-right .imgwrapper:first-child, .pics.columns.text-right .imgwrapper:first-child {
  order: 0;
}
.paragraaf.columns.text-right .imgwrapper:last-child, .columns.columns.text-right .imgwrapper:last-child, .pics.columns.text-right .imgwrapper:last-child {
  order: 1;
}

.textpage {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.textpage .paragraaf {
  height: auto;
  min-height: 100vh;
}
.textpage .paragraaf .textwrapper {
  margin: 0 auto;
}
.textpage .paragraaf .textwrapper .content h1, .textpage .paragraaf .textwrapper .content h2 {
  text-transform: none;
  text-align: left;
}
.textpage .paragraaf .textwrapper .content ul, .textpage .paragraaf .textwrapper .content ol {
  margin-left: 1em;
}
@media (max-width: 990px) {
  .textpage .paragraaf {
    height: auto;
    min-height: auto;
  }
}

.calltoaction {
  background: #fff;
  width: 100%;
  text-align: center;
  flex: none;
  padding-top: 30px;
  padding-bottom: 30px;
}
.calltoaction h3 {
  font-size: 1.75em;
  font-style: italic;
  color: #5A5C61;
  display: block;
  margin-bottom: 0;
  opacity: 0.3;
}
.calltoaction a {
  text-decoration: none;
  display: block;
}

footer {
  background: #5A5C61;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  padding-top: 90px;
}
@media (min-height: 768px) {
  footer {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }
}
@media (max-width: 1200px) {
  footer {
    padding-top: 60px;
  }
}
footer > .wrapper {
  position: relative;
  display: flex;
  flex: 1;
  background: #F9F9F9;
}
footer > .wrapper:before {
  opacity: 0.05;
  background: url("../pictures/visor.svg") no-repeat center center/cover;
  position: absolute;
  z-index: 1;
  width: 25vw;
  height: 25vw;
  pointer-events: none;
  content: "";
  display: block;
  left: 48%;
  bottom: 7%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
footer > .wrapper .textwrapper, footer > .wrapper .imgwrapper {
  width: 50%;
  position: relative;
  z-index: 2;
}
footer > .wrapper .imgwrapper img {
  display: none;
}
footer > .wrapper .imgwrapper {
  background: no-repeat center center/cover;
}
@media (max-width: 990px) {
  footer > .wrapper {
    display: block;
    height: auto;
  }
  footer > .wrapper:before {
    display: none;
  }
  footer > .wrapper .textwrapper, footer > .wrapper .imgwrapper {
    width: 100%;
  }
  footer > .wrapper .imgwrapper {
    height: auto;
    background-size: 0;
  }
  footer > .wrapper .imgwrapper img {
    display: block;
    width: 100%;
    height: auto;
  }
}
footer > .wrapper .textwrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer > .wrapper .textwrapper .content {
  width: 100%;
  text-align: center;
}
footer > .wrapper .textwrapper .content a {
  text-decoration: none;
}
footer > .wrapper .textwrapper .content .checkboxlabel {
  font-size: 0.875em;
}
footer > .wrapper .textwrapper .content .checkboxlabel a {
  text-decoration: underline;
}
footer > .wrapper .textwrapper .content h3 {
  font-size: 1.5em;
  color: inherit;
  display: block;
}
footer > .wrapper .textwrapper .content .logo {
  display: block;
  flex: none;
  width: 300px;
  height: 46px;
  fill: #5A5C61;
  margin: 0 auto 4em auto;
  -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
footer > .wrapper .textwrapper .content .logo svg {
  width: 100%;
  height: 100%;
  display: block;
}
footer > .wrapper .textwrapper .content .logo:hover {
  fill: #242628;
}
@media (max-width: 1200px) {
  footer > .wrapper .textwrapper .content .logo {
    width: 200px;
    margin: 0 auto 3em auto;
  }
}
@media (max-width: 540px) {
  footer > .wrapper .textwrapper .content .logo {
    margin: 0 auto 2em auto;
  }
}
footer > .wrapper .textwrapper .content .tagline {
  font-family: "aller_lightregular", Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  color: #696969;
  text-align: center;
  margin: 1em 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer > .wrapper .textwrapper .content .tagline span.pipe {
  margin: 0 1em;
  border-left: 1px solid #696969;
  height: 0.8em;
  line-height: 1em;
  display: block;
}
footer > .wrapper .textwrapper .content .contactinfo {
  font-size: 1.25em;
  line-height: 1.8em;
}
@media (max-width: 540px) {
  footer > .wrapper .textwrapper .content .contactinfo {
    margin-top: 2em;
  }
}
@media (max-width: 1200px) {
  footer > .wrapper .textwrapper .content {
    font-size: 1em;
    line-height: 1.6em;
  }
  footer > .wrapper .textwrapper .content h3 {
    font-size: 1.25em;
  }
  footer > .wrapper .textwrapper .content .tagline {
    font-size: 0.875em;
  }
  footer > .wrapper .textwrapper .content .contactinfo {
    font-size: 1em;
  }
}

.socials {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1em 0;
}
.socials a {
  margin: 0 0.5em;
}

.row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.row .col {
  width: 50%;
}
@media (max-width: 540px) {
  .row .col {
    width: 100%;
  }
}

.newsletter {
  text-align: center;
}
.newsletter h2 {
  font-size: 1.25em;
  font-style: italic;
  color: #696969;
  margin-bottom: 0.75em;
}
.newsletter input[type=email] {
  background: none;
  border: none;
  border-bottom: 1px solid #696969;
  color: #696969;
  font-family: "allerregular", Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0.5em;
  box-sizing: border-box;
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: calc(100% - 50px);
  margin-right: auto;
}
.newsletter input[type=email]::placeholder {
  opacity: 0.3;
}
.newsletter .form-row {
  display: flex;
  width: 100%;
  max-width: 400px;
  margin: 2em auto 1em auto;
  align-items: center;
}
.newsletter .form-row label {
  position: absolute;
  left: -9999px;
}
.newsletter button {
  margin-left: auto;
  flex: none;
  background: none;
  stroke: #696969;
  padding: 0;
  border: none;
  width: 32px;
  height: 32px;
  font-size: 2em;
  cursor: pointer;
}

.formalert {
  display: none;
}

.button-row {
  margin-top: 1em;
  width: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex: none;
}
@media (max-width: 480px) {
  .button-row {
    margin-top: 2em;
  }
}

.toggle {
  text-decoration: none;
  display: block;
  padding: 0;
  margin: 0 2em;
  border: none;
  background: none;
  line-height: 10px;
  font-size: 10px;
  stroke: #696969;
  color: #696969;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.toggle .icon {
  font-size: 24px;
  margin: 0 auto;
}
.toggle span {
  display: block;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  padding-top: 1em;
}
.toggle:hover {
  opacity: 1;
}

.description {
  height: 100%;
  background: #fff;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate(-100%, 0%);
  -moz-transform: translate(-100%, 0%);
  -ms-transform: translate(-100%, 0%);
  -o-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
}
@media (max-width: 990px) {
  .description {
    width: 100%;
  }
}
.description .content {
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  -moz-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  -ms-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  -o-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  margin: auto;
  width: 100%;
}
.description .content .text {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%;
  font-size: 1.25em;
  line-height: 1.8em;
}
@media (max-width: 1200px) {
  .description .content .text {
    font-size: 1em;
    line-height: 1.6em;
  }
}
.description.show {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.description.show .content {
  opacity: 1;
}
.reversed .description {
  margin-left: auto;
  -webkit-transform: translate(100%, 0%);
  -moz-transform: translate(100%, 0%);
  -ms-transform: translate(100%, 0%);
  -o-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
}
.reversed .description.show {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.description .closedescr {
  opacity: 0.6;
  fill: #242628;
  background: none;
  margin: 2em auto 0 auto;
  border: none;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1.5em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.description .closedescr:hover {
  opacity: 1;
}
@media (max-width: 990px) {
  .description {
    display: none;
  }
  .description.show {
    display: block;
  }
  .description .description {
    height: auto;
    min-height: 100%;
  }
  .description .description .wrapper {
    background: #fff;
  }
}

@media (max-width: 990px) {
  .vidwrapper {
    width: 100%;
  }
  .vidwrapper .vid {
    width: 100%;
    position: relative;
  }
  .vidwrapper .fullscreen-bg__video {
    width: 100%;
  }
}

@media (min-width: 991px) {
  .vidwrapper:after {
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
  }

  .vid {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    overflow: hidden;
    z-index: 2;
  }
  .vid:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%;
    position: relative;
  }

  .fullscreen-bg__video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    z-index: 3;
    position: absolute;
  }
}
.imgwrapper {
  -webkit-transform: translate3d(0, 0, 0);
}

.popuplink {
  display: none;
}

.popup {
  background: #fff;
  max-width: 600px;
  margin: 0 auto;
  padding: 2em;
  box-sizing: border-box;
}
.popup img {
  display: block;
  width: 80%;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
}
.popup .logo {
  width: 200px;
  height: 32px;
  margin: 2em auto 0 auto;
  display: block;
}
.popup .logo svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 480px) {
  .popup .logo {
    width: 170px;
    height: 28px;
  }
}

.closepopup {
  padding: 0;
  cursor: pointer;
  background: transparent;
  margin: 1em auto 0 auto;
  border: none;
  display: block;
  font-size: 24px;
}
.closepopup .icon {
  stroke: #5A5C61;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.closepopup:hover .icon {
  stroke: #242628;
}

/*# sourceMappingURL=style.css.map */