@font-face {
  font-family: Nectomono;
  src: url('../fonts/NectoMono-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Seasonavmattrsans;
  src: url('../fonts/SeasonAVMATTRSans-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Seasonavmattrserif;
  src: url('../fonts/SeasonAVMATTRSerif-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Seasonavmattrsans;
  src: url('../fonts/SeasonAVMATTRSans-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.body {
  color: #fff;
  letter-spacing: 1px;
  background-color: #000;
  font-family: Seasonavmattrsans, Arial, sans-serif;
  font-size: 30px;
  line-height: 36px;
}

.grid_master {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10vh;
  margin-left: 4vw;
  margin-right: 4vw;
  display: grid;
}

.lottie-animation {
  z-index: -1;
  width: 96vw;
  position: relative;
}

.landing_section {
  justify-content: center;
  align-items: center;
  margin-bottom: -14vw;
  display: flex;
}

.text_mittel {
  margin-bottom: 0;
  font-size: 45px;
  line-height: 54px;
}

.medium_text_mittl {
  letter-spacing: -1px;
  font-family: Seasonavmattrsans, Arial, sans-serif;
  font-weight: 500;
}

.headline_serif {
  margin-bottom: 0;
  font-family: Seasonavmattrserif, Times New Roman, sans-serif;
  font-size: 80px;
  line-height: 88px;
}

.abstand_section {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 15vh 4vw;
  display: grid;
}

.abstand_section.footer {
  margin-top: 7vh;
  margin-bottom: 0;
}

.leitungen_image {
  width: 45vw;
  margin-top: 7vh;
}

.showreel_section {
  margin-top: 10vh;
}

.medium_text_gross {
  letter-spacing: -1.5px;
  font-family: Seasonavmattrsans, Arial, sans-serif;
  font-weight: 500;
}

.text_klein {
  margin-bottom: 0;
  font-size: 27px;
  line-height: 32.4px;
}

.button, .button-text {
  text-align: center;
  border: 1px solid red;
  border-radius: 1px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Nectomono, Arial, sans-serif;
  font-size: 27px;
  line-height: 27px;
}

.medium_text_klein {
  letter-spacing: 0;
  font-weight: 500;
}

.serif_text_klein {
  font-family: Seasonavmattrserif, Times New Roman, sans-serif;
}

.image_mobile {
  vertical-align: baseline;
  display: none;
}

.lottie-animation-mobile {
  z-index: -1;
  width: 96vw;
  display: none;
  position: relative;
}

.link_in_line {
  color: #fff;
  margin-right: 10px;
  text-decoration: none;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: inline-block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image {
  height: 3vh;
  display: block;
  position: relative;
  inset: 94.3vh 0% 0% 2vw;
}

@media screen and (min-width: 1280px) {
  .landing_section {
    margin-bottom: -18vw;
  }

  .text_mittel {
    font-size: 50px;
    line-height: 60px;
  }

  .leitungen_image {
    width: 40vw;
  }
}

@media screen and (max-width: 991px) {
  .landing_section {
    margin-bottom: -8vw;
  }

  .text_mittel {
    font-size: 38px;
    line-height: 45.6px;
  }

  .headline_serif {
    font-size: 55px;
    line-height: 60.5px;
  }

  .abstand_section {
    margin-top: 10vh;
    margin-bottom: 10vh;
  }

  .leitungen_image {
    width: 60vw;
  }

  .text_klein {
    font-size: 20px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .grid_master {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .leitungen_image {
    width: 70vw;
  }

  .image_desktop {
    display: none;
  }

  .image_mobile {
    display: inline;
  }
}

@media screen and (max-width: 479px) {
  .grid_master {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    grid-template-columns: 1fr 1fr;
    margin-top: 8vh;
  }

  .grid_master.footer {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .lottie-animation {
    display: none;
  }

  .landing_section {
    margin-bottom: -110vw;
  }

  .text_mittel {
    font-size: 20px;
    line-height: 22px;
  }

  .text_mittel.mobile_big {
    font-size: 25px;
    line-height: 30px;
  }

  .headline_serif {
    font-size: 35px;
    line-height: 38.5px;
  }

  .headline_serif.mobile-big {
    font-size: 60px;
    line-height: 72px;
  }

  .abstand_section {
    margin-top: 10vh;
    margin-bottom: 0;
  }

  .abstand_section.kein-abstand-mobile {
    margin-top: 0;
  }

  .leitungen_image {
    width: 100vw;
    margin-top: 2.5vh;
  }

  .text_klein.footer_kleiner_mobile {
    font-size: 13px;
    line-height: 13px;
  }

  .text_klein.mobile_mehr_abstand {
    margin-bottom: 2vh;
  }

  .image_desktop {
    display: none;
  }

  .image_mobile {
    display: inline;
  }

  .lottie-animation-mobile {
    width: 100vw;
    display: block;
  }

  .mobile_unsichtbar {
    display: none;
  }

  .div-block-2 {
    height: 70vh;
    top: 0%;
  }

  .image {
    height: 2.5vh;
    top: 83vh;
    left: 4vw;
  }
}

#w-node-e7daa9bb-63b0-4a08-b787-61729cf7eed5-3a942de9 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-b6ed53c9-daa8-dc10-042a-9699eca73a93-3a942de9 {
  grid-area: 1 / 5 / 2 / 9;
}

#w-node-_38b6cab1-1690-ccf9-2bb1-7fe15e95c88d-3a942de9 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-a986e748-0477-98e8-e54e-370bacfc7474-3a942de9 {
  grid-area: 2 / 1 / 3 / 9;
  place-self: center;
}

#w-node-ec0b4800-b736-f14f-8bae-1049dcb5a284-3a942de9, #w-node-_4f029a00-f358-fd7c-eaeb-62bfdf3ed449-3a942de9, #w-node-_206fb116-6d59-0c88-d3be-76d8e90f4e6b-3a942de9, #w-node-fd8c5e2d-d4a9-91ec-7efa-2b1c8523d66e-3a942de9 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_2a149a49-1c94-5d72-53e2-8e9de4a78bbb-3a942de9 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: auto;
}

#w-node-c7ddd0f3-70b4-a4c7-ff51-b9d6658ddc43-3a942de9 {
  grid-area: 1 / 5 / 2 / 7;
  align-self: stretch;
}

#w-node-_33cc6297-e55f-ac81-016a-780b0431eda1-3a942de9 {
  grid-area: 2 / 2 / 3 / 7;
  align-self: auto;
}

#w-node-d44412ed-fa0f-7a11-436e-f7ceffa6aae0-3a942de9 {
  grid-area: 3 / 2 / 4 / 5;
  align-self: auto;
}

#w-node-_295ca587-e044-49e4-4cb2-874b4f552f8a-3a942de9 {
  grid-area: 3 / 5 / 4 / 8;
  align-self: auto;
}

#w-node-a986e748-0477-98e8-e54e-370bacfc7471-3a942de9, #w-node-f2f3ae35-2b99-bdf5-8663-8d275361ffe7-3a942de9 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_278cb0e2-70b4-050f-4909-8f77ca51b385-3a942de9 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_278cb0e2-70b4-050f-4909-8f77ca51b388-3a942de9 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_278cb0e2-70b4-050f-4909-8f77ca51b386-3a942de9 {
  grid-area: 1 / 4 / 2 / 7;
}

