@font-face {
  font-family: Lato;
  src: url('../fonts/Lato-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato;
  src: url('../fonts/Lato-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato;
  src: url('../fonts/Lato-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --blank: white;
  --dark: #0a121f;
  --scale-factor: 1vw;
  --accent: #d9000d;
  --mid: #f2f3f5;
  --eckradius: calc(1.3 * var(--scale-factor));
  --padding-small: 0px;
  --light: #4a94ff;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--blank);
  color: var(--dark);
  font-family: Lato, Arial, sans-serif;
  font-size: clamp(.875rem, 2vw, 1.25rem);
  line-height: 1.6;
}

h1 {
  margin-top: calc(2.3 * var(--scale-factor));
  margin-bottom: calc(1.3 * var(--scale-factor));
  font-size: clamp(1.5rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.4;
}

h2 {
  margin-bottom: calc(1.3 * var(--scale-factor));
  margin-top: calc(2 * var(--scale-factor));
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 900;
  line-height: 1.2;
}

h3 {
  margin-bottom: calc(.1 * var(--scale-factor));
  margin-top: calc(1.3 * var(--scale-factor));
  font-weight: 900;
  line-height: 1.6;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: calc(.3 * var(--scale-factor));
}

a {
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
}

ul {
  padding-left: calc(1 * var(--scale-factor));
  margin-top: 0;
  margin-bottom: 10px;
  list-style-type: none;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  padding-left: calc(2 * var(--scale-factor));
  background-image: url('../images/check_1check.avif');
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: 15px;
}

.wrapper.duo {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.wrapper.duo.mitte {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.wrapper.duo.mitte.static {
  position: static;
}

.fluid-container {
  padding: calc(3 * var(--scale-factor));
  width: 100%;
  max-width: min(90%, 1600px);
}

.fluid-container.nav {
  padding: calc(1 * var(--scale-factor));
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.fluid-container.padding-top-btm {
  padding-top: calc(1 * var(--scale-factor));
  padding-bottom: calc(1 * var(--scale-factor));
}

.fluid-container.flex {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.fluid-container.flex.top {
  position: absolute;
}

.fluid-container.relative {
  z-index: 1;
  position: relative;
}

.fluid-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  place-items: center;
}

.footer {
  border-bottom-style: solid;
  border-bottom-width: 1.5svh;
  border-bottom-color: var(--accent);
  background-color: var(--mid);
  padding-top: calc(3 * var(--scale-factor));
  position: relative;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: calc(2 * var(--Scale-Factor));
  grid-row-gap: calc(4 * var(--Scale-Factor));
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: clamp(.875rem, 2vw, 1rem);
  font-weight: 700;
}

.footer-link {
  font-size: clamp(.875rem, 2vw, .8rem);
  text-decoration: none;
}

.footer-link:hover {
  color: var(--accent);
}

.footer-social-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social-link {
  width: 25px;
  height: 25px;
  line-height: 1;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.fusszeile {
  padding-bottom: var(--scale-factor);
  text-align: center;
  font-size: 14px;
}

.fusszeile.novus {
  padding-top: var(--scale-factor);
}

.fusszeile.novus:hover {
  background-color: var(--blank);
  color: var(--accent);
}

.nav-link {
  padding: calc(1rem + var(--Scale-Factor));
  padding-top: calc(.6 * var(--Scale-Factor));
  padding-bottom: calc(.6 * var(--Scale-Factor));
  font-size: clamp(.875rem, 2vw, 1rem);
  font-weight: 700;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--accent);
}

.nav-link.aus {
  display: none;
}

.dropper {
  padding: 0 1.3em 0 0;
}

.drop_arrow {
  margin-right: 0;
}

.nav-menu {
  margin-left: auto;
}

.cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cover.karte {
  height: auto;
}

.cover.karte.absolut {
  object-fit: scale-down;
  width: auto;
  max-width: 43vw;
  min-height: 250px;
  position: absolute;
  inset: auto 5% auto auto;
}

.cover.karte.absolut.oben {
  top: 10%;
}

.custom-cursor-wrapper {
  z-index: 50000000;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.mein-cursor {
  background-color: var(--accent);
  opacity: .75;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.cc_text {
  color: #fff;
  mix-blend-mode: normal;
  font-size: 1em;
  display: none;
}

.cc_text.ausblenden, .cursor-click, .code-embed {
  display: none;
}

.navbar {
  background-color: var(--blank);
}

.honeypot {
  display: none;
}

.leistung {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.leistung.rund {
  border-radius: var(--eckradius);
}

.icon {
  aspect-ratio: 1;
  width: calc(7rem + var(--Scale-Factor));
}

.icon.rund {
  border-radius: 20rem;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.icon.klein {
  width: calc(2 * var(--Scale-Factor));
}

.spalte.mit-bild {
  flex: none;
  width: 50%;
}

.spalte.mit-bild.orange {
  background-color: #f6a427;
  padding: 5%;
}

.spalte.mit-bild._33 {
  object-fit: scale-down;
  width: 33%;
}

.spalte.mit-text {
  background-color: var(--mid);
  padding: calc(3 * var(--scale-factor));
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.spalte.mit-text.wei {
  background-color: var(--blank);
  padding-top: 0;
  padding-bottom: 0;
}

.spalte.mit-text.trans {
  background-color: #f2f3f500;
}

.spalte.mit-text._33 {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.spalte.mit-text._33.rot {
  background-color: var(--accent);
  color: var(--blank);
}

.spalte._66 {
  flex: 1;
}

.accordion-container_content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  font-weight: 400;
  display: grid;
  position: relative;
  overflow: hidden;
}

.frage {
  margin-top: 0;
}

.faq-question {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.faq-item {
  z-index: 9;
  cursor: pointer;
  padding: calc(1.3 * var(--scale-factor));
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-container {
  margin-bottom: var(--scale-factor);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--mid);
  flex-direction: column;
  display: flex;
  position: relative;
}

.faq-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.faq-icon-horizontal {
  background-color: currentColor;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2px;
  display: flex;
  position: absolute;
  inset: auto;
}

.faq-icon-vertical {
  background-color: currentColor;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 100%;
  display: flex;
  position: absolute;
}

.header {
  aspect-ratio: 2;
  background-color: var(--dark);
  color: var(--dark);
  background-image: url('../images/asset-36.avif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header.danke {
  aspect-ratio: auto;
  color: var(--blank);
  background-image: url('../images/Linien-grau.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-attachment: scroll;
  min-height: 100svh;
}

.header.aus {
  display: none;
}

.header.variante {
  background-color: var(--dark);
  color: var(--blank);
  background-image: url('../images/Linien-grau.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-attachment: scroll;
}

.btn {
  background-color: var(--accent);
  color: var(--blank);
  justify-content: center;
  align-items: center;
  min-height: 48px;
  text-decoration: none;
  transition: all .333s;
  display: inline-flex;
}

.btn:hover {
  background-color: var(--dark);
  color: var(--blank);
}

.btn.invert {
  background-color: var(--dark);
}

.btn.invert:hover {
  background-color: var(--blank);
  color: var(--dark);
}

.text-block {
  padding-top: calc(.33 * var(--scale-factor));
  padding-bottom: calc(.33 * var(--scale-factor));
  padding-left: calc(1.33 * var(--scale-factor));
  padding-right: calc(1.33 * var(--scale-factor));
}

.marke {
  object-fit: scale-down;
  flex: 1;
  max-width: 200px;
  padding-left: 0;
}

.div-block {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nord-alarm {
  color: var(--accent);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1.7em;
  font-weight: 900;
  line-height: 1;
}

.technical-solutions {
  color: var(--dark);
  font-size: .9em;
  line-height: 1;
}

.text-block-4 {
  color: inherit;
}

.h1-klein {
  margin-bottom: calc(.3 * var(--scale-factor));
  font-size: clamp(.7rem, 2vw, 1.5rem);
}

.h1-klein.rot {
  color: var(--accent);
}

.h2-header {
  color: var(--dark);
  text-transform: uppercase;
  margin-top: calc(.3 * var(--scale-factor));
  font-size: clamp(1.5rem, 6vw, 4.5rem);
  font-weight: 900;
  line-height: 1.2;
}

.h2-header.wei {
  color: var(--mid);
}

.kontaktbalken {
  z-index: 1;
  background-color: var(--mid);
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: auto;
  display: flex;
  position: relative;
}

.kontaktbalken.rot {
  background-color: var(--accent);
  color: var(--blank);
}

.kontakt-wrap {
  grid-column-gap: var(--scale-factor);
  grid-row-gap: var(--scale-factor);
  justify-content: flex-start;
  align-items: center;
  font-weight: 900;
  display: inline-flex;
}

.ikonik-b1cpl, .ikonik-p621a, .ikonik-taorn, .ikonik-xjvx4k, .ikonik-kxk6v {
  color: #d8020c;
}

.spacer {
  height: calc(4 * var(--scale-factor));
}

.bild {
  width: 25%;
}

.galerie {
  padding-top: calc(3 * var(--scale-factor));
  padding-bottom: calc(3 * var(--scale-factor));
  display: flex;
}

.textlink {
  font-size: inherit;
}

.zentriert {
  text-align: center;
}

.footertext {
  font-size: clamp(.875rem, 2vw, .8rem);
}

.plus-wrapper {
  background-color: var(--accent);
  color: var(--blank);
  padding: calc(.33 * var(--scale-factor));
}

.form-block {
  flex: 1;
  width: 100%;
}

._66 {
  z-index: 3;
  max-width: 66%;
  position: relative;
}

._66.absolut {
  z-index: 4;
  color: var(--dark);
  -webkit-text-stroke-width: .1em;
  position: absolute;
}

._66.margin-brm {
  margin-bottom: 3rem;
}

._66.no-pointer {
  pointer-events: none;
}

.st-rer {
  aspect-ratio: 1;
  color: var(--blank);
  object-fit: cover;
  background-color: #0a121f;
  border-radius: 100%;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20vw;
  min-width: 350px;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.st-rer.rot {
  background-color: var(--accent);
}

.st-rer.rot.pop-up {
  flex: none;
  position: relative;
}

.st-rer.rot.is-popup {
  aspect-ratio: auto;
  border-radius: 0%;
  width: auto;
  min-width: auto;
  padding: 20px 60px;
  position: relative;
}

.soon {
  text-transform: uppercase;
  font-weight: 900;
}

.soon.rot {
  color: var(--accent);
}

.soon.schwarz {
  color: var(--dark);
}

.div-block-2 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5%;
  display: flex;
}

.suche {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 900;
}

.bewerbungsformular {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-3 {
  background-color: var(--mid);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bewerbung {
  background-color: var(--mid);
  background-image: url('../images/Linien-grau.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 700px;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  position: relative;
}

.form-wrap {
  background-color: var(--blank);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.form, .paragraph, .paragraph-2 {
  display: none;
}

.kontakt {
  background-color: var(--mid);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.lottie-animation {
  z-index: 0;
  height: 100%;
  margin-left: auto;
  margin-right: -20%;
  position: absolute;
  inset: 0% 0 0% auto;
}

.lottie-animation.aus {
  display: none;
}

.h3-header {
  -webkit-text-stroke-width: 0em;
  max-width: 80%;
  padding-bottom: 30px;
}

.bild-absolut {
  z-index: 0;
  height: 700px;
  position: absolute;
  inset: 10vh 0% auto auto;
}

.jobs {
  position: relative;
  overflow: hidden;
}

.bild-absolut-2 {
  height: 700px;
  position: absolute;
  inset: 2rem 0% 0% auto;
}

.nummer {
  background-image: none;
  padding-left: 0;
}

.schiebetext-button {
  color: #000;
  position: relative;
}

.schiebetext-button.wei {
  color: #fff;
}

.schalter {
  opacity: 1;
  background-color: #fff;
  border-radius: 9px;
  width: 50%;
  height: 100%;
  position: relative;
  box-shadow: inset 4px -5px 3px -3px #0003;
}

.custom_button {
  height: 0;
}

.hover-f-llung {
  z-index: 1;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 0%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.icon-tag-nacht {
  background-image: url('../images/Mond.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90% 80%;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.icon-tag-nacht.tag {
  background-image: url('../images/Sonne.svg');
  inset: 0% 0% 0% auto;
}

.paragraph-3 {
  margin-top: 3.5em;
}

.custom-cursor-wrapper-2 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.schalter-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 5rem;
  display: flex;
}

.button-link {
  position: absolute;
  inset: 0%;
}

.bkg {
  z-index: 0;
  opacity: 0;
  background-image: url('../images/Linien-grau.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-attachment: fixed;
  position: absolute;
  inset: 0%;
}

.text-dunkelheit {
  z-index: 50;
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.esn_button {
  opacity: 1;
  -webkit-text-stroke-color: #424242;
  background-color: #161616;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 2rem;
  margin-top: 2em;
  margin-right: 1em;
  padding: 1em;
  display: flex;
  position: relative;
}

.esn_button:hover {
  opacity: 1;
}

.mein-cursor-2 {
  background-image: radial-gradient(circle, #fff, #fff7c7);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  display: flex;
}

._50-50 {
  color: #161616;
  width: 50%;
  height: 40vh;
  position: relative;
}

._50-50.oben {
  height: auto;
  margin-top: 3.5em;
}

._50-50.keine-h-he {
  height: auto;
  margin-top: 5rem;
  margin-bottom: auto;
  padding-top: 2rem;
}

.dunkelheit {
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.esn-logo {
  z-index: 50;
  width: 6em;
  max-width: 6em;
  height: 4em;
  margin-left: 5rem;
  position: absolute;
  top: 2em;
}

.esn-logo.position-cursor {
  z-index: 100;
  width: 5vw;
  max-width: none;
  height: 3rem;
  margin-left: 0;
  inset: 7.5% auto auto 7.5%;
}

.lichtfeld {
  opacity: .61;
  mix-blend-mode: soft-light;
  background-image: radial-gradient(circle, #fffdd2, #fffeef59 36%, #fff0 66%);
  border-radius: 100%;
  flex: none;
  width: 10vw;
  height: 10vw;
  overflow: hidden;
}

.switch {
  opacity: 1;
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 10px;
  width: 6rem;
  height: 3rem;
  padding: 2px;
  position: relative;
}

.div-block-4 {
  display: none;
}

.licht-wrapper {
  z-index: 2;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lichtkegel {
  z-index: 2;
  filter: blur(17px);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-color: #fff;
  border-radius: 1000px;
  width: 500px;
  height: 500px;
  position: relative;
}

.blende-unten {
  z-index: 5;
  background-image: linear-gradient(180deg, #fff0, var(--dark));
  pointer-events: none;
  width: 100%;
  height: 10dvh;
  position: absolute;
  inset: auto 0% 0%;
}

.video {
  z-index: 0;
  mix-blend-mode: difference;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.videowrap {
  aspect-ratio: 16 / 9;
  background-color: var(--blank);
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 66%;
  display: flex;
  position: relative;
}

.video-2, .code-embed-2 {
  width: 100%;
  height: 100%;
}

.pop-up {
  z-index: 50;
  background-color: #0a121fd9;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 0;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.close {
  background-color: var(--blank);
  color: var(--dark);
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: -25px -25px auto auto;
}

.close:hover {
  border-color: var(--blank);
  background-color: var(--dark);
  color: var(--accent);
}

.code-embed-3 {
  background-color: #ededed00;
  flex: none;
  width: 100%;
}

.section {
  height: 2px;
}

.btn-bewerben {
  background-color: var(--accent);
  color: var(--blank);
  justify-content: center;
  align-items: center;
  min-height: 48px;
  text-decoration: none;
  transition: all .333s;
  display: inline-flex;
}

.btn-bewerben:hover {
  background-color: var(--dark);
  color: var(--blank);
}

.btn-bewerben.invert {
  background-color: var(--dark);
}

.btn-bewerben.invert:hover {
  background-color: var(--blank);
  color: var(--dark);
}

.sealwolves {
  width: 200px;
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: clamp(.875rem, 2.5vw, 1.25rem);
  }

  ul {
    padding-left: calc(1 * var(--scale-factor));
  }

  li {
    padding-left: calc(2.5 * var(--scale-factor));
    background-position: 0 6px;
  }

  .wrapper.duo {
    flex-flow: column;
  }

  .wrapper.duo.mitte.static {
    width: 100%;
    position: relative;
  }

  .fluid-container.nav {
    display: flex;
  }

  .fluid-grid {
    flex-flow: wrap;
    width: 100%;
    display: flex;
  }

  .fluid-grid.header-kontakt {
    justify-content: center;
    align-items: center;
  }

  .footer-wrapper {
    flex-flow: column;
  }

  .footer-content {
    grid-column-gap: calc(2 * var(--Scale-Factor));
    grid-row-gap: calc(4 * var(--Scale-Factor));
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-top: 3rem;
    display: grid;
  }

  .title-small {
    letter-spacing: 0;
    font-size: clamp(.875rem, 2vw, 1rem);
  }

  .nav-link {
    color: var(--blank);
    padding-left: 1rem;
    padding-right: 1rem;
    padding: calc(1rem + var(--Scale-Factor));
    padding-top: calc(2 * var(--Scale-Factor));
    padding-bottom: calc(2 * var(--Scale-Factor));
    width: 100%;
    font-size: clamp(1.5rem, 3.5vw, 2.5rem);
    transition-property: all;
    transition-duration: .333s;
    transition-timing-function: ease;
  }

  .nav-link:hover {
    color: var(--accent);
  }

  .dropper {
    width: 100%;
    padding: 0 1.3rem;
  }

  .drop_arrow {
    margin-right: 1.3rem;
  }

  .nav-menu {
    background-color: var(--dark);
    color: var(--blank);
    text-align: left;
  }

  .cover.karte.absolut.oben {
    max-width: 100%;
    position: relative;
    top: 0%;
    right: 0%;
  }

  .custom-cursor-wrapper, .mein-cursor {
    display: none;
  }

  .leistung.rund {
    flex: 1;
    min-width: 25%;
    max-width: 50%;
  }

  .spalte.mit-bild {
    aspect-ratio: 3 / 2;
    width: 100%;
    overflow: hidden;
  }

  .spalte._66 {
    max-width: 100%;
  }

  .frage {
    font-size: clamp(.875rem, 4vw, 1.25rem);
  }

  .header {
    aspect-ratio: 2;
  }

  .div-block {
    flex: 1;
    justify-content: space-between;
  }

  .h2-header {
    font-size: clamp(1.5rem, 4vw, 3.5rem);
  }

  .bild {
    width: auto;
    min-width: 25%;
    max-width: 50%;
  }

  .galerie {
    flex-flow: wrap;
  }

  .plus-wrapper {
    font-size: clamp(.875rem, 2vw, 1.25rem);
  }

  .st-rer {
    min-width: 240px;
    padding: 18px;
  }

  .div-block-2 {
    font-size: clamp(.875rem, 1.5vw, 1rem);
  }

  .lottie-animation {
    object-fit: cover;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: -35%;
  }

  .h3-header {
    padding-bottom: 20px;
    font-size: clamp(.875rem, 1.5vw, 1.1rem);
  }

  .heading {
    font-size: clamp(.875rem, 2vw, 1.25rem);
  }

  .heading-2 {
    font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  }

  .heading-3 {
    font-size: clamp(.875rem, 2vw, 1.25rem);
  }

  .custom-cursor-wrapper-2 {
    display: none;
  }

  .videowrap {
    width: 100%;
  }

  .code-embed-3 {
    flex: 1;
  }

  .menu.w--open {
    background-color: var(--accent);
  }
}

@media screen and (max-width: 767px) {
  .wrapper.duo {
    flex-flow: column;
  }

  .footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .spalte.mit-bild {
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
  }

  .spalte.mit-bild.overflow {
    overflow: visible;
  }

  .faq-item {
    padding-left: 3em;
    padding-right: 3em;
  }

  .faq-container {
    max-width: none;
    margin-left: -3em;
    margin-right: -3em;
  }

  .st-rer {
    aspect-ratio: auto;
    min-width: 200px;
    min-height: 200px;
    padding: 10px;
  }

  .soon.rot, .text-block-5 {
    display: none;
  }

  .lottie-animation {
    height: 100%;
  }

  .esn-logo {
    margin-left: 3.5em;
  }
}

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

  li {
    padding-left: calc(6 * var(--scale-factor));
    background-position: 0 6px;
    background-size: 11px;
    font-size: .9rem;
  }

  .fluid-container.flex {
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .fluid-container.flex.links {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .fluid-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-columns: 1fr;
    display: flex;
  }

  .fluid-grid.header-kontakt {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-block {
    text-align: center;
  }

  .fusszeile.novus {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link {
    padding-top: calc(5 * var(--Scale-Factor));
    padding-bottom: calc(5 * var(--Scale-Factor));
  }

  .cover.fit {
    object-fit: contain;
  }

  .leistung.rund {
    max-width: 100%;
  }

  .icon.klein.rund {
    width: calc(5 * var(--Scale-Factor));
  }

  .spalte.mit-bild {
    aspect-ratio: 3 / 2;
  }

  .spalte.mit-bild.overflow {
    overflow: visible;
  }

  .frage {
    padding-right: 10px;
    font-size: clamp(.875rem, 2vw, 1.25rem);
  }

  .faq-item {
    padding: .7rem 1rem 0;
  }

  .faq-container {
    margin-left: -1em;
    margin-right: -1em;
  }

  .header {
    aspect-ratio: auto;
    background-position: 50%;
    min-height: 70svh;
  }

  .header.variante {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .text-block {
    padding-left: calc(5 * var(--scale-factor));
    padding-right: calc(5 * var(--scale-factor));
  }

  .marke {
    max-width: 140px;
  }

  .kontaktbalken {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  ._66 {
    max-width: 100%;
  }

  .st-rer {
    border-radius: 0%;
    width: 70vw;
    min-width: auto;
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    inset: 3rem auto 0%;
  }

  .lottie-animation {
    width: 170%;
    display: none;
  }

  .h3-header {
    max-width: 100%;
  }

  ._50-50 {
    width: 100%;
  }

  .esn-logo {
    width: 4em;
    height: auto;
    margin-left: 2em;
  }

  .datenschutz {
    width: 100%;
  }

  .list {
    padding-left: 0;
    list-style-type: none;
  }
}

#w-node-bfed860b-10e1-d4a5-ba8c-edfacd636eb3-cd636eaa, #w-node-bfed860b-10e1-d4a5-ba8c-edfacd636ebb-cd636eaa, #w-node-bfed860b-10e1-d4a5-ba8c-edfacd636ec5-cd636eaa, #w-node-_3dad3cd2-f275-48ac-c2c2-33af4c1b1311-4c1b1308, #w-node-_3dad3cd2-f275-48ac-c2c2-33af4c1b1319-4c1b1308, #w-node-_3dad3cd2-f275-48ac-c2c2-33af4c1b1323-4c1b1308 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-bfed860b-10e1-d4a5-ba8c-edfacd636eb3-cd636eaa, #w-node-_3dad3cd2-f275-48ac-c2c2-33af4c1b1311-4c1b1308 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bfed860b-10e1-d4a5-ba8c-edfacd636eb3-cd636eaa {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}