/* generated by scripts/dev/hull/build-css.mjs from Bundle.css – do not edit */
:root,
:host {

  /* colors from design */
  --color_deep-azure-rgb: 26, 47, 58;
  --color_deep-azure: rgb(var(--color_deep-azure-rgb));
  --color_sky-of-ocean-rgb: 49, 90, 110;
  --color_sky-of-ocean: rgb(var(--color_sky-of-ocean-rgb));
  --color_harbour-mist-rgb: 234, 239, 240;
  --color_harbour-mist: rgb(var(--color_harbour-mist-rgb));
  --color-white-rgb: 255, 255, 255;
  --color-white: rgb(var(--color-white-rgb));
  --color_pearl-white-rgb: 253, 254, 255;
  --color_pearl-white: rgb(var(--color_pearl-white-rgb));
  --color_blissful-gold-rgb: 254, 209, 110;
  --color_blissful-gold: rgb(var(--color_blissful-gold-rgb));

  /* general color mappings */
  --color_bg_dark-rgb: var(--color_sky-of-ocean-rgb);
  --color_bg_dark: rgb(var(--color_bg_dark-rgb));
  --color_bg_light-rgb: var(--color_harbour-mist-rgb);
  --color_bg_light: rgb(var(--color_bg_light-rgb));
  --color_bg_white-rgb: var(--color-white-rgb);
  --color_bg_white: rgb(var(--color_bg_white-rgb));
  --color_txt_dark-rgb: var(--color_deep-azure-rgb);
  --color_txt_dark: rgb(var(--color_txt_dark-rgb));
  --color_txt_light-rgb: var(--color_sky-of-ocean-rgb);
  --color_txt_light: rgb(var(--color_txt_light-rgb));
  --color_txt_white-rgb: var(--color-white-rgb);
  --color_txt_white: rgb(var(--color_txt_white-rgb));
  --color_cta-rgb: 254, 209, 110;
  --color_cta: rgb(var(--color_cta-rgb));
  --color_text-lightblue-rgb: 52, 82, 104;
  --color_text-lightblue: rgb(var(--color_text-lightblue-rgb));

  --color_bg-yellow-rgb: 254, 209, 110;
  --color_bg_yellow: rgb(var(--color_bg-yellow-rgb));

  /* fonts */
  --font-std: 'Titillium Web';
  --font-deco: 'Fair Prosper';

  /* vertical spacing */
  --gridVerticalMD-module: 100px;
  --gridVerticalMD-inner: 35px;
  --gridVerticalSM-module: 60px;
  --gridVerticalSM-inner: 20px;
}[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-beherbergung:before {
  content: "\e941";
}
.icon-gastro:before {
  content: "\e942";
}
.icon-gesundheit-wellness:before {
  content: "\e943";
}
.icon-kunst-kultur:before {
  content: "\e944";
}
.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-pen:before {
  content: "\e940";
}
.icon-komoot:before {
  content: "\e93f";
}
.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-tiktok:before {
  content: "\e93d";
}
.icon-business:before {
  content: "\e93e";
}
.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: rgb(246, 243, 238);
}
.icon-bin-outline .path2:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(15, 48, 73);
}
.icon-bin-outline .path3:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(246, 243, 238);
}
.icon-bin-outline .path4:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(15, 48, 73);
}
.icon-bin-outline .path5:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(246, 243, 238);
}
.icon-bin-outline .path6:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(246, 243, 238);
}
.icon-tide:before {
  content: "\e93b";
}
.icon-webcam:before {
  content: "\e93c";
}
.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";
}
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;
}
hr {
  width: 1px;
  height: 33px;
  background: var(--color_txt_dark);
  position: absolute;
  z-index: 1;
  transform: rotate(90deg);
  top: calc(50% - calc(33px / 2));
  left: 50%;
}
.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: 0px;
  }
  .h-grid [class*=h-el-lg-]:not([class*=h-el-lg-off-]) {
    margin-left: 0px;
  }
  .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: 0px;
  }
  .h-grid [class*=h-el-md-]:not([class*=h-el-md-off-]) {
    margin-left: 0px;
  }
  .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: 0px;
  }
  .h-grid [class*=h-el-sm-]:not([class*=h-el-sm-off-]) {
    margin-left: 0px;
  }
  .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: 0px;
  }
  .h-grid [class*=h-el-ty-]:not([class*=h-el-ty-off-]) {
    margin-left: 0px;
  }
  .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);
  }
}
.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;
}
.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 32px;
}
.button-default__text {
  background-color: transparent;
}
.button-default {
  background-color: var(--color_txt_dark);
  border-color: var(--color_txt_dark);
}
.button-default .button-default__text,
.button-default:is(:active, :hover, :focus) .button-default__text {
  color: var(--color_txt_white);
}
.button-default {
}
.button-default::before,
.button-default::after {
}
:not(.bgDark, .bgLight) .button-ghost__text, :not(.bgDark, .bgLight) .button-ghost__text:is(:active, :hover, :focus) {
  color: var(--color_txt_dark);
}
.bgDark .button-ghost__text,
.bgDark .button-ghost__text:is(:active, :hover, :focus) {
  color: var(--color_txt_white);
}
.bgLight .button-ghost__text,
.bgLight .button-ghost__text:is(:active, :hover, :focus) {
  color: var(--color_txt_dark);
}
.button-ghost {
  background: transparent;
}
:not(.bgDark, .bgLight) .button-ghost {
  border-color: rgba(var(--color_txt_dark-rgb), 1);
}
.bgDark .button-ghost {
  border-color: rgba(var(--color_txt_white-rgb), 1);
}
.bgLight .button-ghost {
  border-color: rgba(var(--color_txt_dark-rgb), 1);
}
.button-ghost {
  background: transparent;
}
.button-ghost {
}
.button-ghost::before,
.button-ghost::after {
}
.button-ghost {
  background: transparent;
}
.button-ghost {
  background: transparent;
}
#metaNav {
  --local-color-text: var(--color_txt_white);
  background-color: var(--color_bg_light);
  z-index: 1;
}
@media (min-width: 1001px) {
  #metaNav {
    justify-content: flex-end;
  }
}
.metaNav__wrapper {
  align-items: center;
  background: var(--color_bg_dark);
  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;
  display: inline-flex;
  text-decoration: none;
}
.metaNav__item__icon {
  color: var(--local-color-text);
  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 {
  color: var(--local-color-text);
  text-decoration: underline;
}
@media (min-width: 1001px) {
  .metaNav__item__text {
    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__text {
    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__text {
    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;
  }
}
.mainNav__line-bottom {
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.mainNav__line-bottom__svg {
  display: block;
}
.mainNav__line-bottom__hr {
  width: 100%;
}
.mainNav__line-bottom__svg path {
  fill: var(--color_txt_light);
}
.mainNav__line-bottom__hr {
  color: var(--color_txt_dark);
}
.mainNav__line-top {
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.mainNav__line-top__svg {
  display: block;
}
.mainNav__line-top__hr {
  width: 100%;
}
.mainNav__line-top__svg path {
  fill: var(--color_txt_light);
}
.mainNav__line-top__hr {
  color: var(--color_txt_dark);
}
.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 {
  background: none;
  border: none;
  padding: 0;
  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 var(--color_txt_dark);
}
.mainnav__lvl2 {
  padding: 0;
}
.mainnav__lvl2__item:not(:last-child) {
  margin-bottom: 18px;
}
.mainnav__lvl2__item.mainnav__lvl2__item--open {
  padding: 13px 0 20px 28px;
}
.mainnav__lvl2__item:not(.mainnav__lvl2__item--open) {
  padding: 0 0 0 28px;
}
.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__lvl2__link {
  text-align: left;
}
.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 var(--color_txt_dark);
}
.mainnav__lvl3 {
  margin-left: -6px;
  padding: 16px 0 12px 0;
}
.mainnav__lvl3__item:not(:last-child) {
  margin-bottom: 12px;
}
#mainnav {
  background-color: var(--color_bg_light);
  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: var(--color_txt_dark);
  list-style-type: none;
}
.mainnav__lvl1__link,
.mainnav__lvl2__link,
.mainnav__lvl3__link {
  text-decoration: none;
  color: inherit;
}
.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;
  }
}
.mainnav__lvl1 {
  margin: 0;
}
@media (min-width: 1401px) {
  .mainnav__lvl1 {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 1400px) and (min-width: 1001px) {
  .mainnav__lvl1 {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}
@media (max-width: 1000px) {
  .mainnav__lvl1 {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.mainnav__lvl1__link {
  letter-spacing: 0.03em;
  text-shadow: -1px -2px 0 #fff;
}
@media (min-width: 1001px) {
  .mainnav__lvl1__link.mainnav__lvl1__link--active {
    font: 700 normal 26px/1em 'Titillium Web', Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
  }
  .mainnav__lvl1__link:not(.mainnav__lvl1__link--active) {
    font: 400 normal 26px/1em 'Titillium Web', Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
  }
}
@media (max-width: 1000px) {
  .mainnav__lvl1__link.mainnav__lvl1__link--active {
    font: 700 normal 22px/calc(26em/22) 'Titillium Web', Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: calc(26em/22);
  }
  .mainnav__lvl1__link:not(.mainnav__lvl1__link--active) {
    font: 400 normal 22px/calc(26em/22) 'Titillium Web', Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(26em/22);
  }
}
#pageHeader:is(.pageHeader--deutscheNordsee) #mainnav {
  background-color: transparent;
}
#pageHeader.pageHeader--deutscheNordsee .mainnav__lvl1 {
  background-color: #30546c !important;
}
#pageHeader.pageHeader--deutscheNordsee .mainnav__lvl1__link {
  color: var(--color_txt_white) !important;
  word-break: break-word;
}
.pageFooter__contact {
  background-color: var(--color_bg_dark);
}
@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: var(--color_txt_white);
}
.pageFooter__contact__text {
  color: var(--color_txt_white);
}
@media (max-width: 1000px) {
  .pageFooter__contact .button {
    margin-bottom: 40px;
  }
}
@media (min-width: 1001px) {
  .pageFooter__contact__title {
    font: 400 normal 35px/1em 'Bjorn Halftone', Arial, sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    margin: 0 0 15px 0;
  }
}
@media (max-width: 1000px) {
  .pageFooter__contact__title {
    font: 400 normal 26px/calc(30em/26) 'Bjorn Halftone', Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(30em/26);
    margin: 0 0 20px 0;
  }
}
.pageFooter__contact__text {
  margin: 0 0 20px 0;
}
@media (min-width: 1001px) {
  .pageFooter__contact__text {
    font: 400 normal 18px/calc(32em/18) 'Titillium Web', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(32em/18);
  }
}
@media (max-width: 1000px) {
  .pageFooter__contact__text {
    font: 400 normal 16px/calc(32em/16) 'Titillium Web', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(32em/16);
  }
}
@media (min-width: 1001px) {
  .pageFooter__contact .button {
    margin-bottom: 40px;
  }
}
.pageFooter__contact .pageFooter__contact__logo a {
  position: relative;
  left: -35px;
}
.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__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: var(--color_txt_dark);
  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__socialnav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: flex;
  gap: 16px;
}
.pageFooter__socialnav__item {
  align-items: center;
  display: flex;
}
.pageFooter__socialnav__link {
  color: var(--color_txt_white);
  display: inline-block;
  text-decoration: none;
}
.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__form {
  background-color: var(--color_bg_light);
  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: var(--color_txt_dark);
}
@media (max-width: 1000px) {
  .pageFooter__form__title {
    margin-bottom: 15px;
  }
}
.pageFooter__form__description {
  margin: 0 0 1rem 0;
  color: #27454f;
  font: normal 400 18px/calc(22em / 18) var(--font-std), Arial, sans-serif;
  line-height: 1.5;
  max-width: none;
  box-sizing: border-box;
  display: block;
  word-break: break-word;
}
.pageFooter__form__title {
  margin: 0 0 0.5rem 0;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #0b2a3a;
  font-weight: 600;
  display: inline-block;
}
.pageFooter__form__title .pageFooter__form__description a {
  color: #0b6b9e;
  text-decoration: underline;
}
.pageFooter__form__title .pageFooter__form__description a:hover {
  color: #084a67;
}
@media (max-width: 480px) {
  .pageFooter__form__title .pageFooter__form__title {
    font-size: 1rem;
  }
  .pageFooter__form__title .pageFooter__form__description {
    font: normal 400 18px/calc(22em / 18) var(--font-std), Arial, sans-serif;
  }
}
.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;
}
@media (min-width: 1401px) {
  .pageFooter__form .pageFooter__metanav {
    width: 113.28125%;
  }
}
@media (max-width: 1000px) {
  .pageFooter__form .pageFooter__metanav {
    display: none;
  }
}
.pageFooter__form__title {
  margin: 0 0 15px 0;
}
@media (min-width: 1001px) {
  .pageFooter__form__title {
    font: 400 normal 35px/1em 'Bjorn Halftone', Arial, sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
  }
}
@media (max-width: 1000px) {
  .pageFooter__form__title {
    font: 400 normal 26px/calc(30em/26) 'Bjorn Halftone', Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(30em/26);
  }
}
.pageFooter__form .button {
  margin-left: auto;
  display: block;
}
@media (min-width: 1001px) {
  .pageFooter__form .button {
    margin-bottom: 55px;
  }
}
@media (min-width: 1001px) {
  #pageFooter__wrap {
    align-items: stretch;
    display: flex;
    flex-direction: row-reverse;
  }
}
.pageFooter__item.pageFooter__item--metanav {
  background-color: var(--color_bg_light);
  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__logos {
  display: flex;
  gap: 64px;
  margin-left: 210px;
}
@media (max-width: 1000px) {
  .pageFooter__logos {
    margin-left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
  }
}
.pageFooter__logo {
  margin: 24px;
}
.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: var(--color_txt_dark);
  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) {
  .pageHeader__func__link {
    font: 400 normal 58px/58px 'icomoon';
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link {
    flex-direction: column;
    margin-right: 5px;
  }
}
@media (min-width: 1001px) {
  .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) {
  .pageHeader__func__link__icon {
    font: 400 normal 45px/45px 'icomoon';
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: -10px;
    margin-top: -5px;
  }
}
.pageHeader__func__link__text {
  text-transform: uppercase;
}
@media (min-width: 1001px) {
  .pageHeader__func__link__text {
    font: 700 normal 22px/calc(30em/22) 'Titillium Web', Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: calc(30em/22);
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link__text {
    font: 700 normal 8px/calc(10em/8) 'Titillium Web', Arial, sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: calc(10em/8);
    letter-spacing: -0.03em;
  }
}
@media (min-width: 1001px) {
  .pageHeader__func__link:is(#pageHeader__nav__opener, #pageHeader__nav__search, #pageHeader__nav__memoList, #pageHeader__aroundMe) {
    padding-right: 39px;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link:is(#pageHeader__nav__opener, #pageHeader__nav__search, #pageHeader__nav__memoList, #pageHeader__aroundMe) {
    justify-content: center;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link:is(#pageHeader__nav__opener, #pageHeader__nav__search, #pageHeader__nav__memoList, #pageHeader__aroundMe) .pageHeader__func__link__icon {
    margin: 0;
  }
}
@media (min-width: 1001px) {
  .pageHeader__func__link:is(#pageHeader__nav__opener, #pageHeader__nav__search, #pageHeader__nav__memoList, #pageHeader__aroundMe) .pageHeader__func__link__text {
    font: 700 normal 20px/calc(30em/20) 'Titillium Web', Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: calc(30em/20);
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link:is(#pageHeader__nav__opener, #pageHeader__nav__search, #pageHeader__nav__memoList, #pageHeader__aroundMe) .pageHeader__func__link__text {
    display: none;
  }
}
@media (min-width: 1001px) {
  .pageHeader__func__link:is(#pageHeader__nav__search, #pageHeader__nav__memoList, #pageHeader__aroundMe) {
    padding-left: 17px;
  }
}
@media (min-width: 1001px) {
  .pageHeader__func__link#pageHeader__aroundMe {
    padding-left: 34px;
  }
}
@media (min-width: 1001px) {
  .pageHeader__func__link:is(#pageHeader__nav__accomodation, #pageHeader__nav__search, #pageHeader__aroundMe) {
    padding-right: 30px;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link:is(#pageHeader__nav__accomodation, #pageHeader__nav__search, #pageHeader__aroundMe) {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    height: 45px;
    width: 45px;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link#pageHeader__aroundMe {
    margin-right: 0;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link:is(#pageHeader__nav__accomodation) {
    background-color: var(--color_cta);
    width: 64px;
  }
}
.pageHeader__func__link:is(#pageHeader__nav__accomodation, #pageHeader__nav__search)::after {
  content: '';
  position: absolute;
  right: -3px;
}
@media (min-width: 1001px) {
  .pageHeader__func__link:is(#pageHeader__nav__accomodation, #pageHeader__nav__search)::after {
    height: calc(100% - 18px);
    top: calc(50% - 20px);
    width: 3px;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link:is(#pageHeader__nav__accomodation, #pageHeader__nav__search)::after {
    height: calc(100% - 20px);
    top: calc(50% - 12px);
    width: 1px;
  }
}
#pageHeader__func > .pageHeader__func__link:last-child::after {
  display: none;
}
@media (max-width: 1000px) {
  .pageHeader__func__link:is(#pageHeader__nav__accomodation)::after {
    display: none;
  }
}
#pageHeader:not(.pageHeader--dark) .pageHeader__func__link#pageHeader__nav__accomodation::after,
#pageHeader:not(.pageHeader--dark) .pageHeader__func__link#pageHeader__nav__search::after {
  background-color: rgba(var(--color_bg_dark-rgb), 0.2);
}
#pageHeader.pageHeader--dark .pageHeader__func__link#pageHeader__nav__accomodation::after,
#pageHeader.pageHeader--dark .pageHeader__func__link#pageHeader__nav__search::after {
  background-color: rgba(var(--color-white-rgb), 0.3);
}
.pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__icon {
  color: var(--color_txt_dark);
}
@media (min-width: 1001px) {
  .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__icon {
    width: 57px;
    height: 57px;
    margin-right: 10px;
    background-color: var(--color_cta);
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__icon {
    margin-bottom: -10px;
    margin-top: -5px;
  }
}
@media (max-width: 1000px) {
  .pageHeader__func__link#pageHeader__nav__accomodation .pageHeader__func__link__text {
    color: var(--color_txt_dark);
  }
}
#pageHeader:is(.pageHeader--transparent, .pageHeader--white):not(.-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) .pageHeader__func__link__icon {
  color: var(--color_txt_white);
}
#pageHeader:is(.pageHeader--transparent, .pageHeader--white):not(.-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) .pageHeader__func__link__text {
  color: var(--color_txt_white);
}
#pageHeader:is(.pageHeader--transparent, .pageHeader--white):not(.-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) #pageHeader__nav__accomodation .pageHeader__func__link__icon {
  color: var(--color_txt_dark);
}
@media (max-width: 1000px) {
  #pageHeader:is(.pageHeader--transparent, .pageHeader--white):not(.-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) #pageHeader__nav__accomodation .pageHeader__func__link__text {
    color: var(--color_txt_dark);
  }
}
#pageHeader:not(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) .pageHeader__func__link__icon {
  color: var(--color_txt_white);
}
#pageHeader:not(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) .pageHeader__func__link__text {
  color: var(--color_txt_white);
}
#pageHeader:not(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) #pageHeader__nav__accomodation .pageHeader__func__link__icon {
  color: var(--color_txt_dark);
}
@media (max-width: 1000px) {
  #pageHeader:not(.pageHeader--darkText, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch) #pageHeader__nav__accomodation .pageHeader__func__link__text {
    color: var(--color_txt_dark);
  }
}
.pageHeader__func__link__icon__count {
  font: 700 normal 10px/calc(11em/10) 'Titillium Web', Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: calc(11em/10);
  background-color: var(--color_blissful-gold);
  bottom: 17px;
  color: var(--color_txt_white);
  right: 11px;
}
#pageHeader.pageHeader--deutscheNordsee .pageHeader__func__link {
  color: var(--color_txt_white) !important;
}
#pageHeader__logo {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
}
@media (max-width: 1000px) {
  #pageHeader.pageHeader--openSearch #pageHeader__logo {
    display: none;
  }
}
.pageHeader__logo__text {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#pageHeader__logo {
  margin-left: 10px;
}
@media (min-width: 1001px) {
  #pageHeader__logo {
    aspect-ratio: 187/57;
    width: 187px;
  }
}
@media (max-width: 1000px) {
  #pageHeader__logo {
    aspect-ratio: 102/31;
    width: 102px;
  }
}
#pageHeader:is(.pageHeader--darkText, .pageHeader--light, .-js-pageHeader--background, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) #pageHeader__logo {
  background-image: url('https://www.amrum.de/_assets/4cb1b8e8a52399c69cb0a5084606d679/pictures/amrum.logo.color.298ba08389eea552e4eb..svg');
}
#pageHeader:not(.-js-pageHeader--background, .pageHeader--darkText, .pageHeader--light, .pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch) #pageHeader__logo {
  background-image: url('https://www.amrum.de/_assets/4cb1b8e8a52399c69cb0a5084606d679/pictures/amrum.logo.white.9594105a66fbabdea1b8..svg');
}
#pageHeader.pageHeader--deutscheNordsee #pageHeader__logo {
  aspect-ratio: auto;
  background: unset!important;
  color: var(--color_txt_white);
  text-align: right;
  white-space: nowrap;
  width: auto;
}
@media (min-width: 1001px) {
  #pageHeader.pageHeader--deutscheNordsee #pageHeader__logo {
    font: 400 normal 40px/57.5px 'Gotcha', Georgia, serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.5px;
  }
}
@media (max-width: 1000px) {
  #pageHeader.pageHeader--deutscheNordsee #pageHeader__logo {
    font: 400 normal 28px/40px 'Gotcha', Georgia, serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
  }
}
#pageHeader.pageHeader--deutscheNordsee #pageHeader__logo:after {
  content: 'deutsche Nordsee';
}
#pageHeader__search__form {
  align-items: center;
  display: flex;
}
@media (max-width: 1000px) {
  #pageHeader__search__form {
    max-height: 55px;
  }
}
#pageHeader__search__form__closer {
  text-decoration: none;
}
@media (min-width: 1001px) {
  #pageHeader__search__form__closer {
    display: none;
  }
}
#pageHeader:not(.pageHeader--dark) .pageHeader__search__form__icon {
  color: var(--color_txt_dark);
}
#pageHeader.pageHeader--dark .pageHeader__search__form__icon {
  color: var(--color_txt_light);
}
@media (min-width: 1001px) {
  .pageHeader__search__form__icon {
    display: none;
  }
}
@media (min-width: 1001px) {
  #pageHeader__search__form {
    margin: 0 0 0 10px;
  }
}
@media (max-width: 1000px) {
  #pageHeader__search__form {
    margin: -6.25px 0;
  }
}
#pageHeader:not(.pageHeader--dark) .pageHeader__search__form__icon {
  color: var(--color_txt_dark);
}
#pageHeader.pageHeader--dark.pageHeader--deutscheNordsee .pageHeader__search__form__icon {
  color: var(--color_txt_white);
}
.pageHeader__search__form__icon {
  font: 400 normal 45px/45px 'icomoon';
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  margin-left: 15px;
}
#pageHeader__func {
  align-items: stretch;
  display: inline-flex;
}
#pageHeader.pageHeader--openSearch #pageHeader__nav__search {
  display: none;
}
@media (max-width: 1000px) {
  #pageHeader.pageHeader--openSearch #pageHeader__nav__opener,
  #pageHeader.pageHeader--openSearch #pageHeader__nav__accomodation,
  #pageHeader.pageHeader--openSearch #pageHeader__nav__search,
  #pageHeader.pageHeader--openSearch #pageHeader__aroundMe {
    display: none;
  }
}
#pageHeader:not(.pageHeader--openSearch) #pageHeader__search__form {
  display: none;
}
#pageHeader__nav__guestcard {
  display: none;
  border: #96BE0D solid 2px;
}
#pageHeader__nav__guestcard > span::before {
  color: #96BE0D;
}
#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-rgb), 0.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: var(--color_bg_white);
}
#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--light #pageHeader__wrap {
  background-color: var(--color_bg_light);
}
#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--dark #pageHeader__wrap {
  background-color: var(--color_bg_dark);
}
#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch).-js-pageHeader--background #pageHeader__wrap {
  background: var(--color_bg_white);
}
#pageHeader:not(.-js-pageHeader--hidden) {
  opacity: 1;
}
#pageHeader.-js-pageHeader--hidden {
  opacity: 0;
  pointer-events: none;
}
#pageHeader.-js-pageHeader--background {
  transition: opacity 0.25s ease;
}
@media (min-width: 1001px) {
  #pageHeader__wrap {
    padding: 30px 40px;
  }
}
@media (max-width: 1000px) {
  #pageHeader__wrap {
    padding: 20px 20px;
  }
}
#pageHeader #pageHeader__overlay-small,
#pageHeader.pageHeader--openNav #pageHeader__overlay-small {
  display: none;
}
#pageHeader__overlay-small::before {
  background-color: rgba(var(--color_bg_dark-rgb), 0.3);
  content: '';
  display: block;
  height: 100vh;
  position: fixed;
  width: 100%;
}
#pageHeader__overlay-small {
  position: relative;
  z-index: 0;
}
#pageHeader:is(.pageHeader--openNav, .pageHeader--openSearch) #pageHeader__wrap {
  background-color: var(--color_bg_light);
  background-image: linear-gradient(rgba(var(--color_bg_white-rgb), 0.5), rgba(var(--color_bg_white-rgb), 0.5));
}
#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: transparent;
}
#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--light #pageHeader__wrap {
  background-color: var(--color_bg_light);
}
#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch, .-js-pageHeader--background).pageHeader--dark #pageHeader__wrap {
  background-color: var(--color_bg_dark);
}
#pageHeader:not(.pageHeader--openNav, .pageHeader--openSearch, .pageHeader--openQuickSearch).-js-pageHeader--background #pageHeader__wrap {
  background: var(--color_bg_white);
}
#pageHeader.pageHeader--deutscheNordsee:not(.pageHeader--openNav) {
  --local-color-bg: #30546c;
}
#pageHeader.pageHeader--deutscheNordsee.pageHeader--openNav {
  --local-color-bg: #355d77;
}
#pageHeader.pageHeader--deutscheNordsee #pageHeader__wrap {
  background: var(--local-color-bg) !important;
}
#pageHeader.pageHeader--deutscheNordsee #metaNav {
  display: none;
}
#pageHeader.pageHeader--deutscheNordsee #pageHeader__overlay {
  flex: 0%;
}