:root {
  --secondary: #1a1a1a;
  --body-font: "Roboto Condensed", sans-serif;
  --primary: #fcfff4;
  --heading-font: "Bebas Neue", sans-serif;
  --primary-30: #fcfff44d;
  --fuerzahlenundfakten: #701919;
  --primary-24: #fcfff43d;
  --color: #979797;
  --primary-08: #fcfff414;
  --primary-80: #fcfff4cc;
  --green123: var(--green);
  --primary-00: #fcfff400;
  --primary-12: #fcfff41f;
  --green: #026800;
  --white: white;
  --color-2: lightgreen;
  --lightblue: lightblue;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  background-color: var(--secondary);
  font-family: var(--body-font);
  color: var(--primary);
  letter-spacing: -.01em;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1;
}

h1 {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13.125em;
  font-weight: 400;
  line-height: .9;
}

h2 {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10em;
  font-weight: 400;
  line-height: .9;
}

h3 {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7.5em;
  font-weight: 400;
  line-height: .9;
}

h4 {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: .9;
}

h5 {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .9;
}

h6 {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 700;
  line-height: .9;
}

p {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1.5em;
}

li {
  margin-bottom: .5em;
  font-size: 1em;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  display: block;
}

blockquote {
  border-left: .25em solid var(--primary-30);
  letter-spacing: -.02em;
  margin-bottom: 1.5em;
  padding: 1.5em;
  font-size: 1.25em;
  line-height: 1.4;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.page-wrap-menu {
  z-index: 1;
  color: var(--fuerzahlenundfakten);
  background-color: #000;
  position: relative;
}

.wrapfornumbers {
  color: var(--primary);
  text-align: center;
  background-color: #0000;
  width: 100%;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  position: relative;
}

.margin-bottom-xsmall {
  margin-bottom: .5rem;
}

.title-xlarge {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  font-size: 13.125em;
  font-weight: 400;
  line-height: .9;
}

.title-xlarge._1 {
  color: var(--primary-30);
}

.title-xlarge._2 {
  color: var(--primary-24);
}

.title-large {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  font-size: 10em;
  font-weight: 400;
  line-height: .9;
}

.title-medium {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  font-size: 7.5em;
  font-weight: 400;
  line-height: .9;
}

.title-medium.text-align-center {
  color: var(--primary);
  text-align: center;
}

.title-small {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  font-size: 5em;
  font-weight: 400;
  line-height: .9;
}

.title-xsmall {
  font-family: var(--heading-font);
  text-align: left;
  letter-spacing: -.02em;
  font-size: 3em;
  font-weight: 400;
  line-height: .9;
}

.title-xxsmall {
  font-family: var(--heading-font);
  letter-spacing: -.02em;
  font-size: 2em;
  font-weight: 700;
  line-height: .9;
}

.text-size-large {
  font-size: 1.25em;
}

.text-size-large.text-all-caps {
  color: var(--secondary);
}

.text-size-small {
  font-size: .875em;
}

.text-color-secondary {
  color: var(--secondary);
}

.text-color-primary {
  color: var(--primary);
}

.text-weight-bold {
  color: var(--primary);
  font-weight: 700;
}

.text-weight-bold.text-all-caps.div-relative {
  color: var(--secondary);
}

.text-align-center {
  color: var(--color);
  text-align: center;
  font-size: 124px;
}

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

.text-align-right {
  text-align: right;
}

.div-hide {
  font-family: var(--body-font);
  color: var(--primary-30);
  font-size: 50%;
  font-weight: 400;
  overflow: hidden;
}

.div-relative {
  position: relative;
}

.div-flex {
  display: flex;
}

.div-flex.center {
  justify-content: center;
  margin-top: 2%;
}

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

.bg-color-primary.padding-small {
  padding: 1em;
}

.div-z-index-1 {
  z-index: 1;
  position: relative;
}

.div-z-index-2 {
  z-index: 2;
  position: relative;
}

.div-z-index-0 {
  z-index: 0;
  position: relative;
}

.align-right {
  margin-left: auto;
  margin-right: 0;
}

.align-left {
  margin-left: 0;
  margin-right: auto;
}

.default-rich-text h1 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 8em;
}

.default-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 6.5em;
}

.default-rich-text p {
  margin-bottom: .75rem;
  font-size: 1.25em;
}

.default-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 5em;
}

.default-rich-text figure {
  margin-bottom: 1rem;
}

.default-rich-text figcaption {
  margin-top: .25rem;
  font-size: .75rem;
}

.default-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 4em;
}

.default-rich-text blockquote {
  letter-spacing: -.01rem;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;
  line-height: 100%;
}

.default-rich-text h5 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
}

.default-rich-text h6 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

