@import 'Icomoon/nts/style.css';

:root {
  --color_bg_dark: #0F3049;
  --color_bg_dark_R: 15;
  --color_bg_dark_G: 48;
  --color_bg_dark_B: 73;
  --color_bg_light: #E5EEF2;
  --color_bg_light_R: 229;
  --color_bg_light_G: 238;
  --color_bg_light_B: 242;
  --color_bg_white: #FDFEFF;
  --color_bg_white_R: 253;
  --color_bg_white_G: 254;
  --color_bg_white_B: 255;
  --color_txt_dark: #0F3049;
  --color_txt_dark_R: 15;
  --color_txt_dark_G: 48;
  --color_txt_dark_B: 73;
  --color_txt_light: #628A9B;
  --color_txt_light_R: 98;
  --color_txt_light_G: 138;
  --color_txt_light_B: 155;
  --color_txt_white: #FDFEFF;
  --color_txt_white_R: 253;
  --color_txt_white_G: 254;
  --color_txt_white_B: 255;
  --color_cta: #EDAE17;
  --color_cta_R: 237;
  --color_cta_G: 174;
  --color_cta_B: 23;
  --color_bg_light_deutscheNordsee: #355D77;
  --color_bg_light_deutscheNordsee_R: 53;
  --color_bg_light_deutscheNordsee_G: 93;
  --color_bg_light_deutscheNordsee_B: 119;
  --color_bg_dark_deutscheNordsee: #30546C;
  --color_bg_dark_deutscheNordsee_R: 48;
  --color_bg_dark_deutscheNordsee_G: 84;
  --color_bg_dark_deutscheNordsee_B: 108;
  --font-std: 'Averta';
  --font-deco: 'Gotcha';
  --gridVerticalMD-module: 100px;
  --gridVerticalMD-inner: 35px;
  --gridVerticalSM-module: 60px;
  --gridVerticalSM-inner: 20px
}

.h-grid {
  clear: both;
  display: block;
  margin: 0 auto
}

