*, *::before, *::after {
  box-sizing: border-box; }

* {
  margin: 0; }

html, body {
  height: 100%; }

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

input, button, textarea, select {
  font: inherit; }

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

#root, #__next {
  isolation: isolate; }

h1, h2, h3, h4, h5, h6, strong {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

/* inter-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/inter-v20-latin-100.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-100italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/inter-v20-latin-100italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/inter-v20-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-200italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/inter-v20-latin-200italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/inter-v20-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/inter-v20-latin-300italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter-v20-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/inter-v20-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter-v20-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/inter-v20-latin-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter-v20-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/inter-v20-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter-v20-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/inter-v20-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/inter-v20-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/inter-v20-latin-800italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/inter-v20-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/inter-v20-latin-900italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
header {
  width: 100%;
  height: var(--header-height);
  position: relative;
  padding-block-start: var(--header-padding-block);
  margin-bottom: var(--mod-article-distance);
  background-color: var(--primary-color-regular); }
  header .inlay {
    display: grid;
    justify-content: center; }

.logo {
  position: relative;
  z-index: 9; }
  .logo img {
    width: 100%;
    height: auto;
    max-width: 275px; }
    @media (min-width: 1024px) {
      .logo img {
        max-width: unset; } }

.mastercontent {
  padding-inline: var(--masterframe-inline-padding); }
  .mastercontent img {
    border-radius: 15px; }
  .mastercontent .mod_article:first-of-type {
    margin-block-start: var(--mod-article-distance); }
  .mastercontent .mod_article:not(.mapview) {
    margin-block-end: var(--mod-article-distance);
    max-width: var(--content-max-width);
    margin-inline: auto; }
  .mastercontent h1 {
    color: white;
    font-weight: 700;
    font-size: var(--font-size-heading-one);
    margin-block-end: var(--size-50);
    text-align: center; }
  .mastercontent h2 {
    font-weight: 700;
    font-size: var(--font-size-heading-two); }
  .mastercontent h2:not(h2.whiteheadline) {
    color: var(--mint); }
  .mastercontent h2.whiteheadline {
    color: var(--white);
    text-align: center;
    margin-block-end: calc(35* var(--unit)); }
  .mastercontent h3 {
    color: var(--white);
    font-size: var(--font-size-headig-three);
    line-height: 1.4;
    font-weight: 700;
    margin-block-end: var(--size-15); }
  .mastercontent p.toptitle {
    font-size: calc(30*var(--unit));
    color: var(--mint);
    text-align: center;
    margin-block-end: var(--vr); }
    @media (min-width: 767px) {
      .mastercontent p.toptitle {
        font-size: calc(45*var(--unit));
        line-height: 1.333; } }
  .mastercontent h2:not(h2.whiteheadline) {
    margin-block-end: var(--vr); }
  .mastercontent p:not(p.toptitle) {
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
    color: var(--white); }
  .mastercontent h4 {
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
    color: var(--white); }
  .mastercontent p:not(p.toptitle) {
    padding-block-end: var(--size-25); }
  .mastercontent strong {
    font-weight: bold; }
  .mastercontent ul {
    padding-inline: 0;
    list-style-type: disc;
    margin-inline-start: calc(2*var(--size-10));
    margin-block-end: var(--size-25); }
    .mastercontent ul li {
      position: relative;
      padding-block-start: 1px;
      padding-inline-start: calc(3 *var(--size-5));
      font-size: var(--font-size-text);
      line-height: var(--line-height-text);
      color: var(--white); }
  .mastercontent ul:not(:last-of-type, .content-gallery ul) {
    margin-block-end: var(--size-25); }
  .mastercontent .content-gallery {
    margin-block-start: var(--size-25); }
    .mastercontent .content-gallery ul {
      list-style-type: none; }
      @media (min-width: 767px) {
        .mastercontent .content-gallery ul {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 25px; } }
      @media (min-width: 1024px) {
        .mastercontent .content-gallery ul {
          grid-template-columns: repeat(4, 1fr); } }
      .mastercontent .content-gallery ul li {
        padding-inline-start: 0; }
        .mastercontent .content-gallery ul li img {
          width: 100%;
          height: auto; }
        .mastercontent .content-gallery ul li:before {
          display: none; }
      .mastercontent .content-gallery ul li:not(:last-of-type) {
        margin-block-end: var(--size-25); }
        @media (min-width: 767px) {
          .mastercontent .content-gallery ul li:not(:last-of-type) {
            margin-block-end: 0; } }
  .mastercontent a {
    color: var(--white); }
  .mastercontent .gridtwoelements {
    display: grid; }
    .mastercontent .gridtwoelements .content-image {
      order: 1; }
      .mastercontent .gridtwoelements .content-image img {
        width: 100%;
        height: auto; }
    .mastercontent .gridtwoelements .content-text {
      order: 2; }
    @media (min-width: 1024px) {
      .mastercontent .gridtwoelements .content-image, .mastercontent .gridtwoelements .content-text {
        order: unset; } }
  @media (min-width: 1024px) {
    .mastercontent .gridtwoelements {
      display: grid;
      grid-template-areas: "headline headline" "box1 bo2";
      grid-template-columns: 1fr 1fr;
      gap: 0 30px; }
      .mastercontent .gridtwoelements .content-headline {
        grid-area: headline; } }
  @media screen and (min-width: 1200px) {
    .mastercontent .gridtwoelements {
      gap: 0 50px; } }

.minimizecontent {
  max-width: 570px; }

#cboxCurrent {
  display: none !important; }

.content-image {
  margin-block-end: var(--vr); }
  @media (min-width: 767px) {
    .content-image {
      margin-block-end: var(--avr); } }

.textcenter {
  text-align: center; }

@media screen and (min-width: 1200px) {
  .mastercontent .gridtwoelements .content-text {
    padding-block-start: var(--size-75); } }
.maxwidthcontent .rte {
  max-width: 1000px; }

footer {
  width: 100%;
  background: var(--primary-color-regular);
  color: white;
  position: relative;
  padding-block-start: var(--size-50);
  height: 175px; }
  @media (min-width: 767px) {
    footer {
      height: 120px;
      padding-inline: var(--masterframe-inline-padding); } }
  @media screen and (min-width: 1200px) {
    footer {
      height: 100px;
      padding-block-start: calc(4* var(--size-10)); } }
  footer .inlay {
    max-width: var(--content-max-width);
    margin-inline: auto; }
    @media (min-width: 767px) {
      footer .inlay {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-content: center; } }
  footer .instagramframe {
    display: grid;
    justify-content: center; }
    @media (min-width: 767px) {
      footer .instagramframe {
        justify-self: start; } }
    footer .instagramframe .instagramlink {
      background-image: url("../img/instagram-logo.svg");
      background-repeat: no-repeat;
      display: block;
      padding-inline-start: calc(35 * var(--unit));
      background-position: 0 1px;
      text-decoration: none; }
  footer a {
    color: var(--white); }
  footer .footernavigation {
    display: flex;
    justify-content: center; }
    @media (min-width: 767px) {
      footer .footernavigation {
        justify-self: end; } }
    footer .footernavigation ul {
      margin-block-start: calc(35* var(--unit));
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 35pX; }
      @media (min-width: 767px) {
        footer .footernavigation ul {
          margin-block-start: 0; } }
      footer .footernavigation ul li a, footer .footernavigation ul li strong {
        text-decoration: none;
        color: var(--white); }

:root {
  --unit: 0.0625rem;
  --size-2: calc(2 * var(--unit));
  --size-3: calc(3 * var(--unit));
  --size-4: calc(4 * var(--unit));
  --size-5: calc(5 * var(--unit));
  --size-6: calc(6 * var(--unit));
  --size-7: calc(7 * var(--unit));
  --size-8: calc(8 * var(--unit));
  --size-9: calc(9 * var(--unit));
  --size-10: calc(10 * var(--unit));
  --size-15: calc(15 * var(--unit));
  --size-25: calc(25 * var(--unit));
  --size-75: calc(75 * var(--unit));
  --size-50: calc(50 * var(--unit));
  --size-100: calc(100 * var(--unit));
  --vr: calc(25 * var(--unit));
  --avr: calc(var(--vr) * 2);
  --bvr: calc(var(--vr) * 3);
  --cvr: calc(var(--vr) * 4);
  --line-height-content: 1.5;
  --line-height-small-heading: 1.3;
  --line-height-big-heading: 1.2;
  --content-max-width: 1600px;
  --header-height: 125px;
  --header-padding-block: calc(42 *var(--unit));
  --heading-font-family: 'Inter', sans-serif;
  --content-font-family: 'Inter', sans-serif;
  --masterframe-inline-padding: calc(13 *var(--unit));
  --mod-article-distance: var(--size-50);
  /*Farbdefintion*/
  --white: #ffffff;
  --black: #000000;
  --primary-color-light: #003865;
  --primary-color-regular: #023056;
  --mint: #00B894;
  --body-background-color: var(--primary-color-light);
  --font-size-heading-one: calc(3* var(--size-10));
  --font-size-heading-two: calc(3.5* var(--size-10));
  --font-size-headig-three: calc(25* var(--unit));
  --font-size-text: calc( 2* var(--size-8));
  --line-height-text: 1.563; }
  @media (min-width: 767px) {
    :root {
      --masterframe-inline-padding: calc(21 *var(--unit));
      --nav-main-lnk-fontsize: calc(2*var(--size-7));
      --font-size-heading-one: calc(4.5* var(--size-10));
      --mod-article-distance: var(--size-75);
      --font-size-headig-three: calc(35* var(--unit)); } }
  @media (min-width: 1024px) {
    :root {
      --mod-article-distance: var(--size-100);
      --header-height: 225px;
      --header-padding-block: calc(75 *var(--unit)); } }
  @media screen and (min-width: 1200px) {
    :root {
      --header-padding-block: calc(75 *var(--unit)); } }
  @media screen and (min-width: 1601px) {
    :root {
      --masterframe-inline-padding: 0; } }

.block {
  overflow: unset !important; }

.invisible {
  display: none; }

html {
  font-size: 100%;
  height: 100%; }

body {
  font-size: 1rem;
  font-family: var(--content-font-family);
  background-color: var(--body-background-color); }

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