: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"
}

#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
}

@media (min-width: 1001px) {
  #pageFooter__wrap {
    align-items: stretch;
    display: flex;
    flex-direction: row-reverse
  }
}

.pageFooter__item.pageFooter__item--metanav {
  background-color: rgba(var(--color_bg_light_R), var(--color_bg_light_G), var(--color_bg_light_B), 1);
  position: relative
}

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

@media (max-width: 1000px) and (min-width: 651px) {
  .pageFooter__item.pageFooter__item--metanav {
    padding: 40px calc(8.333333333333332% + 0px) 30px calc(8.333333333333332% + 0px)
  }
}

@media (max-width: 650px) {
  .pageFooter__item.pageFooter__item--metanav {
    padding: 40px calc(8.333333333333332% + 0px) 30px calc(8.333333333333332% + 0px)
  }
}

.pageFooter__item.pageFooter__item--metanav .pageFooter__lines {
  left: 0;
  position: absolute;
  top: 10px
}

@media (min-width: 1001px) {
  .pageFooter__item.pageFooter__item--metanav .pageFooter__lines {
    display: none
  }
}

.pageFooter__form {
  background-color: rgba(var(--color_bg_light_R), var(--color_bg_light_G), var(--color_bg_light_B), 1);
  position: relative
}

@media (min-width: 1401px) {
  .pageFooter__form {
    box-sizing: border-box;
    height: calc(100% - 50px);
    margin-top: 50px;
    padding: 91px 25% 60px 25%
  }
}

@media (max-width: 1400px) and (min-width: 1001px) {
  .pageFooter__form {
    box-sizing: border-box;
    height: calc(100% - 25px);
    margin-top: 25px;
    padding: 45px 12.5% 60px 12.5%
  }
}

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

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

.pageFooter__form .pageFooter__lines {
  left: 0;
  max-width: 100%;
  position: absolute
}

@media (min-width: 1401px) {
  .pageFooter__form .pageFooter__lines {
    top: -18px
  }
}

@media (max-width: 1400px) and (min-width: 1001px) {
  .pageFooter__form .pageFooter__lines {
    top: -14px
  }
}

@media (max-width: 1000px) {
  .pageFooter__form .pageFooter__lines {
    display: none
  }
}

.pageFooter__form__title {
  color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

@media (max-width: 1000px) {
  .pageFooter__form__title {
    margin-bottom: 15px
  }
}

.pageFooter__form__row {
  display: flex
}

.pageFooter__form__row.pageFooter__form__row--name {
  margin-bottom: 10px
}

.pageFooter__form__row:not(.pageFooter__form__row--name) {
  margin-bottom: 15px
}

.pageFooter__form__row .input-text {
  flex: 100%
}

.pageFooter__form__row .input-text:not(:last-child):not(:only-child) {
  margin-right: 10px
}

.pageFooter__form .input-checkbox {
  display: block;
  margin-bottom: 20px
}

.pageFooter__form .input-checkbox p {
  margin: 0;
  display: unset
}

@media (min-width: 1401px) {
  .pageFooter__form .pageFooter__metanav {
    width: 113.28125%
  }
}

@media (max-width: 1000px) {
  .pageFooter__form .pageFooter__metanav {
    display: none
  }
}

html.project-nts .pageFooter__form__title {
  margin: 0 0 15px 0
}

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

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

@media (min-width: 1001px) {
  html.project-nts .pageFooter__form .button {
    margin: 0 0 55px 0
  }
}

.pageFooter__socialnav__link {
  color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1);
  display: inline-block;
  text-decoration: none
}

.pageFooter__socialnav__link:not(:last-child) {
  margin-right: 16px
}

.pageFooter__socialnav__link__text {
  display: none
}

.pageFooter__socialnav__link__icon {
  font: 400 normal 21px/21px 'icomoon';
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px
}

.pageFooter__metanav__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.pageFooter__metanav__item {
  font: 400 normal 16px/2em var(--font-std), Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 2em;
  color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1);
  display: inline-block
}