@media (min-width: 1401px) {
  .h-grid {
    margin: 0px auto;
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%
  }

  .h-grid [class*=h-el-lg-] {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 0
  }

  .h-grid [class*=h-el-lg-]:not([class*=h-el-lg-off-]) {
    margin-left: 0
  }

  .h-grid .h-el-lg-1 {
    width: calc(8.333333333333332% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-1 {
    margin-left: calc(8.333333333333332% + 0px)
  }

  .h-grid .h-el-lg-off-n1 {
    margin-left: calc(-8.333333333333332% + 0px)
  }

  .h-grid .h-el-lg-2 {
    width: calc(16.666666666666664% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-2 {
    margin-left: calc(16.666666666666664% + 0px)
  }

  .h-grid .h-el-lg-off-n2 {
    margin-left: calc(-16.666666666666664% + 0px)
  }

  .h-grid .h-el-lg-3 {
    width: calc(25% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-3 {
    margin-left: calc(25% + 0px)
  }

  .h-grid .h-el-lg-off-n3 {
    margin-left: calc(-25% + 0px)
  }

  .h-grid .h-el-lg-4 {
    width: calc(33.33333333333333% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-4 {
    margin-left: calc(33.33333333333333% + 0px)
  }

  .h-grid .h-el-lg-off-n4 {
    margin-left: calc(-33.33333333333333% + 0px)
  }

  .h-grid .h-el-lg-5 {
    width: calc(41.66666666666667% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-5 {
    margin-left: calc(41.66666666666667% + 0px)
  }

  .h-grid .h-el-lg-off-n5 {
    margin-left: calc(-41.66666666666667% + 0px)
  }

  .h-grid .h-el-lg-6 {
    width: calc(50% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-6 {
    margin-left: calc(50% + 0px)
  }

  .h-grid .h-el-lg-off-n6 {
    margin-left: calc(-50% + 0px)
  }

  .h-grid .h-el-lg-7 {
    width: calc(58.333333333333336% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-7 {
    margin-left: calc(58.333333333333336% + 0px)
  }

  .h-grid .h-el-lg-off-n7 {
    margin-left: calc(-58.333333333333336% + 0px)
  }

  .h-grid .h-el-lg-8 {
    width: calc(66.66666666666666% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-8 {
    margin-left: calc(66.66666666666666% + 0px)
  }

  .h-grid .h-el-lg-off-n8 {
    margin-left: calc(-66.66666666666666% + 0px)
  }

  .h-grid .h-el-lg-9 {
    width: calc(75% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-9 {
    margin-left: calc(75% + 0px)
  }

  .h-grid .h-el-lg-off-n9 {
    margin-left: calc(-75% + 0px)
  }

  .h-grid .h-el-lg-10 {
    width: calc(83.33333333333334% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-10 {
    margin-left: calc(83.33333333333334% + 0px)
  }

  .h-grid .h-el-lg-off-n10 {
    margin-left: calc(-83.33333333333334% + 0px)
  }

  .h-grid .h-el-lg-11 {
    width: calc(91.66666666666666% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-11 {
    margin-left: calc(91.66666666666666% + 0px)
  }

  .h-grid .h-el-lg-off-n11 {
    margin-left: calc(-91.66666666666666% + 0px)
  }

  .h-grid .h-el-lg-12 {
    width: calc(100% - 0px - 0px)
  }

  .h-grid .h-el-lg-off-12 {
    margin-left: calc(100% + 0px)
  }

  .h-grid .h-el-lg-off-n12 {
    margin-left: calc(-100% + 0px)
  }
}

@media (max-width: 1400px) and (min-width: 1001px) {
  .h-grid {
    margin: 0px auto;
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%
  }

  .h-grid [class*=h-el-md-] {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 0
  }

  .h-grid [class*=h-el-md-]:not([class*=h-el-md-off-]) {
    margin-left: 0
  }

  .h-grid .h-el-md-1 {
    width: calc(8.333333333333334% - 0px - 0px)
  }

  .h-grid .h-el-md-off-1 {
    margin-left: calc(8.333333333333334% + 0px)
  }

  .h-grid .h-el-md-off-n1 {
    margin-left: calc(-8.333333333333334% + 0px)
  }

  .h-grid .h-el-md-2 {
    width: calc(16.666666666666668% - 0px - 0px)
  }

  .h-grid .h-el-md-off-2 {
    margin-left: calc(16.666666666666668% + 0px)
  }

  .h-grid .h-el-md-off-n2 {
    margin-left: calc(-16.666666666666668% + 0px)
  }

  .h-grid .h-el-md-3 {
    width: calc(25% - 0px - 0px)
  }

  .h-grid .h-el-md-off-3 {
    margin-left: calc(25% + 0px)
  }

  .h-grid .h-el-md-off-n3 {
    margin-left: calc(-25% + 0px)
  }

  .h-grid .h-el-md-4 {
    width: calc(33.333333333333336% - 0px - 0px)
  }

  .h-grid .h-el-md-off-4 {
    margin-left: calc(33.333333333333336% + 0px)
  }

  .h-grid .h-el-md-off-n4 {
    margin-left: calc(-33.333333333333336% + 0px)
  }

  .h-grid .h-el-md-5 {
    width: calc(41.66666666666667% - 0px - 0px)
  }

  .h-grid .h-el-md-off-5 {
    margin-left: calc(41.66666666666667% + 0px)
  }

  .h-grid .h-el-md-off-n5 {
    margin-left: calc(-41.66666666666667% + 0px)
  }

  .h-grid .h-el-md-6 {
    width: calc(50% - 0px - 0px)
  }

  .h-grid .h-el-md-off-6 {
    margin-left: calc(50% + 0px)
  }

  .h-grid .h-el-md-off-n6 {
    margin-left: calc(-50% + 0px)
  }

  .h-grid .h-el-md-7 {
    width: calc(58.333333333333336% - 0px - 0px)
  }

  .h-grid .h-el-md-off-7 {
    margin-left: calc(58.333333333333336% + 0px)
  }

  .h-grid .h-el-md-off-n7 {
    margin-left: calc(-58.333333333333336% + 0px)
  }

  .h-grid .h-el-md-8 {
    width: calc(66.66666666666667% - 0px - 0px)
  }

  .h-grid .h-el-md-off-8 {
    margin-left: calc(66.66666666666667% + 0px)
  }

  .h-grid .h-el-md-off-n8 {
    margin-left: calc(-66.66666666666667% + 0px)
  }

  .h-grid .h-el-md-9 {
    width: calc(75% - 0px - 0px)
  }

  .h-grid .h-el-md-off-9 {
    margin-left: calc(75% + 0px)
  }

  .h-grid .h-el-md-off-n9 {
    margin-left: calc(-75% + 0px)
  }

  .h-grid .h-el-md-10 {
    width: calc(83.33333333333334% - 0px - 0px)
  }

  .h-grid .h-el-md-off-10 {
    margin-left: calc(83.33333333333334% + 0px)
  }

  .h-grid .h-el-md-off-n10 {
    margin-left: calc(-83.33333333333334% + 0px)
  }

  .h-grid .h-el-md-11 {
    width: calc(91.66666666666667% - 0px - 0px)
  }

  .h-grid .h-el-md-off-11 {
    margin-left: calc(91.66666666666667% + 0px)
  }

  .h-grid .h-el-md-off-n11 {
    margin-left: calc(-91.66666666666667% + 0px)
  }

  .h-grid .h-el-md-12 {
    width: calc(100% - 0px - 0px)
  }

  .h-grid .h-el-md-off-12 {
    margin-left: calc(100% + 0px)
  }

  .h-grid .h-el-md-off-n12 {
    margin-left: calc(-100% + 0px)
  }
}

@media (max-width: 1000px) and (min-width: 651px) {
  .h-grid {
    margin: 0px auto;
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%
  }

  .h-grid [class*=h-el-sm-] {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 0
  }

  .h-grid [class*=h-el-sm-]:not([class*=h-el-sm-off-]) {
    margin-left: 0
  }

  .h-grid .h-el-sm-1 {
    width: calc(8.333333333333332% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-1 {
    margin-left: calc(8.333333333333332% + 0px)
  }

  .h-grid .h-el-sm-off-n1 {
    margin-left: calc(-8.333333333333332% + 0px)
  }

  .h-grid .h-el-sm-2 {
    width: calc(16.666666666666664% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-2 {
    margin-left: calc(16.666666666666664% + 0px)
  }

  .h-grid .h-el-sm-off-n2 {
    margin-left: calc(-16.666666666666664% + 0px)
  }

  .h-grid .h-el-sm-3 {
    width: calc(25% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-3 {
    margin-left: calc(25% + 0px)
  }

  .h-grid .h-el-sm-off-n3 {
    margin-left: calc(-25% + 0px)
  }

  .h-grid .h-el-sm-4 {
    width: calc(33.33333333333333% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-4 {
    margin-left: calc(33.33333333333333% + 0px)
  }

  .h-grid .h-el-sm-off-n4 {
    margin-left: calc(-33.33333333333333% + 0px)
  }

  .h-grid .h-el-sm-5 {
    width: calc(41.66666666666667% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-5 {
    margin-left: calc(41.66666666666667% + 0px)
  }

  .h-grid .h-el-sm-off-n5 {
    margin-left: calc(-41.66666666666667% + 0px)
  }

  .h-grid .h-el-sm-6 {
    width: calc(50% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-6 {
    margin-left: calc(50% + 0px)
  }

  .h-grid .h-el-sm-off-n6 {
    margin-left: calc(-50% + 0px)
  }

  .h-grid .h-el-sm-7 {
    width: calc(58.333333333333336% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-7 {
    margin-left: calc(58.333333333333336% + 0px)
  }

  .h-grid .h-el-sm-off-n7 {
    margin-left: calc(-58.333333333333336% + 0px)
  }

  .h-grid .h-el-sm-8 {
    width: calc(66.66666666666666% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-8 {
    margin-left: calc(66.66666666666666% + 0px)
  }

  .h-grid .h-el-sm-off-n8 {
    margin-left: calc(-66.66666666666666% + 0px)
  }

  .h-grid .h-el-sm-9 {
    width: calc(75% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-9 {
    margin-left: calc(75% + 0px)
  }

  .h-grid .h-el-sm-off-n9 {
    margin-left: calc(-75% + 0px)
  }

  .h-grid .h-el-sm-10 {
    width: calc(83.33333333333334% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-10 {
    margin-left: calc(83.33333333333334% + 0px)
  }

  .h-grid .h-el-sm-off-n10 {
    margin-left: calc(-83.33333333333334% + 0px)
  }

  .h-grid .h-el-sm-11 {
    width: calc(91.66666666666666% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-11 {
    margin-left: calc(91.66666666666666% + 0px)
  }

  .h-grid .h-el-sm-off-n11 {
    margin-left: calc(-91.66666666666666% + 0px)
  }

  .h-grid .h-el-sm-12 {
    width: calc(100% - 0px - 0px)
  }

  .h-grid .h-el-sm-off-12 {
    margin-left: calc(100% + 0px)
  }

  .h-grid .h-el-sm-off-n12 {
    margin-left: calc(-100% + 0px)
  }
}

@media (max-width: 650px) {
  .h-grid {
    margin: 0px auto;
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%
  }

  .h-grid [class*=h-el-ty-] {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 0
  }

  .h-grid [class*=h-el-ty-]:not([class*=h-el-ty-off-]) {
    margin-left: 0
  }

  .h-grid .h-el-ty-1 {
    width: calc(8.333333333333332% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-1 {
    margin-left: calc(8.333333333333332% + 0px)
  }

  .h-grid .h-el-ty-off-n1 {
    margin-left: calc(-8.333333333333332% + 0px)
  }

  .h-grid .h-el-ty-2 {
    width: calc(16.666666666666664% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-2 {
    margin-left: calc(16.666666666666664% + 0px)
  }

  .h-grid .h-el-ty-off-n2 {
    margin-left: calc(-16.666666666666664% + 0px)
  }

  .h-grid .h-el-ty-3 {
    width: calc(25% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-3 {
    margin-left: calc(25% + 0px)
  }

  .h-grid .h-el-ty-off-n3 {
    margin-left: calc(-25% + 0px)
  }

  .h-grid .h-el-ty-4 {
    width: calc(33.33333333333333% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-4 {
    margin-left: calc(33.33333333333333% + 0px)
  }

  .h-grid .h-el-ty-off-n4 {
    margin-left: calc(-33.33333333333333% + 0px)
  }

  .h-grid .h-el-ty-5 {
    width: calc(41.66666666666667% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-5 {
    margin-left: calc(41.66666666666667% + 0px)
  }

  .h-grid .h-el-ty-off-n5 {
    margin-left: calc(-41.66666666666667% + 0px)
  }

  .h-grid .h-el-ty-6 {
    width: calc(50% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-6 {
    margin-left: calc(50% + 0px)
  }

  .h-grid .h-el-ty-off-n6 {
    margin-left: calc(-50% + 0px)
  }

  .h-grid .h-el-ty-7 {
    width: calc(58.333333333333336% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-7 {
    margin-left: calc(58.333333333333336% + 0px)
  }

  .h-grid .h-el-ty-off-n7 {
    margin-left: calc(-58.333333333333336% + 0px)
  }

  .h-grid .h-el-ty-8 {
    width: calc(66.66666666666666% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-8 {
    margin-left: calc(66.66666666666666% + 0px)
  }

  .h-grid .h-el-ty-off-n8 {
    margin-left: calc(-66.66666666666666% + 0px)
  }

  .h-grid .h-el-ty-9 {
    width: calc(75% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-9 {
    margin-left: calc(75% + 0px)
  }

  .h-grid .h-el-ty-off-n9 {
    margin-left: calc(-75% + 0px)
  }

  .h-grid .h-el-ty-10 {
    width: calc(83.33333333333334% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-10 {
    margin-left: calc(83.33333333333334% + 0px)
  }

  .h-grid .h-el-ty-off-n10 {
    margin-left: calc(-83.33333333333334% + 0px)
  }

  .h-grid .h-el-ty-11 {
    width: calc(91.66666666666666% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-11 {
    margin-left: calc(91.66666666666666% + 0px)
  }

  .h-grid .h-el-ty-off-n11 {
    margin-left: calc(-91.66666666666666% + 0px)
  }

  .h-grid .h-el-ty-12 {
    width: calc(100% - 0px - 0px)
  }

  .h-grid .h-el-ty-off-12 {
    margin-left: calc(100% + 0px)
  }

  .h-grid .h-el-ty-off-n12 {
    margin-left: calc(-100% + 0px)
  }
}

.v-el-none, .v-el-large, .v-el-small, .v-el-negative {
  position: relative
}

.v-el-none {
  margin-bottom: 0
}

@media (min-width: 1001px) {
  .v-el-large {
    margin-bottom: var(--gridVerticalMD-module)
  }
}

@media (max-width: 1000px) {
  .v-el-large {
    margin-bottom: var(--gridVerticalSM-module)
  }
}

@media (min-width: 1001px) {
  .v-el-small {
    margin-bottom: var(--gridVerticalMD-inner)
  }
}

@media (max-width: 1000px) {
  .v-el-small {
    margin-bottom: var(--gridVerticalSM-inner)
  }
}

@media (min-width: 1001px) {
  .v-el-negative {
    margin-bottom: calc(var(--gridVerticalMD-module) * -1)
  }
}

@media (max-width: 1000px) {
  .v-el-negative {
    margin-bottom: calc(var(--gridVerticalSM-module) * -1)
  }
}

@media (min-width: 1001px) {
  .v-el-negative[data-bg='light'] + [data-bg='light'], .v-el-negative[data-bg='dark'] + [data-bg='dark'] {
    margin-top: calc(var(--gridVerticalMD-module) * -2)
  }
}

@media (max-width: 1000px) {
  .v-el-negative[data-bg='light'] + [data-bg='light'], .v-el-negative[data-bg='dark'] + [data-bg='dark'] {
    margin-top: calc(var(--gridVerticalSM-module) * -2)
  }
}

@media (min-width: 1001px) {
  #pageHeader + .moduleContainer {
    margin-top: var(--gridVerticalMD-module)
  }
}

@media (max-width: 1000px) {
  #pageHeader + .moduleContainer {
    margin-top: var(--gridVerticalSM-module)
  }
}

html {
  background: rgba(var(--color_bg_white_R), var(--color_bg_white_G), var(--color_bg_white_B), 1);
  height: auto;
  overflow-x: hidden
}

html, body {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  scroll-behavior: smooth;
  width: 100%
}

a > img {
  border: 0 none
}

hr {
  border: 0;
  border-bottom: 1px solid;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0
}

html.-nts-NotScroll, html.-nts-NotScroll > body {
  overflow-y: hidden;
  overflow-anchor: none
}

strong, em {
  font: inherit
}

a {
  color: inherit;
  cursor: pointer
}

button {
  cursor: pointer
}

@media (min-width: 1401px) {
  html {
    font-size: .625em
  }
}

@media (max-width: 1400px) and (min-width: 1001px) {
  html {
    font-size: .5625em
  }
}

@media (max-width: 1000px) and (min-width: 651px) {
  html {
    font-size: .5em
  }
}

@media (max-width: 650px) {
  html {
    font-size: .4375em
  }
}

@font-face {
  font-family: 'Averta';
  src: url('font/AvertaStdPE-Regular.woff2') format('woff2'), url('font/AvertaStdPE-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Averta';
  src: url('font/AvertaStdPE-RegularItalic.woff2') format('woff2'), url('font/AvertaStdPE-RegularItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Averta';
  src: url('font/AvertaStdPE-Bold.woff2') format('woff2'), url('font/AvertaStdPE-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Averta';
  src: url('font/AvertaStdPE-BoldItalic.woff2') format('woff2'), url('font/AvertaStdPE-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Daniel';
  src: url('font/Daniel.woff2') format('woff2'), url('font/Daniel.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Daniel';
  src: url('font/DanielBold.woff2') format('woff2'), url('font/DanielBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gotcha';
  src: url('font/GotchaRegular.woff2') format('woff2'), url('font/GotchaRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Max Comp';
  src: url('font/MaxComp.woff2') format('woff2'), url('font/MaxComp.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Max Comp';
  src: url('font/MaxComp-Italic.woff2') format('woff2'), url('font/MaxComp-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Max Comp';
  src: url('font/MaxComp-Bold.woff2') format('woff2'), url('font/MaxComp-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Max Comp';
  src: url('font/MaxComp-BoldItalic.woff2') format('woff2'), url('font/MaxComp-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url('font/montserrat-v25-latin-regular.woff2') format('woff2'), url('font/montserrat-v25-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url('font/montserrat-v25-latin-italic.woff2') format('woff2'), url('font/montserrat-v25-latin-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url('font/montserrat-v25-latin-600.woff2') format('woff2'), url('font/montserrat-v25-latin-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url('font/montserrat-v25-latin-600italic.woff2') format('woff2'), url('font/montserrat-v25-latin-600italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url('font/montserrat-v25-latin-700.woff2') format('woff2'), url('font/montserrat-v25-latin-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url('font/montserrat-v25-latin-700italic.woff2') format('woff2'), url('font/montserrat-v25-latin-700italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?dvjvm9');
  src: url('fonts/icomoon.eot?dvjvm9#iefix') format('embedded-opentype'), url('fonts/icomoon.woff2?dvjvm9') format('woff2'), url('fonts/icomoon.ttf?dvjvm9') format('truetype'), url('fonts/icomoon.woff?dvjvm9') format('woff'), url('fonts/icomoon.svg?dvjvm9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-menu:before {
  content: "\e900"
}

.icon-magnifier:before {
  content: "\e901"
}

.icon-check:before {
  content: "\e902"
}

.icon-closer:before {
  content: "\e903"
}

.icon-arrow-right:before {
  content: "\e904"
}

.icon-arrow-left:before {
  content: "\e905"
}

.icon-arrow-up:before {
  content: "\e906"
}

.icon-arrow-down:before {
  content: "\e907"
}

.icon-bed:before {
  content: "\e908"
}

.icon-zoom:before {
  content: "\e913"
}

.icon-play:before {
  content: "\e914"
}

.icon-calendar:before {
  content: "\e915"
}

.icon-filter:before {
  content: "\e916"
}

.icon-plus:before {
  content: "\e923"
}

.icon-minus:before {
  content: "\e924"
}

.icon-info:before {
  content: "\e925"
}

.icon-arrow-down-cover:before {
  content: "\e926"
}

.icon-error:before {
  content: "\e90d"
}

.icon-twitter:before {
  content: "\e922"
}

.icon-facebook:before {
  content: "\e909"
}

.icon-instagram:before {
  content: "\e90a"
}

.icon-pinterest:before {
  content: "\e90b"
}

.icon-youtube:before {
  content: "\e90c"
}

.icon-localized:before {
  content: "\e92b"
}

.icon-clock:before {
  content: "\e927"
}

.icon-clustermarker:before {
  content: "\e92a"
}

.icon-heart:before {
  content: "\e92e"
}

.icon-heart-cover:before {
  content: "\e92d"
}

.icon-list:before {
  content: "\e92c"
}

.icon-routing:before {
  content: "\e92f"
}

.icon-poi:before {
  content: "\e90e"
}

.icon-mask:before {
  content: "\e928"
}

.icon-walking:before {
  content: "\e929"
}

.icon-dot:before {
  content: "\e920"
}

.icon-bike:before {
  content: "\e921"
}

.icon-circle:before {
  content: "\e910"
}

.icon-mail:before {
  content: "\e90f"
}

.icon-blog:before {
  content: "\e911"
}

.icon-aroundme:before {
  content: "\e912"
}

.icon-bin:before {
  content: "\e930"
}

.icon-bin-outline .path1:before {
  content: "\e931";
  color: #f6f3ee
}

.icon-bin-outline .path2:before {
  content: "\e932";
  margin-left: -1em;
  color: #0f3049
}

.icon-bin-outline .path3:before {
  content: "\e933";
  margin-left: -1em;
  color: #f6f3ee
}

.icon-bin-outline .path4:before {
  content: "\e934";
  margin-left: -1em;
  color: #0f3049
}

.icon-bin-outline .path5:before {
  content: "\e935";
  margin-left: -1em;
  color: #f6f3ee
}

.icon-bin-outline .path6:before {
  content: "\e936";
  margin-left: -1em;
  color: #f6f3ee
}

.icon-season:before {
  content: "\e937"
}

.icon-dog:before {
  content: "\e938"
}

.icon-ec:before {
  content: "\e939"
}

.icon-ec-none:before {
  content: "\e93a"
}

.icon-family:before {
  content: "\e917"
}

.icon-lunch:before {
  content: "\e918"
}

.icon-sea:before {
  content: "\e919"
}

.icon-terrace:before {
  content: "\e91a"
}

.icon-vegan:before {
  content: "\e91b"
}

.icon-vegetarian:before {
  content: "\e91c"
}

.icon-wheelchair:before {
  content: "\e91d"
}

.icon-wifi:before {
  content: "\e91e"
}

.icon-yearround:before {
  content: "\e91f"
}

#pageHeader {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

#pageHeader {
  display: flex;
  flex-direction: column
}

#pageHeader__wrap {
  align-items: center;
  display: flex;
  justify-content: space-between
}

#pageHeader:not(.pageHeader--sticky):not(.-js-pageHeader--background) {
  position: absolute
}

#pageHeader:not(.pageHeader--sticky).-js-pageHeader--background {
  position: fixed
}

#pageHeader.pageHeader--sticky.pageHeader--openNav {
  position: fixed
}

#pageHeader.pageHeader--sticky:not(.pageHeader--openNav) {
  position: sticky
}

@media (max-width: 1000px) {
  #pageHeader.pageHeader--sticky.pageHeader--openSearch {
    position: fixed
  }
}

html.-nts-NotScroll #pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch) {
  visibility: hidden
}

#pageHeader__overlay {
  flex: 100% 1 1;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 0
}

@media (min-width: 1001px) {
  #pageHeader__overlay {
    display: flex
  }
}

@media (max-width: 1000px) {
  #pageHeader.pageHeader--openSearch #pageHeader__overlay {
    display: none
  }

  #pageHeader:not(.pageHeader--openSearch) #pageHeader__overlay {
    display: flex
  }
}

#pageHeader__overlay-half {
  position: relative;
  z-index: 0
}

#pageHeader__overlay-half::before {
  background-color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), .3);
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 0
}

@media (max-width: 1000px) {
  #pageHeader__overlay-half {
    display: flex;
    flex: 100% 1 1;
    flex-direction: column;
    overflow: hidden;
    z-index: 0
  }
}

#pageHeader.pageHeader--openNav {
  height: 100%
}

@media (max-width: 1000px) {
  #pageHeader.pageHeader--openSearch {
    height: 100%
  }
}

#pageHeader.pageHeader--openSearch #pageHeader__overlay-half {
  display: block
}

#pageHeader:not(.pageHeader--openSearch) #pageHeader__overlay-half {
  display: none
}

#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background):not(.pageHeader--light, .pageHeader--dark), #pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--transparent #pageHeader__wrap {
  background: transparent
}

#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--white #pageHeader__wrap {
  background: rgba(var(--color_bg_white_R), var(--color_bg_white_G), var(--color_bg_white_B), 1)
}

#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--light #pageHeader__wrap {
  background-color: rgba(var(--color_bg_light_R), var(--color_bg_light_G), var(--color_bg_light_B), 1)
}

#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--dark #pageHeader__wrap {
  background-color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1)
}

#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch).-js-pageHeader--background #pageHeader__wrap {
  background: rgba(var(--color_bg_white_R), var(--color_bg_white_G), var(--color_bg_white_B), 1)
}

#pageHeader:not(.-js-pageHeader--hidden) {
  opacity: 1
}

#pageHeader.-js-pageHeader--hidden {
  opacity: 0;
  pointer-events: none
}

#pageHeader.-js-pageHeader--background {
  transition: opacity .25s ease
}

@media (min-width: 1001px) {
  html.project-nts #pageHeader__wrap {
    padding: 30px 40px 30px 51px
  }
}

@media (max-width: 1000px) {
  html.project-nts #pageHeader__wrap {
    padding: 15px 20px 14px 28px
  }
}

html.project-nts #pageHeader .quickSearch {
  position: absolute
}

html.project-nts #pageHeader:not(.pageHeader--openQuickSearch) #pageHeader__overlay-small, html.project-nts #pageHeader.pageHeader--openNav #pageHeader__overlay-small {
  display: none
}

html.project-nts #pageHeader.pageHeader--openQuickSearch:not(.pageHeader--openNav) #pageHeader__overlay-small {
  display: block
}

html.project-nts #pageHeader__overlay-small::before {
  background-color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), .3);
  content: '';
  display: block;
  height: 100vh;
  position: fixed;
  width: 100%
}

html.project-nts #pageHeader__overlay-small {
  position: relative;
  z-index: 0
}

html.project-nts #pageHeader:is(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) #pageHeader__wrap {
  background-color: rgba(var(--color_bg_light_R), var(--color_bg_light_G), var(--color_bg_light_B), 1);
  background-image: linear-gradient(rgba(var(--color_bg_white_R), var(--color_bg_white_G), var(--color_bg_white_B), .5), rgba(var(--color_bg_white_R), var(--color_bg_white_G), var(--color_bg_white_B), .5))
}

#pageHeader__search__form {
  align-items: center;
  display: flex
}

@media (max-width: 1000px) {
  #pageHeader__search__form {
    max-height: 55px
  }
}

#pageHeader__search__form .input-search {
  height: 100%
}

#pageHeader__search__form__closer {
  text-decoration: none
}

#pageHeader:not(.pageHeader--dark) .pageHeader__search__form__icon {
  color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

#pageHeader.pageHeader--dark .pageHeader__search__form__icon {
  color: rgba(var(--color_txt_light_R), var(--color_txt_light_G), var(--color_txt_light_B), 1)
}

@media (min-width: 1001px) {
  .pageHeader__search__form__icon {
    display: none
  }
}

@media (max-width: 1000px) {
  html.project-nts #pageHeader__search__form {
    margin: -5px 0
  }
}

html.project-nts .pageHeader__search__form__icon {
  font: 400 normal 39px/39px 'icomoon';
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px;
  margin-left: 12px
}

#pageHeader__logo {
  text-decoration: none
}

@media (max-width: 1000px) {
  #pageHeader.pageHeader--openSearch #pageHeader__logo {
    display: none
  }
}

#pageHeader:is(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__logo__white {
  display: none
}

#pageHeader:not(.-js-pageHeader--background, .pageHeader--darkText, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__logo__color {
  display: none
}

.pageHeader__logo__white, .pageHeader__logo__color {
  height: auto;
  object-fit: contain;
  width: 100%
}

html:not(.project-nts) .pageHeader__logo-nts {
  display: none
}

html.project-nts #pageHeader__logo {
  aspect-ratio: 4.86206897;
  margin-left: 10px
}

@media (min-width: 1001px) {
  html.project-nts #pageHeader__logo {
    width: 141px
  }
}

@media (max-width: 1000px) {
  html.project-nts #pageHeader__logo {
    width: 93px
  }
}

.pageHeader__func__link {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0
}

.pageHeader__func__link__text {
  white-space: nowrap
}

#pageHeader.pageHeader--openNav #pageHeader__nav__opener .pageHeader__func__link__icon::before {
  content: '\e903'
}

#pageHeader:not(.pageHeader--openNav) #pageHeader__nav__opener .pageHeader__func__link__icon::before {
  content: '\e900'
}

.pageHeader__func__link__icon {
  position: relative
}

.pageHeader__func__link__icon.-js-pageHeader__func__link__icon--emptyList::before {
  content: '\e92e'
}

.pageHeader__func__link__icon__count {
  border-radius: 50%;
  color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1);
  content: '\e930';
  position: absolute;
  text-align: center
}

.pageHeader__func__link__icon.-js-pageHeader__func__link__icon--emptyList .pageHeader__func__link__icon__count {
  display: none
}

@media (min-width: 1001px) {
  .pageHeader__func__link__icon__count {
    height: 14px;
    width: 14px
  }
}

@media (max-width: 1000px) {
  .pageHeader__func__link__icon__count {
    height: 12px;
    width: 12px
  }
}

@media (min-width: 1001px) {
  html.project-nts .pageHeader__func__link {
    font: 400 normal 58px/58px 'icomoon';
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px;
    margin-right: 35px
  }
}

@media (max-width: 1000px) {
  html.project-nts .pageHeader__func__link {
    flex-direction: column;
    margin-right: 10px
  }
}

@media (min-width: 1001px) {
  html.project-nts .pageHeader__func__link__icon {
    font: 400 normal 58px/58px 'icomoon';
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px
  }
}

@media (max-width: 1000px) {
  html.project-nts .pageHeader__func__link__icon {
    font: 400 normal 45px/45px 'icomoon';
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px
  }
}

@media (min-width: 1001px) {
  html.project-nts .pageHeader__func__link__text {
    font: 700 normal 22px/calc(30em / 22) 'Averta', Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: calc(30em / 22)
  }
}

@media (max-width: 1000px) {
  html.project-nts .pageHeader__func__link__text {
    font: 700 normal 8px/calc(10em / 8) 'Averta', Arial, sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: calc(10em / 8);
    letter-spacing: -0.03em
  }
}

@media (max-width: 1000px) {
  html.project-nts .pageHeader__func__link:is(#pageHeader__nav__opener, #pageHeader__nav__memoList, #pageHeader__nav__search) .pageHeader__func__link__text {
    display: none
  }
}

@media (min-width: 1001px) {
  html.project-nts .pageHeader__func__link#pageHeader__nav__search {
    padding-right: 35px
  }
}

@media (min-width: 1001px) {
  html.project-nts .pageHeader__func__link#pageHeader__nav__accomodation {
    padding-right: 35px
  }
}

@media (max-width: 1000px) {
  html.project-nts .pageHeader__func__link#pageHeader__nav__accomodation {
    align-items: center;
    background-color: rgba(var(--color_cta_R), var(--color_cta_G), var(--color_cta_B), 1);
    display: inline-flex;
    flex-direction: column;
    height: 45px;
    width: 64px
  }
}

@media (min-width: 1001px) {
  html.project-nts .pageHeader__func__link#pageHeader__nav__search::after, html.project-nts .pageHeader__func__link#pageHeader__nav__accomodation::after {
    content: '';
    height: calc(100% - 17px);
    position: absolute;
    right: -1.5px;
    top: 8.5px;
    width: 3px
  }
}

html.project-nts #pageHeader:not(.pageHeader--dark) .pageHeader__func__link#pageHeader__nav__search::after, html.project-nts #pageHeader:not(.pageHeader--dark) .pageHeader__func__link#pageHeader__nav__accomodation::after {
  background-color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), .3)
}

html.project-nts #pageHeader.pageHeader--dark .pageHeader__func__link#pageHeader__nav__search::after, html.project-nts #pageHeader.pageHeader--dark .pageHeader__func__link#pageHeader__nav__accomodation::after {
  background-color: rgba(var(--color_bg_light_R), var(--color_bg_light_G), var(--color_bg_light_B), .3)
}

html.project-nts .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__icon {
  color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1)
}

@media (min-width: 1001px) {
  html.project-nts .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__icon {
    background-color: rgba(var(--color_cta_R), var(--color_cta_G), var(--color_cta_B), 1);
    height: 57px;
    margin-right: 10px;
    width: 57px
  }
}

@media (max-width: 1000px) {
  html.project-nts .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__icon {
    margin-bottom: -10px;
    margin-top: -5px
  }
}

html.project-nts #pageHeader:not(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__func__link:not(#pageHeader__nav__accomodation) {
  color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1)
}

html.project-nts #pageHeader:is(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__func__link:not(#pageHeader__nav__accomodation) {
  color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1)
}

@media (min-width: 1001px) {
  html.project-nts #pageHeader:not(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__text {
    color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1)
  }
}

@media (max-width: 1000px) {
  html.project-nts #pageHeader:not(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__text {
    color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1)
  }
}

@media (min-width: 1001px) {
  html.project-nts #pageHeader:is(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__text {
    color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1)
  }
}

@media (max-width: 1000px) {
  html.project-nts #pageHeader:is(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__text {
    color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1)
  }
}

html.project-nts #pageHeader.pageHeader--openQuickSearch #pageHeader__nav__accomodation .pageHeader__func__link__icon::before {
  content: '\e903'
}