.default-rich-text ul {
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.default-rich-text li {
  letter-spacing: -.01rem;
  margin-bottom: .25rem;
}

.default-rich-text ol {
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.info-page-section {
  padding-top: 8rem;
}

.text-link-default {
  color: var(--primary);
  text-decoration: underline;
}

.styleguide-color-swatch {
  min-height: 5rem;
  margin-bottom: .5rem;
}

.styleguide-color-swatch.first {
  background-color: var(--primary);
}

.styleguide-color-swatch.second {
  border: 1px solid var(--primary);
  background-color: var(--secondary);
}

.opacity-80 {
  opacity: .8;
}

.styleguide-grid {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-columns: 1fr;
  margin-top: 15em;
  margin-bottom: 15em;
}

.styleguide-section-title {
  color: var(--secondary);
  letter-spacing: -.025em;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #6b6b6b29;
  border-radius: 0;
  min-width: 14.5em;
  padding: 1.5em;
  font-size: 1rem;
  font-weight: 800;
  line-height: 100%;
  box-shadow: 0 16px 32px #00000029;
}

.styleguide-header-section {
  grid-column-gap: 2em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.line {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.line.styleguide-var {
  background-color: #e2e2e23d;
}

.line.primary-30 {
  background-color: var(--primary-30);
}

.styleguide-item {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide-info-item {
  border: 1px solid var(--primary);
  color: var(--primary);
  border-radius: 0;
  padding: 1em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%;
}

.styleguide-info-item.middle {
  border-left-style: none;
  border-right-style: none;
}

.styleguide-info-item.end {
  border-left-style: none;
}

.styleguide-info-item.alert {
  background-color: var(--primary);
  color: var(--secondary);
  padding: 2em;
}

.styleguide-info-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.styleguide-info-grid._1-col {
  grid-template-columns: 1fr;
}

.styleguide-info-grid._2-cols {
  grid-template-columns: 1fr 1fr;
}

.styleguide-info-grid._4-cols {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--primary-30);
  color: var(--primary);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 1.5em;
  padding: .5em 0;
  font-size: 1em;
  transition: border-color .3s;
}

.text-field:hover, .text-field:active, .text-field:focus {
  border-bottom-color: var(--primary);
}

.text-field:focus-visible {
  border-bottom-color: var(--primary);
}

.text-field[data-wf-focus-visible] {
  border-bottom-color: var(--primary);
}

.text-field.textarea {
  min-height: 5em;
}

.font-1st-styleguide {
  font-family: Bebas Neue, sans-serif;
}

.font-2st-styleguide {
  font-family: var(--body-font);
}

.styleguide-wrapper {
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.styleguide-fixed-nav-wrapper {
  align-items: center;
  width: 21%;
  height: 100vh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.styleguide-content-wrapper {
  width: 74%;
}

.styleguide-fixed-nav {
  background-color: var(--primary-08);
  border: 1px solid #6b6b6b29;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 30px 60px #1a1a1a3d;
}

.styleguide-nav-link {
  color: var(--primary);
  text-transform: uppercase;
  border: 1px #000;
  border-bottom: 1px solid #6b6b6b29;
  padding: 1.5em;
  text-decoration: none;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
}

.styleguide-nav-link:hover {
  z-index: 1;
  border-radius: .25em;
  position: relative;
  box-shadow: 0 -8px 16px #0000000a, 0 16px 24px #0000001f;
}

.styleguide-nav-link.w--current {
  background-color: var(--primary-08);
  padding-left: 2.5em;
}

.styleguide-hero-section {
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.styleguide-heading {
  color: var(--primary);
  font-size: 15vw;
  line-height: 85%;
}

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

.utility-page-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 40em;
  margin-bottom: 0;
  display: grid;
}

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

.form-password-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 1.5em;
  display: flex;
}

.spacer-xxsmall {
  height: .25rem;
}

.spacer-xsmall {
  height: .5rem;
}

.spacer-small {
  height: .75rem;
}

.spacer-medium {
  height: 1rem;
}

.spacer-large {
  height: 1.5rem;
}

.spacer-xlarge {
  height: 2rem;
}

.spacer-xxlarge {
  height: 3rem;
}

.menu {
  z-index: 10;
  transform-origin: 50% 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 2.5em;
  display: flex;
  position: fixed;
}

.menu-wrap {
  border: 1px solid var(--primary-30);
  background-color: var(--primary-08);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border-radius: .5em;
  flex-direction: column;
  align-items: stretch;
  width: 65%;
  display: flex;
  overflow: hidden;
}

.menu-logo-link {
  width: 3.625em;
  transition: opacity .3s;
}

.menu-logo-link:hover {
  opacity: .6;
}

.img-cover {
  object-fit: cover;
  width: 200%;
  max-width: 200%;
  height: 250%;
}

.menu-burger-wrap {
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  padding-top: .25em;
  padding-bottom: .25em;
  padding-left: 1em;
  transition: opacity .3s;
  display: flex;
}

.menu-burger-wrap:hover {
  opacity: .6;
}

.menu-burger-icon {
  border: 1px solid var(--primary-30);
  border-radius: 100vw;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 2em;
  height: 2em;
  margin-left: .5em;
  padding-top: .75em;
  padding-bottom: .75em;
  display: flex;
}

.menu-burger-line {
  background-color: var(--primary);
  width: 50%;
  height: 1px;
}

.text-all-caps {
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 2%;
  font-style: normal;
}

.text-all-caps.text-size-large {
  color: var(--primary);
  text-align: left;
}

.menu-burger-label {
  padding-top: .25em;
}

.home-hero-section {
  min-height: 100%;
}

.home-hero-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 9em 3em 5em;
  display: flex;
}

.home-hero-heading-img-wrap {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-hero-top-wrap {
  color: var(--fuerzahlenundfakten);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-hero-img-wrap {
  width: 17.25em;
  margin-top: .25em;
  position: relative;
}

.home-hero-img-container {
  z-index: 1;
  border: 1px solid var(--primary-30);
  border-radius: .5em;
  padding-top: 58%;
  position: relative;
  overflow: hidden;
}

.img-cover-absolute {
  object-fit: cover;
  width: 100%;
  max-width: 150%;
  height: 100%;
  margin-left: 0;
  padding-left: 0;
  position: absolute;
  inset: 0%;
}

.img-cover-absolute.hero {
  width: 125%;
  max-width: 125%;
  margin-left: -53px;
}

.hero-section-btm-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 22em;
  margin-top: 5em;
  display: grid;
}

.hero-section-btm-wrap.about {
  margin-top: 1.25em;
}

.button {
  border: 1px solid var(--primary);
  background-color: var(--primary-24);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--primary);
  text-transform: uppercase;
  border-radius: .5em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 5%;
  padding: 1em 1.5em;
  font-weight: 700;
  text-decoration: none;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1), background-color .6s cubic-bezier(.165, .84, .44, 1), border-radius .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button:hover {
  background-color: var(--primary-80);
  border-radius: 2em;
  transform: scale(1.05);
}

.button.submit {
  background-image: url('../images/icon-send-dark.svg');
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: 1.75em 1.75em;
  width: 100%;
  min-height: 3.5em;
  margin-top: 20px;
}

.button-icon {
  object-fit: cover;
  background-color: #0000;
  width: 1.5em;
  height: 1.5em;
  margin-left: 1em;
}

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

.heading-span._1 {
  color: var(--color);
}

.home-hero-right-heading-wrap {
  overflow: hidden;
}

.showreel-section {
  clear: left;
  width: 100%;
  margin-top: 5%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.showreel-wrap {
  background-color: var(--secondary);
  width: 100%;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.showreel-container {
  z-index: 1;
  border: 1px solid var(--primary-30);
  border-radius: .5em;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}

.video-bg-absolute {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  display: block;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.showreel-overlay {
  background-color: #1a1a1a99;
  position: absolute;
  inset: 0%;
}

.showreel-label-wrap {
  margin-top: 2em;
  margin-left: 2em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.showreel-play-btn-wrap {
  color: var(--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.showreel-play-btn-trigger {
  text-decoration: none;
}

.showreel-video-popup {
  z-index: 50;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #1a1a1a80;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.showreel-video-youtube {
  z-index: 1;
  border: 1px solid var(--primary-30);
  border-radius: .5em;
  overflow: hidden;
}

.showreel-popup-wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20em;
  padding-right: 20em;
}

.showreel-close-btn-trigger {
  margin-top: 2em;
  position: absolute;
  inset: 0% auto auto;
}

.last-works-section {
  padding-top: 0;
  padding-bottom: 7.5em;
}

.split-section-title {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.split-section-desc-text-wrap-desktop {
  flex-direction: column;
  justify-content: center;
  width: 22em;
  margin-left: 1em;
  margin-right: 1em;
  display: flex;
}

.works-grid-cms {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-item-link {
  color: var(--primary);
  width: 100%;
  text-decoration: none;
}

.work-item-img-container {
  z-index: 1;
  border: 1px solid var(--primary-30);
  color: var(--secondary);
  border-radius: .5em;
  padding-top: 72%;
  position: relative;
  overflow: hidden;
}

.work-item-info-wrap {
  color: var(--secondary);
  align-items: flex-end;
  margin-top: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-item-services-grid {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: .6;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  margin-bottom: .125em;
  margin-left: .75em;
}

.work-item-icon-absolute {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.latest-works-cms {
  margin-top: 3em;
  margin-bottom: 3.75em;
}

.button-wrapper-large {
  width: 22em;
}

.bio-text-section {
  padding-top: 0;
  padding-bottom: 0;
}

.display-text {
  font-family: var(--heading-font);
  color: var(--color);
  text-align: center;
  letter-spacing: -.02em;
  -webkit-text-stroke-color: var(--primary);
  font-size: 8.75em;
  font-weight: 400;
  line-height: .9;
}

.bio-span-img {
  background-image: url('../images/about-square-img-01.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  width: .75em;
  height: .75em;
  display: inline-block;
}

.bio-span-img._2 {
  background-image: url('../images/werkII_aussen_klein.jpg');
  background-position: 0 0;
  background-size: 100% 100%;
}

.bio-span-img._3 {
  background-image: url('../images/DSC_0048sw.jpg');
  background-position: 0 0;
  background-size: 100% 100%;
}

.bio-span-img._1 {
  background-image: url('../images/Gero_032024_0017klein.jpg');
  background-position: 0 0;
  background-size: 100% 100%;
}

.span-text-primary-30 {
  color: var(--primary);
}

.display-text-container {
  margin-bottom: 3.75em;
}

.services-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.service-item {
  border: 1px solid var(--primary-30);
  background-color: var(--secondary);
  transform-origin: 50% 0;
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 3em;
  padding: 3em;
  display: flex;
  position: sticky;
  top: 2em;
}

.service-item._2 {
  top: 3em;
}

.service-item._3 {
  top: 4em;
}

.service-item._4 {
  top: 5em;
}

.service-item-top-wrap {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 5em;
  display: flex;
  position: relative;
}

.service-number-label {
  font-family: var(--heading-font);
  text-align: left;
  letter-spacing: -.04em;
  margin-right: -1.25em;
  padding-top: .05em;
  font-size: 2.5em;
  line-height: .9;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-wrapper-small {
  color: var(--color);
  width: 22em;
}

.service-card-img-wrap {
  width: 27em;
}

.service-card-img-container {
  z-index: 1;
  border: 1px solid var(--primary-08);
  border-radius: .25em;
  padding-top: 73%;
  position: relative;
  overflow: hidden;
}

.service-item-btm-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.service-card-img {
  aspect-ratio: 1;
  width: 7.5em;
  display: none;
}

.service-item-keywords-grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.25em;
  grid-template-rows: auto auto auto;
  margin-top: 1.25em;
}

.service-keywords-wrap {
  margin-right: auto;
}

.opacity-60 {
  opacity: .6;
}

.service-list-track {
  perspective: 1000px;
  margin-top: 2.5em;
  padding-left: 3em;
  padding-right: 3em;
  position: relative;
}

.service-item-spacer {
  height: 20em;
}

.menu-top-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1em 1.75em;
  display: flex;
}

.menu-btm-wrap {
  display: none;
  overflow: hidden;
}

.menu-line {
  background-color: var(--primary-30);
  width: 100%;
  height: 100%;
  line-height: 100%;
  position: relative;
}

.menu-grid-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  min-height: 16em;
  display: grid;
}

.menu-link {
  border-right: 1px solid var(--primary-30);
  color: var(--primary);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.menu-link.no-border {
  border-right-style: none;
}

.menu-label-wrap {
  position: relative;
  overflow: hidden;
}

.menu-label-absolute {
  position: absolute;
  inset: 0%;
}

.menu-link-bg {
  background-color: var(--primary);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: scale3d(1, 0, 1);
}

.references-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.references-logo-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 3em;
}

.reference-logo-cell {
  border: 1px solid var(--primary-30);
  border-radius: .25em;
}

.reference-logo {
  object-fit: cover;
  width: 100%;
  height: 6.75em;
}

.testimonials-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.testimonials-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: var(--color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 2%;
}

.testimonial-item {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.testimonial-quote {
  float: none;
  color: var(--green123);
  text-align: left;
  width: 2.625em;
  margin-bottom: 1.5em;
  margin-left: 2%;
}

.testimonial-infos {
  align-items: flex-end;
  margin-top: 2.5em;
  display: flex;
}

.testimonial-job-wrap {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: .6;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  margin-bottom: .125em;
  margin-left: .75em;
  display: block;
}

.footer {
  background-color: var(--secondary);
  color: var(--secondary);
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  padding-top: 5em;
  padding-bottom: 3em;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-top-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template: "Area Area Area . Area-2 Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.footer-links-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-link-group {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  display: grid;
}

.footer-links-grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-columns: 1fr;
  justify-items: end;
}

.footer-text-link {
  color: var(--secondary);
  text-transform: uppercase;
  transition: opacity .3s;
}

.footer-text-link:hover {
  opacity: .6;
}

.footer-text-link.w--current {
  opacity: .6;
  text-decoration: none;
}

.footer-callout-link {
  color: var(--secondary);
  width: 100%;
  text-decoration: none;
  position: relative;
}

.footer-callout-text {
  font-family: var(--heading-font);
  text-align: center;
  letter-spacing: -.02em;
  font-size: 24.5em;
  font-weight: 400;
  line-height: .85;
}

.footer-callout-line-wrap {
  height: 1.5em;
  position: relative;
  overflow: hidden;
}

.footer-callout-line-relative {
  background-color: var(--secondary);
  color: var(--color);
  width: 100%;
  height: 100%;
}

.footer-callout-line-absolute {
  background-color: var(--color);
  transform-origin: 0%;
  color: var(--color);
  width: 10%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-span-word {
  display: inline-block;
}

.div-absolute-full {
  position: absolute;
  inset: 0%;
}

.footer-callout-text-wrap {
  color: var(--fuerzahlenundfakten);
  height: 18.5em;
  margin-bottom: 1.5em;
  position: relative;
  overflow: hidden;
}

.footer-spacer {
  min-height: 100vh;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-component {
  position: static;
}

.text-align-center-mobile {
  float: none;
  color: var(--color);
  text-align: left;
  width: 100%;
  margin-top: 0%;
  margin-left: 2%;
}

.split-section-desc-text-wrap-mobile {
  flex-direction: column;
  justify-content: center;
  display: none;
}

.service-name-wrap {
  position: relative;
}

.works-hero-section {
  padding: 11em;
}

.works-hero-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: grid;
}

.works-number-label-wrap {
  margin-top: .5em;
  margin-right: -5em;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.works-section {
  background-color: #000;
  padding-bottom: 7.5em;
}

.tabs-menu {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  border: 1px solid var(--primary-30);
  background-color: var(--secondary);
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 16em;
  margin-left: auto;
  margin-right: auto;
  padding: .75em;
  display: grid;
}

.tab-item {
  border: 1px solid var(--primary-00);
  background-color: var(--primary-08);
  color: var(--primary);
  text-transform: uppercase;
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  min-width: 6.5em;
  padding: .75em 2em;
  font-weight: 500;
  transition: color .4s, border-radius .4s, color .4s, border-color .3s;
  display: flex;
}

.tab-item:hover {
  border-color: var(--primary-30);
  border-radius: 1.5em;
}

.tab-item.w--current {
  background-color: var(--primary);
  color: var(--secondary);
}

.icon-24 {
  object-fit: cover;
  width: 1.5em;
  height: 1.5em;
}

.works-cms {
  margin-top: 3em;
}

.works-list-cms {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.work-item-list {
  border-bottom: 1px solid var(--primary-30);
  color: var(--primary);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 6.5em;
  margin-bottom: -1px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-item-list-img-wrap {
  color: var(--secondary);
  width: 8.75em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.work-item-list-img-container {
  border-top: 1px solid var(--primary-30);
  border-right: 1px solid var(--primary-30);
  border-left: 1px solid var(--primary-30);
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}

.work-item-list-name-wrap {
  width: 22em;
}

.work-item-list-services-grid {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: .6;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  margin-left: 2em;
}

.work-item-list-main-wrap {
  color: var(--secondary);
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.work-item-list-infos-wrap {
  align-items: center;
  display: flex;
}

.work-item-list-bg {
  background-color: var(--primary-08);
  transform-origin: 50% 100%;
  color: var(--secondary);
  position: absolute;
  inset: 0%;
}

.works-hero-title-flex {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.about-hero-section {
  padding-top: 11em;
  padding-bottom: 11em;
}

.about-hero-title-wrap {
  text-align: center;
}

.about-hero-span-img {
  background-image: url('../images/img-chris.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  width: .75em;
  height: .75em;
  display: inline-block;
}

.about-hero-wrap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
}

.button-text {
  color: var(--primary);
  text-align: center;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button-text-wrap {
  margin-left: 1.25em;
  margin-right: 1.25em;
}

.button-icon-wrap-left, .button-icon-wrap-right {
  position: relative;
  overflow: hidden;
}

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

.about-gallery {
  margin-top: 5em;
  overflow: hidden;
}

.gallery-item {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 22em;
  margin-right: 2em;
  display: grid;
}

.gallery-img-wrap {
  z-index: 1;
  border: 1px solid var(--primary-30);
  border-radius: .5em;
  width: 100%;
  padding-top: 130%;
  position: relative;
  overflow: hidden;
}

.gallery-infos-wrap {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.about-gallery-wrap {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.experience-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

._2cols-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template: "."
  / 1fr 1fr;
  align-items: start;
}

.about-infos-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-infos-desc-wrap {
  width: 75%;
}

.row-item {
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  display: flex;
  position: relative;
}

.row-item.first {
  padding-top: 1em;
}

.experience-item-divider {
  background-color: var(--primary-30);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.bio-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.bio-text {
  color: var(--primary);
  text-align: left;
  text-transform: none;
  column-count: 2;
  column-gap: 2em;
  font-size: 1.25em;
}

.awards-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.methodology-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
  overflow: hidden;
}

.methodology-head-wrap {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
}

.methodology-desc-wrap {
  width: 22em;
}

.methodology-slider-wrap {
  width: 100%;
  padding-left: 3em;
}

.methodology-slider {
  background-color: #fff0;
  height: 100%;
}

.hide-full {
  display: none;
}

.methodology-slider-mask {
  width: 34em;
  height: 100%;
  overflow: visible;
}

.methodology-slide {
  border: 1px solid var(--primary-30);
  border-radius: .25em;
  width: 100%;
  min-height: 21.25em;
  margin-right: 2em;
  overflow: hidden;
}

.methodology-slide-content-wrap {
  flex-direction: column;
  justify-content: space-between;
  min-height: 21.25em;
  padding: 3.25em;
  display: flex;
  position: relative;
}

.methodology-slide-head-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.methodology-slide-number-wrap {
  background-color: var(--primary-12);
  text-align: center;
  border-radius: .125em;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.methodology-slider-arrow {
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  font-size: 1em;
  transition: opacity .3s;
  display: flex;
  inset: -3em 0% auto auto;
}

.methodology-slider-arrow:hover {
  opacity: .6;
}

.methodology-slider-arrow.right {
  right: 3em;
}

.methodology-slider-arrow.left {
  right: 5em;
}

.work-hero-section {
  padding-top: 9em;
  position: relative;
}

.work-hero-wrap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
  position: relative;
}

.work-hero-info-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em;
  display: flex;
}

.work-hero-info-grid {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-hero-top-content {
  flex-direction: column;
  display: flex;
}

.work-hero-img-wrap {
  width: 34em;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.work-hero-img-container {
  padding-top: 81.5%;
  position: relative;
  overflow: hidden;
}

.work-intro-wrap {
  padding-top: 5em;
  padding-bottom: 6.5em;
  position: relative;
}

.work-info-grid {
  grid-column-gap: 2em;
  grid-row-gap: 0em;
  border-bottom: 1px solid var(--primary-30);
  grid-template: "Area Area Area-2 Area-2 . Area-3 Area-3 Area-3"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-top: 3em;
  padding-bottom: 3em;
}

.work-bg-wrap {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.work-bg-overlay {
  background-image: linear-gradient(#1a1a1a33, #1a1a1a66);
  position: absolute;
  inset: 0%;
}

.work-hero-bg-img {
  object-fit: cover;
  width: 100%;
  height: 110%;
}

.work-img-gallery-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.work-img-gallery-head {
  text-align: center;
  width: 25.125em;
}

.work-img-gallery-wrap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
}

.work-img-gallery-label-wrap {
  position: absolute;
  inset: auto -16% 33% auto;
}

.work-img-gallery-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto auto;
  grid-template-areas: ". ."
                       ". ."
                       "Area Area";
  width: 100%;
  margin-top: 2.5em;
}

.work-img-wrap {
  border: 1px solid var(--primary-30);
  border-radius: .5em;
  padding-top: 74%;
  position: relative;
  overflow: hidden;
}

.work-final-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.work-final-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template: "Area Area-2 Area-2 . . Area-3 Area-4 Area-4"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.final-words-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.key-metric-item {
  justify-content: space-between;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.key-metric-item.first {
  padding-top: 0;
}

.button-secondary {
  border: 1px solid var(--primary-12);
  background-color: var(--primary-08);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--primary);
  text-transform: uppercase;
  border-radius: .5em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1.5em;
  font-weight: 700;
  text-decoration: none;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1), background-color .6s cubic-bezier(.165, .84, .44, 1), border-radius .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-secondary:hover {
  background-color: var(--primary-24);
  border-radius: 2em;
  transform: scale(1.05);
}

.next-works-section {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.next-works-wrap {
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  display: flex;
}

.next-works-desc-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 34em;
  display: grid;
}

.next-works-infos-desc-wrap {
  width: 65%;
}

.next-works-cards-wrap {
  width: 63em;
  position: relative;
  overflow: hidden;
}

.next-works-cms {
  padding-left: 2em;
  padding-right: 2em;
  overflow: scroll;
}

.next-works-cards {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.next-work-card {
  flex: none;
  width: 34em;
  margin-right: 2em;
}

.next-works-gradient-absolute {
  z-index: 1;
  background-image: linear-gradient(to right, #1a1a1a, #1a1a1a00);
  width: 2em;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.contact-section {
  min-height: 100vh;
  padding-top: 11em;
  padding-bottom: 7.5em;
}

.contact-form-wrap {
  width: 22em;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
}

.contact-success-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.contact-success-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-top: 3em;
  display: grid;
}

.info-page-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: grid;
}

.service-item-2 {
  transform-origin: 50% 0;
  background-color: #1a1a1a;
  border: 1px solid #fcfff44d;
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 3em;
  padding: 3em;
  display: flex;
  position: sticky;
  top: 2em;
}

.service-item-2._2 {
  top: 3em;
}

.service-item-2._4 {
  top: 5em;
}

.service-item-2._3 {
  top: 4em;
}

.service-card-img-container-2 {
  z-index: 1;
  border: 1px solid #fcfff414;
  border-radius: .25em;
  padding-top: 73%;
  position: relative;
  overflow: hidden;
}

.service-number-label-2 {
  text-align: left;
  letter-spacing: -.04em;
  margin-left: 0;
  margin-right: -1.25em;
  padding-top: .05em;
  font-family: Bebas Neue, sans-serif;
  font-size: 2.5em;
  line-height: .9;
  position: absolute;
  inset: 0% 0% auto auto;
}

.heading {
  color: var(--primary);
  text-align: center;
  -webkit-text-stroke-color: var(--secondary);
}

.block-quote {
  background-color: #681616;
  width: 100px;
  height: 75px;
}

.container {
  text-align: center;
}

.small-features-row {
  margin-top: 71px;
  position: absolute;
}

.feature {
  text-align: left;
}

.feature-icon {
  margin-bottom: 12px;
}

.heading-2 {
  color: var(--color);
}

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

.heading-3 {
  color: var(--primary-30);
  margin-top: 5%;
  margin-bottom: 5%;
}

.heading-4 {
  color: var(--color);
  margin-left: 0;
}

.heading-5, .heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .text-block, .text-block-2, .text-block-3, .text-block-4, .text-block-5, .text-block-6, .text-block-7, .text-block-8, .heading-12 {
  color: var(--color);
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section.dark-background {
  background-color: var(--secondary);
}

.base-container {
  border-radius: 20px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.primary-button-white {
  color: #172039;
  text-align: center;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 60px;
  align-items: center;
  padding: 12px 40px;
  transition: background-color .3s, color .3s;
  display: block;
}

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

.primary-button-white.cta-button {
  color: #ff3841;
  flex-direction: column;
  justify-content: center;
}

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

.banner-btn-wrap {
  margin-top: 50px;
  display: flex;
}

.text-white {
  color: var(--primary);
  text-align: center;
  text-transform: none;
  margin-top: 2%;
}

.number {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2em;
}

.accomplishments-wrap {
  grid-column-gap: 30px;
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

.accomplishments-wrap.small {
  grid-row-gap: 50px;
  grid-row-gap: 50px;
  flex-wrap: wrap;
  width: 66%;
  margin-top: 0;
}

.accomplishments-text {
  width: 15%;
}

.accomplishments-card {
  width: 33%;
}

.accomplishments-card.big {
  clear: none;
  object-fit: contain;
  width: 47%;
  margin-top: 2%;
  position: relative;
  inset: 0% auto auto 0%;
}

.accomplishments-paragraph {
  color: #a2a6b0;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 18px;
}

.accomplishments-wrapper {
  grid-column-gap: 60px;
  display: flex;
}

.nav-logo {
  height: 60px;
}

.menu-wrap-2 {
  color: #fff;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  grid-column-gap: 125px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper.white-menu {
  justify-content: space-between;
}

.nav-link {
  color: #172039;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  line-height: 21px;
}

.nav-link:hover {
  opacity: 1;
}

.nav-link.w--current {
  color: #172039;
  font-weight: 600;
}

.nav-link.white-menu {
  color: #fff;
  font-weight: 500;
}

.brand-tablet {
  display: none;
}

.nav-menu {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
}

.navbar-fixed {
  background-color: #0000;
  width: 100%;
  height: 110px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-fixed.without-bg {
  background-color: #0000;
}

.banner-text-wrap {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.banner-paragraph-wrap {
  max-width: 410px;
}

.primary-button {
  float: right;
  clear: left;
  color: #fff;
  text-align: center;
  background-color: #982935;
  border: 2px solid #982935;
  border-radius: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px;
  font-size: 18px;
  line-height: 1.5em;
  transition: opacity .2s, background-color .3s, color .3s;
  display: inline-block;
  position: relative;
  top: 35%;
  right: 2%;
}

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

.paragraph-large {
  font-size: 18px;
  line-height: 1.5em;
}

.paragraph-large.dark-gray {
  color: #5e5e5e;
  float: left;
  clear: left;
  float: left;
  clear: left;
}

.home-second-banner {
  background-image: linear-gradient(169deg, #000, #0000), url('../images/edi-p-1080.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  padding-top: 180px;
  padding-bottom: 100px;
}

.home-banner-wrapper {
  width: 43%;
  display: flex;
}

.home-banner-wrapper.home-2 {
  width: 55%;
}

.hero {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 64px;
}

.section-subtitle {
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.5em;
}

.section-subtitle.without-bottom-space {
  margin-bottom: 0;
  font-size: 14px;
}

.service-con-wrap {
  grid-row-gap: 30px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.service-con-wrap.second {
  margin-top: 50px;
}

.bold-text {
  text-transform: none;
}

.dark-gray {
  font-family: var(--body-font);
  color: #5e5e5e;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.secondary-button {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 2px solid #982935;
  border-radius: 60px;
  padding: 12px 40px;
  transition: background-color .3s, color .3s;
  transform: translate(0);
  box-shadow: 0 2px 5px #0003;
}

.secondary-button:hover {
  color: #fff;
  background-color: #982935;
}

.service-card {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-around;
  width: 33%;
  padding: 40px 20px;
}

.service-card.full-width {
  width: 100%;
}

.services-wrapper {
  width: 100%;
  display: flex;
}

.service-info-wrap {
  margin-top: 20px;
}

.services-cards-wrap {
  grid-column-gap: 30px;
  width: 55%;
  display: flex;
}

.div-block-5 {
  flex-direction: column;
  justify-content: center;
  width: 45%;
  padding-left: 40px;
  display: flex;
}

.service-description {
  color: #5e5e5e;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 18px;
}

.button-2 {
  background-color: #0000;
  width: 500px;
  height: 150px;
  margin-top: -119px;
  margin-left: -3px;
  position: absolute;
}

.heading-13 {
  float: left;
  color: var(--primary);
  text-align: left;
  margin-top: 18px;
}

.link {
  font-family: var(--body-font);
  color: var(--primary);
  margin-left: 2%;
  font-size: 24px;
}

.heading-14 {
  color: var(--fuerzahlenundfakten);
}

.container-2 {
  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;
}

.container-3 {
  max-width: 100%;
  position: relative;
}

.section-2, .section-3, .section-4, .section-5, .container-4 {
  position: relative;
}

.heading-15 {
  color: var(--primary);
}

.section-6 {
  width: 100%;
}

.container-5 {
  width: 100%;
  max-width: 100%;
}

.rich-text-block {
  width: 100%;
  margin-top: 2%;
}

.popup-toggle {
  cursor: pointer;
}

.popup-toggle-text {
  font-size: 2em;
  line-height: 1;
}

.copy-large {
  font-size: 1.45em;
  font-weight: 400;
  line-height: 1.4em;
}

.popup-close-icon {
  width: 1em;
  height: 1em;
}

.popup-content-wrapper {
  z-index: 1;
  background-color: #fff;
  border-radius: 1.2em;
  width: 90vw;
  max-width: 55em;
  max-height: 90%;
  position: relative;
  overflow: auto;
}

.popup-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.popup-background {
  z-index: 0;
  background-color: #000000a6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup-content {
  margin: 2.5em 3em;
}

.popup-wrapper {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-close {
  z-index: 2;
  color: #000;
  cursor: pointer;
  background-color: #e9e9e9;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  inset: 1em 1em auto auto;
}

.p-sm-start {
  padding-top: 3em;
}

.container-6 {
  position: relative;
  top: 2%;
}

.heading-16 {
  position: static;
}

.container-7 {
  max-width: 100%;
  position: static;
}

.section-7 {
  float: none;
  clear: none;
  margin-top: 10%;
  position: static;
}

.div-hide-2 {
  overflow: hidden;
}

.title-xlarge-2 {
  letter-spacing: -.02em;
  font-family: Bebas Neue, sans-serif;
  font-size: 13.125em;
  font-weight: 400;
  line-height: .9;
}

.title-xlarge-2._1, .title-xlarge-2._2 {
  color: #fcfff43d;
}

.home-hero-top-wrap-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.img-cover-absolute-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-cover-absolute-2.hero {
  width: 125%;
  max-width: 125%;
  margin-left: -89px;
}

.home-hero-img-container-2 {
  z-index: 1;
  border: 1px solid #fcfff44d;
  border-radius: .5em;
  padding-top: 58%;
  position: relative;
  overflow: hidden;
}

.youtube {
  height: 100%;
}

.image {
  width: 100%;
  height: 100%;
}

.div-hide-3 {
  text-align: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.title-xlarge-3 {
  letter-spacing: -.02em;
  font-family: Bebas Neue, sans-serif;
  font-size: 13.125em;
  font-weight: 400;
  line-height: .9;
}

.title-xlarge-3._2, .title-xlarge-3._1 {
  color: var(--primary);
}

.title-xlarge-3._1, .title-xlarge-3._2 {
  color: #fcfff4;
  margin-top: 10%;
}

.home-hero-top-wrap-3 {
  text-align: left;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 2%;
  display: flex;
}

.img-cover-absolute-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-hero-img-container-3 {
  z-index: 1;
  border: 0 solid #fcfff44d;
  border-radius: .5em;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.body {
  background-color: var(--green);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.section-8 {
  float: left;
  clear: left;
  font-size: 10px;
  position: static;
  inset: 0% auto 0% 0%;
}

.heading-17 {
  float: left;
  clear: left;
  text-align: left;
  margin-bottom: 5%;
}

.heading-18 {
  text-align: left;
  margin-top: 5%;
}

.button-3 {
  background-color: #a8a8a8;
  border-radius: 12px;
  margin-top: 2%;
}

.modal-wrapper {
  z-index: 99;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.body-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-background {
  color: var(--secondary);
  position: absolute;
  inset: 0%;
}

.popup-drehen {
  z-index: 99;
  background-color: var(--secondary);
  color: var(--primary);
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0% 0%;
}

.text-block-9 {
  font-size: 24px;
}

.btnwkzschl {
  float: right;
  text-align: center;
  background-color: #6b0204;
  border-radius: 20px;
  width: auto;
}

.link-2 {
  color: var(--primary);
  font-size: 16px;
}

.paragraph {
  font-size: 24px;
}

.text-block-11 {
  font-size: 24px;
  position: sticky;
  inset: 15% 0 0;
}

.oberfl {
  z-index: 6500;
  color: var(--primary);
  background-color: #1d1d1d;
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.text-block-12 {
  font-size: 24px;
}

.button-6 {
  z-index: 65000;
  background-color: #630002;
  border-radius: 20px;
  width: auto;
  position: absolute;
  inset: 0% 0% auto auto;
}

.baugruppenmontage {
  z-index: 65000;
  background-color: var(--secondary);
  color: var(--primary);
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.automatisierung {
  z-index: 6500;
  color: var(--primary);
  background-color: #131212;
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.qualit-t {
  background-color: var(--secondary);
  color: var(--primary);
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.prozessentwicklung {
  z-index: 65000;
  background-color: var(--secondary);
  color: var(--primary);
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.text-block-13 {
  font-size: 24px;
}

.button-7 {
  z-index: 50000;
  background-color: #630002;
  border-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-14 {
  font-size: 24px;
}

.button-8 {
  z-index: 50000;
  background-color: var(--fuerzahlenundfakten);
  border-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-15 {
  font-size: 24px;
}

.button-9 {
  z-index: 65000;
  background-color: #5f0204;
  border-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-16 {
  font-size: 24px;
}

.button-10 {
  z-index: 5000;
  background-color: #700406;
  border-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.container-8 {
  z-index: 6500;
  color: var(--primary);
  background-color: #1d1d1d;
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.heading-27 {
  color: var(--primary);
}

.machining, .schaft {
  z-index: 65000;
  color: var(--primary);
  background-color: #000;
  border-radius: 20px;
  max-width: 100%;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.mobility {
  color: var(--primary);
  background-color: #000;
  border-radius: 20px;
  max-width: 100%;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.medical {
  z-index: 65000;
  color: var(--primary);
  background-color: #000;
  border-radius: 20px;
  max-width: 100%;
  display: block;
  position: sticky;
  inset: 15% 0 0;
  overflow: visible;
}

.industries {
  color: var(--secondary);
}

.heading-28 {
  color: var(--primary-80);
  text-align: center;
}

.grid {
  margin-top: 5%;
}

.image-2 {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.image4 {
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 160%;
}

.werkzeugschl {
  z-index: 650000;
  color: var(--primary);
  background-color: #222;
  border-radius: 20px;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.button-14 {
  z-index: 2147483647;
  background-color: var(--fuerzahlenundfakten);
  border-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.button-15 {
  z-index: 6500;
  background-color: var(--fuerzahlenundfakten);
  border-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

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

.heading-30 {
  color: var(--color);
  text-align: left;
}

.text-block-17, .heading-31, .text-block-18 {
  text-align: left;
}

.facebook {
  float: right;
  color: var(--primary);
  background-color: #8f8c8c;
  width: 75px;
  height: 25px;
  position: static;
  inset: 0% 0% auto auto;
}

.image-4 {
  float: left;
  width: 50px;
  height: 50px;
  position: static;
}

.link-block-2 {
  margin-left: 2%;
}

.image-5 {
  float: right;
  clear: right;
  margin-left: 2%;
  position: static;
  inset: 0% 0% auto auto;
}

.electronic {
  z-index: 65000;
  color: var(--primary);
  background-color: #000;
  border-radius: 20px;
  max-width: 100%;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.rich-text-block-3, .rich-text-block-4 {
  font-size: 24px;
}

.rich-text-block-5 {
  color: var(--primary);
  background-color: #000;
  margin-left: 1%;
  font-size: 24px;
}

.button-16 {
  z-index: 6500;
  float: right;
  background-color: var(--fuerzahlenundfakten);
  border-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.aero {
  z-index: 65000;
  color: var(--secondary);
  background-color: #000;
  border-radius: 20px;
  max-width: 100%;
  display: none;
  position: sticky;
  inset: 15% 0 0;
}

.heading-32 {
  color: var(--primary);
  background-color: #000;
  margin-left: 1%;
  display: block;
}

.bckvid, .bckmob, .bckaero {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.footer-social-icons-wrapper {
  justify-content: center;
  margin-top: 30px;
  display: flex;
}

.footer-social-icon {
  color: #fff;
  background-image: url('../images/Insta.png');
  background-position: 0 0;
  background-size: auto;
  margin-right: 30px;
  font-size: 20px;
  line-height: 1em;
  text-decoration: none;
  transition: all .3s;
}

.footer-social-icon:hover {
  color: #ff3841;
}

.container-12 {
  display: block;
}

.image-6 {
  display: none;
}

.heading-33 {
  color: var(--secondary);
}

.drehen {
  background-color: var(--secondary);
  color: var(--primary);
}

.rich-text-block-6 {
  color: var(--primary);
  text-transform: capitalize;
  font-size: 24px;
}

.body-4 {
  background-color: var(--secondary);
}

.rich-text-block-7 {
  float: left;
  color: var(--primary);
  margin-left: 2%;
  margin-right: 2%;
  font-size: 24px;
  text-decoration: none;
}

.container-13 {
  float: left;
  text-align: center;
  width: 100%;
  max-width: 100%;
  position: static;
}

.container-14 {
  color: var(--secondary);
  max-width: 100%;
}

.body-5 {
  background-color: var(--secondary);
}

.rich-text-block-8 {
  float: left;
  color: var(--primary);
  font-size: 24px;
}

.body-6 {
  background-color: var(--secondary);
}

.container-15 {
  max-width: 100%;
}

.rich-text-block-9 {
  color: var(--secondary);
  font-size: 24px;
}

.heading-34 {
  color: var(--primary);
  -webkit-text-stroke-color: var(--primary);
}

.heading-35 {
  color: var(--primary);
  margin-left: 1%;
  display: block;
}

.heading-36, .heading-37, .heading-38 {
  color: var(--primary);
  background-color: #000;
  margin-left: 1%;
}

.tab-pane-tab-2, .tab-pane-tab-1 {
  color: var(--secondary);
}

.link-3 {
  color: var(--primary);
  font-size: 20px;
}

.link-block-3 {
  margin-left: 2%;
}

.field-label, .field-label-2, .field-label-3, .field-label-4 {
  text-align: left;
}

.paragraph-2 {
  margin-left: 1%;
}

.heading-39 {
  color: var(--primary);
  text-align: center;
}

.rich-text-block-10 {
  min-width: 16px;
}

.collection-list {
  color: var(--color);
}

.heading-40 {
  color: var(--color);
  margin-top: 5%;
}

.heading-41 {
  color: var(--primary);
  margin-top: 0%;
}

.rich-text-block-11 {
  font-size: 24px;
}

.container-16 {
  color: var(--primary);
  margin-top: 0%;
  position: static;
}

.container-17 {
  float: left;
  color: var(--primary);
  text-align: left;
  max-width: 100%;
  margin-top: 2%;
  margin-left: 2%;
}

.section-9 {
  float: none;
  margin-top: 0%;
  position: static;
}

.section-10 {
  margin-top: 15%;
}

.heading-42 {
  color: var(--color);
  margin-left: 2%;
}

.div-block-6, .div-block-7, .div-block-8 {
  text-align: left;
}

.section-11 {
  margin-top: 5%;
  margin-bottom: 5%;
  position: static;
}

.rich-text-block-12 {
  float: none;
  margin-left: 2%;
}

.text-align-center-mobile-2 {
  float: none;
  color: #979797;
  text-align: center;
}

.div-hide-4 {
  text-align: left;
  height: 100%;
  overflow: hidden;
}

.home-hero-top-wrap-4 {
  text-align: left;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 2%;
  margin-bottom: 2%;
  display: flex;
}

.heading-43 {
  color: var(--primary);
}

.image-7 {
  max-height: 100%;
}

.list {
  background-color: #000;
}

.heading-44 {
  color: var(--color);
}

.section-13, .section-14 {
  color: var(--primary);
  margin-top: 5%;
}

.heading-46 {
  color: var(--primary);
  margin-bottom: 2%;
}

.body-7 {
  background-color: #000;
}

.titlesection {
  background-color: #0000;
}

.textsecone {
  background-color: #000;
  margin-top: 5%;
}

.rich-text-block-13 {
  text-align: left;
  margin-top: 0%;
  margin-left: 0%;
}

.container-18 {
  width: 100%;
  max-width: 100%;
}

.bildwithtext {
  background-color: #000;
  margin-top: 5%;
}

.image-10 {
  float: right;
  max-width: 50%;
}

.paragraph-9 {
  float: left;
  clear: none;
  height: 100%;
  font-size: 24px;
}

.container-19 {
  float: left;
  background-color: #add8e6;
  max-width: 40%;
  height: 100%;
  max-height: 100%;
}

.videosec {
  background-color: #0000;
  width: 100%;
  height: auto;
  position: static;
}

.datenfakten {
  background-color: #000;
  margin-top: 3%;
}

.heading-47 {
  color: var(--color);
}

.heading-48 {
  color: var(--green123);
}

.heading-49 {
  color: var(--color);
}

.image-11 {
  margin-top: 5%;
}

.title-wrapper {
  grid-row-gap: 10px;
  text-align: center;
  flex-direction: column;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrapper.width-700 {
  max-width: 700px;
}

.section-15 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-15.price {
  background-color: #f1f2f4;
  margin-bottom: -190px;
  padding-bottom: 270px;
}

.base-container-2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.team-author {
  margin-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.team-item {
  background-color: #000;
  border-radius: 10px;
  width: 31%;
}

.team-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

.team-wrap.small {
  background-color: #000;
  flex-wrap: nowrap;
}

.team-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 340px;
}

.heading-50 {
  color: var(--color);
  background-color: #000;
  margin-top: 5%;
}

.grid-2 {
  background-color: var(--primary-80);
  grid-auto-flow: column;
}

.secmorepics {
  background-color: #000;
  margin-top: 5%;
}

.cell {
  background-color: var(--lightblue);
}

.heading-54 {
  -webkit-text-stroke-color: var(--primary);
}

.container-20 {
  max-width: 100%;
  height: 50px;
  max-height: 15000px;
}

.background-video {
  z-index: 6868;
  float: left;
  clear: left;
  text-align: left;
  margin-top: 0%;
  margin-bottom: 0%;
  position: relative;
}

.heading-55 {
  color: var(--color);
  background-color: #0000;
  margin-top: 1%;
  margin-left: 2%;
}

.sckontakt {
  margin-top: 5%;
}

.background-video-2 {
  height: 600px;
  margin: .1% 0% 0%;
}

.columns {
  margin-top: 5%;
  margin-left: 2%;
}

.link-4 {
  color: var(--primary);
  -webkit-text-stroke-width: 0px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px #000;
  font-size: 1.25em;
  font-weight: 700;
}

.heading-56 {
  color: var(--color);
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 2%;
}

.heading-57 {
  color: var(--color);
  margin-left: 2%;
  font-size: 13em;
}

.quick-stack-2 {
  margin-top: 5%;
}

.heading-58 {
  color: var(--color);
  margin-left: 2%;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-auto-flow: row;
}

.paragraph-11 {
  color: var(--color);
  margin-left: 2%;
  font-size: 20px;
}

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

.cookie-modal_content-wrap.is-small {
  color: var(--secondary);
  padding: 1.5rem;
}

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

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

.cookie-modal_button {
  clear: none;
  color: #fff;
  text-align: left;
  background-color: #515750;
  border-radius: .25rem;
  padding: .875em 1.5em 1rem;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: #262926;
}

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

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

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

.cookie-modal_button-wrap.is-small {
  justify-content: flex-start;
  padding: 1.5rem;
}

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

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

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

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

.cookie-modal_styles {
  display: none;
}

.cookie-modal_title {
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  font-size: 1.1875rem;
}

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

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

.image-14, .image-15, .image-16, .image-17 {
  max-width: 10%;
}

.goals {
  margin-top: 2%;
}

.image-18 {
  clear: none;
  text-align: left;
  position: static;
  inset: 0% 0% auto auto;
}

.heading-60 {
  color: var(--color);
}

.image-19 {
  max-width: 100%;
  margin-left: 15%;
}

.image-20 {
  float: left;
  clear: none;
  max-width: 90%;
  max-height: 50%;
  margin-left: 5%;
}

.paragraph-13 {
  margin-left: 2%;
  margin-right: 2%;
}

.background-video-3 {
  display: block;
}

.image-21 {
  height: 50%;
  max-height: 50%;
}

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

.background-video-5 {
  height: 500px;
}

.link-6, .link-7 {
  color: var(--primary);
  text-decoration: none;
}

.link-8 {
  color: var(--primary);
}

.button-19 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #fcfff4;
  border-radius: .5em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 125px;
  height: 25px;
  padding: 1em 1.5em;
  font-weight: 700;
  text-decoration: none;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1), background-color .6s cubic-bezier(.165, .84, .44, 1), border-radius .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-19:hover {
  background-color: #fcfff4cc;
  border-radius: 2em;
  transform: scale(1.05);
}

.text-all-caps-2 {
  text-transform: uppercase;
}

.showreel-wrap-2 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-icon-2 {
  object-fit: cover;
  width: 1.5em;
  height: 1.5em;
  margin-left: 1em;
}

.showreel-container-2 {
  z-index: 1;
  float: none;
  clear: left;
  object-fit: fill;
  border: 1px solid #fcfff44d;
  border-radius: 0;
  padding-top: 75%;
  position: relative;
  overflow: visible;
}

.link-9 {
  z-index: 9999;
  float: right;
  color: var(--primary);
  object-fit: cover;
  font-size: 1.5vw;
  font-style: normal;
  text-decoration: underline;
  position: absolute;
  inset: auto 5% 3% auto;
}

.text-block-20 {
  color: var(--primary);
}

.text-block-21 {
  margin-bottom: 5%;
}

.paragraph-15 {
  color: var(--color);
  margin-left: 2%;
  font-size: 1.5em;
}

.block-quote-2 {
  color: var(--color);
  font-size: 1.5em;
}

.link-10 {
  color: #fcfff4;
  margin-left: 2%;
  font-family: Roboto Condensed, sans-serif;
  font-size: 24px;
}

.footer-callout-text-2 {
  text-align: center;
  letter-spacing: -.02em;
  font-family: Bebas Neue, sans-serif;
  font-size: 24.5em;
  font-weight: 400;
  line-height: .85;
}

.footer-2 {
  color: #1a1a1a;
  background-color: #1a1a1a;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  padding-top: 5em;
  padding-bottom: 3em;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-24 {
  float: left;
  width: 50px;
  height: 50px;
  position: static;
}

.footer-callout-line-relative-2 {
  color: #979797;
  background-color: #1a1a1a;
  width: 100%;
  height: 100%;
}

.link-block-4 {
  margin-left: 2%;
}

.wrapfornumbers-8 {
  color: #fcfff4;
  text-align: left;
  background-color: #3c393b;
  width: 100%;
  height: auto;
  margin: 5% auto 10%;
  padding-left: 0;
  padding-right: 3em;
  position: relative;
}

.link-block-5 {
  margin-left: 2%;
}

.footer-component-2 {
  float: left;
  clear: none;
  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: static;
}

.footer-callout-text-wrap-2 {
  color: #701919;
  height: 18.5em;
  margin-bottom: 1.5em;
  position: relative;
  overflow: hidden;
}

.footer-callout-line-absolute-2 {
  transform-origin: 0%;
  color: #979797;
  background-color: #979797;
  width: 10%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-callout-link-2 {
  color: #1a1a1a;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.link-11 {
  color: #fcfff4;
  margin-left: 2%;
  font-family: Roboto Condensed, sans-serif;
  font-size: 24px;
}

.footer-callout-text-3 {
  text-align: center;
  letter-spacing: -.02em;
  font-family: Bebas Neue, sans-serif;
  font-size: 24.5em;
  font-weight: 400;
  line-height: .85;
}

.footer-3 {
  color: #1a1a1a;
  background-color: #1a1a1a;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  padding-top: 5em;
  padding-bottom: 3em;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-25 {
  float: left;
  width: 50px;
  height: 50px;
  position: static;
}

.footer-callout-line-relative-3 {
  color: #979797;
  background-color: #1a1a1a;
  width: 100%;
  height: 100%;
}

.footer-component-3 {
  position: static;
}

.footer-callout-line-absolute-3 {
  transform-origin: 0%;
  color: #979797;
  background-color: #979797;
  width: 10%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-26 {
  cursor: pointer;
}

.menu-wrap-3 {
  color: #fff;
  align-items: center;
  display: flex;
}

.section-17 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.div-block-9 {
  flex-direction: column;
  justify-content: center;
  width: 45%;
  padding-left: 40px;
  display: flex;
}

.text-block-22 {
  float: left;
  clear: both;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  inset: 10% auto auto 40%;
}

.solution-video-lightbox {
  z-index: 1;
  background-image: linear-gradient(#17203933, #17203933), url('../images/Courier.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  width: 100%;
  height: 350px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.solution-video-lightbox.big {
  background-image: url('../images/nadine.png'), linear-gradient(#17203933, #17203933);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  height: 600px;
}

.div-block-10 {
  background-color: #f1f2f4;
  width: auto;
  height: 150px;
  text-decoration: none;
  position: relative;
}

.solution-section {
  background-color: #f1f2f4;
  padding-bottom: 80px;
}

.play-button-icon {
  z-index: 7;
  color: #fff;
  margin-top: 2px;
  margin-left: 4px;
  font-size: 16px;
  position: relative;
}

.solution-text-wrap {
  width: 70%;
}

.paragraph-wrap {
  margin-top: 30px;
  line-height: 1.5em;
}

.career-position-wrapper {
  width: 45%;
  text-decoration: none;
  position: relative;
  top: 40%;
}

.video-full-width-wrap {
  margin-top: 50px;
  position: relative;
}

.section-title-wrapper {
  text-align: center;
  max-width: 740px;
  margin: 60px auto 50px;
}

.play-button {
  z-index: 5;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
}

.btn {
  opacity: 1;
  outline-offset: 0px;
  direction: ltr;
  color: #000;
  text-align: left;
  -webkit-text-stroke-width: 0px;
  text-indent: 2px;
  text-transform: none;
  white-space: normal;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-color: #982935;
  background-image: linear-gradient(321deg, #000 100%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: 0 solid #000;
  border-bottom: 2px solid #982935;
  border-radius: 0;
  outline: 1px #000;
  width: auto;
  margin-left: 0%;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-style: normal;
  text-decoration: underline;
  position: relative;
}

.heading-61 {
  text-transform: none;
}

.text-span-8 {
  text-align: left;
  object-fit: fill;
  border-bottom: 0 solid #172039;
  justify-content: flex-start;
  font-style: normal;
  text-decoration: line-through;
  display: inline-block;
}

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

.text-block-23 {
  color: #000;
  text-align: center;
  border: 0 #000;
  width: 8%;
  margin-top: 26px;
  margin-left: 25%;
  padding-left: 0;
  font-size: 18px;
  font-style: normal;
  text-decoration: none;
}

.solutions-wrap {
  grid-column-gap: 30px;
  display: flex;
}

.solutions-wrap.full-width {
  display: block;
}

.heading-62 {
  text-transform: none;
}

.play-button-hover {
  z-index: 10;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  transition: all .3s;
  position: absolute;
  transform: scale(1);
}

.play-button-hover:hover {
  transform: scale(1.2);
}

.section-18 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-18.dark-background {
  background-color: #3c393b;
}

.accomplishments-text-2 {
  width: 34%;
}

.text-white-2 {
  color: #fff;
  text-transform: none;
}

.solution-image {
  border-radius: 10px;
  margin-top: 50px;
}

.section-19 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.solution-wrapper {
  grid-column-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.text-center {
  text-align: center;
  text-transform: none;
}

.solution-description {
  color: var(--primary);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.solution-description.left {
  text-align: left;
}

.solution-description.right {
  text-align: right;
}

.solution-card {
  width: 33%;
}

.solution-card.right {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.solution-card.center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.solution-title-wrapper {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-author {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 18px;
}

.section-20 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.testimonial-tabs {
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

.testimonial-tab-link {
  grid-column-gap: 16px;
  color: var(--primary);
  background-color: #0000;
  padding: 20px;
  display: flex;
}

.testimonial-tab-link.w--current {
  background-color: var(--secondary);
  border-radius: 10px;
  box-shadow: 0 5px 40px #e4e5e9b3;
}

.text-span-2 {
  text-transform: none;
}

.testimonial-tabs-menu {
  flex-direction: column;
  width: 40%;
  padding-right: 60px;
  display: flex;
}

.testimonial-tabs-content {
  align-items: center;
  width: 60%;
  display: flex;
}

.testimonial-author-image {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.section-21 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-21.price {
  background-color: #f1f2f4;
  margin-bottom: -190px;
  padding-bottom: 270px;
}

.team-item-2 {
  background-color: #f1f2f4;
  border-radius: 10px;
  width: 31%;
}

.footer-copyright {
  font-family: var(--body-font);
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
}

.footer-rights-wrapper {
  text-align: left;
  flex-flow: wrap;
  align-items: center;
  width: 100%;
}

.cta-image {
  position: absolute;
  inset: 0% 50px auto auto;
}

.footer-description {
  font-family: var(--body-font);
  color: #a2a6b0;
  text-align: left;
  max-width: 400px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 18px;
}

.footer-title {
  font-family: var(--heading-font);
  color: #fff;
  text-align: left;
  font-size: 40px;
}

.footer-with-cta {
  background-color: #3c393b;
  margin-top: 190px;
  padding-bottom: 80px;
}

.footer-link {
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: normal;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
}

.footer-link:hover {
  color: #ff3841;
}

.text-block-24 {
  color: #982935;
}

.text-block-24:hover {
  color: #fff;
}

.footer-location-wrap {
  width: 25%;
}

.footer-nav-wrap {
  grid-column-gap: 50px;
  font-family: var(--body-font);
  margin-bottom: 50px;
  display: flex;
}

.cta-wrapper {
  background-color: #982935;
  border-radius: 10px;
  height: auto;
  margin-top: -190px;
  margin-bottom: 80px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 100px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  position: relative;
}

.footer-brand {
  color: #fff;
  margin-bottom: 10px;
}

.footer-brand.w--current {
  color: #fff;
  padding-left: 0;
}

.footer-location {
  font-family: var(--body-font);
  color: #fff;
  text-align: left;
  max-width: 220px;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 18px;
}

.footer-logo {
  height: 53px;
}

.footer-contact-wrap {
  width: 50%;
}

.footer-wrapper {
  grid-column-gap: 60px;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 85px;
  display: flex;
}

.cta-btn-wrrap {
  margin-top: 50px;
  display: flex;
}

.footer-logo-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-brand-wrapper {
  grid-column-gap: 60px;
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.cta-content {
  width: 50%;
}

.text-white-3 {
  color: #fff;
  text-transform: none;
}

.footer-number {
  color: #fff;
  text-align: left;
  margin-top: 20px;
  font-size: 18px;
  display: block;
}

.footer-number:hover {
  color: #ff3841;
}

.footer-brand-description {
  color: #fff;
  text-align: left;
  font-size: 18px;
}

.text-block-25 {
  color: #982935;
}

.text-block-25:hover {
  color: #fff;
}

.base-container-3 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.text-white-4 {
  color: #fff;
  text-transform: none;
  font-size: 40px;
  line-height: 1.2em;
}

.base-container-4 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-11 {
  flex-direction: column;
  justify-content: center;
  width: 45%;
  padding-left: 40px;
  display: flex;
}

.link-12, .link-13, .link-14, .link-15, .link-16, .link-17, .link-18, .link-19, .link-20, .link-21, .link-22, .link-23 {
  color: var(--primary);
}

.link-24 {
  color: var(--primary);
  text-align: center;
}

.link-25 {
  color: var(--primary);
}

.background-video-6 {
  width: 80%;
  height: 600px;
  margin-left: 10%;
}

.container-22 {
  max-width: 100%;
  height: 150px;
  padding-top: 0;
}

.heading-63 {
  color: var(--primary);
  text-align: center;
}

.section-22 {
  background-color: var(--secondary);
}

.link-26 {
  color: var(--primary);
  cursor: pointer;
  font-size: 4vw;
  text-decoration: none;
}

.link-27 {
  float: right;
  color: var(--primary);
  text-align: left;
  cursor: pointer;
  font-size: 4vw;
  text-decoration: none;
}

.section-23 {
  color: var(--primary);
  background-image: url('../images/gruene_Frau_gross.jpg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 1000px;
}

.link-28 {
  float: right;
  color: var(--primary);
  -webkit-text-stroke-width: 2px;
  margin-top: 20%;
  font-size: 6vw;
  text-decoration: none;
  box-shadow: 20px 20px 20px 20px #0003;
}

.link-29 {
  float: right;
  clear: right;
  color: var(--primary);
  -webkit-text-stroke-width: 2px;
  cursor: pointer;
  margin-top: 5%;
  font-size: 6svw;
  text-decoration: none;
  box-shadow: 20px 20px 20px 20px #0003;
}

.link-30 {
  float: right;
  clear: right;
  color: var(--primary);
  -webkit-text-stroke-width: 2px;
  margin-top: 5%;
  font-size: 6vw;
  text-decoration: none;
  box-shadow: 20px 20px 20px 20px #0003;
}

.container-23 {
  padding-bottom: 2%;
}

.section-24 {
  background-color: var(--secondary);
  height: auto;
  margin-top: 3%;
  margin-bottom: 5%;
}

.image-27 {
  width: 25%;
  margin-top: 5%;
  margin-bottom: 2%;
  margin-left: 3%;
}

.body-8 {
  background-color: var(--secondary);
}

.paragraph-16 {
  float: none;
  clear: left;
  color: var(--primary);
  width: 50%;
  margin-left: 3%;
  font-size: 1.5em;
}

.paragraph-17 {
  float: right;
  clear: none;
  width: 20%;
}

.paragraph-18 {
  float: right;
  clear: right;
  width: 20%;
  display: block;
  position: static;
}

.paragraph-19 {
  color: var(--primary);
  margin-top: 2%;
  margin-left: 3%;
  font-size: 1.5em;
}

.bold-text-3, .bold-text-4, .bold-text-5, .link-31, .link-32 {
  color: var(--primary);
}

.container-24 {
  height: 100px;
}

.section-25 {
  opacity: 1;
  background-image: url('../images/grueneroteFrau_Dach.jpg');
  background-position: 50%;
  background-size: auto;
  height: 900px;
}

.heading-64 {
  text-align: left;
  margin: 5% 5% 5% 10%;
  position: sticky;
  top: 10%;
}

.image-28 {
  height: 24px;
  margin-right: 12px;
}

._3-columns {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.section-27 {
  background-color: #0000;
  border: 1px solid #080808;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 409px;
  margin: 5% auto;
  padding-top: 0;
  display: flex;
}

.info-container {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-26 {
  color: #fbf9fc;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
}

.column-2 {
  background-image: linear-gradient(#000, #0000 20%), url('../images/confetti_1confetti.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 80%;
  border-right: 1px solid #161616;
  flex-direction: column;
  justify-content: center;
  width: auto;
  margin-right: 0;
  display: flex;
}

.column-2.jahr4 {
  background-image: none;
  border: 1px #000;
  display: flex;
}

.column-2.jahr1, .column-2.jahr2 {
  background-image: none;
}

.heading {
  color: #fbf9fc;
  text-align: center;
  margin-bottom: 8px;
  font-size: 130px;
}

.heading._8 {
  text-align: center;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fbf9fc, #fbf9fc);
  background-position: 0 0;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 130px;
}

.heading.jahr2 {
  text-align: center;
}

.heading.jahr4 {
  margin-top: 10%;
}

.section-28 {
  background-image: url('../images/blaueFrau_Dach_72.jpg');
  background-position: 50%;
  background-size: auto;
  height: 900px;
}

.heading-69 {
  text-align: center;
}

.paragraph-21 {
  color: var(--secondary);
  text-align: left;
  background-color: #add8e6;
  font-size: 2em;
  font-weight: 500;
  position: sticky;
  top: 10%;
}

.container-26 {
  margin: 5% 0% 5% 12%;
}

.container-27 {
  opacity: .8;
  position: sticky;
  top: 10%;
}

.heading-70 {
  text-align: center;
  font-size: 1.5em;
}

.container-28 {
  background-color: #000;
  max-width: 100%;
}

.bold-text-6 {
  position: static;
}

.bold-text-7 {
  font-family: Bebas Neue, sans-serif;
}

.heading-71 {
  color: var(--secondary);
  font-family: Bitter, serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.footer-with-cta-2 {
  background-color: #3c393b;
  margin-top: 190px;
  padding-bottom: 80px;
}

.text-block-27 {
  color: #982935;
}

.text-block-27:hover {
  color: #fff;
}

.base-container-5 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.paragraph-wrap-2 {
  float: left;
  clear: both;
  white-space: pre-wrap;
  word-break: normal;
  margin-top: 30px;
  line-height: 1.5em;
  position: static;
}

.text-white-5 {
  color: #fff;
  text-transform: none;
  font-size: 40px;
  line-height: 1.2;
}

.section-31 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-31.price {
  background-color: var(--secondary);
  margin-bottom: -190px;
  padding-bottom: 270px;
}

.base-container-6 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.heading-72 {
  color: var(--secondary);
  font-family: Lato, sans-serif;
  font-size: 40px;
}

.heading-73 {
  color: var(--secondary);
  font-family: Lato, sans-serif;
  font-size: 24px;
}

.heading-74, .heading-75 {
  color: var(--secondary);
  font-size: 24px;
}

.link-33, .link-34, .link-35 {
  color: #f33939;
}

.section-32 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.heading-76 {
  font-size: 24px;
}

.section-33 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

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

.section-34 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-34.dark-background {
  background-color: #3c393b;
}

.accomplishments-text-3 {
  width: 34%;
}

.bold-text-8 {
  font-style: normal;
  font-weight: 400;
}

.bold-text-9 {
  font-weight: 700;
}

.primary-button-2 {
  float: right;
  clear: none;
  color: #fff;
  text-align: center;
  background-color: #982935;
  border: 2px solid #982935;
  border-radius: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px;
  font-size: 18px;
  line-height: 1.5em;
  transition: opacity .2s, background-color .3s, color .3s;
  display: inline-block;
  position: static;
  top: 35%;
  right: 2%;
}

.primary-button-2:hover {
  color: #fff;
  background-color: #0000;
}

.text-block-28 {
  float: left;
  margin-top: 0%;
  margin-left: 10%;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.heading-77 {
  text-transform: none;
}

.btn-2 {
  float: left;
  clear: left;
  opacity: 1;
  outline-offset: 0px;
  direction: ltr;
  color: var(--primary);
  text-align: left;
  -webkit-text-stroke-width: 0px;
  text-indent: 2px;
  text-transform: none;
  white-space: pre-wrap;
  word-break: normal;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-color: #982935;
  background-image: linear-gradient(321deg, #fff 100%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: 0 solid #000;
  border-bottom: 2px solid #982935;
  border-radius: 0;
  outline: 1px #000;
  width: auto;
  height: auto;
  margin-top: 5%;
  margin-left: 0%;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-style: normal;
  text-decoration: underline;
  position: static;
}

.solution-section-2 {
  background-color: var(--secondary);
  margin-top: 5%;
}

.text-block-29 {
  float: left;
  color: var(--primary);
  text-align: center;
  border: 0 #000;
  width: 8%;
  margin-top: 0;
  margin-left: 35%;
  padding-left: 0;
  font-size: 18px;
  font-style: normal;
  text-decoration: none;
}

.text-span-9 {
  color: var(--primary);
  text-align: left;
  object-fit: fill;
  border-bottom: 0 solid #172039;
  justify-content: flex-start;
  font-style: normal;
  text-decoration: line-through;
  display: inline-block;
}

.heading-78 {
  text-transform: none;
}

.career-position-wrapper-2 {
  width: 45%;
  text-decoration: none;
  position: relative;
  top: 40%;
}

.div-block-12 {
  float: none;
  clear: none;
  background-color: var(--secondary);
  text-align: left;
  white-space: pre-wrap;
  word-break: normal;
  width: auto;
  height: 150px;
  text-decoration: none;
  position: static;
  inset: 0%;
}

.bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13 {
  font-family: var(--heading-font);
  font-weight: 400;
}

.heading-83, .heading-84, .tab-pane-tab-2-2 {
  font-size: 24px;
}

.wrapfornumbers-8-copy {
  color: #fcfff4;
  text-align: left;
  background-color: #3c393b;
  width: 100%;
  height: auto;
  margin: 5% auto 10%;
  padding-left: 0;
  padding-right: 3em;
  position: relative;
}

@media screen and (min-width: 1280px) {
  .wrapfornumbers {
    color: var(--primary);
  }

  .title-medium.text-align-center {
    color: var(--color);
  }

  .showreel-play-btn-wrap {
    height: 500px;
  }

  .last-works-section {
    margin-top: 15%;
  }

  .section {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .accomplishments-wrap.small {
    width: 72%;
  }

  .accomplishments-text {
    width: 28%;
  }

  .accomplishments-wrapper {
    grid-column-gap: 85px;
  }

  .primary-button {
    display: block;
  }

  .home-second-banner {
    padding-bottom: 130px;
  }

  .home-banner-wrapper.home-2 {
    width: 60%;
  }

  .hero {
    font-size: 80px;
  }

  .service-card.full-width {
    width: 270px;
  }

  .services-cards-wrap {
    width: 50%;
  }

  .div-block-5 {
    width: 50%;
    padding-left: 130px;
  }

  .title-xlarge-2._1, .title-xlarge-2._2 {
    color: #fcfff43d;
  }

  .popup-drehen {
    z-index: 50000000;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--secondary);
    color: var(--secondary);
    object-fit: fill;
    border-radius: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 100%;
    display: none;
    position: sticky;
    inset: 15% 0% 0%;
  }

  .text-block-9 {
    color: var(--primary);
    -webkit-text-stroke-color: var(--primary);
  }

  .text-block-10 {
    font-size: 20px;
  }

  .link-2 {
    color: var(--color);
    font-size: 20px;
  }

  .wkzsch {
    z-index: 3000;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--primary-80);
    color: var(--secondary);
    object-fit: fill;
    border-radius: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 100%;
    display: none;
    position: sticky;
    inset: 15% 0% 0%;
  }

  .heading-19 {
    z-index: 2147483647;
    color: var(--color);
    display: block;
    position: static;
    inset: 0%;
  }

  .paragraph {
    color: var(--primary);
    font-size: 24px;
    display: block;
  }

  .button-4 {
    float: right;
    text-align: center;
    background-color: #520505;
    border-radius: 14px;
    width: 125px;
    position: sticky;
    inset: 0% 0% auto auto;
  }

  .schl {
    z-index: 2147483647;
    float: none;
    background-color: var(--primary-80);
    border-radius: 20px;
    display: block;
    position: sticky;
    transform: translate(0);
    box-shadow: 0 10px 11px 8px #0003;
  }

  .text-block-11 {
    color: var(--primary);
    font-size: 24px;
    position: sticky;
  }

  .btnschl {
    z-index: 2147483647;
    text-align: center;
    background-color: #5f0809;
    border-radius: 8px;
    width: 100px;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .oberfl {
    z-index: 5000;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--secondary);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 100%;
    display: none;
    position: sticky;
    inset: 15% 0% 0%;
  }

  .text-block-12 {
    color: var(--primary);
    font-size: 24px;
  }

  .button-6 {
    text-align: center;
    background-color: #929292;
    border-radius: 11px;
    width: 125px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .baugruppenmontage, .automatisierung, .qualit-t, .prozessentwicklung {
    z-index: 2147483647;
    background-color: #3a3a3a;
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    display: none;
    position: sticky;
    inset: 15% 0% 0%;
  }

  .text-block-13 {
    color: var(--primary);
    font-size: 24px;
  }

  .button-7 {
    text-align: center;
    background-color: #610002;
    border-radius: 20px;
    width: 125px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .text-block-14 {
    color: var(--primary);
    font-size: 24px;
  }

  .button-8 {
    text-align: center;
    background-color: #790305;
    border-radius: 20px;
    width: 125px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .text-block-15 {
    color: var(--primary);
    font-size: 24px;
  }

  .button-9 {
    text-align: center;
    background-color: #7e0406;
    border-radius: 20px;
    width: 125px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .text-block-16 {
    color: var(--primary);
    font-size: 24px;
  }

  .button-10 {
    background-color: var(--fuerzahlenundfakten);
    text-align: center;
    border-radius: 20px;
    width: 100px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .heading-20 {
    color: var(--primary);
    -webkit-text-stroke-color: var(--color);
  }

  .heading-21 {
    color: var(--color);
    position: sticky;
  }

  .heading-22, .heading-23, .heading-24, .heading-25, .heading-26 {
    color: var(--color);
  }

  .container-8 {
    z-index: 2147483647;
    object-fit: fill;
    background-color: #3a3a3a;
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    display: none;
    position: sticky;
    inset: 15% 0 0;
    overflow: auto;
  }

  .container-9 {
    width: 100%;
  }

  .heading-27 {
    color: var(--color);
    text-align: center;
  }

  .electronics {
    z-index: 2147483647;
    background-color: #1b1b1b;
    border-radius: 20px;
    margin-top: 15%;
    display: none;
    position: sticky;
    inset: 15% 0 0;
  }

  .rich-text-block-2 {
    font-size: 24px;
  }

  .button-11 {
    float: right;
    background-color: var(--primary);
    color: var(--secondary);
    border-radius: 20px;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .machining {
    z-index: 5000;
    background-color: #1a1a1a;
    border-radius: 20px;
    display: none;
    position: sticky;
    inset: 15% 0 0;
  }

  .schaft {
    z-index: 6500;
    background-color: var(--secondary);
    border-radius: 20px;
    display: none;
    position: sticky;
    inset: 15% 0 0;
  }

  .mobility {
    z-index: 65000;
    background-color: #1a1a1a;
    border-radius: 20px;
    display: none;
    position: sticky;
    inset: 15% 0 0;
  }

  .medical {
    z-index: 650000;
    background-color: var(--secondary);
    border-radius: 20px;
    display: none;
    position: sticky;
    inset: 15% 0 0;
  }

  .aerospace {
    z-index: 2147483647;
    background-color: var(--secondary);
    border-radius: 20px;
    display: none;
    position: sticky;
    inset: 15% 0 0;
  }

  .industries {
    position: static;
  }

  .container-10 {
    float: left;
    margin-top: 0%;
  }

  .container-11 {
    float: right;
  }

  .heading-28 {
    float: none;
    clear: none;
    color: var(--primary-30);
    text-align: center;
    width: 100%;
    margin-left: 0%;
  }

  .grid {
    grid-template-rows: auto auto auto auto auto auto;
    margin-top: 1%;
  }

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

  .image4 {
    height: 100%;
  }

  .werkzeugschl {
    z-index: 5000;
    background-color: #3a3a3a;
    border-radius: 20px;
    display: none;
    position: sticky;
    inset: 10% 0 0;
    overflow: hidden;
  }

  .button-12 {
    float: right;
    background-color: #700103;
    border-radius: 20px;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
    overflow: visible;
  }

  .button-13 {
    z-index: 500;
    background-color: var(--fuerzahlenundfakten);
    border-radius: 20px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .section-15 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section-15.price {
    padding-bottom: 320px;
  }

  .wrapfornumbers-8 {
    color: #fcfff4;
  }

  .section-17 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .div-block-9 {
    width: 50%;
    padding-left: 130px;
  }

  .solution-section {
    padding-bottom: 130px;
  }

  .solution-text-wrap {
    width: 66%;
  }

  .solutions-wrap {
    grid-column-gap: 100px;
  }

  .section-18 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .accomplishments-text-2 {
    width: 28%;
  }

  .section-19 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .solution-wrapper {
    grid-column-gap: 50px;
  }

  .section-20 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .testimonial-tabs-menu {
    padding-right: 100px;
  }

  .section-21 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section-21.price {
    padding-bottom: 320px;
  }

  .footer-rights-wrapper {
    margin-top: 30px;
  }

  .cta-image {
    right: 100px;
  }

  .footer-wrapper {
    grid-column-gap: 100px;
  }

  .div-block-11 {
    width: 50%;
    padding-left: 130px;
  }

  .background-video-6 {
    height: 600px;
    margin: 10%;
  }

  .section-31 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section-31.price {
    padding-bottom: 320px;
  }

  .section-32, .section-33, .section-34 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .accomplishments-text-3 {
    width: 28%;
  }

  .primary-button-2 {
    display: block;
  }

  .solution-section-2 {
    padding-bottom: 130px;
  }

  .wrapfornumbers-8-copy {
    color: #fcfff4;
  }
}

@media screen and (min-width: 1440px) {
  .title-xlarge._1 {
    color: var(--primary-24);
    font-weight: 400;
  }

  .title-xlarge._2 {
    color: var(--primary-24);
  }

  .div-hide {
    float: left;
    clear: left;
    text-align: left;
    font-size: 25%;
  }

  .heading-span._1 {
    color: var(--color);
  }

  .showreel-section {
    padding-bottom: 0;
  }

  .video-bg-absolute {
    height: 600px;
  }

  .showreel-play-btn-wrap {
    height: 500px;
  }

  .bio-text-section {
    padding-top: 0;
  }

  .bio-text {
    text-align: left;
  }

  .service-card {
    width: 270px;
  }

  .link, .link.w--current {
    color: var(--primary);
  }

  .title-xlarge-2._1 {
    color: #fcfff43d;
  }

  .title-xlarge-2._2 {
    color: var(--primary-24);
  }

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

  .granthome {
    background-color: #0000;
  }

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

  .container-18 {
    color: var(--secondary);
    margin-top: 5%;
  }

  .paragraph-4, .paragraph-5, .paragraph-6 {
    margin-top: 2%;
  }

  .bildwithtext {
    margin-top: 5%;
  }

  .image-9 {
    float: right;
  }

  .image-10 {
    float: right;
    text-align: justify;
  }

  .paragraph-7 {
    color: var(--color);
    max-width: 300px;
    font-size: 16px;
    font-weight: 600;
  }

  .paragraph-8 {
    color: var(--secondary);
    max-width: 300px;
    font-size: 16px;
    font-weight: 600;
  }

  .paragraph-9 {
    color: var(--color);
    max-width: 300px;
    font-size: 14px;
    font-weight: 500;
  }

  .container-19 {
    float: left;
    background-color: #add8e6;
    max-width: 300px;
    max-height: 600px;
    font-size: 16px;
  }

  .videosec, .datenfakten {
    margin-top: 5%;
  }

  .heading-47 {
    color: var(--color);
  }

  .heading-48 {
    color: var(--green123);
  }

  .heading-49 {
    color: var(--color);
  }

  .image-11 {
    float: left;
    max-height: 100%;
  }

  .section-15.price {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .team-wrap.small {
    margin-top: 2%;
  }

  .heading-50 {
    color: var(--color);
    text-align: left;
    margin-top: 5%;
  }

  .heading-51, .heading-52, .heading-53 {
    color: var(--secondary);
  }

  .button-17 {
    background-color: silver;
    position: absolute;
  }

  .background-video-4 {
    position: relative;
  }

  .link-10, .link-10.w--current, .link-11, .link-11.w--current {
    color: #fcfff4;
  }

  .footer-with-cta {
    padding-bottom: 130px;
  }

  .cta-wrapper {
    margin-bottom: 130px;
  }

  .background-video-6 {
    width: 80%;
    height: 600px;
    margin-left: 10%;
  }

  .section-27 {
    height: 88%;
  }

  .text-block-26 {
    font-size: 18px;
  }

  .column-2 {
    background-image: linear-gradient(#080808, #0000 20%), url('../images/confetti_1confetti.png');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 80%;
    border-right-color: #161616;
    position: relative;
  }

  .heading._8 {
    margin-bottom: 8px;
    font-size: 140px;
  }

  .heading.jahr2 {
    font-size: 140px;
  }

  .heading._9 {
    text-align: center;
    font-size: 140px;
  }

  .footer-with-cta-2 {
    padding-bottom: 130px;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrap-menu {
    text-align: left;
    background-color: #000;
    margin-top: 0%;
    position: relative;
  }

  .wrapfornumbers {
    text-align: center;
  }

  .title-medium.text-align-center {
    text-align: left;
  }

  .text-align-center {
    font-size: 10em;
  }

  .menu-wrap {
    width: 65%;
  }

  .text-all-caps {
    text-align: left;
    font-size: 24px;
  }

  .home-hero-wrap {
    color: var(--color);
  }

  .home-hero-img-wrap {
    margin-top: 0;
    position: static;
  }

  .img-cover-absolute {
    width: 100%;
    height: 110%;
    margin-left: 0;
  }

  .showreel-section {
    margin-top: 5%;
  }

  .video-bg-absolute {
    height: 1000px;
    margin-bottom: 5%;
    position: static;
  }

  .showreel-play-btn-wrap {
    height: 100px;
  }

  .bio-text-section {
    margin-top: 5%;
  }

  .bio-span-img._2 {
    background-image: url('../images/werkII_aussen_klein.jpg');
  }

  .bio-span-img._1 {
    background-image: url('../images/Gero_032024_0017klein3.jpg');
    background-position: 0%;
    background-size: 100% 100%;
  }

  .service-item-keywords-grid {
    grid-template-areas: ". ."
                         ". Area";
  }

  .menu-grid-links {
    width: 100%;
  }

  .testimonials-grid {
    margin-left: 1%;
    margin-right: 1%;
  }

  .testimonial-quote {
    color: var(--color);
    width: 2em;
    margin-left: 2%;
  }

  .footer-component {
    float: left;
    clear: left;
    position: static;
    inset: 0% auto 0% 0%;
  }

  .text-align-center-mobile {
    float: none;
    clear: left;
    text-align: left;
    width: 100%;
    margin-top: 2%;
    margin-left: 0%;
    text-decoration: none;
    position: static;
  }

  .about-hero-section {
    width: auto;
  }

  .about-gallery-wrap {
    margin-left: 0;
    margin-right: auto;
  }

  .about-infos-grid {
    width: 100%;
  }

  .about-infos-desc-wrap {
    text-align: left;
  }

  .container {
    max-width: 100%;
  }

  .section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .text-white {
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .accomplishments-text {
    width: 12%;
  }

  .banner-text-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph-large.dark-gray {
    color: #fff;
    font-size: 20px;
  }

  .home-second-banner {
    align-items: center;
    height: 100vh;
    padding-top: 240px;
    padding-bottom: 200px;
    display: flex;
  }

  .section-subtitle {
    font-size: 32px;
  }

  .service-card.full-width {
    width: 100%;
  }

  .services-wrapper {
    clear: none;
    text-align: left;
    width: 100%;
    position: static;
  }

  .services-cards-wrap {
    width: 50%;
  }

  .container-3 {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
  }

  .section-3 {
    height: 10%;
  }

  .div-hide-3 {
    text-align: left;
    width: 100%;
    margin-left: 0%;
  }

  .title-xlarge-3._1, .title-xlarge-3._2 {
    margin-top: 10%;
  }

  .home-hero-top-wrap-3 {
    color: var(--color);
    text-align: left;
    margin-top: 2%;
    margin-left: 2%;
  }

  .img-cover-absolute-3.hero {
    text-align: left;
    margin-bottom: 0;
    font-size: 100px;
    inset: 0%;
  }

  .home-hero-img-container-3 {
    width: 100%;
    height: 100%;
    padding-top: 100%;
  }

  .body {
    background-color: var(--primary);
  }

  .heading-17 {
    color: var(--primary);
    font-style: normal;
  }

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

  .machining, .schaft, .mobility, .medical {
    background-color: #000;
    display: none;
  }

  .industries {
    display: block;
  }

  .grid {
    margin-top: 2%;
  }

  .heading-30 {
    width: 100%;
  }

  .electronic {
    display: none;
  }

  .rich-text-block-5 {
    outline-offset: 0px;
    text-transform: none;
    outline: 3px #fcfff4;
    margin-right: 1%;
    font-size: 32px;
  }

  .button-16 {
    position: static;
  }

  .aero {
    display: none;
  }

  .heading-32 {
    margin-bottom: 2%;
  }

  .bckaero {
    height: 100%;
  }

  .rich-text-block-7 {
    width: 100%;
    font-size: 24px;
  }

  .body-5 {
    background-color: var(--secondary);
  }

  .rich-text-block-8 {
    margin-left: 2%;
    margin-right: 2%;
  }

  .heading-34 {
    margin-bottom: 2%;
    margin-left: 1%;
  }

  .heading-35 {
    background-color: #000;
  }

  .collection-list {
    width: 100%;
  }

  .heading-41 {
    width: 100%;
    margin-left: 0%;
  }

  .rich-text-block-11 {
    font-size: 32px;
  }

  .container-17 {
    text-transform: none;
    width: 100%;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0%;
    padding-right: 3%;
    font-style: normal;
  }

  .paragraph-3 {
    margin-top: 0%;
  }

  .heading-42 {
    color: var(--color);
    text-align: left;
    width: 100%;
    margin-left: 2%;
  }

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

  .text-align-center-mobile-2 {
    margin-bottom: 2%;
  }

  .collection-list-wrapper, .collection-item {
    width: 100%;
  }

  .heading-43 {
    color: var(--primary);
  }

  .image-7 {
    width: 100%;
    height: 75%;
  }

  .section-12 {
    margin-top: 0%;
  }

  .heading-44 {
    color: var(--color);
    text-align: left;
  }

  .section-13, .section-14 {
    margin-top: 5%;
  }

  .heading-45 {
    color: var(--primary);
  }

  .image-8 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 5%;
  }

  .heading-46 {
    color: var(--primary);
    margin-bottom: 5%;
  }

  .body-7 {
    background-color: #000;
  }

  .granthome {
    background-color: #0000;
    width: 100%;
    height: auto;
    position: static;
  }

  .textsecone {
    color: var(--color-2);
    background-color: #000;
  }

  .rich-text-block-13 {
    color: var(--primary);
    text-transform: capitalize;
    width: 100%;
    max-width: 100%;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 5%;
    font-size: 24px;
  }

  .container-18 {
    color: var(--primary);
    max-width: 100%;
    margin-top: 0%;
    margin-left: 2%;
    margin-right: 5%;
  }

  .bildwithtext {
    width: 1250px;
    max-width: 100%;
  }

  .paragraph-7, .paragraph-8 {
    max-width: 600px;
    margin-top: 2%;
    font-size: 24px;
  }

  .paragraph-9 {
    color: var(--color);
    max-width: 600px;
    margin-top: 2%;
    font-size: 32px;
  }

  .container-19 {
    background-color: var(--lightblue);
    width: 600px;
    max-width: 100%;
    height: 400px;
    max-height: 100%;
    font-size: 36px;
  }

  .videosec {
    margin-top: 0%;
  }

  .datenfakten {
    color: var(--primary);
  }

  .heading-47 {
    color: var(--color);
  }

  .heading-48 {
    color: var(--green123);
  }

  .heading-49 {
    color: var(--color);
  }

  .image-11 {
    margin-top: 5%;
  }

  .section-15 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section-15.price {
    padding-bottom: 340px;
  }

  .base-container-2 {
    max-width: 100%;
  }

  .team-wrap.small {
    background-color: var(--secondary);
  }

  .heading-50 {
    margin-top: 0%;
  }

  .heading-51, .heading-52, .heading-53 {
    color: var(--primary);
  }

  .secmorepics {
    margin-top: 20%;
    position: static;
  }

  .paragraph-10 {
    padding-right: 2%;
  }

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

  .heading-55 {
    color: var(--color);
    text-transform: none;
    background-color: #0000;
    font-size: 4em;
  }

  .sckontakt {
    object-fit: fill;
    background-color: #000;
    margin-top: 10%;
    position: static;
  }

  .quick-stack {
    margin-top: 20%;
    padding: 0;
    position: absolute;
  }

  .background-video-2 {
    height: 1100px;
    margin-top: 0%;
  }

  .link-4 {
    border-width: 0;
  }

  .heading-56 {
    color: var(--color);
    margin-bottom: 0%;
  }

  .heading-57 {
    color: var(--color);
  }

  .quick-stack-2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-top: 5%;
    margin-left: 0;
  }

  .heading-58 {
    color: var(--color);
    margin-left: 2%;
  }

  .image-12 {
    max-height: 100%;
  }

  .grid-3 {
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .paragraph-11 {
    text-transform: none;
    margin-right: 5%;
    font-size: 32px;
  }

  .paragraph-12 {
    text-transform: none;
  }

  .cookie-modal_content-wrap.is-small, .cookie-modal_description {
    color: var(--secondary);
  }

  .container-21 {
    max-width: 100%;
    height: 75%;
  }

  .image-13 {
    width: 100%;
    height: 75%;
  }

  .image-14 {
    max-width: 10%;
    height: 25%;
  }

  .image-15 {
    max-width: 10%;
    max-height: 25%;
  }

  .image-16, .image-17 {
    max-width: 10%;
  }

  .heading-59 {
    color: var(--color);
    margin-bottom: 2%;
  }

  .image-18 {
    clear: left;
    margin-right: 5%;
    display: block;
    position: static;
    inset: 0% 0% 0% 50%;
  }

  .heading-60 {
    color: var(--color);
    text-align: left;
    width: 100%;
  }

  .image-19 {
    float: left;
    clear: both;
    margin-left: 2%;
  }

  .paragraph-13 {
    margin-left: 0%;
  }

  .section-16 {
    width: 100%;
    height: 10%;
  }

  .image-21 {
    width: 100%;
    max-width: 100%;
    height: 50%;
    margin-left: 0;
  }

  .image-22 {
    max-height: 100%;
  }

  .paragraph-14 {
    margin-right: 2%;
  }

  .background-video-4 {
    height: 900px;
  }

  .link-5 {
    float: left;
    color: var(--primary);
    text-align: left;
    font-size: 32px;
  }

  .background-video-5 {
    height: 900px;
  }

  .link-6 {
    color: var(--primary);
    -webkit-text-stroke-color: var(--primary);
    background-color: #0000;
    border: 0 solid #fff;
    font-style: normal;
    text-decoration: none;
    display: inline;
  }

  .link-7 {
    text-decoration: none;
  }

  .button-18 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
    position: fixed;
  }

  .showreel-wrap-2 {
    height: 900px;
  }

  .showreel-container-2 {
    height: auto;
  }

  .link-9 {
    margin-top: 5px;
    margin-bottom: 15px;
  }

  .image-23 {
    width: 100%;
  }

  .paragraph-15 {
    color: var(--color);
    margin-left: 2%;
    font-size: 1.25em;
  }

  .block-quote-2 {
    color: var(--color);
    font-size: 1.5em;
  }

  .wrapfornumbers-8 {
    background-color: var(--secondary);
    color: var(--secondary);
    text-align: center;
    padding-left: 0;
  }

  .footer-callout-line-absolute-2 {
    background-color: var(--secondary);
  }

  .section-17 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .solution-section {
    padding-bottom: 150px;
  }

  .section-18, .section-19 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .solution-wrapper {
    margin-top: 2%;
  }

  .text-center {
    font-size: 60px;
  }

  .section-20 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .text-span-2 {
    font-size: 80px;
    line-height: 1.2;
  }

  .section-21 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section-21.price {
    padding-bottom: 340px;
  }

  .team-item-2 {
    background-color: var(--secondary);
  }

  .footer-with-cta {
    width: 100%;
    height: 100%;
  }

  .footer-brand {
    clear: both;
    text-align: center;
  }

  .footer-logo {
    float: none;
    clear: none;
    text-align: left;
  }

  .footer-brand-wrapper {
    background-color: #3c393b;
    width: 30%;
  }

  .bold-text-2 {
    color: var(--secondary);
    width: 100%;
    font-size: 24px;
    font-weight: 400;
  }

  .base-container-3 {
    max-width: 80%;
  }

  .base-container-4 {
    max-width: 100%;
  }

  .background-video-6 {
    width: 80%;
    height: 800px;
    margin-left: 10%;
  }

  .container-22 {
    height: 175px;
  }

  .heading-63 {
    width: 100%;
  }

  .section-23 {
    height: 1500px;
  }

  .container-23 {
    max-width: 1500px;
  }

  .image-27 {
    width: 15%;
  }

  .container-24 {
    height: 200px;
  }

  .container-25 {
    max-width: 0;
  }

  .section-25 {
    opacity: 1;
    background-image: url('../images/grueneroteFrau_Dach.jpg');
    background-position: 0 0;
    background-size: auto;
    height: 1000px;
    position: static;
  }

  .heading-64 {
    float: left;
    clear: both;
    position: sticky;
    inset: 50% 35% 35% 25%;
  }

  .section-26 {
    background-color: #a9a9a9;
    height: 900px;
    position: sticky;
  }

  .column {
    background-color: #90ee90;
    height: 200px;
  }

  .heading-65 {
    text-align: center;
    margin: 5%;
    position: static;
    top: 5%;
  }

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

  .section-27 {
    height: 900px;
    margin-top: 2%;
    margin-bottom: 2%;
    position: static;
  }

  .column-2 {
    background-image: url('../images/confetti_1confetti.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 80%;
  }

  .column-2.jahr4, .column-2.jahr1, .column-2.jahr2 {
    background-image: none;
  }

  .heading {
    text-align: center;
    font-size: 140px;
  }

  .heading.jahr4 {
    margin-top: 10%;
  }

  .heading-68 {
    position: static;
  }

  .section-28 {
    background-image: url('../images/blaueFrau_Dach_72.jpg');
    background-position: 0 0;
    background-size: auto 1200px;
    width: 100%;
    height: 1300px;
  }

  .heading-69 {
    z-index: 900;
    float: none;
    text-align: center;
    position: static;
    inset: 1% 30% 50%;
  }

  .paragraph-20 {
    font-size: 2em;
  }

  .paragraph-21 {
    opacity: 1;
    filter: saturate(200%);
    color: var(--secondary);
    text-align: left;
    background-color: #add8e6;
    height: 900px;
    margin-top: 1%;
    font-size: 1.3em;
    font-weight: 500;
    position: sticky;
  }

  .container-26 {
    max-width: 100%;
  }

  .section-29 {
    margin: 5%;
  }

  .container-27 {
    opacity: .83;
    margin-top: 5%;
    position: sticky;
    inset: 15% 20% 1%;
  }

  .section-30 {
    opacity: 1;
  }

  .heading-70 {
    text-align: center;
    font-size: 1em;
  }

  .container-28 {
    max-width: 90%;
  }

  .section-31 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section-31.price {
    padding-bottom: 340px;
  }

  .heading-72, .heading-73, .heading-74, .heading-75 {
    color: var(--primary);
  }

  .section-32, .section-33, .section-34 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .heading-77 {
    font-size: 40px;
    line-height: 1.2;
  }

  .btn-2 {
    color: var(--primary);
    background-image: linear-gradient(321deg, #fff 100%, #fff);
    outline-color: #fff;
    font-weight: 400;
    text-decoration: none;
  }

  .solution-section-2 {
    padding-bottom: 150px;
  }

  .text-span-9 {
    background-color: var(--secondary);
    font-family: var(--body-font);
    color: var(--primary);
    -webkit-text-stroke-color: var(--primary);
    font-weight: 400;
    overflow: visible;
  }

  .heading-78 {
    font-size: 60px;
  }

  .career-position-wrapper-2 {
    color: var(--primary);
  }

  .heading-79 {
    font-size: 40px;
    line-height: 1.2;
  }

  .section-35 {
    margin: 5%;
  }

  .heading-80, .heading-81, .heading-82 {
    font-size: 30px;
  }

  .button-20 {
    background-color: #0000;
  }

  .heading-83, .heading-84 {
    font-size: 24px;
  }

  .wrapfornumbers-8-copy {
    color: var(--secondary);
    text-align: center;
    background-color: #3c393b;
    padding-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .div-hide {
    font-size: 25%;
  }

  .hide-tablet, .styleguide-fixed-nav-wrapper {
    display: none;
  }

  .styleguide-content-wrapper {
    width: 100%;
  }

  .styleguide-hero-section {
    background-size: 8em 8em;
  }

  .home-hero-wrap {
    padding-top: 12em;
    padding-bottom: 12em;
  }

  .showreel-section {
    padding-bottom: 0;
  }

  .showreel-wrap {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bio-text-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-item._1 {
    top: 8em;
  }

  .service-item._2 {
    top: 10em;
  }

  .service-item._3 {
    top: 12em;
  }

  .service-item._4 {
    top: 14em;
  }

  .footer {
    padding-top: 12em;
  }

  .service-item-2._2 {
    top: 10em;
  }

  .service-item-2._4 {
    top: 14em;
  }

  .service-item-2._3 {
    top: 12em;
  }

  .service-item-2._1 {
    top: 8em;
  }

  .primary-button-white:hover {
    opacity: 1;
  }

  .banner-btn-wrap {
    margin-top: 40px;
  }

  .accomplishments-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .accomplishments-wrap.small, .accomplishments-text {
    width: 100%;
  }

  .accomplishments-card {
    width: 32%;
  }

  .accomplishments-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 60px;
    flex-wrap: wrap;
  }

  .menu-button {
    text-align: right;
    flex: 1;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-wrap-2 {
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .nav-link {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 20px 10px 0;
    display: flex;
  }

  .nav-link.white-menu {
    color: #172039;
  }

  .close-menu-button {
    padding-bottom: 0;
  }

  .close-menu-button.w--open {
    background-color: #fff;
    padding: 0 10px 0 0;
  }

  .tablet-menu {
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 0;
    padding-left: 15px;
    display: flex;
  }

  .brand-tablet {
    display: block;
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: column;
    width: 320px;
    inset: 0% auto 0% 0%;
  }

  .nav-close-icon {
    z-index: 15;
    align-self: stretch;
    max-width: 60%;
    position: relative;
  }

  .navbar-fixed {
    height: 60px;
  }

  .image-burger {
    margin-bottom: 4px;
  }

  .banner-text-wrap {
    max-width: 100%;
  }

  .banner-paragraph-wrap {
    width: 100%;
    max-width: 100%;
  }

  .home-second-banner {
    padding-top: 130px;
    padding-bottom: 80px;
  }

  .home-banner-wrapper {
    width: 100%;
  }

  .home-banner-wrapper.home-2 {
    width: 66%;
  }

  .hero {
    font-size: 60px;
  }

  .service-card {
    width: 47.9%;
  }

  .services-wrapper {
    flex-wrap: wrap-reverse;
  }

  .services-cards-wrap {
    width: 100%;
  }

  .div-block-5 {
    width: 100%;
    margin-bottom: 60px;
    padding-left: 0;
  }

  .service-description {
    margin-top: 20px;
  }

  .popup-content-wrapper {
    max-height: 92%;
  }

  .footer-social-icons-wrapper {
    margin-top: 10px;
  }

  .textsecone {
    margin-top: 0%;
  }

  .team-item {
    width: 48%;
  }

  .team-wrap {
    grid-column-gap: 27px;
  }

  .team-wrap.small {
    flex-wrap: wrap;
    justify-content: center;
  }

  .showreel-wrap-2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .footer-2, .footer-3 {
    padding-top: 12em;
  }

  .menu-wrap-3 {
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-9 {
    width: 100%;
    margin-bottom: 60px;
    padding-left: 0;
  }

  .text-block-22 {
    margin-left: 8%;
  }

  .solution-video-lightbox.big {
    height: 450px;
  }

  .solution-text-wrap {
    width: 100%;
  }

  .section-title-wrapper {
    max-width: 560px;
  }

  .solution-big-wrapper {
    flex-wrap: wrap;
  }

  .text-block-23 {
    width: 12%;
    margin-left: 33%;
    padding-left: 0;
  }

  .accomplishments-text-2 {
    width: 100%;
  }

  .solution-wrapper {
    grid-column-gap: 20px;
  }

  .solution-card {
    width: 31%;
  }

  .testimonial-author {
    text-align: center;
  }

  .testimonial-tab-link {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .testimonial-tabs-menu {
    padding-right: 0;
  }

  .testimonial-quote-2 {
    padding-left: 60px;
  }

  .testimonial-author-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .team-item-2 {
    width: 48%;
  }

  .cta-image {
    width: 55%;
    top: auto;
    right: 20px;
  }

  .footer-description {
    max-width: none;
  }

  .footer-location-wrap {
    width: 35%;
  }

  .cta-wrapper {
    padding-left: 50px;
  }

  .footer-contact-wrap {
    width: 100%;
  }

  .footer-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 45px;
  }

  .footer-brand-wrapper {
    grid-column-gap: 0px;
    width: 47.5%;
  }

  .cta-content {
    width: 61%;
  }

  .div-block-11 {
    width: 100%;
    margin-bottom: 60px;
    padding-left: 0;
  }

  .container-26 {
    margin-top: 5%;
  }

  .accomplishments-text-3 {
    width: 100%;
  }

  .btn-2 {
    position: static;
  }

  .text-block-29 {
    width: 12%;
    margin-left: 33%;
    padding-left: 0;
  }

  .career-position-wrapper-2 {
    white-space: nowrap;
    word-break: break-all;
  }

  .div-block-12 {
    float: none;
    clear: left;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1rem;
  }

  h1 {
    font-size: 4.625em;
  }

  h2 {
    font-size: 4.25em;
  }

  h3 {
    font-size: 3.875em;
  }

  h4 {
    font-size: 3.25em;
  }

  h5 {
    font-size: 2.5em;
  }

  h6 {
    font-size: 1.75em;
  }

  .wrapfornumbers {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .title-xlarge {
    font-size: 4.625em;
  }

  .title-large {
    font-size: 4.25em;
  }

  .title-medium {
    font-size: 3.875em;
  }

  .title-small {
    font-size: 3.25em;
  }

  .title-xsmall {
    font-size: 2.5em;
  }

  .title-xxsmall {
    font-size: 1.75em;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .styleguide-grid {
    grid-template-columns: 100%;
    width: 100%;
    overflow: hidden;
  }

  .font-1st-styleguide, .font-2st-styleguide {
    font-size: 4em;
  }

  .styleguide-heading {
    font-size: 10em;
  }

  .utility-page-wrap {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .menu {
    padding-left: 2.5em;
    padding-right: 2.5em;
    font-size: .5rem;
  }

  .menu-wrap {
    width: 100%;
  }

  .home-hero-wrap {
    padding-top: 8.5em;
    padding-bottom: 7em;
  }

  .home-hero-heading-img-wrap {
    flex-direction: column;
    align-items: center;
  }

  .home-hero-img-wrap {
    margin-bottom: .5em;
  }

  .showreel-wrap, .showreel-popup-wrap {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .last-works-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .split-section-title {
    flex-direction: column;
    align-items: center;
  }

  .split-section-desc-text-wrap-desktop {
    display: none;
  }

  .works-grid-cms {
    grid-template-columns: 1fr;
  }

  .work-item-info-wrap {
    margin-top: .5em;
  }

  .latest-works-cms {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .display-text {
    text-align: left;
    font-size: 3em;
  }

  .services-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .service-item {
    margin-bottom: 2.5em;
    padding: 0;
    overflow: hidden;
  }

  .service-item._1 {
    top: 4em;
  }

  .service-item._2 {
    top: 5em;
  }

  .service-item._3 {
    top: 6em;
  }

  .service-item._4 {
    top: 7em;
  }

  .service-item-top-wrap {
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .service-number-label {
    display: none;
  }

  .text-wrapper-small, .service-card-img-wrap {
    width: 100%;
  }

  .service-card-img-container {
    border-style: none none solid;
    border-radius: 0;
  }

  .service-keywords-wrap {
    width: 100%;
    margin-right: 0;
    padding: 1em;
  }

  .service-list-track {
    margin-top: 2em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .menu-btm-wrap {
    flex-direction: column;
  }

  .menu-grid-links {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .menu-link {
    border-bottom: 1px solid var(--primary-30);
    border-right-style: none;
    padding: 1.5em 1.75em;
  }

  .menu-link.no-border {
    border-bottom-style: none;
  }

  .references-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .references-logo-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr;
    margin-top: 1.5em;
  }

  .reference-logo {
    height: 5em;
  }

  .testimonials-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .testimonials-grid {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
    margin-top: 2em;
  }

  .testimonial-quote {
    width: 2.25em;
  }

  .testimonial-infos {
    margin-top: 1.5em;
  }

  .footer {
    padding-top: 5em;
    padding-bottom: 3em;
    position: relative;
  }

  .footer-top-grid {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template: "Area"
                   "Area-2"
                   / 1fr;
    margin-bottom: 5em;
  }

  .footer-links-wrap {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
  }

  .footer-callout-text {
    font-size: 22vw;
  }

  .footer-callout-line-wrap {
    height: 1em;
  }

  .footer-callout-line-absolute {
    display: none;
  }

  .footer-callout-text-wrap {
    height: auto;
    margin-bottom: 0;
  }

  .footer-spacer {
    display: none;
  }

  .text-align-center-mobile {
    text-align: left;
  }

  .split-section-desc-text-wrap-mobile {
    margin-top: .5em;
    display: block;
  }

  .service-name-wrap {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: .75em;
    display: flex;
  }

  .service-item-top-content {
    padding: 1em;
  }

  .works-hero-section {
    padding: 10em 0 8em;
  }

  .works-hero-wrap {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .works-number-label-wrap {
    display: none;
  }

  .works-cms {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .works-list-cms {
    grid-template-columns: 1fr;
  }

  .work-item-list-img-wrap {
    display: none;
  }

  .work-item-list-name-wrap {
    width: 100%;
    margin-bottom: .25em;
  }

  .work-item-list-services-grid {
    margin-left: 0;
  }

  .work-item-list-infos-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .work-item-list-bg {
    display: none;
  }

  .about-hero-section {
    padding-top: 9em;
    padding-bottom: 7.5em;
  }

  .about-hero-wrap {
    min-height: 90vh;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .gallery-item {
    width: 10em;
    margin-right: .5em;
  }

  .gallery-img-wrap {
    border-radius: .25em;
  }

  .gallery-infos-wrap {
    display: none;
  }

  .about-gallery-wrap {
    padding-left: 1.5em;
  }

  .experience-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

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

  .about-infos-desc-wrap {
    width: 100%;
  }

  .bio-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .bio-text {
    column-count: 1;
  }

  .awards-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .methodology-section {
    padding-top: 5em;
    padding-bottom: 8em;
  }

  .methodology-head-wrap {
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 2em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .methodology-desc-wrap {
    width: 100%;
    margin-top: .75em;
  }

  .methodology-slider-wrap {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .methodology-slider, .methodology-slider-mask {
    width: 100%;
  }

  .methodology-slide {
    min-height: 20em;
    margin-right: .5em;
  }

  .methodology-slide-content-wrap {
    padding: 2.5em;
  }

  .methodology-slider-arrow {
    inset: 24em 0% 0%;
  }

  .methodology-slider-arrow.right {
    right: -2em;
  }

  .methodology-slider-arrow.left {
    right: 2em;
  }

  .text-align-left-mobile {
    text-align: left;
  }

  .work-hero-wrap {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .work-hero-top-content, .work-hero-img-wrap {
    width: 100%;
  }

  .work-info-grid {
    grid-row-gap: 1.5em;
    grid-template: "Area Area-2"
                   "Area-3 Area-3"
                   / 1fr 1fr;
  }

  .work-img-gallery-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .work-img-gallery-head {
    width: 100%;
  }

  .work-img-gallery-wrap {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .work-img-gallery-label-wrap {
    display: none;
  }

  .work-img-gallery-grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         "."
                         "Area";
    margin-top: 1.5em;
  }

  .work-img-wrap {
    border-radius: .25em;
  }

  .work-final-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .work-final-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
    display: flex;
  }

  .final-words-wrap {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 3em;
    margin-bottom: 5em;
    display: grid;
  }

  .key-metric-item.first {
    padding-top: 3em;
  }

  .next-works-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .next-works-wrap {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .next-works-desc-grid {
    width: 100%;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .next-works-infos-desc-wrap, .next-works-cards-wrap {
    width: 100%;
  }

  .next-work-card {
    width: 90%;
    margin-right: 1em;
  }

  .next-works-gradient-absolute {
    display: none;
  }

  .contact-form-wrap {
    width: 100%;
    margin-top: 3em;
  }

  .contact-success-section {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .contact-success-grid {
    margin-top: 0;
  }

  .info-page-wrap {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .service-item-2 {
    margin-bottom: 2.5em;
    padding: 0;
    overflow: hidden;
  }

  .service-item-2._2 {
    top: 5em;
  }

  .service-item-2._4 {
    top: 7em;
  }

  .service-item-2._3 {
    top: 6em;
  }

  .service-item-2._1 {
    top: 4em;
  }

  .service-card-img-container-2 {
    border-style: none none solid;
    border-radius: 0;
  }

  .service-number-label-2 {
    display: none;
  }

  .feature {
    text-align: center;
    margin-bottom: 32px;
  }

  .feature-icon {
    margin-bottom: 4px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .banner-btn-wrap {
    margin-top: 30px;
  }

  .accomplishments-wrap {
    grid-column-gap: 0px;
    justify-content: flex-start;
  }

  .accomplishments-wrap.small {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .accomplishments-text {
    max-width: 100%;
  }

  .accomplishments-card {
    width: 100%;
  }

  .accomplishments-paragraph {
    margin-top: 20px;
  }

  .menu-wrap-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link {
    margin-left: 0;
    padding-left: 20px;
  }

  .brand-tablet {
    justify-content: flex-start;
    padding-left: 0;
  }

  .brand {
    padding-left: 0;
  }

  .home-second-banner {
    padding-top: 110px;
    padding-bottom: 60px;
  }

  .home-banner-wrapper.home-2 {
    width: 100%;
  }

  .hero {
    font-size: 56px;
  }

  .service-card {
    width: 100%;
  }

  .services-wrapper {
    column-count: 1;
  }

  .service-info-wrap {
    width: 100%;
    position: static;
  }

  .div-block-5 {
    margin-bottom: 40px;
  }

  .copy-large {
    font-size: 1.3em;
  }

  .popup-content {
    margin: 3em 2em;
  }

  .p-sm-start {
    padding-top: 2.3em;
  }

  .title-xlarge-2, .title-xlarge-3 {
    font-size: 4.625em;
  }

  .footer-social-icons-wrapper {
    grid-column-gap: 30px;
    width: 100%;
    margin-top: 30px;
  }

  .footer-social-icon {
    margin-right: 0;
  }

  .text-align-center-mobile-2 {
    text-align: center;
  }

  .section-15 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-15.price {
    padding-bottom: 250px;
  }

  .team-item {
    width: 65%;
  }

  .team-wrap {
    grid-column-gap: 0px;
    justify-content: center;
    max-width: 100%;
  }

  .heading-58 {
    word-break: break-all;
  }

  .image-12 {
    width: auto;
  }

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

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

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

  .showreel-wrap-2 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .form {
    clear: left;
  }

  .footer-callout-text-2 {
    font-size: 22vw;
  }

  .footer-2 {
    padding-top: 5em;
    padding-bottom: 3em;
    position: relative;
  }

  .wrapfornumbers-8 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .footer-callout-text-wrap-2 {
    height: auto;
    margin-bottom: 0;
  }

  .footer-callout-line-absolute-2 {
    display: none;
  }

  .footer-callout-text-3 {
    font-size: 22vw;
  }

  .footer-3 {
    padding-top: 5em;
    padding-bottom: 3em;
    position: relative;
  }

  .footer-callout-line-absolute-3 {
    display: none;
  }

  .menu-wrap-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .section-17 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-9 {
    margin-bottom: 40px;
  }

  .solution-video-lightbox {
    height: 340px;
  }

  .solution-video-lightbox.big {
    height: 350px;
  }

  .solution-section {
    padding-bottom: 60px;
  }

  .paragraph-wrap {
    margin-top: 30px;
  }

  .career-position-wrapper {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }

  .section-title-wrapper {
    margin-bottom: 40px;
  }

  .btn {
    margin-left: -27%;
  }

  .solutions-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
  }

  .section-18 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .accomplishments-text-2 {
    max-width: 100%;
  }

  .solution-image {
    margin-top: 40px;
  }

  .section-19 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .solution-wrapper {
    grid-row-gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .solution-description, .solution-description.right {
    text-align: left;
  }

  .solution-card {
    width: 100%;
  }

  .solution-card.right, .solution-card.center {
    align-items: flex-start;
  }

  .testimonial-author {
    text-align: left;
  }

  .section-20 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .testimonial-tabs {
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .testimonial-tab-link, .testimonial-tabs-menu, .testimonial-tabs-content {
    width: 100%;
  }

  .testimonial-quote-2 {
    padding-bottom: 20px;
    padding-left: 0;
  }

  .section-21 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-21.price {
    padding-bottom: 250px;
  }

  .team-item-2 {
    width: 65%;
  }

  .footer-rights-wrapper {
    flex-wrap: wrap;
  }

  .cta-image {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    right: auto;
  }

  .footer-location-wrap {
    width: 100%;
  }

  .footer-nav-wrap {
    grid-column-gap: 30px;
    margin-bottom: 30px;
  }

  .cta-wrapper {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .footer-location {
    max-width: none;
  }

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

  .footer-logo-wrapper {
    align-items: center;
    width: 100%;
  }

  .footer-brand-wrapper, .cta-content {
    width: 100%;
  }

  .footer-brand-description {
    text-align: center;
  }

  .div-block-11 {
    margin-bottom: 40px;
  }

  .background-video-6 {
    height: 400px;
  }

  ._3-columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-27 {
    align-items: center;
    height: 68%;
    padding-top: 0;
    padding-bottom: 0;
    overflow: auto;
  }

  .column-2 {
    background-image: none;
    background-position: 0 0;
    border-bottom: 1px solid #282729;
    border-right-style: none;
    flex-direction: column;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .heading, .heading._8 {
    font-size: 100px;
  }

  .base-container-5 {
    overflow-wrap: anywhere;
  }

  .paragraph-wrap-2 {
    margin-top: 30px;
  }

  .section-31 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-31.price {
    padding-bottom: 250px;
  }

  .base-container-6 {
    overflow-wrap: anywhere;
  }

  .section-32, .section-33, .section-34 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .accomplishments-text-3 {
    max-width: 100%;
  }

  .btn-2 {
    white-space: break-spaces;
    margin-left: 0%;
  }

  .solution-section-2 {
    direction: ltr;
    white-space: pre;
    word-break: break-all;
    overflow-wrap: break-word;
    padding-bottom: 60px;
  }

  .text-block-29 {
    word-break: break-all;
  }

  .career-position-wrapper-2 {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 15px;
  }

  .div-block-12 {
    float: left;
    clear: both;
    white-space: pre;
    word-break: break-all;
    overflow-wrap: normal;
    width: 100%;
    position: relative;
  }

  .wrapfornumbers-8-copy {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
}

@media screen and (max-width: 479px) {
  .wrapfornumbers {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .text-align-center {
    word-break: break-all;
  }

  .div-flex.center.vertical-mobile {
    flex-direction: column;
  }

  .default-rich-text blockquote {
    padding-right: .25rem;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .styleguide-info-item {
    padding: .75em;
  }

  .utility-page-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .menu {
    padding-top: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .menu-wrap {
    text-align: left;
    font-size: .5rem;
    display: flex;
  }

  .home-hero-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .home-hero-img-wrap, .hero-section-btm-wrap {
    width: 100%;
  }

  .hero-section-btm-wrap.about {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
  }

  .showreel-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .showreel-container {
    padding-top: 150%;
  }

  .video-bg-absolute {
    height: 200px;
  }

  .showreel-label-wrap {
    margin-top: 1.5em;
    margin-left: 1.5em;
  }

  .showreel-play-btn-wrap {
    height: 200px;
  }

  .showreel-popup-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .work-item-img-container {
    border-radius: .25em;
  }

  .work-item-info-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .work-item-services-grid {
    margin-left: 0;
  }

  .work-item-icon-absolute {
    display: none;
  }

  .button-wrapper-large {
    width: 100%;
  }

  .bio-text-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .bio-span-img {
    border-radius: .25rem;
  }

  .service-item-keywords-grid {
    margin-top: 1em;
    font-size: .75rem;
  }

  .service-keywords-wrap {
    word-break: break-all;
  }

  .service-list-track {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .menu-top-wrap {
    position: static;
  }

  .reference-logo {
    height: 3.5em;
  }

  .footer-callout-line-wrap {
    height: 3vw;
  }

  .text-align-center-mobile {
    text-align: left;
    word-break: break-all;
  }

  .service-item-top-content {
    width: 100%;
    margin-right: .5%;
  }

  .works-hero-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .work-item-list {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .work-item-list-main-wrap {
    margin-bottom: 1em;
  }

  .about-hero-section {
    padding-top: 7.5em;
  }

  .about-hero-span-img {
    border-radius: .25rem;
  }

  .about-hero-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .button-text {
    justify-content: space-between;
  }

  .about-gallery {
    margin-top: 1.25em;
  }

  .gallery-item {
    grid-template-rows: auto;
  }

  .row-item {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: 2em;
    padding-bottom: 2em;
    display: grid;
  }

  .methodology-head-wrap, .methodology-slider-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .methodology-slide-head-wrap {
    flex-direction: column;
  }

  .work-hero-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .work-hero-img-wrap {
    margin-bottom: 5em;
  }

  .work-img-gallery-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .key-metric-item {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: 2em;
    padding-bottom: 2em;
    display: grid;
  }

  .next-works-desc-grid {
    margin-bottom: 2em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .next-works-cms {
    padding-left: 1.5em;
  }

  .contact-section {
    padding-top: 7.5em;
  }

  .contact-form-wrap {
    clear: left;
    position: static;
  }

  .contact-success-section {
    width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
    overflow: hidden;
  }

  .contact-success-grid {
    grid-template-columns: 100%;
    width: 100%;
  }

  .info-page-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .heading-5 {
    word-break: break-all;
  }

  .heading-6 {
    word-break: break-all;
    width: 100%;
    font-style: normal;
  }

  .heading-7 {
    word-break: break-all;
  }

  .accomplishments-card.big {
    width: 100%;
  }

  .nav-link {
    width: 99%;
  }

  .brand-tablet {
    padding-left: 0;
  }

  .section-subtitle.without-bottom-space {
    text-align: center;
  }

  .service-con-wrap {
    width: 100%;
  }

  .service-con-wrap.second {
    margin-top: 30px;
  }

  .services-cards-wrap {
    flex-wrap: wrap;
  }

  .footer-social-icons-wrapper {
    justify-content: center;
    margin-top: 30px;
  }

  .granthome, .team-item {
    width: 100%;
  }

  .team-wrap {
    margin-top: 0;
  }

  .team-image {
    object-position: 50% 0%;
    width: 100%;
    height: 450px;
    top: 0;
  }

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

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

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

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

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

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

  .showreel-wrap-2 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .showreel-container-2 {
    padding-top: 150%;
  }

  .wrapfornumbers-8 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .solution-video-lightbox.big {
    height: 300px;
  }

  .testimonial-author {
    text-align: center;
    justify-content: center;
  }

  .testimonial-tabs {
    display: block;
  }

  .testimonial-tab-link {
    grid-column-gap: 10px;
    justify-content: center;
    align-items: flex-start;
  }

  .testimonial-tabs-menu {
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
  }

  .testimonial-tabs-content {
    width: 100%;
    overflow: visible;
  }

  .testimonial-quote-2 {
    margin-top: 30px;
    padding-left: 0;
  }

  .testimonial-author-wrap {
    align-items: center;
  }

  .team-item-2 {
    width: 100%;
  }

  .footer-copyright {
    justify-content: center;
    width: 100%;
  }

  .footer-rights-wrapper {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .footer-nav-wrap {
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .cta-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    margin-bottom: 25px;
  }

  .footer-brand-wrapper {
    flex-direction: column;
  }

  .background-video-6 {
    height: 200px;
  }

  .image-28 {
    height: 16px;
    margin-right: 8px;
  }

  .section-27 {
    height: 72%;
    overflow: auto;
  }

  .text-block-26 {
    font-size: 14px;
  }

  .column-2 {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .heading, .heading._8 {
    font-size: 80px;
  }

  .btn-2 {
    background-image: linear-gradient(321deg, #fff 100%, #fff);
  }

  .wrapfornumbers-8-copy {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}

#w-node-def074e5-0d24-c6ce-3942-af52aa6fd37a-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd37b-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd37e-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd37f-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd382-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd383-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd386-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd387-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3a7-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3a8-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3ab-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3ac-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3af-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3b0-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3b3-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3b4-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3d9-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3da-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3dd-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3de-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3e1-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3e2-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3e5-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3e6-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3e9-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3ea-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3ed-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3ee-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd413-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd414-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd417-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd418-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd41b-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd41c-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd41f-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd420-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd443-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd444-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd447-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd448-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd44b-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd44f-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd450-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd475-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd476-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd479-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd47a-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd47d-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd47e-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd481-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd482-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd492-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd497-373ff41c, #w-node-_09532c58-fc49-c0e4-52e0-7d3073f74e55-73f74e51, #w-node-_09532c58-fc49-c0e4-52e0-7d3073f74e5e-73f74e51, #w-node-_09532c58-fc49-c0e4-52e0-7d3073f74e60-73f74e51, #w-node-_09532c58-fc49-c0e4-52e0-7d3073f74e69-73f74e51, #w-node-_09532c58-fc49-c0e4-52e0-7d3073f74e6b-73f74e51, #w-node-_09532c58-fc49-c0e4-52e0-7d3073f74e74-73f74e51, #w-node-_3628c81d-de61-4c7d-9e66-d7d85fd68242-5fd68233, #w-node-_3628c81d-de61-4c7d-9e66-d7d85fd6824b-5fd68233, #w-node-_3628c81d-de61-4c7d-9e66-d7d85fd68254-5fd68233, #w-node-_3628c81d-de61-4c7d-9e66-d7d85fd6825d-5fd68233, #w-node-d6dc660f-2c78-9486-a16f-3c2d554e095e-5fd68233, #w-node-_634cb98b-9ad4-cee7-5862-afaac5c74d31-5fd68233, #w-node-_5f4af6c3-faae-541e-1982-4d4765e99f97-5fd68233, #w-node-_74769b12-d5f5-1df2-c7f0-d2e7d0e32939-5fd68233, #w-node-_457ae7ca-965c-ea5f-f898-4cb751fcdd1f-373ff41e, #w-node-_01aaef1b-2b22-f191-27e1-0c40a4e53ad2-a4e53ad2, #w-node-_129f2303-58e2-103b-7b8d-126d1006e402-373ff424, #w-node-_8b18080d-d806-75f3-fdde-1fe10514dafa-373ff427, #w-node-_93b9cf66-4a30-8407-1601-ea81421e0306-373ff427, #w-node-fb2031ba-c88a-c3c8-9f63-2ac431dc8d7a-373ff427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_52f672bd-0054-2186-3b28-ba265d2f8ef8-373ff427 {
  grid-area: Area;
}

#w-node-f22928f0-19bd-accd-01fa-f051a7e0d9e3-373ff427 {
  grid-area: Area-2;
}

#w-node-_1a5514ce-62a2-4972-b557-b9efd21fad85-373ff427 {
  grid-area: Area-3;
}

#w-node-_099fa467-3741-1580-5173-975d2e6a717b-373ff427 {
  grid-area: Area;
}

#w-node-_099fa467-3741-1580-5173-975d2e6a717d-373ff427 {
  grid-area: Area-2;
}

#w-node-_6710a7ac-5ad3-e033-b507-8f46bf559cbf-373ff427 {
  grid-area: Area-3;
}

#w-node-d55866bd-e804-846c-c72b-3a24786d32f0-373ff427 {
  grid-area: Area;
}

#w-node-d55866bd-e804-846c-c72b-3a24786d32f2-373ff427 {
  grid-area: Area-2;
}

#w-node-e35a17b0-c910-665b-f61d-95e3501d5290-373ff427 {
  grid-area: Area-3;
}

#w-node-cf34ee11-9da3-b77a-6968-cd4dc81f7670-373ff427, #w-node-_6e04e718-6a3a-76ba-f076-40dea6b6c0f4-373ff427, #w-node-a51482d6-08d9-a185-6d37-fdd9d8bca568-373ff427, #w-node-_92b1f02a-7158-4e89-05ec-a13a2823f1ad-373ff427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_121527e3-f303-ae2e-8f2f-f4d56bb7f732-373ff427, #w-node-_4df17fe3-c5b3-654b-fb35-27d03a18b108-373ff427 {
  grid-area: Area;
}

#w-node-b71be4e6-8794-98bc-0d38-a8fb66eb1d0a-373ff427 {
  grid-area: Area-2;
}

#w-node-ec034e3d-d57e-df95-863f-792ac23a46f8-373ff427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2952ae92-b489-8360-5ecb-7912fa67941c-373ff427 {
  grid-area: Area-3;
}

#w-node-_06e39d15-aba0-1792-7be6-7352f9665a00-373ff427 {
  grid-area: Area-4;
}

#w-node-_5a96f886-0b9b-0630-b28a-b40ce99abbfa-373ff427, #w-node-db356100-7741-feb8-ad7a-ef1e61ced116-373ff427, #w-node-a7e743fd-d87b-fdf8-1102-ad2daf13b155-373ff427, #w-node-a7e743fd-d87b-fdf8-1102-ad2daf13b157-373ff427, #w-node-e39efb05-b89b-27a2-2a44-e61d4d74f4c3-4d74f4c3, #w-node-c4d0fbbc-b302-5e9c-c7c8-4fac31679aac-373ff42a, #w-node-c4d0fbbc-b302-5e9c-c7c8-4fac31679aad-373ff42a, #w-node-c4d0fbbc-b302-5e9c-c7c8-4fac31679aae-373ff42a, #w-node-c4d0fbbc-b302-5e9c-c7c8-4fac31679ab0-373ff42a, #w-node-c4d0fbbc-b302-5e9c-c7c8-4fac31679ab6-373ff42a, #w-node-c4d0fbbc-b302-5e9c-c7c8-4fac31679ab9-373ff42a, #w-node-_6f0ab239-e109-a3a1-758f-49ea99db82d4-373ff42a, #w-node-_6f0ab239-e109-a3a1-758f-49ea99db82d5-373ff42a, #w-node-_6f0ab239-e109-a3a1-758f-49ea99db82d6-373ff42a, #w-node-_6f0ab239-e109-a3a1-758f-49ea99db82d8-373ff42a, #w-node-_6f0ab239-e109-a3a1-758f-49ea99db82dd-373ff42a, #w-node-a251bfb2-f966-4f22-c0c6-593316227033-373ff42a, #w-node-a251bfb2-f966-4f22-c0c6-593316227034-373ff42a, #w-node-a251bfb2-f966-4f22-c0c6-593316227035-373ff42a, #w-node-a251bfb2-f966-4f22-c0c6-593316227037-373ff42a, #w-node-a251bfb2-f966-4f22-c0c6-593316227039-373ff42a, #w-node-a251bfb2-f966-4f22-c0c6-59331622703c-373ff42a, #w-node-f6258b62-7a9d-24e1-1850-f8ceb83bb185-373ff42a, #w-node-f6258b62-7a9d-24e1-1850-f8ceb83bb18e-373ff42a, #w-node-f6258b62-7a9d-24e1-1850-f8ceb83bb190-373ff42a, #w-node-f6258b62-7a9d-24e1-1850-f8ceb83bb199-373ff42a, #w-node-f6258b62-7a9d-24e1-1850-f8ceb83bb19b-373ff42a, #w-node-f6258b62-7a9d-24e1-1850-f8ceb83bb1a4-373ff42a, #w-node-_9b95324d-cad5-6482-fdd4-337748be7a83-373ff42c, #w-node-_3c18d230-05d2-5aae-f49c-63557c70db4c-373ff42c, #w-node-_5794bfb4-8bbc-037c-0541-494419de3ab6-373ff434 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4f4e5303-bf62-b77e-4f4d-f17861c43cd0-373ff434 {
  justify-self: start;
}

#w-node-_8cee621b-e42a-6759-b611-fdda50bc1fae-373ff434, #w-node-_067fc09a-3390-1a24-139e-38d0807dbc29-373ff434, #w-node-_984b5cb1-0fcf-c0cb-5c00-0f81fa2b1b2d-373ff434, #w-node-_2a2434a8-9b7f-1e96-fdb8-8ce473caf31e-373ff434, #w-node-e486bad6-0704-e6d6-e9c5-378e2320f4d1-373ff434, #w-node-e486bad6-0704-e6d6-e9c5-378e2320f4d2-373ff434, #w-node-e486bad6-0704-e6d6-e9c5-378e2320f4d5-373ff434, #w-node-e486bad6-0704-e6d6-e9c5-378e2320f4d6-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cb9-373ff434 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cba-373ff434 {
  justify-self: start;
}

#w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cbd-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cbe-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cc0-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cc1-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cc6-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398ccc-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398ccd-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398ccf-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cd0-373ff434, #w-node-_03cbbba9-5651-963b-e5ac-8b99c9398cd5-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf82ca-373ff434 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8f50fc48-477e-3bae-0024-0d88cecf82cb-373ff434 {
  justify-self: start;
}

#w-node-_8f50fc48-477e-3bae-0024-0d88cecf82ce-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf82d1-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf82d2-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf82d7-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf82dc-373ff434, #w-node-_989e0772-776c-b970-0820-c1bcad6d6832-373ff434, #w-node-_80195953-95d7-a429-23a8-f9968b87b3ad-373ff434, #w-node-_80195953-95d7-a429-23a8-f9968b87b3ae-373ff434, #w-node-_80195953-95d7-a429-23a8-f9968b87b3b3-373ff434, #w-node-_80195953-95d7-a429-23a8-f9968b87b3b8-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf82e1-373ff434, #w-node-a7ab7400-3a68-a698-2e51-83712a265c52-373ff434, #w-node-a7ab7400-3a68-a698-2e51-83712a265c53-373ff434, #w-node-a7ab7400-3a68-a698-2e51-83712a265c58-373ff434, #w-node-a7ab7400-3a68-a698-2e51-83712a265c5d-373ff434, #w-node-_6fbf9ca9-9f55-e56f-eefe-d8e7330d8dae-373ff434, #w-node-_3928a26a-45e8-abbf-9d0e-c005115d7aa6-373ff434, #w-node-_3928a26a-45e8-abbf-9d0e-c005115d7aa7-373ff434, #w-node-_3928a26a-45e8-abbf-9d0e-c005115d7aac-373ff434, #w-node-_3928a26a-45e8-abbf-9d0e-c005115d7ab1-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf82f4-373ff434, #w-node-_59bccaa9-9be8-644c-ed87-7f2dbfdf12e2-373ff434, #w-node-_59bccaa9-9be8-644c-ed87-7f2dbfdf12e3-373ff434, #w-node-_59bccaa9-9be8-644c-ed87-7f2dbfdf12e8-373ff434, #w-node-_59bccaa9-9be8-644c-ed87-7f2dbfdf12ed-373ff434, #w-node-_589a7e21-1220-f9ce-3d77-ae0b2e0f7efa-373ff434, #w-node-cb20ae3a-c3f6-e48b-b6b7-001714ed6437-373ff434, #w-node-cb20ae3a-c3f6-e48b-b6b7-001714ed6438-373ff434, #w-node-cb20ae3a-c3f6-e48b-b6b7-001714ed643d-373ff434, #w-node-cb20ae3a-c3f6-e48b-b6b7-001714ed6442-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf8307-373ff434, #w-node-_54d17fb4-1c2c-7c99-fcc2-0878895bcac5-373ff434, #w-node-_54d17fb4-1c2c-7c99-fcc2-0878895bcac6-373ff434, #w-node-_54d17fb4-1c2c-7c99-fcc2-0878895bcacb-373ff434, #w-node-_54d17fb4-1c2c-7c99-fcc2-0878895bcad0-373ff434, #w-node-_6046c8f0-0dd3-3487-eb30-ee4633b6bbae-373ff434, #w-node-b801a679-5bd4-60d2-0a23-ef63a75a9b1d-373ff434, #w-node-b801a679-5bd4-60d2-0a23-ef63a75a9b1e-373ff434, #w-node-b801a679-5bd4-60d2-0a23-ef63a75a9b23-373ff434, #w-node-b801a679-5bd4-60d2-0a23-ef63a75a9b28-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf831a-373ff434, #w-node-_46808284-39a0-9c75-1e47-bf11ef36c3e5-373ff434, #w-node-_46808284-39a0-9c75-1e47-bf11ef36c3e6-373ff434, #w-node-_46808284-39a0-9c75-1e47-bf11ef36c3eb-373ff434, #w-node-_46808284-39a0-9c75-1e47-bf11ef36c3f0-373ff434, #w-node-_57099e7a-b794-82ff-c0b7-c97ccf9cc9f7-373ff434, #w-node-_25926b37-fac1-ee14-b258-7ca2e5910671-373ff434, #w-node-_25926b37-fac1-ee14-b258-7ca2e5910672-373ff434, #w-node-_25926b37-fac1-ee14-b258-7ca2e5910677-373ff434, #w-node-_25926b37-fac1-ee14-b258-7ca2e591067c-373ff434, #w-node-_8f50fc48-477e-3bae-0024-0d88cecf832d-373ff434, #w-node-_63dd090f-1e78-aaa2-804a-f7fe95783c8e-373ff434, #w-node-_63dd090f-1e78-aaa2-804a-f7fe95783c8f-373ff434, #w-node-_63dd090f-1e78-aaa2-804a-f7fe95783c94-373ff434, #w-node-_63dd090f-1e78-aaa2-804a-f7fe95783c99-373ff434, #w-node-c001ebc0-4462-02f6-3175-f7bac00cfcf3-373ff434, #w-node-b615088d-70a1-a969-82fc-947f6b3f3dda-373ff434, #w-node-b615088d-70a1-a969-82fc-947f6b3f3ddb-373ff434, #w-node-b615088d-70a1-a969-82fc-947f6b3f3de0-373ff434, #w-node-b615088d-70a1-a969-82fc-947f6b3f3de5-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca735-373ff434 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd27b4da-7252-48e0-3efb-f345805ca736-373ff434 {
  justify-self: start;
}

#w-node-cd27b4da-7252-48e0-3efb-f345805ca739-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca73c-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca73d-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca742-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca747-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca74d-373ff434, #w-node-_804c715a-2f07-5b5d-2da7-6a32119862a5-373ff434, #w-node-_804c715a-2f07-5b5d-2da7-6a32119862a6-373ff434, #w-node-_804c715a-2f07-5b5d-2da7-6a32119862ab-373ff434, #w-node-_804c715a-2f07-5b5d-2da7-6a32119862b0-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca761-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca762-373ff434, #w-node-_798e5439-82a8-57e9-dd8b-89e23d08756d-373ff434, #w-node-_798e5439-82a8-57e9-dd8b-89e23d08756e-373ff434, #w-node-_798e5439-82a8-57e9-dd8b-89e23d087573-373ff434, #w-node-_798e5439-82a8-57e9-dd8b-89e23d087578-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca789-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca78c-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca78d-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca793-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca796-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca797-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca79d-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7a0-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7a1-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7a7-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7a8-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7ab-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7ac-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7b2-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7b5-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7b6-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7bc-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7bd-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7ca-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7cb-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7d2-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7d8-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7d9-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7e6-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7e7-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7ee-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7f4-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7f5-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7f7-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7f8-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca7fe-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca803-373ff434, #w-node-cd27b4da-7252-48e0-3efb-f345805ca808-373ff434, #w-node-a2c8d4f2-f7be-25a6-2821-b7e12c29a8dd-373ff434 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2c8d4f2-f7be-25a6-2821-b7e12c29a8de-373ff434 {
  justify-self: start;
}

#w-node-a2c8d4f2-f7be-25a6-2821-b7e12c29a8e1-373ff434, #w-node-a2c8d4f2-f7be-25a6-2821-b7e12c29a91f-373ff434, #w-node-a2c8d4f2-f7be-25a6-2821-b7e12c29a920-373ff434, #w-node-_6e964c6e-99f4-873a-74f9-451b2b6cd0e3-373ff434 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e964c6e-99f4-873a-74f9-451b2b6cd0e4-373ff434 {
  justify-self: start;
}

#w-node-a9236658-b14e-4c4e-eb5f-90eb0b45110c-373ff434, #w-node-_3575edfe-78a7-403d-c0df-370aacbbda9e-373ff434 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3575edfe-78a7-403d-c0df-370aacbbda9f-373ff434 {
  justify-self: start;
}

#w-node-_2ab42ed9-0af1-30fa-a97b-2b4373f73509-373ff434, #w-node-_2ab42ed9-0af1-30fa-a97b-2b4373f7350a-373ff434, #w-node-_2ab42ed9-0af1-30fa-a97b-2b4373f7350e-373ff434, #w-node-_2ab42ed9-0af1-30fa-a97b-2b4373f7350f-373ff434, #w-node-_49b6ac1f-a553-ef95-3024-ebd0edee2705-373ff434, #w-node-e6540a10-821e-65e4-e839-a2973ee3554a-373ff434, #w-node-_0c9a8f11-70cc-bab9-4b8e-105fb04a8672-373ff434, #w-node-_0c9a8f11-70cc-bab9-4b8e-105fb04a8673-373ff434, #w-node-_0c9a8f11-70cc-bab9-4b8e-105fb04a8677-373ff434, #w-node-_0c9a8f11-70cc-bab9-4b8e-105fb04a8678-373ff434, #w-node-_8f0fe598-cc22-b3ce-cc40-b121282be098-373ff434, #w-node-_8f0fe598-cc22-b3ce-cc40-b121282be099-373ff434, #w-node-_8f0fe598-cc22-b3ce-cc40-b121282be09d-373ff434, #w-node-_8f0fe598-cc22-b3ce-cc40-b121282be09e-373ff434, #w-node-ae5a45e6-0424-997b-27e2-cf2416112e85-373ff434, #w-node-ae5a45e6-0424-997b-27e2-cf2416112e86-373ff434, #w-node-ae5a45e6-0424-997b-27e2-cf2416112e8a-373ff434, #w-node-ae5a45e6-0424-997b-27e2-cf2416112e8b-373ff434, #w-node-cc41ee23-9295-ce5f-4e98-e574da28aaef-373ff434, #w-node-cc41ee23-9295-ce5f-4e98-e574da28aaf0-373ff434, #w-node-cc41ee23-9295-ce5f-4e98-e574da28aaf4-373ff434, #w-node-cc41ee23-9295-ce5f-4e98-e574da28aaf5-373ff434, #w-node-e9988369-289a-40b4-e9ac-e3ddc6be9aaf-373ff434, #w-node-e9988369-289a-40b4-e9ac-e3ddc6be9ab0-373ff434, #w-node-e9988369-289a-40b4-e9ac-e3ddc6be9ab4-373ff434, #w-node-e9988369-289a-40b4-e9ac-e3ddc6be9ab5-373ff434, #w-node-b384450e-ea3e-7e76-7cec-d943b904e604-373ff434, #w-node-b384450e-ea3e-7e76-7cec-d943b904e605-373ff434, #w-node-b384450e-ea3e-7e76-7cec-d943b904e609-373ff434, #w-node-b384450e-ea3e-7e76-7cec-d943b904e60a-373ff434, #w-node-_645e639b-4e59-0031-501c-51183116eea7-373ff434, #w-node-_645e639b-4e59-0031-501c-51183116eea8-373ff434, #w-node-_645e639b-4e59-0031-501c-51183116eeac-373ff434, #w-node-_645e639b-4e59-0031-501c-51183116eead-373ff434, #w-node-_019e45d8-99df-80e1-5a15-d3b3a9d6eef7-373ff434, #w-node-_019e45d8-99df-80e1-5a15-d3b3a9d6eef8-373ff434, #w-node-_019e45d8-99df-80e1-5a15-d3b3a9d6eefc-373ff434, #w-node-_019e45d8-99df-80e1-5a15-d3b3a9d6eefd-373ff434, #w-node-c6acd1f9-49a0-4824-2249-d805f2e7db39-373ff434, #w-node-c6acd1f9-49a0-4824-2249-d805f2e7db3a-373ff434, #w-node-c6acd1f9-49a0-4824-2249-d805f2e7db3e-373ff434, #w-node-c6acd1f9-49a0-4824-2249-d805f2e7db3f-373ff434, #w-node-_59db0557-e839-1293-bdf2-35bf7740b103-373ff434, #w-node-_59db0557-e839-1293-bdf2-35bf7740b104-373ff434, #w-node-_59db0557-e839-1293-bdf2-35bf7740b108-373ff434, #w-node-_59db0557-e839-1293-bdf2-35bf7740b109-373ff434, #w-node-f71739a3-b0e0-0245-ef40-9f81bbd7a3f1-373ff434, #w-node-f71739a3-b0e0-0245-ef40-9f81bbd7a3f2-373ff434, #w-node-f71739a3-b0e0-0245-ef40-9f81bbd7a3f6-373ff434, #w-node-f71739a3-b0e0-0245-ef40-9f81bbd7a3f7-373ff434, #w-node-_2c5f563e-d7e3-4ab4-ce8e-f79535935ba8-373ff483, #w-node-_2c5f563e-d7e3-4ab4-ce8e-f79535935ba9-373ff483, #w-node-_2c5f563e-d7e3-4ab4-ce8e-f79535935bac-373ff483, #w-node-_2c5f563e-d7e3-4ab4-ce8e-f79535935bae-373ff483, #w-node-a418246e-e6fc-7e98-4bae-9e2ccbc58a3e-373ff483, #w-node-a418246e-e6fc-7e98-4bae-9e2ccbc58a44-373ff483, #w-node-a418246e-e6fc-7e98-4bae-9e2ccbc58a45-373ff483, #w-node-_8a791568-40b0-01ed-2350-ae8f858ebf60-373ff483, #w-node-_8a791568-40b0-01ed-2350-ae8f858ebf69-373ff483, #w-node-_8a791568-40b0-01ed-2350-ae8f858ebf6b-373ff483, #w-node-_8a791568-40b0-01ed-2350-ae8f858ebf74-373ff483, #w-node-_8a791568-40b0-01ed-2350-ae8f858ebf76-373ff483, #w-node-_8a791568-40b0-01ed-2350-ae8f858ebf7f-373ff483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2403ec0c-b116-d58f-63d1-8287e801be53-9bdf7c9e, #w-node-_08c2f392-4cb6-0ffb-8e69-24b8af16ab22-9bdf7c9e, #w-node-a1eddfc8-ac72-e71c-2172-cb3d3bcfba9c-9bdf7c9e, #w-node-_5db75898-b1ff-b29a-7c5f-f6392188e253-9bdf7c9e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fc3-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fc4-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fc7-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fc8-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fcb-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fcc-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fcf-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875fd0-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ff0-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ff1-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ff4-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ff5-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ff8-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ff9-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ffc-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930875ffd-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876022-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876023-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876026-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876027-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087602a-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087602b-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087602e-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087602f-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876032-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876033-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876036-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876037-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087605c-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087605d-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876060-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876061-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876064-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876065-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876068-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876069-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087608c-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd93087608d-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876090-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876091-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876094-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876098-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876099-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760be-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760bf-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760c2-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760c3-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760c6-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760c7-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760ca-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760cb-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760db-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760e0-627ef583, #w-node-_3f57d2d9-8676-1b47-6ef0-1e4a9e5cd532-2a116045, #w-node-_3f57d2d9-8676-1b47-6ef0-1e4a9e5cd53d-2a116045, #w-node-_3f57d2d9-8676-1b47-6ef0-1e4a9e5cd548-2a116045, #w-node-_013592cf-8c99-3be9-b2a3-57eeba30706d-f3f9bcc9, #w-node-_013592cf-8c99-3be9-b2a3-57eeba30706e-f3f9bcc9, #w-node-_013592cf-8c99-3be9-b2a3-57eeba307071-f3f9bcc9, #w-node-_013592cf-8c99-3be9-b2a3-57eeba307072-f3f9bcc9, #w-node-_013592cf-8c99-3be9-b2a3-57eeba307075-f3f9bcc9, #w-node-_013592cf-8c99-3be9-b2a3-57eeba307079-f3f9bcc9, #w-node-_013592cf-8c99-3be9-b2a3-57eeba30707a-f3f9bcc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3e9-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd3ed-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd48b-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd48c-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd491-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd492-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd497-373ff41c, #w-node-d6dc660f-2c78-9486-a16f-3c2d554e095e-5fd68233, #w-node-_634cb98b-9ad4-cee7-5862-afaac5c74d31-5fd68233, #w-node-_5f4af6c3-faae-541e-1982-4d4765e99f97-5fd68233, #w-node-_74769b12-d5f5-1df2-c7f0-d2e7d0e32939-5fd68233, #w-node-c4d0fbbc-b302-5e9c-c7c8-4fac31679ab6-373ff42a, #w-node-b0ecb84b-621d-0ec5-90bd-8c2e033eae37-373ff42a, #w-node-b0ecb84b-621d-0ec5-90bd-8c2e033eae38-373ff42a, #w-node-b0ecb84b-621d-0ec5-90bd-8c2e033eae39-373ff42a, #w-node-b0ecb84b-621d-0ec5-90bd-8c2e033eae3a-373ff42a, #w-node-b0ecb84b-621d-0ec5-90bd-8c2e033eae3b-373ff42a, #w-node-b0ecb84b-621d-0ec5-90bd-8c2e033eae3c-373ff42a, #w-node-a418246e-e6fc-7e98-4bae-9e2ccbc58a3e-373ff483, #w-node-a418246e-e6fc-7e98-4bae-9e2ccbc58a44-373ff483 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2403ec0c-b116-d58f-63d1-8287e801be53-9bdf7c9e, #w-node-_08c2f392-4cb6-0ffb-8e69-24b8af16ab22-9bdf7c9e, #w-node-a1eddfc8-ac72-e71c-2172-cb3d3bcfba9c-9bdf7c9e, #w-node-_5db75898-b1ff-b29a-7c5f-f6392188e253-9bdf7c9e {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876032-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd930876036-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760d4-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760d5-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760da-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760db-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760e0-627ef583 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-def074e5-0d24-c6ce-3942-af52aa6fd48b-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd48c-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd491-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd497-373ff41c, #w-node-def074e5-0d24-c6ce-3942-af52aa6fd498-373ff41c, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760d4-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760d5-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760da-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760e0-627ef583, #w-node-b7fc7e0d-10c3-3386-dda2-8cd9308760e1-627ef583 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f22928f0-19bd-accd-01fa-f051a7e0d9e3-373ff427, #w-node-_099fa467-3741-1580-5173-975d2e6a717d-373ff427, #w-node-d55866bd-e804-846c-c72b-3a24786d32f2-373ff427 {
    justify-self: end;
  }
}


@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/BebasNeue-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Variablefont Opsz Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}