.pageFooter__metanav__item:not(:last-child) {
  margin-right: 10px
}

.pageFooter__metanav__item:not(:last-child):after {
  content: '|';
  margin-left: 10px
}

.pageFooter__metanav__link {
  display: inline-block
}

.pageFooter__lines {
  margin: 0;
  overflow: hidden;
  width: 100%
}

.pageFooter__lines__element {
  margin-bottom: 5px;
  position: relative
}

@media (min-width: 1001px) {
  .pageFooter__lines__element.pageFooter__lines__element-bottom_desktop, .pageFooter__lines__element.pageFooter__lines__element-top_desktop {
    display: block
  }

  .pageFooter__lines__element.pageFooter__lines__element-bottom_mobile, .pageFooter__lines__element.pageFooter__lines__element-top_mobile {
    display: none
  }
}

@media (max-width: 1000px) {
  .pageFooter__lines__element.pageFooter__lines__element-bottom_desktop, .pageFooter__lines__element.pageFooter__lines__element-top_desktop {
    display: none
  }

  .pageFooter__lines__element.pageFooter__lines__element-bottom_mobile, .pageFooter__lines__element.pageFooter__lines__element-top_mobile {
    display: block
  }
}

.pageFooter__lines__element-bottom_mobile {
  left: 141px
}

.pageFooter__contact {
  background-color: rgba(var(--color_bg_dark_R), var(--color_bg_dark_G), var(--color_bg_dark_B), 1)
}

@media (min-width: 1401px) {
  .pageFooter__contact {
    box-sizing: border-box;
    height: 100%;
    padding: 141px 25% 60px 25%
  }
}

@media (max-width: 1400px) and (min-width: 1001px) {
  .pageFooter__contact {
    box-sizing: border-box;
    height: 100%;
    padding: 70px 12.5% 60px 12.5%
  }
}

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

@media (max-width: 650px) {
  .pageFooter__contact {
    padding: 40px calc(8.333333333333332% + 0px) 42px calc(8.333333333333332% + 0px)
  }
}

.pageFooter__contact__title {
  color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1)
}

.pageFooter__contact__text {
  color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1)
}

@media (max-width: 1000px) {
  .pageFooter__contact .button {
    margin-bottom: 40px
  }
}

@media (min-width: 1001px) {
  html.project-nts .pageFooter__contact__title {
    font: 700 normal 35px/1em 'Averta', Arial, sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: .05em;
    margin: 0 0 15px 0
  }
}

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

html.project-nts .pageFooter__contact__text {
  margin: 0 0 20px 0
}

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

@media (max-width: 1000px) {
  html.project-nts .pageFooter__contact__text {
    font: 400 normal 16px/2em 'Averta', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2em
  }
}

:not(.bgDark, .bgLight) .button-ghost__text, :not(.bgDark, .bgLight) .button-ghost__text:is(:active, :hover, :focus) {
  color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

.bgDark .button-ghost__text, .bgDark .button-ghost__text:is(:active, :hover, :focus) {
  color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1)
}

.bgLight .button-ghost__text, .bgLight .button-ghost__text:is(:active, :hover, :focus) {
  color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

.button-ghost {
  background: transparent
}

html.project-nts :not(.bgDark, .bgLight) .button-ghost {
  border-color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

html.project-nts .bgDark .button-ghost {
  border-color: rgba(var(--color_txt_white_R), var(--color_txt_white_G), var(--color_txt_white_B), 1)
}

html.project-nts .bgLight .button-ghost {
  border-color: rgba(var(--color_txt_dark_R), var(--color_txt_dark_G), var(--color_txt_dark_B), 1)
}

.button {
  font: 400 normal 18px/22px var(--font-std), Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  display: inline-block;
  text-decoration: none
}

.button__text {
  display: inline-block
}

.button__text [class^="icon-"], .button__text [class*=" icon-"] {
  font-size: 22px;
  vertical-align: middle
}

html.project-nts .button {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  padding: 13px 26px
}