html.project-nts #pageHeader__nav__memoList {
  order: 4
}

html.project-nts .pageHeader__func__link__icon__count {
  font: 700 normal 10px/calc(11em / 10) 'Averta', Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: calc(11em / 10);
  background-color: #B89642;
  bottom: 17px;
  color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1);
  right: 11px
}

#mainnav {
  background-color: rgba(var(--color_bg_light_R), var(--color_bg_light_G), var(--color_bg_light_B), 1);
  height: 100%;
  overflow: auto;
  pointer-events: all;
  width: 100%
}

#pageHeader.pageHeader--openNav #mainnav {
  display: block
}

#pageHeader:not(.pageHeader--openNav) #mainnav {
  display: none
}

.mainnav__lvl1, .mainnav__lvl2, .mainnav__lvl3 {
  color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1);
  list-style-type: none
}

.mainnav__lvl1__link, .mainnav__lvl2__link, .mainnav__lvl3__link {
  text-decoration: none
}

.mainnav__lvl1 {
  display: flex;
  justify-content: space-between
}

@media (min-width: 1401px) {
  .mainnav__lvl1 {
    padding-left: 95px;
    padding-right: 95px
  }
}

@media (min-width: 1001px) {
  .mainnav__lvl1 {
    padding-left: 27px;
    padding-right: 27px;
    flex-wrap: wrap
  }
}

