@font-face {
  font-family: Helveticaneueltpro Roman;
  src: url('../fonts/HelveticaNeueLTPro-Roman.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneueltpro Bd;
  src: url('../fonts/HelveticaNeueLTPro-Bd.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue: #0f2a4d;
  --white: white;
  --sand: #f0edea;
  --sand_dark: #b5a697;
  --black: black;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

li {
  margin-bottom: 5px;
}

img {
  display: inline-block;
}

strong {
  font-family: Helveticaneueltpro Bd, sans-serif;
  font-weight: 400;
}

.col_2 {
  float: left;
  width: 20%;
  padding-left: 2%;
  padding-right: 2%;
}

.row {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.row.flex--right {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.row.mld_div_hide {
  display: block;
}

.row.div_hide, .row.footer--deskopt--hide {
  display: none;
}

.row.sticky {
  position: sticky;
  top: 3rem;
}

.h1 {
  color: var(--blue);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.h1.white--blue--animation {
  line-height: 1.2;
}

.module {
  padding-left: 1rem;
  padding-right: 1rem;
  position: static;
  top: 0;
  overflow: hidden;
}

.module.sticky--menu {
  z-index: 9999;
  position: sticky;
  top: 1.5vh;
}

.module.kontakt--padding {
  padding-bottom: 34.5vh;
}

.module.sticky {
  position: sticky;
  top: 1rem;
}

.col--12 {
  float: left;
  width: 100%;
}

.col--5 {
  float: left;
  width: 41.6667%;
}

.col--9 {
  float: left;
  width: 75%;
}

.col--8 {
  width: 66.6667%;
}

.col--8.offset_left--2, .col--8.offset_left--4 {
  float: left;
}

.col--1 {
  width: 8.33333%;
}

.col--11 {
  width: 91.6667%;
}

.col--10 {
  float: left;
  width: 83.3333%;
}

.col--7 {
  width: 58.3333%;
}

.col--6 {
  float: left;
  width: 50%;
}

.col--4 {
  float: left;
  width: 33.3333%;
}

.col--4.offset_left--2 {
  float: left;
}

.col--3 {
  float: left;
  width: 25%;
  display: block;
  position: static;
}

.col--3.full-height {
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.col--3.menu--top--padding {
  padding-top: .2rem;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.col--3.col--align--right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.col--3.sticky {
  position: sticky;
  top: 3rem;
}

.col--2 {
  float: left;
  width: 16.6667%;
  position: static;
}

.offset_left--4 {
  margin-left: 33.3333%;
}

.padding_top--32 {
  padding-top: 3vh;
}

.padding_bottom--512 {
  padding-bottom: 50vh;
}

.btn--menu {
  z-index: 3;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  aspect-ratio: auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.btn--text {
  color: var(--blue);
  text-transform: uppercase;
  padding-top: 5px;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.2;
}

.btn--text.white--blue--animation {
  mix-blend-mode: normal;
  font-size: .8rem;
  text-decoration: none;
}

.btn--menu-arrow-container {
  flex: 0 auto;
}

.btn--menu-text-container {
  mix-blend-mode: difference;
  flex: 0 auto;
}

.image-container {
  overflow: hidden;
}

.image-container.image--low {
  height: 36vw;
}

.padding_bottom--32 {
  padding-bottom: 3vh;
}

.padding_bottom--16 {
  padding-bottom: 1.5vh;
}

.padding_bottom--8 {
  padding-bottom: .75vh;
}

.padding_top--16 {
  padding-top: 1.5vh;
}

.image--startseite {
  object-fit: cover;
  height: 120%;
}

.body {
  color: var(--white);
}

.padding_bottom--256 {
  padding-bottom: 25vh;
}

.padding_top--256 {
  padding-top: 25vh;
}

.categorie {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  padding-top: .3rem;
  display: flex;
}

.categorie.padding_bottom--16 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-decoration: none;
}

.categorie--text-container, .categorie--arrow-container {
  margin-top: -2px;
}

.categorie--text {
  color: var(--blue);
  text-transform: uppercase;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .75rem;
  font-weight: 400;
}

.categorie--text.white--blue--animation {
  font-size: .7rem;
}

.categorie--text.white {
  color: var(--white);
}

.categorie--arrow {
  color: var(--blue);
  width: 1.1rem;
  height: 1.1rem;
  margin-top: -2px;
}

.categorie--arrow.white--blue--animation {
  margin-top: -.08rem;
}

.categorie--arrow.white {
  color: var(--white);
}

.bg--blue {
  background-color: var(--blue);
}

.button-container {
  border: 1px solid var(--blue);
  cursor: pointer;
  border-radius: 50rem;
  padding: .5rem 1.5rem .4rem;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button-container.white--border {
  border-color: var(--white);
  margin-right: 0;
}

.button-container.ma {
  border-width: 0;
}

.button-container.no--margin {
  margin-right: 0;
}

.button-container.btn--padding--right {
  margin-right: 1rem;
}

.button {
  z-index: 10;
  grid-column-gap: .5rem;
  grid-row-gap: 0rem;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button--text-container {
  text-decoration: none;
}

.button-arrow-container {
  flex: 0 auto;
}

.html-embed {
  color: var(--blue);
  width: .8rem;
  margin-top: -1px;
  font-size: 22px;
}

.html-embed.white--blue--animation {
  color: var(--blue);
  width: .65rem;
  margin-top: -.1rem;
}

.white--blue--animation {
  color: var(--blue);
}

.offset_left--2 {
  margin-left: 16.6667%;
}

.image-3 {
  object-fit: cover;
  height: 40vw;
}

.bg--sand {
  background-color: var(--sand);
}

.line--full {
  float: left;
  background-color: var(--blue);
  width: 100%;
  height: 1.5px;
}

.startseite--leistungen-wrapper {
  grid-column-gap: 1.5vh;
  grid-row-gap: 0vh;
  align-items: center;
  display: flex;
}

.startseite--leistung--arrow-wrapper {
  margin-top: -10px;
}

.startseite--leistung--arrow-wrapper.ref {
  margin-top: -5px;
}

.startseite--leistung--arrow {
  color: var(--blue);
  background-image: url('../images/arrow_big.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80% 100%;
  width: 2.6rem;
  height: 2.6rem;
}

.startseite--leistung--arrow.ref {
  width: 1.6rem;
  height: 1.6rem;
}

.unfold--text-wrapper {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  cursor: pointer;
  flex-direction: column;
  margin-bottom: -.9vw;
  display: flex;
  position: static;
  overflow: visible;
}

.unfold--text-wrapper.ref {
  width: 100%;
  margin-bottom: -.2vw;
}

.p {
  color: var(--blue);
  margin-bottom: 0;
  padding-left: 0;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  overflow: hidden;
}

.p.big {
  font-size: 1.2rem;
  text-decoration: none;
}

.p.big.white.padding_bottom--16 {
  text-decoration: none;
}

.p.small {
  font-size: .85rem;
}

.p.small.white {
  text-decoration: none;
}

.p.ma {
  text-transform: uppercase;
  padding-top: .5rem;
}

.p.impressum {
  line-height: 1.2;
}

.padding_bottom--64 {
  padding-bottom: 6vh;
}

.offset_left--1 {
  margin-left: 8.33333%;
}

.padding_top--64 {
  padding-top: 6vh;
}

.start--kontakt-wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.start--kontakt-wrapper.flex {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.white {
  color: var(--white);
}

.start--kontakt--text-wrapper {
  flex-direction: column;
  display: flex;
}

.p--blue {
  color: var(--blue);
  padding-right: .05vw;
}

.p--blue.white {
  color: var(--white);
}

.flex--hor {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer--logo {
  width: 19.4vw;
}

.padding_bottom--128 {
  padding-bottom: 12vh;
}

.footer--text-wrapper {
  text-decoration: none;
}

.footer--text-wrapper.padding_bottom--8 {
  flex-direction: column;
  display: flex;
}

.footer--text-wrapper.padding_bottom--8.footer--text-flex {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  flex-direction: row;
}

.image-4 {
  width: .6rem;
  padding-bottom: 2px;
}

.line--full-container {
  width: 100%;
}

.line--full-container.padding_bottom--32.padding_top--32 {
  float: left;
}

.btn--menu-container {
  border: 1px solid #fff0;
  padding-right: .2vw;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button--animation {
  z-index: 2;
  background-color: var(--blue);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.kontakt--header--text {
  flex-direction: column;
  display: flex;
}

.offset_left--3 {
  margin-left: 25%;
}

.menu--last--item {
  justify-content: flex-end;
  display: flex;
}

.menu--last--item.menu--top--padding {
  padding-top: .2rem;
  display: block;
}

.karriere--image {
  object-fit: cover;
  width: 100%;
  height: 34vw;
}

.ref--container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.ref--container--small {
  width: 70%;
  margin-left: 20%;
  overflow: visible;
}

.ref--unfold--wrapper {
  float: left;
  margin-top: -1%;
  padding-left: 10px;
}

.ref--hl {
  color: var(--blue);
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.4;
}

.padding_top--128 {
  padding-top: 12vh;
}

.link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
}

.link-block.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.page--transition--wrapper {
  z-index: 9999;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.page--transition--item {
  background-color: var(--blue);
  width: 100%;
  height: 100vh;
}

.ma--foto {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  height: 35vw;
  position: relative;
}

.ma--wrapper {
  z-index: 99;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.ma--cursor--wrapper {
  z-index: 99;
  background-color: var(--blue);
  opacity: 0;
  pointer-events: none;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  padding: .7rem 1rem .4rem;
  display: none;
  position: relative;
  top: auto;
}

.ma--cursor {
  z-index: 99;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.col--ma {
  float: left;
  width: 33.3333%;
  margin-bottom: 5rem;
  padding-right: 1rem;
}

.holler--logo--linkblock {
  width: 80%;
  display: block;
}

.holler--logo--linkblock.w--current {
  width: 80%;
}

.td--col--12 {
  float: left;
}

.div_hide, .mld_div_hide, .mobile_menu, .menu--blur--bg, .tld_div_hide {
  display: none;
}

.btn--bg {
  z-index: 5;
  background-color: var(--blue);
  width: 70%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 16%;
}

.mitarbeiter--image {
  object-fit: cover;
  width: 100%;
  height: 60vw;
  padding-right: 1rem;
}

.back--arrow {
  color: var(--blue);
  width: .7rem;
  margin-top: .2rem;
  transform: rotate(0);
}

.background-video {
  height: 35vw;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  background-color: var(--white);
  justify-content: flex-start;
  padding: .5rem 1rem 1rem;
}

.cookie-modal_button-wrap.in-pref-manger {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.cookie-modal_button_text {
  color: var(--blue);
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1;
}

.cookie-modal_description {
  color: var(--blue);
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .7rem;
}

.cookie-modal_description.is--small {
  font-size: .6rem;
}

.cookie-modal_link {
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_closebutton {
  z-index: 5;
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin: 0 0 -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_closebutton.is-sticky {
  position: sticky;
  top: -1rem;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 1rem 1rem .5rem;
}

.cookie-popup_component {
  z-index: 99;
  max-width: 25rem;
  position: fixed;
  inset: auto 1.25rem 1.25rem auto;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_component {
  border: 1px solid var(--blue);
  background-color: #fff;
  flex-direction: column;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem #2629260d;
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_title {
  color: var(--blue);
  margin-top: .4rem;
  margin-bottom: .1875em;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.7;
}

.cookie-modal_title.is-small {
  color: var(--blue);
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .7rem;
  font-weight: 400;
}

.cookie-modal_closebutton_line {
  background-color: #515750;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  background-color: var(--blue);
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  background-color: var(--blue);
  transform: rotate(45deg);
}

.cookie-modal_button {
  border: 1px solid var(--blue);
  color: #fff;
  text-align: center;
  padding: .7rem 1rem .5rem;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: var(--sand_dark);
}

.cookie-modal_button.is-secondary {
  opacity: .5;
  color: #515750;
  background-color: #0000;
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  font-weight: 700;
}

.cookie-modal_button.is-secondary:hover {
  text-decoration: underline;
}

.cookie-modal_radio_label {
  color: var(--blue);
  cursor: pointer;
  margin-bottom: .25rem;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .7rem;
  font-weight: 400;
}

.cookie-preference_wrapper {
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.cookie-modal_radio_button {
  float: left;
  border: 1.75px solid #999c98;
  border-radius: .375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button.w--redirected-checked {
  background-color: #515750;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #515750;
}

.cookie-modal_radio_button.w--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button.is-always-active {
  background-color: var(--blue);
  cursor: not-allowed;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #515750;
}

.cookie-preference_background {
  opacity: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
  background-color: #fff0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cookie-modal_radio {
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio.is--not-allowed {
  cursor: not-allowed;
}

.cookie-modal_form-wrap {
  margin-bottom: 0;
}

.cookie-modal_form {
  padding-top: 1.25rem;
  padding-bottom: .5rem;
}

.cookie-preference_component {
  z-index: 9999;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.cookie-modal_radio_description {
  color: var(--blue);
  cursor: pointer;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: .6rem;
  font-weight: 400;
}

.cookie-preference-button {
  z-index: 9475;
  color: #262926;
  text-decoration: none;
  display: none;
  position: fixed;
  bottom: 0;
  left: 1.25rem;
}

.cookie-preference-button:hover {
  text-decoration: underline;
}

.cookie-preference-button_flex {
  color: #262926;
  background-color: #fff;
  border-radius: .5rem .5rem 0 0;
  align-items: center;
  margin-bottom: -.125rem;
  padding: .75em 1em .875em;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: margin-bottom .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.cookie-preference-button_flex:hover {
  margin-bottom: 0;
  text-decoration: underline;
}

.cookie-preference-button_icon {
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: .375rem;
}

.link {
  color: var(--blue);
  text-decoration: none;
}

.link-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-flex;
}

.flex--footer {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  text-decoration: none;
  display: flex;
}

.wiwo {
  height: 20vh;
}

.list-item {
  padding-bottom: 9px;
}

.h2 {
  color: var(--blue);
  margin-top: 0;
  font-family: Helveticaneueltpro Roman, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.h2.padding_bottom--32 {
  font-size: 1.4rem;
}

@media screen and (max-width: 991px) {
  .row.mld_padding_top--64.mld_div_hide {
    display: none;
  }

  .row.div_hide {
    display: block;
  }

  .col--12.col--align--right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .col--3.col--align--right.td_div_hide {
    display: none;
  }

  .offset_left--4 {
    margin-left: 0%;
  }

  .padding_top--32 {
    padding-top: 3vw;
  }

  .padding_bottom--512 {
    padding-bottom: 50vw;
  }

  .btn--text.white--blue--animation {
    font-size: 1rem;
  }

  .btn--menu-arrow-container {
    margin-top: -4px;
  }

  .image-container.image--low {
    height: 45vh;
  }

  .padding_bottom--32 {
    padding-bottom: 3vw;
  }

  .padding_bottom--16 {
    padding-bottom: 1.5vw;
  }

  .padding_bottom--8 {
    padding-bottom: .75vw;
  }

  .padding_top--16 {
    padding-top: 1.5vw;
  }

  .padding_bottom--256 {
    padding-bottom: 25vw;
  }

  .padding_top--256 {
    padding-top: 25vw;
  }

  .offset_left--2 {
    margin-left: 0;
  }

  .image-3 {
    width: 100%;
  }

  .startseite--leistungen-wrapper {
    grid-column-gap: 1vh;
  }

  .unfold--text-wrapper.ref {
    width: 100%;
  }

  .p {
    font-size: 1.2rem;
  }

  .padding_bottom--64 {
    padding-bottom: 6vw;
  }

  .offset_left--1 {
    margin-left: 0%;
  }

  .padding_top--64 {
    padding-top: 6vw;
  }

  .padding_bottom--128 {
    padding-bottom: 12vw;
  }

  .offset_left--3 {
    margin-left: 0%;
  }

  .karriere--image {
    height: 65vw;
  }

  .ref--hl {
    font-size: 1.3rem;
  }

  .padding_top--128 {
    padding-top: 12vw;
  }

  .ma--foto {
    height: 45vw;
  }

  .ma--wrapper {
    width: 100%;
  }

  .col--ma {
    width: 50%;
  }

  .td--col--12 {
    width: 100%;
  }

  .td--col--11 {
    width: 91.6667%;
  }

  .td--col--10 {
    width: 83.3333%;
  }

  .td--col--9 {
    width: 75%;
  }

  .td--col--8 {
    width: 66.6667%;
  }

  .td--col--7 {
    width: 58.3333%;
  }

  .td--col--6 {
    width: 50%;
  }

  .td--col--5 {
    width: 41.6667%;
  }

  .td--col--4 {
    width: 33.3333%;
  }

  .td--col--3 {
    width: 25%;
  }

  .td--col--2 {
    width: 16.6667%;
  }

  .td--col--1 {
    width: 8.33333%;
  }

  .td--offset_left--1 {
    margin-left: 8.33333%;
  }

  .td--offset_left--2 {
    margin-left: 16.6667%;
  }

  .div_hide {
    display: none;
  }

  .mld_div_hide {
    display: block;
  }

  .mobile_menu {
    position: fixed;
    inset: 3vw 1rem auto auto;
  }

  .menu--line--container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .menu--line {
    background-color: var(--blue);
    width: 20px;
    height: 1px;
    padding-bottom: 0;
  }

  .td--offset_left--3 {
    margin-left: 25%;
  }

  .td_padding_bottom--64 {
    padding-bottom: 6vw;
  }

  .tld_div_hide {
    display: none;
  }

  .background-video {
    height: 50vw;
  }
}

@media screen and (max-width: 767px) {
  .row.mld_div_hide {
    display: none;
  }

  .row.footer--deskopt--hide {
    display: block;
  }

  .h1 {
    letter-spacing: -.5px;
    font-size: 3rem;
  }

  .h1.white--blue--animation {
    word-break: normal;
  }

  .module.sticky--menu {
    display: none;
  }

  .module.kontakt--padding {
    padding-bottom: 6vw;
  }

  .padding_bottom--512 {
    padding-bottom: 0;
  }

  .btn--text {
    font-size: 1.1rem;
  }

  .btn--text.white--blue--animation {
    font-size: 1rem;
  }

  .image-container.image--low {
    height: 80vw;
  }

  .padding_bottom--256 {
    padding-bottom: 0;
  }

  .categorie {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .categorie.padding_bottom--16 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 8px;
    padding-top: 6px;
  }

  .categorie--text {
    font-size: 1rem;
  }

  .categorie--arrow {
    margin-top: -2px;
  }

  .button-container {
    margin-bottom: 3vw;
    margin-right: 3vw;
    text-decoration: none;
  }

  .button-arrow-container {
    margin-top: -3px;
  }

  .button-arrow-container.mobile--menu--arrow {
    margin-top: 4px;
  }

  .html-embed {
    color: var(--white);
    width: 1.9rem;
    margin-top: -11px;
  }

  .html-embed.white--blue--animation {
    width: .9rem;
  }

  .html-embed.white {
    width: 1rem;
    margin-top: 1px;
  }

  .image-3 {
    height: 80vw;
  }

  .line--full {
    height: 1px;
  }

  .p {
    font-size: 1.4rem;
  }

  .p.white {
    text-decoration: none;
  }

  .p.small {
    font-size: 1.2rem;
  }

  .padding_top--64 {
    padding-top: 0;
  }

  .start--kontakt-wrapper.flex {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer--logo {
    width: 40vw;
  }

  .footer--logo.mobile {
    margin-top: .5rem;
  }

  .ref--container.padding_bottom--32 {
    width: 95%;
  }

  .ref--container--small {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .ref--hl {
    font-size: 1.6rem;
  }

  .page--transition--wrapper {
    z-index: 99999999;
  }

  .ma--foto {
    object-position: 50% 11%;
    height: 80vw;
  }

  .ma--wrapper {
    margin-bottom: 6vw;
  }

  .col--ma {
    width: 100%;
    margin-bottom: 3rem;
    padding-right: 0;
  }

  .mld--col--12 {
    width: 100%;
  }

  .mld--col--11 {
    width: 91.6667%;
  }

  .mld--col--10 {
    width: 83.3333%;
  }

  .mld--col--9 {
    width: 75%;
  }

  .mld--col--8 {
    width: 66.6667%;
  }

  .mld--col--7 {
    width: 58.3333%;
  }

  .mld--col--6 {
    width: 50%;
  }

  .mld--col--5 {
    width: 41.6667%;
  }

  .mld--col--4 {
    width: 33.3333%;
  }

  .mld--col--3 {
    width: 25%;
  }

  .mld--col--2 {
    width: 16.6667%;
  }

  .mld--col--1 {
    width: 8.33333%;
  }

  .td--offset_left--1, .td--offset_left--2 {
    margin-left: 0%;
  }

  .mld_padding_top--64 {
    padding-top: 6vw;
  }

  .mld_padding_bottom--512 {
    padding-bottom: 50vw;
  }

  .mld_padding_top--32 {
    padding-top: 3vw;
  }

  .mld_padding_bottom--128 {
    padding-bottom: 12vw;
  }

  .div_hide, .mld_div_hide {
    display: none;
  }

  .mobile_menu {
    z-index: 9999;
    display: block;
    position: fixed;
    inset: 7.4vw 1rem auto auto;
  }

  .menu--line--container {
    z-index: 9999;
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    position: relative;
  }

  .menu--line {
    width: 45px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu--container--full {
    display: none;
    position: fixed;
    inset: 0%;
  }

  .menu--container {
    z-index: 99;
    background-color: var(--blue);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 60vh;
    padding-top: 3vw;
    display: flex;
    position: relative;
  }

  .menu--white--line {
    background-color: var(--white);
    width: 100%;
    height: 1px;
    margin-top: 3vw;
    margin-bottom: 3vw;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
  }

  .mobile--menu--text--container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
  }

  .mobile--menu--text--container.padding_bottom--32 {
    display: inline-block;
  }

  .menu--blur--bg {
    z-index: 90;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ffffff59;
    width: 100%;
    height: 100vh;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .td--offset_left--3 {
    margin-left: 0%;
  }

  .mld_padding_bottom--256 {
    padding-bottom: 25vw;
  }

  .mld_padding_top--128 {
    padding-top: 12vw;
  }

  .mobile--menu--text {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .mitarbeiter--image {
    height: 100vw;
  }

  .back--arrow {
    padding-right: 25px;
  }

  .background-video {
    height: 60vw;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: sticky;
    bottom: -2rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_closebutton.is-sticky {
    top: -1rem;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .cookie-modal_form {
    padding-top: .75rem;
  }

  .cookie-preference-button_icon {
    margin-right: 0;
  }

  .cookie-preference-button_text {
    display: none;
  }

  .wiwo {
    object-fit: contain;
    object-position: 50% 0%;
  }
}

@media screen and (max-width: 479px) {
  .h1 {
    font-size: 2.6rem;
  }

  .btn--text.white--blue--animation {
    font-size: 1.4rem;
  }

  .footer--text-wrapper {
    text-decoration: none;
  }

  .ma--foto {
    object-position: 50% 34%;
  }

  .menu--container--full, .cookies {
    display: none;
  }

  .cookie-modal_button-wrap.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    bottom: 0;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-popup_component {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .cookie-modal_component {
    max-width: 100%;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-preference_component {
    align-items: flex-end;
  }

  .cookie-preference-button {
    left: 1rem;
  }
}


@font-face {
  font-family: 'Helveticaneueltpro Roman';
  src: url('../fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneueltpro Bd';
  src: url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}