#w-node-_278cb0e2-70b4-050f-4909-8f77ca51b38a-3a942de9 {
  grid-area: 2 / 4 / 3 / 6;
  align-self: start;
}

#w-node-_278cb0e2-70b4-050f-4909-8f77ca51b387-3a942de9, #w-node-b9aa133d-dbef-4e87-1be5-db8afda12719-3a942de9 {
  grid-area: 1 / 7 / 2 / 9;
}

#w-node-_278cb0e2-70b4-050f-4909-8f77ca51b38c-3a942de9 {
  grid-area: 2 / 7 / 3 / 9;
  align-self: start;
}

#w-node-_903df9fd-10c2-6d1e-463a-f9d8903f0dd3-3a942de9 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_68db20eb-ffdc-0f82-88ee-617d4756adbe-3a942de9 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_936b5c5c-b996-73f3-a754-b2ce6f7ee59a-3a942de9 {
  grid-area: 1 / 5 / 2 / 9;
  align-self: end;
}

#w-node-ef4ef3e8-15c9-9d2a-7a7f-8cd994840bd2-3a942de9, #w-node-dccdcc1a-e369-2d7d-bff5-5072ac99fa78-3a942de9 {
  grid-area: 1 / 5 / 2 / 9;
}

#w-node-_7d3e5a66-46e6-9cdb-a6b9-27f9e80661b7-3a942de9 {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center;
}