@media (max-width: 1000px) and (min-width: 651px) {
  .mainnav__lvl1 {
    padding-left: calc(8.333333333333332% + 0px);
    padding-right: calc(8.333333333333332% + 0px);
    flex-wrap: wrap
  }
}

@media (max-width: 650px) {
  .mainnav__lvl1 {
    padding-left: calc(8.333333333333332% + 0px);
    padding-right: calc(8.333333333333332% + 0px);
    flex-wrap: wrap
  }
}

.mainnav__lvl1__item {
  box-sizing: border-box
}

@media (min-width: 1401px) {
  .mainnav__lvl1__item {
    padding-left: 15px;
    padding-right: 15px;
    width: 16.66666667%
  }
}

@media (max-width: 1400px) and (min-width: 651px) {
  .mainnav__lvl1__item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 60px;
    width: 50%
  }
}

@media (max-width: 650px) {
  .mainnav__lvl1__item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 60px;
    width: 100%
  }
}

.mainnav__lvl1__link {
  display: block;
  text-transform: uppercase
}

.mainnav__lvl1__link:hover {
  text-decoration: underline
}

@media (min-width: 651px) {
  .mainnav__lvl1__link {
    margin-bottom: 30px
  }
}

@media (max-width: 650px) {
  .mainnav__lvl1__link {
    margin-bottom: 30px;
    min-height: unset !important
  }
}

