.header---desktop {
  z-index: 10;
  width: 100%;
  height: 6.25rem;
  background-color: rgba(255, 255, 255, 0);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: .625rem;
  padding-bottom: .625rem;
  display: flex;
  position: fixed;
}

.header---desktop.standard-page {
  background-color: #fff;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 2px .3125rem rgba(0, 0, 0, .2);
}

.logo-white {
  width: 10.625rem;
  height: 1.875rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: fill;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation-links {
  grid-column-gap: 4.0625rem;
  grid-row-gap: 4.0625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navlink {
  color: #000;
  letter-spacing: .02em;
  font-size: 1rem;
  font-weight: 500;
}

.naviagtion-right-wrapper {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.primary-button {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #0177bf;
  border-radius: 1.625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 2rem;
  display: flex;
}

.primary-button.white {
  background-color: #fff;
}

.text {
  color: #0177bf;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.text.white {
  color: #fff;
}

.vectors-wrapper-2 {
  width: 1.875rem;
  height: 1.3125rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-slider {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.homesliderwrapper {
  z-index: auto;
  width: 100%;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  object-fit: fill;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15.625rem 1.25rem 3.75rem;
  display: flex;
  position: relative;
}

.home-img-wrapper {
  width: 100vw;
  height: 100vh;
}

.hintergrundbild {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-3 {
  width: 6.25rem;
  height: 6.25rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-box {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3.3125rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.frame-2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .625rem;
  display: flex;
}

.text-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.frame-3 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
}

.text-3 {
  max-width: 42.5rem;
  color: #fff;
  text-align: center;
  letter-spacing: .06375rem;
  margin-bottom: 13.4375rem;
  font-family: Inter, sans-serif;
  font-size: 6.375rem;
  font-weight: 700;
  line-height: 7.3125rem;
}

.frame-4 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .625rem .625rem 4.6875rem;
  display: flex;
}

.text-4 {
  max-width: 39.375rem;
  color: #fff;
  text-align: center;
  margin-bottom: 4.375rem;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2rem;
}

.button-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.secondary-button {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #fff;
  border-radius: 1.625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 2rem;
  display: flex;
}

.text-5 {
  color: #0177bf;
  font-size: 1rem;
  font-weight: 700;
}

.body {
  flex-direction: column;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.75rem;
  display: flex;
}

.highlight-modul {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.top-wrapper {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hintergrundverlauf {
  width: 100%;
  height: 34.375rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-4 {
  width: 100%;
  height: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: block;
  overflow: hidden;
}

.inner-wrapper {
  width: 100%;
  max-width: 72.5rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 4.6875rem 1.25rem 0 0;
  display: flex;
  position: relative;
}

.inner-wrapper.features-inner-wrapper, .inner-wrapper.benefits-wrapper {
  flex-direction: column;
  align-items: center;
}

.inner-wrapper.detail-header-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.125rem;
}

.inner-wrapper.detail-middle-innerwrapp {
  height: 100%;
  padding-top: 0;
  padding-right: 0;
}

.inner-wrapper.benefits-modul-inner-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  padding-bottom: 0;
}

.inner-wrapper.benefits-bottom-inner-wrapper {
  padding-right: 0;
}

.inner-wrapper.headline-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.inner-wrapper.kontakt-inner-wrapper {
  flex-direction: column;
}

.inner-wrapper.news-overview-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.inner-wrapper.success-overview-wrapper, .inner-wrapper.slider-inner {
  flex-direction: column;
  align-items: center;
}

.inner-wrapper.beitrag-inner-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 0;
}

.inner-wrapper.sh-variante-wrapper {
  justify-content: space-between;
  align-items: center;
}

.inner-wrapper.video-modul-inner-wrapper, .inner-wrapper.offene-stellen-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 0;
}

.inner-wrapper.texte-bilder-wrapper {
  flex-direction: column;
  padding-right: 0;
}

.text-wrapper {
  max-width: 45.625rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.text-6 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8125rem;
}

.vectors-wrapper-5 {
  width: 6.25rem;
  height: 6.25rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.inner-wrapper-2 {
  width: 100%;
  max-width: 72.5rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-bild-bereich {
  width: 100%;
  max-width: 72.5rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

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

.text-wrapper-2 {
  width: 100%;
  max-width: 33.125rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 6.25rem;
  display: flex;
}

.titel-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-6 {
  width: .75rem;
  height: .75rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.titel {
  color: #2e3c49;
  letter-spacing: .016em;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.8125rem;
}

.subtitel {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-7 {
  color: #0177bf;
  letter-spacing: .004em;
  font-family: Inter, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
}

.text-8 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  display: flex;
}

.text-9 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.tertiary-button {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #32dbbe;
  border-radius: 1.625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 2rem;
  display: flex;
}

.text-10 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.bildtext-element {
  width: 100%;
  max-width: 120rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.inner-wrapper-3 {
  width: 100%;
  max-width: 72.5rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-bild-bereich-2 {
  width: 100%;
  max-width: 72.5rem;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  display: flex;
}

.text-bild-bereich-2.branchen-text-bild {
  align-items: stretch;
}

.text-wrapper-3 {
  width: 100%;
  max-width: 33.125rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.titel-wrapper-2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-7 {
  width: .75rem;
  height: .75rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.titel-2 {
  color: #2e3c49;
  letter-spacing: .016em;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.8125rem;
}

.subtitel-2 {
  width: 35rem;
  height: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-11 {
  color: #0177bf;
  letter-spacing: .004em;
  font-family: Inter, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
}

.text-11.heading-four {
  margin-bottom: 1.25rem;
}

.text-12 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  display: flex;
}

.text-12.features-textbox {
  margin-bottom: 3.75rem;
  padding-top: 0;
  padding-bottom: 0;
}

.text-13 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.tertiary-button-2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  object-fit: fill;
  background-color: #32dbbe;
  border-radius: 1.625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 2rem;
  font-family: Inter, sans-serif;
  display: inline-block;
  position: static;
  overflow: visible;
}

.tertiary-button-2.modul-auswahl-btn {
  margin-top: 4.6875rem;
}

.text-14 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

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

.vectors-wrapper-8 {
  width: 6.25rem;
  height: 6.25rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-3 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.spacer {
  max-width: 100%;
}

.space {
  width: 100%;
  height: 6.25rem;
  margin-left: auto;
  margin-right: auto;
}

.menu {
  width: 100%;
  max-width: 50rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.link {
  color: #fff;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

.link.blue {
  color: #0177bf;
}

.link-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

.link-2.blue {
  color: #0177bf;
}

.link-3 {
  color: #fff;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

.link-3.blue {
  color: #0177bf;
}

.link-4 {
  color: #fff;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

.link-4.blue {
  color: #0177bf;
}

.link-5 {
  color: #fffdfd;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

.link-5.blue {
  color: #0177bf;
}

.overlay {
  z-index: auto;
  width: 100%;
  height: 100%;
  opacity: .4;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #2e3c49);
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.deco {
  width: .5rem;
  height: 22.8125rem;
  background-color: #32dbbe;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sw-logo-leiste {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #f5f8fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inner-wrapper-4 {
  width: 100%;
  max-width: 72.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-15 {
  max-width: 12.5rem;
  color: #0177bf;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.text-15.logo-leiste-text-mob {
  display: none;
}

.logo-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 0 solid #fff;
  border-left-width: .125rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2.8125rem;
  display: flex;
}

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

.success-story-voransicht {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inner-wrapper-5 {
  width: 100%;
  max-width: 72.5rem;
  grid-column-gap: 5.3125rem;
  grid-row-gap: 5.3125rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.titel-wrapper-3 {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.titel-3 {
  color: #0177bf;
  text-align: center;
  letter-spacing: .018em;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
}

.text-bild-bereich-3 {
  width: 100%;
  max-width: 72.5rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6.25rem;
  display: flex;
}

.image-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.image-wrapper.dcta-img-wrapper {
  width: 59.0625rem;
  height: 31.25rem;
}

.image-wrapper.ssv-img-wrapper {
  width: 31.25rem;
  height: 17.5rem;
}

.text-im-bild {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.875rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.text-16 {
  color: #0177bf;
  text-align: center;
  letter-spacing: .014em;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 700;
}

.text-17 {
  color: #000;
  text-align: center;
  letter-spacing: .002em;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
}

.tertiary-button-3 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #32dbbe;
  border-radius: 1.625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 2rem;
  display: flex;
}

.text-18 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.double-cta {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1.875rem;
  display: flex;
}

.text-bild-bereich-4 {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-wrapper-2 {
  height: 31.25rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-wrapper-2.dcta-img-wrapper {
  width: 59.0625rem;
}

.overlay-2 {
  width: 100%;
  height: 31.25rem;
  max-width: 59.0625rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: rgba(1, 119, 191, .85);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.text-im-bild-2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.875rem;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.titel-wrapper-4 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.titel-wrapper-4.branchen-heading-wrapper {
  max-width: 12.5rem;
}

.text-19 {
  color: #f5f8fa;
  text-align: center;
  letter-spacing: .014em;
  font-family: Inter, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
}

.text-19.branchen-heading {
  letter-spacing: .02em;
  margin-bottom: 2.5rem;
  font-size: 1.875rem;
  line-height: 2.5rem;
}

.text-wrapper-4 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .625rem .625rem 2.8125rem;
  display: flex;
}

.text-20 {
  max-width: 35.625rem;
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.secondary-button-2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #fff;
  border-radius: 1.625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 2rem;
  display: flex;
}

.text-21 {
  color: #0177bf;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.news-voransicht {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #f5f8fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5.3125rem;
  padding-bottom: 5.3125rem;
  display: flex;
  position: relative;
}

.inner-wrapper-6 {
  width: 100%;
  max-width: 72.5rem;
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cards {
  width: 100%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cards.news-overview-cards {
  margin-bottom: 6.25rem;
}

.card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-im-bild-3 {
  width: 100%;
  max-width: 20.625rem;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  display: flex;
}

.das-ist-eine-weitere-newsheadline {
  color: #2e3c49;
  letter-spacing: .002em;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
}

.text-22 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.footer {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.4375rem 0 1.875rem;
  display: flex;
}

.logo {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 3.75rem;
  display: flex;
}

.vectors-wrapper {
  width: .922337rem;
  height: 1.13791rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-9 {
  width: 1.19623rem;
  height: 1.13939rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-10 {
  width: .744813rem;
  height: 1.08025rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-11 {
  width: .846126rem;
  height: 1.08062rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-12 {
  width: .742749rem;
  height: 1.08125rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-13 {
  width: .404938rem;
  height: 1.07969rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-14 {
  width: 1.11306rem;
  height: 1.08019rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-15 {
  width: .752064rem;
  height: 1.08081rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-wrapper-2 {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1.875rem;
  display: flex;
}

.top-left-wrapper {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 5rem;
  display: flex;
}

.top-left-first-column {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navigation-links-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navlink-2 {
  color: #000;
  letter-spacing: .02em;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.top-left-second-column {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.top-right-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex: none;
  order: 0;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.top-right-first-column {
  width: 100%;
  height: 7.5rem;
  max-width: 18.75rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-text {
  color: #000;
  letter-spacing: .0016em;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.social-wrapper {
  grid-column-gap: .9375rem;
  grid-row-gap: .9375rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-16 {
  width: .558313rem;
  height: 1rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-17 {
  width: 1.00038rem;
  height: 1rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-link {
  color: #000;
  letter-spacing: .0016em;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-decoration: underline;
}

.top-right-third-column {
  width: 100%;
  height: 7.5rem;
  max-width: 18.75rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-18 {
  height: .125rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-wrapper {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.875rem;
  display: flex;
}

.navigation-links-3 {
  grid-column-gap: 4.0625rem;
  grid-row-gap: 4.0625rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-policy {
  color: #000;
  letter-spacing: .02em;
  font-family: Inter, sans-serif;
  font-size: .8125rem;
  font-weight: 500;
}

.inner-wrapp {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.inner-wrapp.logo-leiste-wrapp {
  max-width: 50rem;
}

.inner-wrapp.navi-wrapp {
  justify-content: space-between;
  align-items: center;
  font-size: .875rem;
  line-height: 1.25rem;
  display: flex;
}

.hr-line {
  width: 100%;
  height: .125rem;
  background-color: #f5f8fa;
  margin-left: auto;
  margin-right: auto;
}

.standard-header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.columns {
  width: 100%;
  flex-wrap: wrap;
  flex: 0 auto;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.image-5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.column {
  height: 37.5rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.column-2 {
  height: 37.5rem;
  background-image: linear-gradient(270deg, #0177bf, #004671);
  flex: 0 auto;
  align-self: stretch;
  padding: 4.7125rem 3.3125rem 3.3rem;
  display: block;
}

.headin-one {
  color: #fff;
  letter-spacing: .03625rem;
  margin-bottom: 2.5rem;
  font-family: Inter, sans-serif;
  font-size: 3.625rem;
  line-height: 4.125rem;
}

.text-wrapp {
  margin-left: auto;
  margin-right: auto;
}

.text-block {
  color: #fff;
  margin-bottom: 4.375rem;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.sh-spacer {
  width: 100%;
  height: 6.25rem;
  margin-left: auto;
  margin-right: auto;
}

.modul-overview {
  width: 100%;
  background-color: #f5f8fa;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6.25rem;
  padding-bottom: 9.375rem;
  position: relative;
}

.container {
  max-width: 100rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.cs-container {
  flex-direction: row;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.container.slim-cta-container {
  align-items: flex-start;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.container.navi-container {
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: center;
}

.container.kontakt-bilder-container {
  flex-direction: row;
  align-items: stretch;
}

.text-block-module {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-block-module.modul-textblock {
  max-width: 50rem;
  margin: 0 auto 5rem;
  padding-bottom: 0;
}

.heading-two {
  color: #0177bf;
  text-align: center;
  margin-top: .625rem;
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
  line-height: 3rem;
}

.heading-two.heading-cta-slim {
  max-width: 54.375rem;
  color: #fff;
  text-align: left;
}

.heading-two.features-heading {
  max-width: 58.125rem;
  margin-bottom: 6.25rem;
}

.heading-two.detail-header-heading {
  margin-bottom: 1.25rem;
}

.heading-two.headline-text-heading {
  max-width: 45.625rem;
}

.heading-two.news-overview {
  max-width: 45.625rem;
  letter-spacing: .01em;
}

.heading-two.news-overview.news-overview-heading {
  margin-bottom: 9.375rem;
}

.heading-two.heading-success-overview {
  margin-bottom: 6.25rem;
}

.heading-two.video-modul-heading {
  text-align: center;
}

.text-block-2 {
  color: #2e3c49;
  text-align: center;
  line-height: 1.75rem;
}

.list {
  max-width: 68.75rem;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.filter-link {
  color: #0177bf;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.filter-link.active {
  color: #0177bf;
  border: 0 solid #000;
  border-top-style: none;
  border-bottom: .125rem solid #32dbbe;
  border-radius: 0;
  padding-bottom: .5rem;
  line-height: 1.25rem;
  position: relative;
}

.text-block-3, .text-block-4, .text-block-5 {
  font-family: Inter, sans-serif;
}

.img-wrapper {
  width: 100%;
  height: 37.5rem;
}

.filter-list {
  width: 100%;
  max-width: 68.75rem;
  justify-content: space-between;
  margin-bottom: 3.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.columns-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1.25rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.module-card {
  background-color: #fff;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.module-heading {
  color: #0177bf;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.module-link {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
  overflow: visible;
}

.modul-text {
  color: #2e3c49;
  font-size: 1rem;
  line-height: 1.75rem;
}

.filter-wrapp {
  margin-bottom: 4.375rem;
  padding-bottom: 0;
}

.module-deko-right {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.module-deko-left {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.logo-leiste {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-block-6 {
  width: 100%;
  color: #2e3c49;
  text-align: center;
  margin-bottom: 3.125rem;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  line-height: 1.75rem;
}

.grid {
  flex-wrap: wrap;
  grid-template-columns: auto auto auto auto;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  align-content: flex-end;
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  display: flex;
}

.grid-2, .grid-3 {
  display: flex;
}

.columns-3 {
  justify-content: center;
  display: block;
}

.column-3 {
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.column-4, .column-5, .column-6 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-6 {
  position: absolute;
}

.img-deko {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.img-deko.hm-deko {
  display: block;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: rotate(180deg);
}

.branchen {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.branchen-cta {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

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

.content-slider {
  background-color: #f5f8fa;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.text-content {
  width: 50%;
}

.content-slide {
  width: 50%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: space-between;
  display: flex;
}

.cs-arr-left {
  margin-right: 1.25rem;
}

.slide-item-card {
  max-width: 25.75rem;
  background-color: #fff;
  padding: 1.875rem;
}

.heading-four {
  color: #0177bf;
  letter-spacing: .01em;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.heading-four.module-overview-heading {
  text-align: center;
}

.heading-four.beitragsheading {
  margin-bottom: 1.25rem;
}

.body-2 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.einfacher-cta {
  width: 100%;
  background-image: linear-gradient(270deg, #0177bf, #004671);
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.light-text {
  max-width: 39.0625rem;
  color: #fff;
  margin-bottom: 3.125rem;
}

.features-modul, .benefits-modul {
  background-color: rgba(0, 0, 0, 0);
}

.columns-4 {
  width: 100%;
  margin-bottom: 5rem;
}

.modul-auswahl {
  background-color: #f5f8fa;
  padding-top: 6.25rem;
  padding-bottom: 4.6875rem;
  position: relative;
}

.body-3 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.heading {
  text-align: center;
}

.heading.heading-three {
  color: #0177bf;
  letter-spacing: .000625rem;
  font-size: 2rem;
  line-height: 2.8125rem;
}

.heading.heading-three.modul-heading-three {
  max-width: 34.375rem;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 16.25rem;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body-4 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.text-block-7 {
  color: #0177bf;
  text-align: center;
  margin-bottom: .9375rem;
  font-size: 1rem;
  line-height: 1.75rem;
}

.detail-header-middlewrapp {
  width: 100%;
  height: 26.5625rem;
  background-color: #f5f8fa;
  margin-top: 6.25rem;
  margin-left: auto;
  margin-right: auto;
}

.image-8 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image-9 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-10 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image-11 {
  z-index: 1;
  perspective: none;
  position: absolute;
  top: -50%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(-.3125rem, 15%);
}

.text-block-8 {
  max-width: 43.75rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9.5rem;
  font-size: 1rem;
  line-height: 1.75rem;
}

.benefits-upper-wrapper {
  max-height: 61.875rem;
  background-image: linear-gradient(270deg, #0177bf, #004671);
  margin-bottom: 15.625rem;
  position: relative;
}

.columns-5 {
  width: 100%;
  flex: 0 auto;
  display: block;
}

.text-block-9 {
  color: #fff;
  letter-spacing: .01em;
  font-size: 1.25rem;
  font-weight: 700;
}

.column-8 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-9, .column-10 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.benefits-picture-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 5.2625rem;
}

.benefits-picture-wrapper.ueber-uns-benefits-images {
  max-height: 44.375rem;
  margin-left: auto;
  margin-right: auto;
  top: 0;
}

.image-12 {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 30px solid #fff;
  position: relative;
}

.image-13 {
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 30px solid #fff;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-14 {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 30px solid #fff;
  position: relative;
  top: 0;
  left: 0;
}

.columns-6 {
  width: 100%;
}

.text-box-wrapper {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-box-benefits-modul {
  max-width: 22.1875rem;
}

.text-block-10 {
  font-size: 1rem;
  line-height: 1.75rem;
}

.image-15 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.body-5 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

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

.text-block-12 {
  max-width: 43.75rem;
  text-align: center;
}

.body-6 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.kontakt-text-wrapper {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 5rem;
  display: flex;
}

.kontakt-standort-2 {
  flex: 1;
}

.kontakt-addresse-textblock {
  margin-bottom: .9375rem;
}

.text-span, .text-span-2 {
  font-weight: 700;
}

.kontakt-btn-wrapper {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  display: flex;
}

.text-span-3, .text-span-4 {
  font-weight: 700;
}

.contact-left-container {
  width: 50%;
  height: 51.875rem;
  align-self: auto;
  padding-right: 1.875rem;
}

.contact-img-wrapper-left {
  width: 100%;
  height: 25rem;
  margin-bottom: 1.875rem;
}

.image-16, .image-17, .image-18 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.body-7 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.news--bersicht {
  position: relative;
}

.image-19 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.body-8 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.div-block {
  z-index: 0;
  width: 49.0625rem;
  height: 31.4375rem;
  max-width: 49.0625rem;
  position: relative;
}

.div-block.left-img-wrapper {
  width: 49.0625rem;
  height: 31.25rem;
  max-width: none;
}

.div-block-2 {
  z-index: 1;
  width: 39.0625rem;
  height: 26.75rem;
  position: relative;
  top: -17.55rem;
  left: 35.35rem;
}

.div-block-3 {
  z-index: 2;
  width: 27.5rem;
  height: 19.6875rem;
  position: relative;
  top: -30.575rem;
  left: 13.8rem;
}

.benefits-images {
  width: 100%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slider-wrapper {
  width: 100%;
  margin-bottom: 3.125rem;
  display: flex;
}

.slider-dot {
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: #32dbbe;
  border-radius: 50%;
}

.slider-deko-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.slider-line {
  width: 100%;
  height: .0625rem;
  background-color: #32dbbe;
}

.image-20 {
  margin-right: 1.25rem;
}

.body-9 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.beigtrag-detail {
  padding-bottom: 9.375rem;
}

.link-6 {
  color: #2e3c49;
}

.heading-three {
  max-width: 47.5rem;
  color: #0177bf;
  text-align: center;
  letter-spacing: .000625rem;
  margin-bottom: 3.125rem;
  font-size: 2rem;
  line-height: 2.625rem;
}

.div-block-4 {
  width: 100%;
}

.div-block-4.beitrag-social {
  border-top: .0625rem solid #f5f8fa;
  border-bottom: .0625rem solid #f5f8fa;
  justify-content: space-between;
  align-self: auto;
  margin-bottom: 3.125rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

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

.social-icons {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  display: flex;
}

.small-wrapper {
  width: 100%;
  max-width: 50rem;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-21 {
  margin-bottom: 3.125rem;
}

.beitrag-text-wrapper {
  width: 100%;
  margin-bottom: 3.75rem;
}

.columns-7 {
  width: 100%;
}

.columns-7.beitrag-small-img-wrapper {
  margin-bottom: 5rem;
}

.back-wrapper {
  width: 100%;
  border-top: .0625rem solid #f5f8fa;
  border-bottom: .0625rem solid #f5f8fa;
  justify-content: center;
  align-self: auto;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.body-10 {
  color: #2e3c49;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.standard-header-variante {
  background-image: linear-gradient(270deg, #0177bf, #004671);
  position: relative;
}

.sh-variante-titel-deko {
  width: .75rem;
  height: .75rem;
  background-color: #32dbbe;
  margin-right: .625rem;
}

.sh-variante-titel-wrapper {
  align-items: center;
  display: flex;
}

.text-block-14 {
  color: #32dbbe;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.heading-2 {
  width: 100%;
  color: #fff;
  letter-spacing: .01em;
  font-size: 3.625rem;
  line-height: 4.125rem;
}

.heading-2.heading-one {
  margin-bottom: 2.5rem;
}

.image-22 {
  position: relative;
  left: 11.8125rem;
}

.text-block-15 {
  color: #fff;
}

.image-23 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.video {
  max-width: 56.25rem;
  align-self: auto;
}

.image-24, .image-25, .image-26, .image-27, .image-28, .image-29 {
  margin-bottom: 1.25rem;
}

.teams-slider {
  width: 100%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-5 {
  width: 50%;
  max-height: 28.125rem;
  background-color: #f5f8fa;
  flex-direction: column;
  align-items: flex-start;
  padding: 5.625rem .625rem 5.625rem 6.25rem;
  display: flex;
}

.div-block-6 {
  width: 50%;
  padding-left: .625rem;
  position: relative;
  overflow: hidden;
}

.text-block-16 {
  color: #0177bf;
  font-size: 1.25rem;
}

.text-block-17 {
  max-width: 33.75rem;
  color: #0177bf;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}

.text-block-18 {
  margin-bottom: 2.1875rem;
  font-size: .875rem;
}

.image-30 {
  margin-bottom: 2.1875rem;
}

.overlay-teams {
  height: 25rem;
  max-height: 25rem;
  background-image: linear-gradient(270deg, #0177bf, #004671);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-31 {
  z-index: 2;
  position: relative;
}

.teams-deko {
  z-index: 1;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.list-2 {
  list-style-type: none;
}

.stellen-link {
  color: #0177bf;
  margin-right: 3.75rem;
  font-size: 1.1875rem;
  font-weight: 700;
  text-decoration: none;
}

.list-item {
  display: flex;
}

.list-item.stelle-list-item {
  border-bottom: .0625rem solid #f5f8fa;
  justify-content: space-between;
  margin-bottom: .9375rem;
  padding: .9375rem;
}

.text-block-19 {
  color: #0177bf;
  font-size: .9375rem;
}

.text-block-20 {
  color: #0177bf;
}

.list-item-2 {
  border-bottom: .0625rem solid #f5f8fa;
  margin-bottom: .9375rem;
  padding: .9375rem;
  display: flex;
}

.list-item-3 {
  border-bottom: .0625rem solid #f5f8fa;
  padding: .9375rem;
  display: flex;
}

.stellenn-wrapper {
  grid-column-gap: 1.5625rem;
  grid-row-gap: 1.5625rem;
  display: flex;
}

.tb-text-wrapper {
  margin-bottom: 6.25rem;
}

.column-11 {
  flex-direction: column;
  display: flex;
}

.body-11 {
  font-size: 1rem;
  line-height: 1.75rem;
}

.hm-img-wrapper {
  width: 29.4375rem;
  height: 47.875rem;
  position: relative;
}

.logo-mob, .menu-right-mob, .phone-mob, .sva-slider, .svb-slider, .nv-slider, .modul-overview-slider, .modul-overview-slider-wrapper {
  display: none;
}

@media screen and (min-width: 1440px) {
  .text-bild-bereich-3 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .column-2 {
    padding: 5.3125rem 5.2125rem;
  }

  .module-card {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 991px) {
  .header---desktop {
    background-color: #fff;
  }

  .primary-button, .primary-button.white {
    display: none;
  }

  .text-box {
    padding-top: 0;
  }

  .top-wrapper {
    margin-bottom: 80px;
  }

  .hintergrundverlauf {
    height: 23.8rem;
  }

  .inner-wrapper.features-inner-wrapper {
    padding-top: 0;
  }

  .inner-wrapper.benefits-wrapper {
    align-items: center;
    padding-top: 0;
  }

  .inner-wrapper.detail-header-wrapper {
    position: static;
  }

  .inner-wrapper.detail-middle-innerwrapp {
    align-items: flex-start;
  }

  .inner-wrapper.benefits-modul-inner-wrapper {
    padding-right: 0;
  }

  .inner-wrapper.benefits-bottom-inner-wrapper {
    flex-direction: row;
  }

  .inner-wrapper.sh-variante-wrapper {
    flex-direction: column;
  }

  .inner-wrapper.texte-bilder-wrapper {
    padding-top: .4875rem;
  }

  .text-bild-bereich {
    flex-direction: column;
  }

  .text-wrapper-2 {
    max-width: none;
    padding-top: 1.95rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .bildtext-element {
    flex-direction: column;
  }

  .text-bild-bereich-2 {
    flex-direction: column-reverse;
  }

  .text-bild-bereich-2.be-text-element {
    flex-direction: column;
  }

  .text-wrapper-3 {
    max-width: none;
    margin-bottom: 2.7rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .subtitel-2 {
    width: 100%;
    height: auto;
    margin-bottom: 2.2625rem;
  }

  .subtitel-2.features-heading-textbox.text-subtitle-wrapper, .subtitel-2.text-subtitel-wrapp, .subtitel-2.text-sub-wrapp {
    height: auto;
    margin-bottom: 0;
  }

  .subtitel-2.cs-subtitle, .subtitel-2.bild-text-subtitle-wrapper {
    height: auto;
  }

  .text-12 {
    padding-top: .925rem;
    padding-bottom: .925rem;
  }

  .image-3 {
    display: none;
  }

  .space {
    height: 4rem;
  }

  .space.no-space {
    height: 0;
  }

  .menu, .menu-right-white, .deco {
    display: none;
  }

  .sw-logo-leiste {
    align-items: flex-start;
  }

  .text-15 {
    display: none;
  }

  .text-15.logo-leiste-text-mob {
    max-width: 20rem;
    padding-top: 1.5rem;
    padding-left: 1.25rem;
    display: block;
  }

  .inner-wrapper-5 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-bild-bereich-3 {
    display: none;
  }

  .text-bild-bereich-3.slider-bild-item {
    display: block;
  }

  .image-wrapper {
    padding: 22px;
  }

  .image-wrapper.dcta-img-wrapper {
    width: 100%;
    height: 24.1875rem;
  }

  .tertiary-button-3 {
    display: block;
  }

  .double-cta {
    padding-bottom: 0;
  }

  .text-bild-bereich-4 {
    flex-direction: column;
  }

  .image-wrapper-2, .image-wrapper-2.dcta-img-wrapper {
    width: 100%;
    height: 24.1875rem;
  }

  .overlay-2 {
    height: 24.1875rem;
  }

  .news-voransicht {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }

  .inner-wrapper-6 {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
  }

  .cards {
    display: none;
  }

  .cards.news-overview-cards {
    display: block;
  }

  .cards.branchen-cards {
    flex-flow: wrap;
    flex: 0 auto;
    align-self: flex-start;
    display: block;
  }

  .logo {
    padding-bottom: 2.15rem;
  }

  .top-left-wrapper {
    display: none;
  }

  .top-right-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-direction: column;
  }

  .top-right-first-column {
    height: auto;
  }

  .bottom-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .inner-wrapp {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .column {
    height: 31.25rem;
  }

  .column-2 {
    height: 26rem;
    padding: .2rem 1.25rem 2rem;
  }

  .text-block {
    margin-bottom: 2.875rem;
  }

  .container {
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: center;
  }

  .container.cs-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .container.slim-cta-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .text-block-module.modul-textblock {
    align-self: auto;
    margin-bottom: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-two {
    text-align: left;
  }

  .heading-two.features-heading {
    align-self: auto;
    margin-top: 2.15rem;
    margin-bottom: 2.15rem;
    padding-left: 1.25rem;
  }

  .text-block-2 {
    text-align: left;
  }

  .filter-link {
    border-bottom: 3px solid #32dbbe;
    border-radius: 0;
    padding-bottom: .3rem;
  }

  .filter-list {
    display: none;
  }

  .columns-2 {
    flex-direction: column;
    align-self: auto;
    display: none;
  }

  .module-card {
    flex-direction: column;
  }

  .filter-wrapp, .module-deko-right, .module-deko-left {
    display: none;
  }

  .logo-leiste {
    background-color: #f5f8fa;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .text-block-6.logo-leiste-text {
    max-width: 20rem;
    color: #0177bf;
    text-align: left;
    font-weight: 600;
  }

  .column-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img-deko {
    display: none;
  }

  .img-deko.hm-deko {
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
    transform: rotate(180deg);
  }

  .column-7 {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: .625rem;
  }

  .text-content, .content-slide {
    width: 100%;
  }

  .cs-arr-left, .cs-arr-right {
    display: none;
  }

  .modul-auswahl {
    padding-top: 0;
  }

  .heading.heading-three.modul-heading-three {
    margin-bottom: 1.2rem;
  }

  .detail-header-middlewrapp {
    margin-top: 0;
  }

  .image-11 {
    width: 100%;
    height: auto;
    align-self: flex-start;
    padding-top: 0;
    top: -18%;
    bottom: 0;
    left: 0%;
    right: 0%;
  }

  .text-block-8 {
    padding-top: 3.6rem;
  }

  .benefits-bottom-wrapper {
    flex-direction: row;
    display: flex;
  }

  .columns-5 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
    display: block;
  }

  .text-block-9 {
    font-size: 1rem;
  }

  .benefits-picture-wrapper {
    top: 0;
  }

  .image-12 {
    width: 100%;
    border-width: 0;
  }

  .image-13 {
    border-width: 0;
    top: 0;
    left: 0;
  }

  .image-14 {
    border-width: 0;
    top: 0;
  }

  .text-box-wrapper {
    flex-direction: column;
  }

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

  .contact-left-container.bild-modul-contact-left-container {
    padding-right: 0;
  }

  .div-block.left-img-wrapper {
    width: 100%;
    height: 18.75rem;
    max-width: none;
  }

  .div-block-2, .div-block-3 {
    width: 100%;
    height: 18.75rem;
    top: 0;
    left: 0;
  }

  .sh-variante-text-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-22.shv-img {
    left: 0;
  }

  .image-23.sh-deko {
    display: none;
  }

  .div-block-5.tss-text-wrapper {
    padding: 1.45rem;
  }

  .hm-img-wrapper {
    width: 100%;
    position: relative;
  }

  .logo-mob, .menu-right-mob, .phone-mob {
    display: block;
  }

  .sva-slider {
    align-items: center;
    display: block;
  }

  .svb-slider {
    max-height: 17.5rem;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
    position: relative;
  }

  .nv-slider {
    display: block;
  }

  .image-32 {
    flex: 0 auto;
  }

  .column-12 {
    padding-bottom: 1.25rem;
    padding-left: .625rem;
    padding-right: 1.25rem;
  }

  .column-13 {
    padding-left: 1.25rem;
    padding-right: .625rem;
  }

  .column-14 {
    padding-left: .625rem;
    padding-right: 1.25rem;
  }

  .image-33 {
    flex: 0 auto;
  }

  .modul-overview-slider {
    align-self: stretch;
    display: block;
  }

  .modul-overview-slider.modul-auswahl-slider {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .columns-8 {
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 1.2rem;
    display: flex;
  }

  .column-15 {
    flex: 0 auto;
    align-self: center;
  }

  .modul-overview-slider-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: block;
  }

  .image-34, .image-35, .image-36, .image-37 {
    width: 100%;
  }
}