#w-node-a7d06edf-6fc7-0d34-9dec-10e88af762ca-3a942de9 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-fc33667e-dfdb-2114-0881-eab740a0def0-3a942de9 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-aca3cbec-3ea3-0a29-305a-10c1f828f623-3a942de9 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-c9f259f7-6ab0-96aa-cd1c-db1e720721c8-3a942de9 {
  grid-area: 2 / 5 / 3 / 9;
}

#w-node-_108dcc97-e58b-cd07-9b43-748cf98aab33-3a942de9 {
  grid-area: 1 / 5 / 2 / 9;
}

@media screen and (max-width: 991px) {
  #w-node-e7daa9bb-63b0-4a08-b787-61729cf7eed5-3a942de9 {
    grid-column-end: 9;
  }

  #w-node-b6ed53c9-daa8-dc10-042a-9699eca73a93-3a942de9 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e7daa9bb-63b0-4a08-b787-61729cf7eed5-3a942de9, #w-node-b6ed53c9-daa8-dc10-042a-9699eca73a93-3a942de9, #w-node-_38b6cab1-1690-ccf9-2bb1-7fe15e95c88d-3a942de9, #w-node-a986e748-0477-98e8-e54e-370bacfc7474-3a942de9, #w-node-ec0b4800-b736-f14f-8bae-1049dcb5a284-3a942de9, #w-node-_4f029a00-f358-fd7c-eaeb-62bfdf3ed449-3a942de9, #w-node-_206fb116-6d59-0c88-d3be-76d8e90f4e6b-3a942de9, #w-node-fd8c5e2d-d4a9-91ec-7efa-2b1c8523d66e-3a942de9 {
    grid-column-end: 5;
  }

  #w-node-_2a149a49-1c94-5d72-53e2-8e9de4a78bbb-3a942de9 {
    grid-column-end: 4;
  }

  #w-node-c7ddd0f3-70b4-a4c7-ff51-b9d6658ddc43-3a942de9 {
    grid-column: 4 / 5;
  }

  #w-node-_33cc6297-e55f-ac81-016a-780b0431eda1-3a942de9 {
    grid-column: 1 / 5;
  }

  #w-node-d44412ed-fa0f-7a11-436e-f7ceffa6aae0-3a942de9 {
    grid-column: 1 / 3;
  }

  #w-node-_295ca587-e044-49e4-4cb2-874b4f552f8a-3a942de9 {
    grid-column: 3 / 5;
  }

  #w-node-a986e748-0477-98e8-e54e-370bacfc7471-3a942de9, #w-node-f2f3ae35-2b99-bdf5-8663-8d275361ffe7-3a942de9, #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b388-3a942de9 {
    grid-column-end: 5;
  }

  #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b386-3a942de9 {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b38a-3a942de9 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b387-3a942de9, #w-node-b9aa133d-dbef-4e87-1be5-db8afda12719-3a942de9 {
    grid-area: 5 / 1 / 6 / 4;
  }

  #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b38c-3a942de9 {
    grid-area: 6 / 1 / 7 / 5;
  }

  #w-node-_903df9fd-10c2-6d1e-463a-f9d8903f0dd3-3a942de9 {
    grid-column-end: 5;
  }

  #w-node-_936b5c5c-b996-73f3-a754-b2ce6f7ee59a-3a942de9 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-ef4ef3e8-15c9-9d2a-7a7f-8cd994840bd2-3a942de9, #w-node-dccdcc1a-e369-2d7d-bff5-5072ac99fa78-3a942de9 {
    grid-column-end: 5;
  }

  #w-node-c9f259f7-6ab0-96aa-cd1c-db1e720721c8-3a942de9 {
    grid-area: 3 / 1 / 4 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e7daa9bb-63b0-4a08-b787-61729cf7eed5-3a942de9, #w-node-b6ed53c9-daa8-dc10-042a-9699eca73a93-3a942de9, #w-node-_38b6cab1-1690-ccf9-2bb1-7fe15e95c88d-3a942de9, #w-node-a986e748-0477-98e8-e54e-370bacfc7474-3a942de9, #w-node-ec0b4800-b736-f14f-8bae-1049dcb5a284-3a942de9, #w-node-_4f029a00-f358-fd7c-eaeb-62bfdf3ed449-3a942de9, #w-node-_206fb116-6d59-0c88-d3be-76d8e90f4e6b-3a942de9, #w-node-fd8c5e2d-d4a9-91ec-7efa-2b1c8523d66e-3a942de9, #w-node-_2a149a49-1c94-5d72-53e2-8e9de4a78bbb-3a942de9 {
    grid-column-end: 3;
  }

  #w-node-c7ddd0f3-70b4-a4c7-ff51-b9d6658ddc43-3a942de9 {
    grid-row-start: 1;
  }

  #w-node-_33cc6297-e55f-ac81-016a-780b0431eda1-3a942de9 {
    grid-column-end: 3;
  }

  #w-node-d44412ed-fa0f-7a11-436e-f7ceffa6aae0-3a942de9 {
    grid-column-end: 2;
  }

  #w-node-_295ca587-e044-49e4-4cb2-874b4f552f8a-3a942de9 {
    grid-column: 2 / 3;
  }

  #w-node-a986e748-0477-98e8-e54e-370bacfc7471-3a942de9, #w-node-f2f3ae35-2b99-bdf5-8663-8d275361ffe7-3a942de9, #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b385-3a942de9, #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b388-3a942de9, #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b386-3a942de9, #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b38a-3a942de9, #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b387-3a942de9, #w-node-b9aa133d-dbef-4e87-1be5-db8afda12719-3a942de9, #w-node-_278cb0e2-70b4-050f-4909-8f77ca51b38c-3a942de9, #w-node-_903df9fd-10c2-6d1e-463a-f9d8903f0dd3-3a942de9, #w-node-_68db20eb-ffdc-0f82-88ee-617d4756adbe-3a942de9 {
    grid-column-end: 3;
  }

  #w-node-_936b5c5c-b996-73f3-a754-b2ce6f7ee59a-3a942de9 {
    grid-column-end: 3;
    align-self: start;
  }

  #w-node-ef4ef3e8-15c9-9d2a-7a7f-8cd994840bd2-3a942de9, #w-node-dccdcc1a-e369-2d7d-bff5-5072ac99fa78-3a942de9 {
    grid-column-end: 3;
  }

  #w-node-_7d3e5a66-46e6-9cdb-a6b9-27f9e80661b7-3a942de9 {
    grid-column-end: 2;
  }

  #w-node-fc33667e-dfdb-2114-0881-eab740a0def0-3a942de9 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-c9f259f7-6ab0-96aa-cd1c-db1e720721c8-3a942de9 {
    grid-row: 3 / 4;
    grid-column-end: 3;
  }
}


@font-face {
  font-family: 'Nectomono';
  src: url('../fonts/NectoMono-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Seasonavmattrsans';
  src: url('../fonts/SeasonAVMATTRSans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Seasonavmattrserif';
  src: url('../fonts/SeasonAVMATTRSerif-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Seasonavmattrsans';
  src: url('../fonts/SeasonAVMATTRSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}