html.project-nts .mainnav__lvl1 {
  margin: 0
}

@media (min-width: 1401px) {
  html.project-nts .mainnav__lvl1 {
    padding-bottom: 60px;
    padding-top: 60px
  }
}

@media (max-width: 1400px) and (min-width: 1001px) {
  html.project-nts .mainnav__lvl1 {
    padding-bottom: 70px;
    padding-top: 70px
  }
}

@media (max-width: 1000px) {
  html.project-nts .mainnav__lvl1 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}

html.project-nts .mainnav__lvl1__link {
  letter-spacing: .03em;
  text-shadow: -1px -2px 0 #fff
}

@media (min-width: 1001px) {
  html.project-nts .mainnav__lvl1__link.mainnav__lvl1__link--active {
    font: 700 normal 26px/1em 'Averta', Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1em
  }

  html.project-nts .mainnav__lvl1__link:not(.mainnav__lvl1__link--active) {
    font: 400 normal 26px/1em 'Averta', Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
  }
}

@media (max-width: 1000px) {
  html.project-nts .mainnav__lvl1__link.mainnav__lvl1__link--active {
    font: 700 normal 22px/calc(26em / 22) 'Averta', Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: calc(26em / 22)
  }

  html.project-nts .mainnav__lvl1__link:not(.mainnav__lvl1__link--active) {
    font: 400 normal 22px/calc(26em / 22) 'Averta', Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(26em / 22)
  }
}

