@font-face {
  font-family: FF DIN Pro;
  src: url('../fonts/83ff78fa-6d76-4fb5-8bff-8af8eec8e368.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FF DIN Pro;
  src: url('../fonts/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FF DIN Pro;
  src: url('../fonts/4ba8e512-e6fb-494f-afd3-a7b68b2e5efb.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FF DIN Pro;
  src: url('../fonts/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FF DIN Pro;
  src: url('../fonts/b02e1860-f927-4d9a-9f4f-e66d2a5760d9.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --industriebau: #007478;
  --white: white;
  --werbetechnik: #951272;
  --hellgrau: #f3f3f3;
  --70-grau: #4d4d4d;
  --dachtechnik: #007bc2;
}

.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;
}

body {
  color: #333;
  font-family: FF DIN Pro, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

h1 {
  color: var(--industriebau);
  word-break: break-all;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 300;
  line-height: 36px;
}

h2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
}

h3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h6 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

p {
  text-align: justify;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

a {
  color: #333;
  text-decoration: none;
}

a.w--current {
  text-decoration: none;
}

ul {
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 25px;
  font-family: FF DIN Pro, sans-serif;
  font-weight: 300;
  list-style-type: disc;
}

li {
  direction: ltr;
  margin-bottom: 5px;
  font-family: FF DIN Pro, sans-serif;
  font-size: 18px;
  line-height: 24px;
  list-style-type: disc;
}

strong {
  color: #000;
  font-family: FF DIN Pro, sans-serif;
  font-weight: 900;
}

.logo {
  object-fit: fill;
  height: 35px;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: fixed;
  inset: 50px auto auto 50px;
}

.logo.feed {
  opacity: 1;
  margin-top: 0;
}

.image {
  object-fit: cover;
  display: block;
}

.image.hero {
  object-fit: cover;
  object-position: 30% 70%;
  width: 100vw;
  max-width: none;
  height: 103vh;
  position: static;
}

.image.hero._500px {
  object-position: 0% 0%;
  height: 500px;
}

.image.chronik {
  width: 100%;
  height: 300px;
}

.image.horizontal-scroll {
  border-radius: 20px;
  width: 100%;
  max-width: none;
  height: 50vh;
  margin-bottom: 50px;
  display: inline-block;
}

.image.horizontal-scroll._2019 {
  object-fit: cover;
  object-position: 20% 50%;
}

.image.kontakt {
  float: right;
  border-radius: 20px;
  width: 200px;
  height: 100%;
  min-height: 300px;
}

.image.instagram {
  height: 20px;
  transition: opacity .2s;
  position: static;
}

.image.instagram:hover {
  opacity: .5;
}

.burger {
  z-index: auto;
  float: right;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40px;
  height: 35px;
  display: block;
  position: static;
  inset: 85px 50px auto auto;
}

.burger.desktop {
  transition: all .2s;
}

.burger.desktop:hover {
  filter: blur(1px);
}

.linie {
  background-color: #000;
}

.linie.burger {
  height: 4px;
  margin-top: 6px;
  padding-top: 0;
}

.linie.burger._1 {
  clear: none;
  background-color: #000;
  height: 4px;
  margin-top: 0;
  margin-bottom: 0;
}

.linie.feed {
  background-color: #000;
  width: 100%;
  max-width: 1200px;
  height: 1px;
  margin-bottom: 50px;
  margin-right: 0;
  padding-bottom: 0;
}

.linie.chonik {
  float: none;
  width: 1px;
  height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.linie.trenn {
  width: 100%;
  height: 1px;
  margin-top: 50px;
  margin-bottom: 100px;
}

.linie.zur-ck {
  width: 20px;
  height: 4px;
  transform: rotate(-45deg);
}

.linie.zur-ck._2 {
  margin-top: 8px;
  transform: rotate(45deg);
}

.linie._1 {
  background-color: #ccc;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.linie._1.wei {
  background-color: var(--white);
}

.men-content {
  z-index: 19;
  background-color: var(--white);
  opacity: 0;
  flex-wrap: wrap;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 100px;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.header {
  z-index: 20;
  width: 100vw;
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.content {
  height: auto;
  display: block;
  position: static;
}

.div {
  z-index: auto;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
}

.div.feed {
  cursor: auto;
  background-color: #0000;
  margin-top: 0;
  padding: 0 50px;
}

.div.scroll {
  z-index: 10;
  max-width: none;
  height: 200px;
  margin-top: -200px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  inset: auto auto 25px 0%;
}

.div.scroll.bar {
  background-color: #000;
  width: 2px;
  min-width: auto;
  max-width: none;
  height: 100px;
  margin-top: 150px;
  margin-left: 50px;
  padding-left: 0;
  position: absolute;
}

.div.scroll.bar._1 {
  margin-top: 50px;
}

.div.scroll.bar._1.wei {
  background-color: #fff;
}

.div.scroll.bar._2 {
  opacity: .2;
  margin-top: 50px;
}

.div.scroll.bar._2.wei {
  background-color: #fff;
}

.div.column {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div.chronik {
  margin-top: 25px;
}

.div.horizontal-scroll {
  width: 100vw;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div.horizontal-scroll-content {
  width: 1100vh;
  max-width: none;
  margin-top: 20vh;
  margin-left: 200px;
  margin-right: 300px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div.horizontal-scroll-inhalt {
  z-index: -1;
  background-color: #0000;
  flex-flow: row;
  width: 500px;
  max-width: none;
  height: 75vh;
  margin-left: 0;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
}

.div.horizontal-scroll-berschrift {
  z-index: 5;
  object-fit: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 5000px;
  max-width: none;
  margin-top: 0;
  margin-left: 400px;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  top: -85vh;
  overflow: visible;
}

.div.hero-abrunden {
  z-index: 3;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  max-width: none;
  height: 20px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 480px;
}

.div.feed-inhalt {
  margin-bottom: 25px;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
}

.div.feed-spalte {
  float: left;
  margin-right: 50px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.div.linie.feed {
  float: right;
  background-color: #000;
  width: 75px;
  margin-top: -14px;
  margin-bottom: 0;
  margin-right: 99px;
  padding-left: 0;
}

.section {
  margin-top: 200px;
  display: block;
}

.section.horizontal-scroll {
  z-index: 5;
  height: 400vh;
  margin-top: 0;
  position: relative;
}

.grid {
  float: right;
  grid-template: ". Area"
  / 1fr 1fr 1fr;
  margin-top: 0;
}

.grid.chronik {
  float: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
  margin-top: 100px;
}

.grid.visitenkarte {
  width: 100%;
  max-width: 1200px;
  padding-top: 75px;
}

.link {
  text-transform: uppercase;
  font-weight: 300;
  transition: color .2s;
}

.link:hover {
  color: #ccc;
}

.link.w--current {
  color: #333;
}

.link.men.desktop {
  text-transform: none;
  margin-bottom: 25px;
  font-size: 40px;
  line-height: 40px;
  display: block;
}

.link.men.desktop.w--current {
  color: var(--industriebau);
}

.link.header.w--current {
  width: 0;
  height: 0;
}

.feed {
  background-color: #0000;
  margin-top: 24px;
  display: block;
  position: static;
}

.column {
  overflow: visible;
}

.column.statement {
  height: 100%;
  display: flex;
}

.text {
  float: none;
  font-weight: 300;
  display: block;
}

.text.feed {
  text-align: left;
  text-transform: none;
  margin-top: 0;
  font-weight: 300;
  line-height: 30px;
}

.text.feed.link {
  transition: opacity .2s;
}

.text.feed.link:hover {
  opacity: .5;
  color: #333;
}

.text.berschrift {
  margin-left: auto;
  margin-right: auto;
  font-weight: 900;
}

.text.berschrift:hover {
  color: #333;
}

.text.berschrift._1 {
  color: #333;
  text-transform: uppercase;
  white-space: normal;
  font-size: 36px;
  line-height: 36px;
  text-decoration: none;
}

.text.berschrift._2 {
  color: #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: block;
}

.text.scroll {
  direction: rtl;
  color: #000;
  letter-spacing: 2px;
  width: 100px;
  height: auto;
  padding-top: 1px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  transition: opacity .2s;
  transform: rotate(-90deg)translate(-20px);
}

.text.scroll.wei {
  color: #fff;
}

.text.d-nn {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
}

.text.d-nn.klein {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 14px;
}

.text.d-nn.klein._404 {
  text-align: center;
  margin-left: 0;
  display: block;
}

.text.d-nn.gr-n {
  color: var(--industriebau);
  margin-bottom: 20px;
  line-height: 50px;
}

.text.d-nn.gr-n.rechtb-ndig {
  color: var(--industriebau);
  text-align: right;
}

.text.d-nn.wei {
  color: #fff;
}

.text.d-nn.grau {
  color: #f8f8f8;
  margin-bottom: 20px;
}

.text.flie-text {
  font-family: FF DIN Pro, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.text.flie-text.rechtsb-ndig {
  text-align: right;
}

.text.chronik {
  color: var(--industriebau);
  font-size: 150px;
  font-weight: 900;
  line-height: 150px;
}

.text.titel {
  color: #000;
  text-transform: uppercase;
  font-family: FF DIN Pro, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 36px;
}

.text.untertitel {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-left: 2px;
  font-family: FF DIN Pro, sans-serif;
  line-height: 14px;
  display: block;
}

.text.men.unterpunkt {
  color: #b3b3b3;
  margin-top: -14px;
  margin-left: 3px;
  font-size: 14px;
}

.left-arrow {
  color: var(--industriebau);
  width: 50%;
  height: 100%;
  display: block;
}

.right-arrow {
  color: var(--industriebau);
  width: 50%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.slide-nav {
  z-index: 5;
  color: #428e90;
  font-weight: 400;
  display: block;
  position: relative;
  inset: 0% 0% 0% auto;
}

.slider {
  background-color: #0000;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.slide {
  background-color: #fff;
  border-radius: 20px;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  transition: background-color .2s;
}

.button:hover {
  background-color: #ffffff40;
}

.button.zur-ck {
  z-index: 2;
  border-color: #0000;
  width: 30px;
  height: 30px;
  margin-top: 0;
  position: fixed;
  inset: auto auto 50px 50px;
}

.button._404 {
  float: none;
  clear: both;
  color: #fff;
  background-color: #000;
  height: 50px;
  margin-top: 0;
  margin-bottom: 50px;
  padding-top: 14px;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-block;
}

.button._404:hover {
  background-color: #ccc;
}

.button.karriere {
  color: #000;
  background-color: #fff;
  border-width: 1px;
  margin-top: 25px;
  transition-property: all;
}

.button.karriere:hover {
  opacity: 1;
  color: #fff;
  background-color: #0000;
  border-width: 1px;
}

.column-content {
  padding-left: 0;
  padding-right: 0;
}

.column-content.statement-bild {
  align-items: center;
  display: block;
}

.column-content.kontakt, .column-content.statement {
  align-self: center;
}

._404 {
  display: inline-block;
}

.all {
  background-color: #fff;
  display: block;
}

.all.ausgeblendet, .men-mobil-background {
  display: none;
}

.link-block.social-media {
  float: right;
  margin-right: 10px;
  position: relative;
  top: -23px;
}

.men-flex {
  height: 450px;
}

.div-block.linie.feed {
  float: left;
  width: 1px;
  height: 100%;
  min-height: 75px;
  margin: 8px 50px 0 0;
}

.abstand._50 {
  height: 50px;
  display: block;
}

.abstand._50.wei {
  background-color: var(--white);
}

.abstand._100 {
  opacity: 0;
  background-color: #0000;
  height: 100px;
}

.abstand._20 {
  height: 20px;
}

.abstand._20.wei {
  background-color: var(--white);
}

.abstand._20.wei.nur-mobil {
  display: none;
}

.abstand._15 {
  height: 15px;
}

.abstand._15.nur-mobil {
  display: none;
}

.abstand._15.wei {
  background-color: #fff;
}

.abstand._200 {
  height: 200px;
}

.abstand._200.grau {
  background-color: var(--hellgrau);
}

.abstand._300 {
  height: 300px;
}

.abstand._150 {
  height: 150px;
}

.abstand._35 {
  height: 35px;
}

.abstand._35.wei {
  background-color: var(--white);
}

.abstand.iphone._50 {
  display: none;
}

.abstand._10 {
  height: 10px;
}

.abstand._10.wei {
  background-color: var(--white);
}

.abstand._10.wei.nur-mobil, .abstand.nur-mobil {
  display: none;
}

.abstand.nur-mobil._400 {
  height: 400px;
}

.sektion {
  background-color: var(--hellgrau);
  padding: 15px;
}

.sektion.anfang {
  background-color: var(--hellgrau);
  height: 100vh;
  padding-top: 130px;
}

.sektion.anfang._75 {
  height: 75vh;
  margin-bottom: -15px;
}

.sektion.feed {
  z-index: 1001;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

.sektion.nur-mobil {
  display: none;
}

.sektion.projekt {
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

.block {
  transition: all .2s;
}

.block.kopf {
  height: 100%;
}

.block._1200 {
  border-radius: 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.block._1200.wei {
  padding: 50px;
  display: block;
}

.block._1200.wei.zentriert {
  place-content: flex-end center;
  align-items: center;
  display: block;
}

.block._1200.wei.zentriert.no-margin {
  padding: 50px 0 0;
}

.block._1200.wei.kontakt {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.block._1200.wei.bewerbungen {
  margin-bottom: -90px;
}

.block._1200.wei.visitenkarte {
  z-index: 0;
  flex-flow: wrap;
  place-content: center;
  padding-top: 150px;
  display: flex;
  position: relative;
  top: -150px;
}

.block._1200.karriere {
  margin-bottom: -115px;
  position: relative;
  top: -310px;
}

.block._1200.ausgeblendet {
  display: none;
}

.block.feed {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 50px 25px;
}

.block.kpis {
  height: 70px;
}

.block.hyperlink {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
}

.block.hyperlink:hover {
  opacity: .6;
  mix-blend-mode: normal;
}

.block.wei.stelle:hover {
  border: 1px solid var(--industriebau);
  background-color: var(--hellgrau);
}

.block.wei.stelle.vollzeit.weitere {
  background-color: var(--hellgrau);
}

.block.wei.stelle.initiativ {
  background-color: var(--industriebau);
}

.block.wei.stelle.initiativ:hover {
  background-color: #0ba0a5;
  border-color: #0ba0a5;
}

.block.wei.vertikal-zentriert {
  align-items: center;
  display: flex;
}

.block.wei.vertikal-zentriert._400 {
  height: 400px;
}

.block.benefits {
  align-items: stretch;
  width: 100%;
  height: 120px;
  display: inline;
}

.block.grau {
  background-color: var(--hellgrau);
}

.block.grau.no-margin {
  padding: 0;
}

.block.sticky {
  float: right;
  flex: none;
  order: 1;
  align-self: flex-start;
  width: 35%;
  margin-top: 15px;
  padding-left: 15px;
  position: sticky;
  top: 15px;
  bottom: auto;
}

.block.neben-sticky {
  width: 75%;
  padding-right: 15px;
}

.block.inline {
  display: inline-block;
}

.block.bewerbung {
  align-items: center;
  display: flex;
}

.block.bewerbung:hover {
  opacity: .35;
}

.block.bewerbung.neu {
  margin-bottom: 30px;
}

.block.zentriert {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.block.grau {
  background-color: var(--hellgrau);
  border-radius: 20px;
  padding: 50px;
}

.block.wei {
  background-color: #fff;
  border-radius: 20px;
  padding: 50px;
}

.block.wei.stelle {
  border: 1px solid #f3f3f3;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 30px;
  display: inline-block;
}

.block.wei.stelle:hover {
  background-color: #f3f3f3;
  border: 1px solid #007478;
}

.block.wei.stelle.vollzeit {
  display: inline-block;
}

.block.wei.stelle.ausbildung.weitere {
  background-color: var(--hellgrau);
}

.block.gr-n {
  background-color: #007478;
  border-radius: 20px;
  padding: 50px;
}

.block.gr-n.neben-sticky {
  width: 65%;
  margin-top: 15px;
}

.block.gr-n.neben-sticky.test {
  width: auto;
  height: 75px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: 15px;
  padding: 12px 25px 0;
  display: inline-block;
}

.block.visitenkarte {
  display: inline-block;
}

.block.visitenkarte.mobil {
  display: none;
}

.bild {
  width: auto;
  max-width: none;
  display: block;
}

.bild.rund {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.bild.rund._500 {
  object-fit: cover;
  height: 500px;
}

.bild.rund._400 {
  height: 400px;
}

.bild.rund._400.ipad.urlaub {
  object-fit: cover;
  object-position: 50% 0%;
}

.bild.rund.projekte {
  width: 65%;
  height: auto;
  margin-top: 15px;
}

.bild.rund.werbetechnik {
  z-index: 1;
  opacity: 0;
  transition: opacity .8s;
  position: relative;
  bottom: 100%;
}

.bild.rund.werbetechnik:hover {
  opacity: 1;
}

.bild.rund._600 {
  height: 600px;
}

.bild.rund._750 {
  height: 750px;
  display: inline-block;
}

.bild.rund._300w {
  float: right;
  width: 300px;
  height: auto;
  min-height: 400px;
}

.bild.rund.technische-ausstattung {
  height: 400px;
}

.bild.rund.technische-ausstattung._600 {
  height: 600px;
}

.bild.rund.technische-ausstattung._750 {
  height: 750px;
}

.bild.rund.transparent.wolken {
  margin-bottom: -75px;
  padding-left: 200px;
  padding-right: 200px;
  position: relative;
  top: -150px;
}

.bild.rund.transparent.oben {
  object-position: 0% 50%;
  border-bottom-left-radius: 0;
  height: auto;
  margin-bottom: -1px;
  position: relative;
}

.bild.rund.transparent.oben.wolken {
  z-index: 5;
  width: 80%;
  margin-bottom: 0;
  padding-left: 50px;
  top: -125px;
}

.bild.rund.transparent.unten {
  z-index: 1;
  background-color: var(--white);
  object-fit: cover;
  object-position: 0% 50%;
  border-top-left-radius: 0;
  height: auto;
  margin-top: 0;
}

.bild.rund.transparent.unten {
  z-index: 1;
  object-fit: cover;
  object-position: 0% 50%;
  background-color: #fff;
  border-top-left-radius: 0;
  height: auto;
  margin-top: 0;
}

.bild.rund.transparent.unten.ecken-rund {
  border-top-left-radius: 20px;
}

.bild.arbeitgeber {
  height: 250px;
  margin-bottom: -70px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -130px;
}

.bild.bewerbung {
  height: 400px;
  margin-top: -160px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 50px;
  left: 50px;
}

.bild.visitenkarte {
  z-index: 1;
  border: 2px solid var(--industriebau);
  background-color: var(--white);
  outline-color: var(--hellgrau);
  outline-offset: 0px;
  object-fit: contain;
  object-position: 50% 50%;
  border-radius: 5000px;
  outline-width: 10px;
  outline-style: solid;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -75px;
}

.alles {
  background-color: var(--hellgrau);
  display: block;
}

.alles.zeiterfassung {
  height: 100vh;
}

.berschrift {
  color: var(--industriebau);
  font-weight: 700;
}

.berschrift.ber-block {
  margin-bottom: 25px;
  margin-left: 50px;
  font-size: 36px;
  line-height: 36px;
}

.berschrift.ber-block.klein {
  color: var(--70-grau);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: -15px;
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
}

.berschrift.ber-block.klein._404 {
  margin-left: 10px;
}

.berschrift.ber-block.blau {
  color: var(--dachtechnik);
}

.berschrift.h1 {
  font-weight: 300;
}

.berschrift.h1.hyperlink {
  margin-top: 20px;
  margin-bottom: 25px;
  margin-left: 25px;
}

.berschrift.h1.hyperlink.blau {
  color: var(--dachtechnik);
}

.berschrift.h3 {
  color: var(--70-grau);
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
}

.berschrift.h3.hyperlink {
  margin-top: -15px;
  margin-bottom: 25px;
  margin-left: 25px;
}

.berschrift.mwd {
  color: var(--70-grau);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
}

.berschrift.stelle {
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.berschrift.stelle.position {
  color: var(--70-grau);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
}

.berschrift.stelle.mwd {
  font-size: 14px;
  line-height: 14px;
}

.berschrift.stelle.wei {
  color: var(--white);
}

.berschrift.h4 {
  color: var(--70-grau);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
}

.berschrift.h4.formular {
  margin-bottom: 10px;
  padding-left: 15px;
}

.berschrift.h4.formular.pflichtfeld {
  color: var(--industriebau);
  font-weight: 500;
}

.berschrift.buttonstyle {
  z-index: 2;
  float: right;
  clear: both;
  background-color: var(--white);
  color: var(--industriebau);
  border-radius: 50px;
  margin-top: -70px;
  margin-bottom: 0;
  padding: 15px 25px 20px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 125px;
  right: 50px;
}

.berschrift.buttonstyle.klein {
  z-index: 3;
  border: 1px solid var(--industriebau);
  background-color: var(--industriebau);
  color: var(--white);
  margin-top: -60px;
  font-size: 24px;
  transition: all .2s;
  top: 175px;
  right: 40px;
}

.berschrift.buttonstyle.klein:hover {
  border: 1px solid var(--industriebau);
  background-color: var(--hellgrau);
  color: var(--industriebau);
}

.berschrift.buttonstyle.grau {
  background-color: var(--hellgrau);
}

.picto {
  width: 50px;
  margin-right: 50px;
  display: inline-block;
  position: relative;
  top: -25px;
}

.picto.benefits {
  flex: none;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.picto.logo {
  width: auto;
  height: 30px;
  top: -40px;
  left: 80px;
}

.picto.privi {
  width: auto;
  height: 40px;
  top: 0;
}

.picto.bewerbung {
  width: auto;
  height: 50px;
  top: 0;
}

.picto.kpi {
  width: 40px;
  margin-right: 30px;
  padding-top: 17px;
}

.picto.visitenkarte {
  width: 40px;
  margin-right: 50px;
  transition: all .2s;
  position: static;
}

.picto.visitenkarte:hover {
  opacity: .5;
}

.rich {
  flex: 0 auto;
  display: block;
}

.rich.wei {
  display: block;
}

.rich.wei h1 {
  color: var(--white);
  margin-bottom: 0;
  font-size: 24px;
}

.rich.wei h6 {
  color: var(--white);
  font-size: 10px;
  line-height: 0;
}

.rich.wei.inline {
  display: inline-block;
}

.rich.wei h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.rich.wei h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
}

.rich.projekt {
  margin-bottom: 10px;
  display: block;
}

.rich.projekt p {
  margin-bottom: -5px;
}

.rich.zentriert {
  justify-content: center;
  display: flex;
}

.rich.benefits {
  text-align: center;
  justify-content: center;
  display: block;
}

.rich.inline {
  display: inline-block;
}

.rich.blau h1 {
  color: var(--dachtechnik);
}

.rich.visitenkarte {
  padding-left: 50px;
  display: inline-block;
  position: relative;
}

.rich.visitenkarte.mobil {
  display: none;
}

.gitter {
  grid-template-columns: 1fr 1fr 1fr;
}

.gitter._3x2 {
  grid-column-gap: 50px;
  grid-row-gap: 51px;
  grid-template-rows: auto;
}

.gitter._3x2.benefits {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-items: center;
}

.gitter._2x1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}

.gitter._2x1.ausstattung {
  grid-template-columns: 1fr 1.5fr;
  justify-items: start;
}

.gitter._2x1.kontakt {
  justify-items: start;
}

.film {
  object-fit: cover;
  border-radius: 20px;
  margin-top: -20px;
}

.knopf {
  border: 1px solid var(--white);
  background-color: var(--industriebau);
  color: var(--white);
  border-radius: 100px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 24px;
  transition: all .2s;
  display: inline-block;
}

.knopf:hover {
  border-color: var(--industriebau);
  background-color: var(--white);
  color: var(--industriebau);
}

.knopf.gewerke {
  background-color: var(--hellgrau);
  color: var(--industriebau);
  border-color: #0000;
  display: inline-block;
}

.knopf.gewerke:hover {
  display: inline-block;
}

.knopf.faq:hover {
  background-color: var(--hellgrau);
}

.knopf.faq.w--current {
  border-color: var(--industriebau);
  background-color: var(--hellgrau);
  color: var(--industriebau);
}

.knopf.filter.vollzeit:hover {
  background-color: var(--hellgrau);
}

.knopf.ausbildungsinfo {
  z-index: 1;
  border-color: var(--70-grau);
  background-color: var(--70-grau);
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 20px;
  position: relative;
  left: 0;
}

.knopf.ausbildungsinfo:hover {
  color: var(--white);
}

.knopf.ausbildungsinfo.info {
  z-index: 0;
  border-color: var(--70-grau);
  background-color: var(--white);
  color: var(--70-grau);
  padding-left: 65px;
  padding-right: 15px;
  display: inline-block;
  position: relative;
  left: -50px;
}

.knopf._404 {
  float: right;
  margin-right: 50px;
}

.knopf.men.unterpunkt {
  color: var(--70-grau);
  background-color: #0000;
  margin-right: 0;
}

.knopf.men.unterpunkt:hover {
  color: #b3b3b3;
  border-color: #0000;
}

.knopf.submit {
  border-color: var(--industriebau);
}

.knopf.grau {
  background-color: var(--hellgrau);
  color: var(--industriebau);
}

.knopf.grau.keine-funktion:hover {
  border-color: var(--hellgrau);
}

.knopf.grau.keine-funktion.text-dick {
  border-width: 0;
  font-weight: 700;
}

.knopf.alle-stellen {
  margin-bottom: 0;
  display: inline-block;
}

.knopf.kontaktdaten {
  z-index: 1;
  border-color: var(--industriebau);
  background-color: var(--industriebau);
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 65px;
  position: relative;
  left: -50px;
}

.knopf.kontaktdaten:hover {
  color: var(--white);
}

.knopf.kontaktdaten.infos {
  z-index: 2;
  border-color: var(--industriebau);
  background-color: var(--white);
  color: var(--70-grau);
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  position: relative;
  left: 0;
}

.knopf.kontaktdaten.hell {
  border-color: var(--hellgrau);
  background-color: var(--hellgrau);
  color: var(--industriebau);
}

.knopf.kontaktdaten.hell.berschrift {
  padding-left: 20px;
  left: 0;
}

.knopf.hell {
  background-color: var(--hellgrau);
}

.knopf.keine-funktion:hover {
  background-color: var(--industriebau);
  color: var(--white);
}

.knopf.dropdown {
  padding-right: 50px;
}

.knopf.zeiterfassung.okay {
  float: right;
}

.spalten._1200 {
  background-color: var(--white);
  border-radius: 20px;
  max-width: 1200px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

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

.spalte.margin {
  padding: 50px;
}

.spalte.margin.links {
  padding: 0 0 0 25px;
}

.spalte.margin.rechts {
  padding: 0 25px 0 0;
}

.spalte.zentriert {
  justify-content: center;
  display: block;
}

.men-unten {
  height: 45px;
  position: absolute;
  bottom: 100px;
}

.zeilenumbruch {
  font-size: 3px;
  line-height: 3px;
}

.formular.input {
  color: var(--industriebau);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  margin-bottom: 25px;
  padding-left: 15px;
}

.formular.input.pflichtfeld {
  background-color: var(--hellgrau);
}

.kyrylisch {
  color: #bfbfbf;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
}

.tab-pane-tab-1 {
  background-color: #0000;
}

.berschrift-2 {
  color: #007478;
  font-weight: 700;
}

.berschrift-2.stelle {
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.berschrift-2.stelle.mwd {
  font-size: 14px;
  line-height: 14px;
}

.berschrift-2.stelle.position {
  color: #4d4d4d;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
}

.berschrift-2.ber-block {
  margin-bottom: 25px;
  margin-left: 50px;
  font-size: 36px;
  line-height: 36px;
}

.berschrift-2.buttonstyle {
  z-index: 2;
  float: right;
  clear: both;
  color: #007478;
  background-color: #fff;
  border-radius: 50px;
  margin-top: -70px;
  margin-bottom: 0;
  padding: 15px 25px 20px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 125px;
  right: 50px;
}

.berschrift-2.buttonstyle.klein {
  z-index: 3;
  color: #fff;
  background-color: #007478;
  border: 1px solid #007478;
  margin-top: -60px;
  font-size: 24px;
  transition: all .2s;
  top: 175px;
  right: 40px;
}

.berschrift-2.buttonstyle.klein:hover {
  color: #007478;
  background-color: #f3f3f3;
  border: 1px solid #007478;
}

.sektion-2 {
  background-color: #f3f3f3;
  padding: 15px;
}

.sektion-2.nur-mobil {
  display: none;
}

.knopf-2 {
  color: #fff;
  background-color: #007478;
  border: 1px solid #fff;
  border-radius: 100px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 24px;
  transition: all .2s;
  display: inline-block;
}

.knopf-2:hover {
  color: #007478;
  background-color: #fff;
  border-color: #007478;
}

.visitenkarte {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". Area";
  place-items: center baseline;
}

.testtest {
  background-color: red;
  width: 100px;
  height: 50px;
  position: absolute;
  inset: 674px 30% 0% auto;
}

.testtesttext {
  color: #fff;
  font-size: 20px;
}

.esgrid__buttonsundsuche {
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 24px;
    line-height: 24px;
  }

  h2 {
    font-size: 14px;
    line-height: 14px;
  }

  p {
    text-align: left;
  }

  .logo {
    top: 50px;
    left: 50px;
  }

  .men-content {
    padding-left: 50px;
  }

  .header {
    margin-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .div.feed {
    padding-left: 50px;
    padding-right: 50px;
  }

  .div.column {
    width: 100%;
  }

  .div.horizontal-scroll {
    display: block;
  }

  .div.horizontal-scroll-content {
    margin-left: 150px;
    display: flex;
  }

  .div.horizontal-scroll-berschrift {
    margin-left: 100px;
  }

  .div.feed-inhalt {
    margin-bottom: 0;
  }

  .div.feed-spalte {
    margin-bottom: 50px;
    margin-right: 35px;
    display: inline-block;
  }

  .div.feed-spalte._2 {
    float: left;
    clear: both;
    margin-bottom: 0;
  }

  .div.linie.feed {
    width: 100px;
    height: 1px;
    display: block;
  }

  .section {
    margin-top: 0;
    padding-top: 100px;
  }

  .section.horizontal-scroll {
    padding-top: 0;
  }

  .link.men.desktop {
    margin-bottom: 20px;
  }

  .text.chronik {
    font-size: 100px;
  }

  .text.men.unterpunkt {
    margin-top: -10px;
    margin-left: 2px;
  }

  .left-arrow {
    display: none;
  }

  .slider, .mask {
    height: auto;
  }

  .button.zur-ck {
    padding-left: 0;
  }

  .button._404 {
    margin-top: 75px;
  }

  .column-content {
    flex: 0 auto;
    position: static;
  }

  .column-content.statement-bild {
    height: 100%;
  }

  .men-flex {
    height: 350px;
    top: 15vh;
  }

  .div-block.linie.feed {
    float: none;
    width: 100px;
    height: 1px;
    min-height: auto;
    margin-top: 117px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .abstand._50 {
    display: none;
  }

  .abstand._50.ipad {
    display: block;
  }

  .abstand._100 {
    display: none;
  }

  .abstand._100.ipad {
    display: block;
  }

  .abstand._100.ipad._50 {
    height: 50px;
  }

  .sektion {
    padding-left: 50px;
    padding-right: 50px;
  }

  .sektion.anfang {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sektion.anfang._75 {
    height: 50vh;
  }

  .sektion.feed {
    padding-left: 15px;
    padding-right: 15px;
  }

  .block._1200 {
    width: auto;
  }

  .block._1200.wei {
    margin-left: 0;
    margin-right: 0;
  }

  .block._1200.wei.zentriert.no-margin {
    padding-top: 75px;
  }

  .block._1200.karriere {
    padding-left: 50px;
    padding-right: 50px;
  }

  .block.wei.vertikal-zentriert._400 {
    height: 300px;
  }

  .block.wei.vertikal-zentriert._400.ipad-400 {
    height: 400px;
  }

  .block.sticky {
    width: 100%;
    max-width: none;
    margin-bottom: 15px;
    padding-left: 0;
    position: static;
  }

  .block.sticky.produkte {
    width: 100%;
    padding-left: 0;
  }

  .block.neben-sticky {
    width: 50%;
  }

  .block.gr-n {
    padding-left: 50px;
    padding-right: 50px;
  }

  .block.gr-n.neben-sticky {
    width: 50%;
    padding-bottom: 30px;
  }

  .block.gr-n.neben-sticky.test {
    padding-top: 25px;
  }

  .bild.rund._400 {
    height: 250px;
  }

  .bild.rund._400.ipad {
    height: 300px;
  }

  .bild.rund._400.ipad.ipad-400 {
    height: 400px;
  }

  .bild.rund.projekte {
    width: 100%;
    height: 40%;
  }

  .bild.rund._600, .bild.rund.technische-ausstattung._600, .bild.rund.technische-ausstattung._750 {
    height: 400px;
  }

  .bild.rund.transparent.wolken {
    margin-bottom: -50px;
    padding-left: 100px;
    padding-right: 100px;
    top: -100px;
  }

  .bild.rund.transparent.oben.wolken {
    margin-bottom: -85px;
  }

  .bild.arbeitgeber {
    height: 200px;
  }

  .bild.bewerbung {
    left: 30px;
  }

  .bild.visitenkarte {
    width: 250px;
    height: 250px;
  }

  .alles.zeiterfassung {
    height: 100vh;
  }

  .berschrift.ber-block {
    font-size: 36px;
    line-height: 36px;
  }

  .berschrift.h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .berschrift.h1.hyperlink {
    font-size: 18px;
    line-height: 18px;
  }

  .berschrift.buttonstyle {
    top: 100px;
  }

  .berschrift.buttonstyle.klein {
    padding: 10px 15px 15px;
    font-size: 16px;
    top: 140px;
  }

  .picto {
    margin-right: 25px;
  }

  .picto.visitenkarte {
    width: 30px;
    margin-right: 30px;
  }

  .rich.wei.inline {
    position: relative;
    top: -7px;
  }

  .rich.projekt, .rich.projekt p {
    margin-bottom: 0;
  }

  .rich.statements {
    padding-right: 25px;
  }

  .rich.statements p {
    font-size: 14px;
    line-height: 18px;
  }

  .rich.visitenkarte {
    padding-left: 20px;
  }

  .gitter._3x2 {
    grid-column-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .gitter._3x2.benefits {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .gitter._3x2.benefits._2x, .gitter._2x1.ausstattung {
    grid-template-columns: 1fr 1fr;
  }

  .gitter._2x1.kontakt {
    grid-template-columns: 1fr;
  }

  .knopf {
    padding-top: 8px;
  }

  .knopf.gewerke {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .knopf.ausbildungsinfo.info {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 40px;
    left: -25px;
  }

  .knopf.men.unterpunkt {
    float: left;
  }

  .knopf.kontaktdaten.infos {
    border-radius: 100px;
    padding-left: 15px;
    left: 0;
  }

  .spalte.margin.stelle1 {
    padding-bottom: 0;
  }

  .spalte.margin.stelle2 {
    padding-top: 65px;
  }

  .men-unten {
    bottom: 100px;
    right: 50px;
  }

  .berschrift-2.ber-block {
    font-size: 36px;
    line-height: 36px;
  }

  .berschrift-2.buttonstyle {
    top: 100px;
  }

  .berschrift-2.buttonstyle.klein {
    padding: 10px 15px 15px;
    font-size: 16px;
    top: 140px;
  }

  .sektion-2 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .knopf-2 {
    padding-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  h6 {
    text-transform: uppercase;
    line-height: 20px;
  }

  .logo {
    height: 25px;
    top: 20px;
    left: 15px;
  }

  .image.chronik {
    margin-bottom: 50px;
  }

  .image.chronik.animation {
    border-radius: 20px;
  }

  .image.kontakt {
    object-position: 50% 25%;
    width: 100%;
    height: 400px;
    margin-top: 20px;
  }

  .burger {
    display: block;
  }

  .linie.feed {
    margin-top: 50px;
    margin-bottom: -50px;
  }

  .linie.chonik {
    height: 100px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .linie.trenn {
    margin-top: 25px;
    margin-bottom: 50px;
  }

  .men-content {
    padding-left: 30px;
  }

  .header {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div.feed {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div.scroll {
    display: none;
  }

  .div.hero-abrunden {
    display: block;
  }

  .div.feed-spalte {
    float: none;
    margin-bottom: 25px;
    display: block;
  }

  .div.feed-spalte._2 {
    float: none;
    clear: none;
    margin-bottom: 25px;
  }

  .div.linie.feed {
    float: left;
    height: 1px;
    margin-top: 0;
    margin-right: 0;
    position: relative;
    top: -65px;
    left: 165px;
  }

  .section {
    margin-top: 0;
  }

  .section.horizontal-scroll {
    display: none;
  }

  .grid.chronik {
    margin-top: 0;
    display: block;
  }

  .grid.visitenkarte {
    display: block;
  }

  .link.men.desktop {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 24px;
  }

  .column {
    width: 100%;
    height: auto;
    display: block;
  }

  .column.statement {
    display: block;
  }

  .text.feed.copyright {
    margin-top: 50px;
  }

  .text.d-nn.klein {
    margin-top: 50px;
    margin-bottom: 5px;
  }

  .text.d-nn.klein._404 {
    margin-top: 0;
  }

  .text.d-nn.gr-n {
    text-align: right;
  }

  .text.d-nn.gr-n.rechtb-ndig {
    text-align: left;
    margin-top: 0;
  }

  .text.flie-text.rechtsb-ndig {
    text-align: left;
  }

  .text.men.unterpunkt {
    margin-left: 2px;
    font-size: 10px;
    line-height: 15px;
  }

  .left-arrow, .right-arrow, .slide-nav {
    display: none;
  }

  .slider {
    height: auto;
  }

  .slide {
    height: 100%;
  }

  .mask {
    height: auto;
  }

  .button.zur-ck {
    display: none;
    bottom: 20px;
    left: 20px;
  }

  .column-content.kontakt {
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .column-content.statement {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .all {
    display: block;
  }

  .men-mobil-background {
    z-index: -2;
    background-color: var(--werbetechnik);
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
  }

  .men-mobil-background.image {
    background-color: #0000;
  }

  .link-block.social-media {
    float: left;
    margin-right: 25px;
    top: -75px;
    left: -100px;
  }

  .men-flex {
    height: 200px;
    margin-top: 0;
    margin-bottom: 0;
    top: 12vh;
  }

  .div-block.linie.feed {
    display: none;
  }

  .abstand._50.wei.ipad.iphone-15 {
    height: 15px;
  }

  .abstand._100.iphone {
    display: block;
  }

  .abstand._20, .abstand._20.wei {
    display: none;
  }

  .abstand._20.wei.iphone, .abstand._20.wei.nur-mobil, .abstand._15.nur-mobil {
    display: block;
  }

  .abstand._300 {
    height: 150px;
  }

  .abstand._150 {
    height: 75px;
  }

  .abstand.iphone._50, .abstand._10.wei.nur-mobil, .abstand.nur-mobil {
    display: block;
  }

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

  .sektion.anfang {
    height: 90vh;
    padding-top: 80px;
  }

  .sektion.anfang._75 {
    height: 50vh;
  }

  .sektion.anfang._75.karriere {
    height: 90vh;
  }

  .sektion.nur-mobil, .sektion.projekt {
    display: block;
  }

  .block._1200.wei {
    padding: 30px;
  }

  .block._1200.wei.zentriert {
    padding-left: 0;
    padding-right: 0;
  }

  .block._1200.wei.kontakt {
    padding-top: 50px;
    padding-left: 0;
  }

  .block._1200.wei.bewerbungen {
    margin-bottom: -60px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .block._1200.wei.verschoben.oben {
    margin-top: -30px;
    padding-top: 60px;
  }

  .block._1200.wei.visitenkarte {
    flex-direction: column;
    display: flex;
    top: -175px;
  }

  .block._1200.karriere {
    padding-left: 14px;
    padding-right: 14px;
  }

  .block.feed {
    padding-left: 25px;
    padding-right: 25px;
  }

  .block.wei {
    padding: 30px;
  }

  .block.sticky {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 0;
    position: static;
  }

  .block.neben-sticky {
    width: auto;
    margin-right: 0;
  }

  .block.bewerbung {
    margin-top: 30px;
  }

  .block.grau, .block.wei {
    padding: 30px;
  }

  .block.wei.stelle {
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 20px;
  }

  .block.gr-n.neben-sticky {
    width: 100%;
  }

  .block.gr-n.neben-sticky.test {
    padding-top: 15px;
  }

  .block.visitenkarte.desktop {
    display: none;
  }

  .block.visitenkarte.mobil {
    margin-bottom: 50px;
    display: block;
  }

  .bild.rund {
    object-position: 40% 50%;
  }

  .bild.rund._400.ipad.ipad-400 {
    height: 300px;
  }

  .bild.rund.transparent.wolken {
    padding-left: 50px;
    padding-right: 50px;
  }

  .bild.rund.transparent.oben.wolken {
    z-index: 0;
  }

  .bild.arbeitgeber {
    width: 75vw;
    height: auto;
    margin-top: -75px;
    margin-bottom: 30px;
    top: -40px;
  }

  .bild.bewerbung {
    width: 75vw;
    height: auto;
    margin-top: -160px;
    position: relative;
    top: 190px;
    left: 0;
  }

  .bild.visitenkarte {
    top: -51px;
  }

  .berschrift.ber-block {
    margin-left: 15px;
  }

  .berschrift.h1.vermietung {
    margin-top: 15px;
  }

  .berschrift.stelle {
    font-size: 18px;
    line-height: 18px;
  }

  .berschrift.stelle.position {
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 12px;
  }

  .berschrift.stelle.mwd {
    font-size: 10px;
    line-height: 10px;
  }

  .berschrift.buttonstyle {
    margin-top: 0;
    padding: 10px 20px 15px;
    font-size: 20px;
    top: 0;
    right: 20px;
  }

  .berschrift.buttonstyle.klein {
    padding-bottom: 11px;
    font-size: 14px;
    top: 55px;
    right: 10px;
  }

  .picto.start {
    margin-left: 25px;
  }

  .picto.bewerbung {
    height: 30px;
  }

  .picto.kpi {
    padding-top: 27px;
  }

  .picto.visitenkarte {
    width: 40px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .rich.wei.inline {
    top: 0;
  }

  .rich.projekt p {
    margin-bottom: 0;
  }

  .rich.zentriert {
    text-align: center;
    justify-content: space-around;
    padding-left: 30px;
    padding-right: 15px;
  }

  .rich.statements {
    padding-right: 0;
  }

  .rich.visitenkarte.desktop {
    display: none;
  }

  .rich.visitenkarte.mobil {
    text-align: center;
    margin-top: 25px;
    padding-bottom: 50px;
    padding-left: 0;
    display: inline-block;
    position: static;
  }

  .gitter._3x2, .gitter._3x2.benefits._2x {
    grid-template-columns: 1fr;
  }

  .gitter._2x1 {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .gitter._2x1.projekte {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .knopf {
    margin-right: 15px;
    padding-top: 8px;
    font-size: 14px;
  }

  .knopf.faq {
    font-size: 14px;
  }

  .knopf.ausbildungsinfo {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .knopf.ausbildungsinfo.info {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 35px;
    left: -25px;
  }

  .knopf.men.unterpunkt {
    padding-left: 15px;
    padding-right: 15px;
  }

  .knopf.submit {
    margin-top: 25px;
  }

  .knopf.kontaktdaten {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 30px;
    padding-right: 10px;
    font-size: 14px;
    left: -20px;
  }

  .knopf.kontaktdaten.hell.berschrift {
    border-radius: 100px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .spalte.margin {
    padding: 30px 15px;
  }

  .spalte.margin.links {
    padding-left: 0;
  }

  .spalte.margin.rechts {
    padding-right: 0;
  }

  .spalte.zentriert {
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .men-unten {
    bottom: 50px;
    right: 15px;
  }

  .formular {
    padding-left: 25px;
    padding-right: 25px;
  }

  .kyrylisch {
    font-size: 9px;
  }

  .berschrift-2.stelle {
    font-size: 18px;
    line-height: 18px;
  }

  .berschrift-2.stelle.mwd {
    font-size: 10px;
    line-height: 10px;
  }

  .berschrift-2.stelle.position {
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 12px;
  }

  .berschrift-2.ber-block {
    margin-left: 15px;
  }

  .berschrift-2.buttonstyle {
    margin-top: 0;
    padding: 10px 20px 15px;
    font-size: 20px;
    top: 0;
    right: 20px;
  }

  .berschrift-2.buttonstyle.klein {
    padding-bottom: 11px;
    font-size: 14px;
    top: 55px;
    right: 10px;
  }

  .sektion-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sektion-2.nur-mobil {
    display: block;
  }

  .knopf-2 {
    margin-right: 15px;
    padding-top: 8px;
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 24px;
    line-height: 24px;
  }

  h2 {
    font-size: 14px;
    line-height: 14px;
  }

  .logo.feed {
    margin-left: auto;
    margin-right: auto;
  }

  .image.hero {
    margin-top: 0;
  }

  .image.kontakt {
    width: 100%;
    margin-top: 0;
  }

  .linie.chonik {
    height: 100px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .content {
    background-color: #fff;
  }

  .div.feed {
    height: auto;
    padding-left: 35px;
    padding-right: 35px;
  }

  .div.column {
    margin-top: 25px;
  }

  .div.linie.feed {
    width: 100px;
  }

  .section {
    margin-top: 0;
  }

  .link.men.desktop {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 30px;
  }

  .link.header.w--current {
    height: 35px;
  }

  .text.d-nn.gr-n {
    text-align: left;
    display: block;
  }

  .text.d-nn.gr-n.rechtb-ndig {
    font-size: 50px;
  }

  .button.zur-ck {
    z-index: 2;
    bottom: 50px;
  }

  .all {
    display: block;
  }

  .men-mobil-background {
    width: 100vw;
    height: 100vh;
  }

  .link-block {
    margin-bottom: 20px;
    display: block;
  }

  .link-block.social-media {
    left: -100px;
  }

  .men-flex {
    height: 260px;
    margin-bottom: 100px;
    display: block;
    top: 15vh;
  }

  .div-block {
    display: inline-block;
  }

  .abstand._100 {
    height: 50px;
  }

  .abstand._20.iphone {
    display: block;
  }

  .abstand._200 {
    height: 100px;
  }

  .abstand.iphone._100 {
    height: 50px;
  }

  .abstand.iphone._50 {
    display: block;
  }

  .abstand._10 {
    height: 10px;
  }

  .abstand._10.wei {
    background-color: var(--white);
  }

  .sektion.anfang {
    object-position: 30% 50%;
  }

  .block._1200.wei.visitenkarte {
    align-content: center;
    margin-bottom: 175px;
  }

  .block._1200.wei.zeiterfassung {
    padding: 15px;
  }

  .block._1200.karriere {
    margin-bottom: -175px;
  }

  .block.wei.vertikal-zentriert._400.insta {
    height: 75px;
  }

  .block.wei._30-margin {
    padding: 30px;
  }

  .block.gr-n.neben-sticky {
    padding-bottom: 50px;
  }

  .block.gr-n.neben-sticky.test {
    padding-top: 16px;
  }

  .block.visitenkarte.mobil {
    display: flex;
  }

  .bild.rund._300w.kontakt {
    width: 100%;
  }

  .bild.rund.transparent.wolken {
    margin-bottom: -50px;
    padding-left: 15px;
    padding-right: 15px;
    top: -79px;
  }

  .bild.rund.transparent.oben.wolken {
    width: 100%;
    padding-left: 15px;
    top: -151px;
  }

  .bild.arbeitgeber {
    margin-bottom: 20px;
    top: -10px;
  }

  .bild.bewerbung {
    margin-bottom: 100px;
  }

  .berschrift.ber-block {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 20px;
    font-size: 24px;
    line-height: 24px;
  }

  .picto {
    width: 50px;
    margin-right: 40px;
    top: -18px;
  }

  .picto.bewerbung {
    margin-right: 25px;
  }

  .picto.kpi {
    padding-top: 9px;
  }

  .rich.wei h6 {
    margin-top: 10px;
  }

  .gitter._3x2 {
    grid-row-gap: 20px;
    justify-items: start;
  }

  .knopf.kontaktdaten {
    padding-right: 15px;
  }

  .knopf.kontaktdaten.infos {
    color: var(--industriebau);
    padding-left: 12px;
    padding-right: 12px;
  }

  .knopf.dropdown, .knopf.zeiterfassung {
    margin-bottom: 0;
  }

  .men-unten {
    bottom: 100px;
  }

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

  .formular.input {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .berschrift-2.ber-block {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 20px;
    font-size: 24px;
    line-height: 24px;
  }
}

#w-node-_18ee940e-70b2-664a-da89-593eaf4b93b7-4a24aab9 {
  place-self: center start;
}

#w-node-_18ee940e-70b2-664a-da89-593eaf4b93be-4a24aab9, #w-node-_18ee940e-70b2-664a-da89-593eaf4b93c5-4a24aab9, #w-node-fb96aad9-594a-bbb9-6836-756407b96e77-4a24aab9, #w-node-_3b13a445-fb93-e9d3-f89a-332c7d9efde2-4a24aab9, #w-node-c36c75c1-de63-d973-c3ad-26018dafecbf-4a24aab9, #w-node-dc5585c8-767d-2fa2-34fe-f627b89ecbfa-4a24aab9, #w-node-_2df8a649-e2ca-81a6-3d19-6065183751da-4a24aab9, #w-node-_75e100d9-d475-d1ed-2aa1-b92b5507c084-4a24aab9, #w-node-e335a800-09ba-6f0d-be9c-4f060912f446-4a24aab9, #w-node-_3345ed8f-76b7-5488-4bc8-66031ba867b9-4a24aab9, #w-node-fd9eb696-0d32-a070-7d05-830df4f720ee-4a24aab9 {
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebd8-6424aabc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebda-6424aabc {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebdc-6424aabc {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebdf-6424aabc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebe1-6424aabc {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebe3-6424aabc {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebe8-6424aabc {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebea-6424aabc {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebec-6424aabc {
  grid-area: 3 / 3 / 4 / 4;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebf1-6424aabc {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebf3-6424aabc {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebf5-6424aabc {
  grid-area: 4 / 1 / 5 / 2;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebfa-6424aabc {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebfc-6424aabc {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ebfe-6424aabc {
  grid-area: 5 / 3 / 6 / 4;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec03-6424aabc {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec05-6424aabc {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec07-6424aabc {
  grid-area: 6 / 1 / 7 / 2;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec0c-6424aabc {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec0e-6424aabc {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec10-6424aabc {
  grid-area: 7 / 3 / 8 / 4;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec15-6424aabc {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec17-6424aabc {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec19-6424aabc {
  grid-area: 8 / 1 / 9 / 2;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec1e-6424aabc {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec20-6424aabc {
  grid-area: 9 / 1 / 10 / 2;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec22-6424aabc {
  grid-area: 9 / 3 / 10 / 4;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec27-6424aabc {
  grid-area: 10 / 2 / 11 / 3;
  align-self: auto;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec29-6424aabc {
  grid-area: 10 / 3 / 11 / 4;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec30-6424aabc {
  grid-area: 11 / 2 / 12 / 3;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec32-6424aabc {
  grid-area: 11 / 1 / 12 / 2;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec34-6424aabc {
  grid-area: 11 / 3 / 12 / 4;
  align-self: center;
}

#w-node-_8ed43162-bab3-5ee0-9d47-1105f169ec2b-6424aabc {
  grid-area: 10 / 1 / 11 / 2;
  align-self: center;
}

#w-node-f28939ab-c538-357d-a51b-7617ee173fdb-8b24aac0, #w-node-af5a8b3e-c31a-6b15-15f2-00fde2d6a3d9-8b24aac0, #w-node-_3e45c839-1de9-7d1b-396c-22d962907b4d-8b24aac0, #w-node-c734415d-a3ea-057d-9211-ce68e66d3f48-8b24aac0, #w-node-c734415d-a3ea-057d-9211-ce68e66d3f49-8b24aac0, #w-node-c734415d-a3ea-057d-9211-ce68e66d3f4a-8b24aac0, #w-node-_854eb43d-c569-1493-2061-64920b7ed244-8b24aac0, #w-node-_854eb43d-c569-1493-2061-64920b7ed245-8b24aac0, #w-node-_854eb43d-c569-1493-2061-64920b7ed246-8b24aac0, #w-node-_854eb43d-c569-1493-2061-64920b7ed247-8b24aac0, #w-node-f43cb74b-307e-3996-afc1-50c8e9ebfddc-8b24aac0, #w-node-f43cb74b-307e-3996-afc1-50c8e9ebfddd-8b24aac0, #w-node-_329f589a-920c-547d-ac0e-8c404ead3bf9-8b24aac0, #w-node-_329f589a-920c-547d-ac0e-8c404ead3bfa-8b24aac0, #w-node-_329f589a-920c-547d-ac0e-8c404ead3bfb-8b24aac0, #w-node-_329f589a-920c-547d-ac0e-8c404ead3bfc-8b24aac0, #w-node-_701ffaf1-05ab-f382-2b49-bb9f497e6b58-e824ac41, #w-node-_701ffaf1-05ab-f382-2b49-bb9f497e6b59-e824ac41, #w-node-_701ffaf1-05ab-f382-2b49-bb9f497e6b5a-e824ac41, #w-node-_2b597201-5e2c-d2f5-9bea-aff3f00ba197-e824ac41, #w-node-_2b597201-5e2c-d2f5-9bea-aff3f00ba198-e824ac41, #w-node-_2b597201-5e2c-d2f5-9bea-aff3f00ba199-e824ac41, #w-node-a345f9fe-b0b9-2388-6134-e35b8966fcdb-e824ac41, #w-node-a345f9fe-b0b9-2388-6134-e35b8966fcdc-e824ac41, #w-node-a345f9fe-b0b9-2388-6134-e35b8966fcdd-e824ac41, #w-node-_622637bb-f12c-d70e-458b-486d56477605-e824ac41, #w-node-_622637bb-f12c-d70e-458b-486d56477606-e824ac41, #w-node-_622637bb-f12c-d70e-458b-486d56477607-e824ac41, #w-node-_16c24143-8687-2ef0-93f1-5e95b2b51540-e824ac41, #w-node-_16c24143-8687-2ef0-93f1-5e95b2b51541-e824ac41, #w-node-_16c24143-8687-2ef0-93f1-5e95b2b51542-e824ac41, #w-node-_0b70dba9-5c77-317d-3d3e-af91d3645ec1-e824ac41, #w-node-_0b70dba9-5c77-317d-3d3e-af91d3645ec2-e824ac41, #w-node-_0b70dba9-5c77-317d-3d3e-af91d3645ec3-e824ac41, #w-node-_51f79efb-1ab5-a3b1-d245-fd3cd4d48895-e824ac41, #w-node-_51f79efb-1ab5-a3b1-d245-fd3cd4d48896-e824ac41, #w-node-_51f79efb-1ab5-a3b1-d245-fd3cd4d48897-e824ac41, #w-node-_830408a8-de45-c2f5-7e60-63fc10c43538-e824ac41, #w-node-_830408a8-de45-c2f5-7e60-63fc10c43539-e824ac41, #w-node-_830408a8-de45-c2f5-7e60-63fc10c4353a-e824ac41, #w-node-cb92e82f-0edc-b0ff-f261-c737af5d888c-e824ac41, #w-node-cb92e82f-0edc-b0ff-f261-c737af5d888d-e824ac41, #w-node-cb92e82f-0edc-b0ff-f261-c737af5d888e-e824ac41, #w-node-_67f5ac5f-60f9-1301-b264-974f67aaceea-e824ac41, #w-node-_67f5ac5f-60f9-1301-b264-974f67aaceeb-e824ac41, #w-node-_67f5ac5f-60f9-1301-b264-974f67aaceec-e824ac41, #w-node-_74601f7d-17a7-d47d-bf6c-792dd7547e33-e824ac41, #w-node-_74601f7d-17a7-d47d-bf6c-792dd7547e34-e824ac41, #w-node-_74601f7d-17a7-d47d-bf6c-792dd7547e35-e824ac41, #w-node-c217020e-f32a-1644-597a-8e6c1a92376b-e824ac41, #w-node-c217020e-f32a-1644-597a-8e6c1a92376c-e824ac41, #w-node-c217020e-f32a-1644-597a-8e6c1a92376d-e824ac41, #w-node-_440a18d6-8bed-04f5-a8d0-9a33157b8097-e824ac41, #w-node-_440a18d6-8bed-04f5-a8d0-9a33157b8098-e824ac41, #w-node-_440a18d6-8bed-04f5-a8d0-9a33157b8099-e824ac41, #w-node-_8656c79c-2c4d-41b2-e455-ac386cb4b335-e824ac41, #w-node-_8656c79c-2c4d-41b2-e455-ac386cb4b336-e824ac41, #w-node-_8656c79c-2c4d-41b2-e455-ac386cb4b337-e824ac41, #w-node-_554d52da-30d7-2340-31f4-b9eb710deed7-e824ac41, #w-node-_554d52da-30d7-2340-31f4-b9eb710deed8-e824ac41, #w-node-_554d52da-30d7-2340-31f4-b9eb710deed9-e824ac41, #w-node-b613cea8-8565-42a0-3b77-729c95cd242a-e824ac41, #w-node-b613cea8-8565-42a0-3b77-729c95cd242b-e824ac41, #w-node-b613cea8-8565-42a0-3b77-729c95cd242c-e824ac41, #w-node-_68bcc3c0-9c7c-6384-f1f6-1a214fbfe4f7-e824ac41, #w-node-_68bcc3c0-9c7c-6384-f1f6-1a214fbfe4f8-e824ac41, #w-node-_68bcc3c0-9c7c-6384-f1f6-1a214fbfe4f9-e824ac41, #w-node-b22dfb94-5177-0af1-c0c2-8e1cd85c2730-e824ac41, #w-node-b22dfb94-5177-0af1-c0c2-8e1cd85c2731-e824ac41, #w-node-b22dfb94-5177-0af1-c0c2-8e1cd85c2732-e824ac41, #w-node-c44371c0-deff-7fad-27dd-49be60c2ec68-e824ac41, #w-node-c44371c0-deff-7fad-27dd-49be60c2ec69-e824ac41, #w-node-c44371c0-deff-7fad-27dd-49be60c2ec6a-e824ac41, #w-node-_7bee1248-556e-f934-cfce-89f7766e3ed5-e824ac41, #w-node-_7bee1248-556e-f934-cfce-89f7766e3ed6-e824ac41, #w-node-_7bee1248-556e-f934-cfce-89f7766e3ed7-e824ac41, #w-node-_29a18b39-e172-62fc-bc72-43a59bddf53a-e824ac41, #w-node-_29a18b39-e172-62fc-bc72-43a59bddf53b-e824ac41, #w-node-_29a18b39-e172-62fc-bc72-43a59bddf53c-e824ac41, #w-node-_4832a3fb-1b00-26bb-ad58-2d32a6b73c3b-e824ac41, #w-node-_4832a3fb-1b00-26bb-ad58-2d32a6b73c3c-e824ac41, #w-node-_4832a3fb-1b00-26bb-ad58-2d32a6b73c3d-e824ac41, #w-node-_71b508f5-4b39-5676-cf21-3784923b7063-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7064-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7065-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7069-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b706a-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b706b-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b706f-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7070-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7071-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7075-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7076-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7077-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b707b-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b707c-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b707d-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7081-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7082-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7083-7824ac5b, #w-node-_71b508f5-4b39-5676-cf21-3784923b7063-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7064-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7065-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7069-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b706a-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b706b-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b706f-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7070-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7071-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7075-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7076-b0c90c7c, #w-node-_71b508f5-4b39-5676-cf21-3784923b7077-b0c90c7c, #w-node-_866e3d46-8f54-77e0-d245-80b880a33bde-b0c90c7c, #w-node-_866e3d46-8f54-77e0-d245-80b880a33bdf-b0c90c7c, #w-node-_866e3d46-8f54-77e0-d245-80b880a33be0-b0c90c7c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547c6-479ebd71 {
  place-self: start;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547c4-479ebd71 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547cb-479ebd71 {
  place-self: start end;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547c6-4e83baa2 {
  place-self: start;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547c4-4e83baa2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547cb-4e83baa2 {
  place-self: start end;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547c6-d7707801 {
  place-self: start;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547c4-d7707801 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f97d0dc-0e42-45fd-66a5-d96b416547cb-d7707801 {
  place-self: start end;
}

@media screen and (max-width: 767px) {
  #w-node-_9de6471a-2679-06eb-f8f5-09fe7a34bdf5-9324aa2e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'FF DIN Pro';
  src: url('../fonts/83ff78fa-6d76-4fb5-8bff-8af8eec8e368.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FF DIN Pro';
  src: url('../fonts/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FF DIN Pro';
  src: url('../fonts/4ba8e512-e6fb-494f-afd3-a7b68b2e5efb.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FF DIN Pro';
  src: url('../fonts/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FF DIN Pro';
  src: url('../fonts/b02e1860-f927-4d9a-9f4f-e66d2a5760d9.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}