.mainnav__lvl2__item {
  position: relative
}

.mainnav__lvl2__item.mainnav__lvl2__item--open .mainnav__lvl3, .mainnav__lvl2__item.mainnav__lvl2__item--open .mainNav__line-bottom, .mainnav__lvl2__item.mainnav__lvl2__item--open .mainNav__line-top {
  display: block
}

.mainnav__lvl2__item.mainnav__lvl2__item--open .mainnav__lvl2__icon {
  transform: rotate(90deg)
}

.mainnav__lvl2__item:not(.mainnav__lvl2__item--open) .mainnav__lvl3, .mainnav__lvl2__item:not(.mainnav__lvl2__item--open) .mainNav__line-bottom, .mainnav__lvl2__item:not(.mainnav__lvl2__item--open) .mainNav__line-top {
  display: none
}

.mainnav__lvl2__item .mainNav__line-bottom, .mainnav__lvl2__item .mainNav__line-top {
  left: 0;
  position: absolute
}

.mainnav__lvl2__item .mainNav__line-bottom {
  bottom: 0
}

.mainnav__lvl2__item .mainNav__line-top {
  top: 0
}

.mainnav__lvl2__icon {
  cursor: pointer;
  display: inline-block;
  position: absolute
}

.mainnav__lvl2__link {
  cursor: pointer
}

.mainnav__lvl2__link:not(.mainnav__lvl2__link--active) {
  font: 400 normal 18px/calc(22em / 18) var(--font-std), Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: calc(22em / 18)
}

.mainnav__lvl2__item.mainnav__lvl2__item--open .mainnav__lvl2__link, .mainnav__lvl2__link.mainnav__lvl2__link--active {
  font: 700 normal 18px/calc(22em / 18) var(--font-std), Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: calc(22em / 18)
}

.mainnav__lvl2__link:hover {
  border-bottom: 1px solid rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

html.project-nts .mainnav__lvl2 {
  padding: 0
}

html.project-nts .mainnav__lvl2__item:not(:last-child) {
  margin-bottom: 18px
}

html.project-nts .mainnav__lvl2__item.mainnav__lvl2__item--open {
  padding: 13px 0 20px 28px
}

html.project-nts .mainnav__lvl2__item:not(.mainnav__lvl2__item--open) {
  padding: 0 0 0 28px
}

html.project-nts .mainnav__lvl2__icon {
  font: 400 normal 26px/24px 'icomoon';
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  left: 0;
  width: 24px
}

.mainnav__lvl3__link {
  font: 400 normal 16px/calc(18em / 16) var(--font-std), Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: calc(18em / 16)
}

.mainnav__lvl3__link.mainnav__lvl3__link--active {
  font: 700 normal 16px/calc(18em / 16) var(--font-std), Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: calc(18em / 16)
}

.mainnav__lvl3__link:hover {
  border-bottom: 1px solid rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

html.project-nts .mainnav__lvl3 {
  margin-left: -6px;
  padding: 16px 0 12px 0
}

html.project-nts .mainnav__lvl3__item:not(:last-child) {
  margin-bottom: 12px
}

.mainNav__line-bottom {
  margin: 0;
  overflow: hidden;
  width: 100%
}

html.project-nts .mainNav__line-bottom__hr {
  display: none
}

html.project-nts .mainNav__line-bottom__svg {
  display: block
}

html.project-nts .mainNav__line-bottom__svg path {
  fill: rgba(var(--color_txt_light_R), var(--color_txt_light_G), var(--color_txt_light_B), 1)
}

.mainNav__line-top {
  margin: 0;
  overflow: hidden;
  width: 100%
}

html.project-nts .mainNav__line-top__hr {
  display: none
}

html.project-nts .mainNav__line-top__svg {
  display: block
}

html.project-nts .mainNav__line-top__svg path {
  fill: rgba(var(--color_txt_light_R), var(--color_txt_light_G), var(--color_txt_light_B), 1)
}

#metaNav {
  background-color: rgba(var(--color_bg_light_R), var(--color_bg_light_G), var(--color_bg_light_B), 1);
  z-index: 1
}

@media (min-width: 1001px) {
  #metaNav {
    justify-content: flex-end
  }
}

.metaNav__wrapper {
  align-items: center;
  background: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1);
  display: flex;
  flex-wrap: wrap
}

@media (min-width: 1001px) {
  .metaNav__wrapper {
    padding: 10px 58px
  }
}

@media (max-width: 1000px) and (min-width: 651px) {
  .metaNav__wrapper {
    padding: 15px calc(8.333333333333332% + 0px)
  }
}

@media (max-width: 650px) {
  .metaNav__wrapper {
    padding: 25px calc(8.333333333333332% + 0px)
  }
}

#pageHeader.pageHeader--openNav #metaNav {
  display: flex
}

#pageHeader:not(.pageHeader--openNav) #metaNav {
  display: none
}

.metaNav__item {
  align-items: center;
  color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1);
  display: inline-flex;
  text-decoration: none
}

@media (min-width: 1001px) {
  .metaNav__item {
    font: 400 normal 18px/calc(22em / 18) var(--font-std), Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(22em / 18);
    margin-right: 50px
  }
}

@media (max-width: 1000px) and (min-width: 651px) {
  .metaNav__item {
    font: 400 normal 18px/calc(30em / 18) var(--font-std), Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(30em / 18);
    margin-right: 30px
  }
}

@media (max-width: 650px) {
  .metaNav__item {
    font: 400 normal 18px/calc(30em / 18) var(--font-std), Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(30em / 18);
    margin-right: 25px
  }
}

.metaNav__item__icon {
  display: inline-block
}

@media (min-width: 1001px) {
  .metaNav__item__icon {
    font: 400 normal 40px/22px 'icomoon';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-right: 9px
  }
}

@media (max-width: 1000px) {
  .metaNav__item__icon {
    font: 400 normal 22px/30px 'icomoon';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-right: 10px
  }
}

.metaNav__item__text {
  text-decoration: underline
}

@media (max-width: 1000px) {
  html.project-nts .metaNav__item {
    letter-spacing: -0.01em
  }
}

html.project-nts .metaNav__item.metaNav__item-tide, html.project-nts .metaNav__item.metaNav__item-webcam {
  display: none
}