:root {
  --dark-purple: #332d36;
  --light-grey: #dddcdc;
  --gold: #a3894e;
  --dark-grey: #767277;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  background-color: var(--dark-purple);
  color: var(--light-grey);
  font-family: Rules, Arial, sans-serif;
  font-size: 18px;
  line-height: 160%;
}

h1 {
  color: var(--gold);
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: FH Ronaldson Display, Times New Roman, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 100%;
}

h2 {
  margin-top: 0;
  margin-bottom: 75px;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 28px;
  padding-bottom: 30px;
  font-family: FH Ronaldson Display, Times New Roman, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 100%;
}

h4 {
  color: var(--dark-purple);
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: FH Ronaldson Display, Times New Roman, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 100%;
}

h5 {
  color: #dddcdc;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 400;
  line-height: 125%;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 125%;
}

p {
  color: var(--dark-grey);
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 160%;
}

a {
  color: var(--gold);
  text-decoration: none;
  transition: all .35s;
}

a:hover {
  color: var(--gold);
}

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

li {
  opacity: 1;
  background-image: url('../images/icon-plus.svg');
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: auto;
  border-bottom: 1px solid rgba(221, 220, 220, .6);
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  list-style-type: none;
}

label {
  letter-spacing: .25px;
  margin-top: 3px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  display: block;
}

.content {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.style-name {
  color: #d4d4d4;
  text-transform: uppercase;
  border-top: 1px solid #d4d4d4;
  border-bottom: 0 #d4d4d4;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}

.p-grey {
  color: var(--light-grey);
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 160%;
}

.button {
  border: 1px solid var(--gold);
  color: var(--gold);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 11px 25px 8px;
  font-size: 18px;
  transition: all .35s;
}

.button:hover {
  background-color: var(--gold);
  color: var(--light-grey);
  text-transform: none;
  padding-left: 35px;
  padding-right: 35px;
}

.button.button-invert {
  border: 1px solid var(--gold);
  color: var(--gold);
  background-color: rgba(0, 0, 0, 0);
}

.button.button-invert:hover {
  color: #fff;
  background-color: #c36f4b;
  border-style: solid;
  border-color: #c36f4b;
}

.button.download {
  background-image: url('../images/icon-download.svg');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 23px;
  padding-left: 57px;
}

.button.download:hover {
  background-image: url('../images/icon-download-hover.svg');
  background-position: 35px;
  padding-left: 67px;
}

.button.purple {
  border-style: solid;
  border-color: var(--dark-purple);
  color: var(--dark-purple);
  background-color: rgba(0, 0, 0, 0);
  margin-top: 50px;
}

.button.purple:hover {
  background-color: var(--dark-purple);
  color: #968f7c;
}

.section {
  padding: 200px 100px;
}

.section.hero {
  background-color: var(--light-grey);
  align-items: flex-end;
  height: 100vh;
  padding-bottom: 100px;
  display: flex;
}

.section.hero.sub {
  height: 33vh;
}

.section.dark {
  padding: 0 50px;
}

.section.contact {
  background-color: var(--light-grey);
  padding-top: 250px;
  padding-bottom: 215px;
}

.section.wort {
  padding-top: 150px;
  padding-bottom: 0;
}

.section.footer {
  padding-top: 50px;
  padding-bottom: 25px;
}

.section.legal {
  background-color: var(--light-grey);
  min-height: 100vh;
  padding-top: 400px;
}

.section.insights-text {
  padding-top: 0;
}

.container {
  width: 100%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.row {
  flex-wrap: wrap;
  align-content: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.row.boxes {
  margin-bottom: 300px;
}

.row.row-center {
  justify-content: flex-start;
}

.row.row-insights-bottom {
  margin-top: 100px;
}

.inner-div-example {
  border: 1px solid var(--gold);
  text-align: center;
  background-color: rgba(231, 133, 91, .25);
  padding-top: 15px;
  padding-bottom: 15px;
}

.col {
  flex: 1;
  align-items: flex-start;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  position: relative;
}

.col.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col.col-2 {
  flex-basis: 16.67%;
  max-width: 16.6667%;
}

.col.col-11 {
  flex-basis: 91.67%;
  max-width: 91.6667%;
}

.col.col-7 {
  flex-basis: 58.33%;
  max-width: 58.3333%;
}

.col.col-7.col-align-middle {
  align-items: center;
  display: flex;
}

.col.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col.col-5 {
  flex-basis: 41.67%;
  max-width: 41.6667%;
}

.col.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col.col-8 {
  flex-basis: 66.67%;
  max-width: 66.6667%;
}

.col.col-4 {
  flex-basis: 33.33%;
  max-width: 33.3333%;
}

.col.col-4.col-flex {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.col.col-1 {
  flex-basis: 8.33%;
  max-width: 8.33333%;
}

.col.col-10 {
  flex-basis: 83.33%;
  max-width: 83.3333%;
}

.p-large {
  color: var(--dark-grey);
  overflow-wrap: anywhere;
  margin-top: 0;
  margin-bottom: 75px;
  font-size: 42px;
  line-height: 130%;
}

.body {
  line-height: 150%;
}

.body.no-scroll {
  overflow: hidden;
}

.accordion-item {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.accordion-toggle {
  color: var(--gold);
  order: 0;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 0;
  display: flex;
}

.accordion-heading {
  white-space: normal;
  flex: none;
  width: 100%;
  transition: all .2s;
}

.accordion-content {
  background-color: rgba(0, 0, 0, 0);
  padding: 10px 0 0;
  display: block;
  position: static;
}

.text-grey {
  color: var(--light-grey);
}

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

.h3-subline {
  letter-spacing: 1px;
  font-size: 21px;
  line-height: 50%;
}

.h3-purple {
  color: var(--dark-purple);
  margin-bottom: 0;
  font-size: 42px;
}

.h3-purple.legal {
  margin-bottom: 100px;
}

.navbar {
  z-index: 9;
  background-color: var(--light-grey);
  align-items: flex-end;
  width: 100%;
  height: 190px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: fixed;
  top: 0;
}

.logo {
  width: 150px;
}

.nav-link {
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  padding: 17px 0 13px;
  font-size: 18px;
  line-height: 100%;
}

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

.nav-link.kontakt {
  border: 1px solid var(--dark-purple);
  margin-left: 0;
  margin-right: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.nav-link.kontakt:hover {
  border-color: var(--gold);
  margin-left: -10px;
  margin-right: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.h1-line {
  background-color: var(--gold);
  width: 105%;
  height: 1px;
  margin-top: 25px;
}

.section-dark-inner {
  background-color: rgba(0, 0, 0, .15);
  width: 100%;
  margin: 0;
  padding: 200px 50px;
}

.section-dark-inner._01 {
  padding: 200px 50px 250px;
  position: relative;
  overflow: hidden;
}

.section-dark-inner._02 {
  position: relative;
  overflow: hidden;
}

.section-dark-inner._03 {
  color: var(--dark-purple);
  background-color: #968f7c;
  position: relative;
}

.h3-line {
  border-bottom: 1px solid var(--dark-grey);
  margin-bottom: 27px;
}

.h2-box {
  border: 1px solid var(--light-grey);
  background-color: var(--dark-purple);
  padding: 22px 40px 18px;
  display: inline-block;
}

.line-long {
  background-color: var(--light-grey);
  width: 40vw;
  height: 1px;
  position: absolute;
  top: 7px;
  right: 0;
}

.line-long.portfolio {
  top: 35px;
}

.line-long.contact {
  background-color: var(--dark-purple);
  top: 21px;
}

.box {
  height: 100%;
  padding: 75px 50px;
  transition: all .3s;
}

.box:hover {
  transform: scale(1.025);
}

.box.light {
  background-color: #968f7c;
}

.box.light.sc {
  background-color: #93876b;
  background-image: url('../images/img-portrait.jpg');
  background-position: 85% 101%;
  background-repeat: no-repeat;
  background-size: 375px;
  padding-top: 150px;
  padding-left: 8.33333%;
  position: relative;
  top: 50px;
}

.box.light.sc:hover {
  transform: none;
}

.box.dark {
  background-color: #93876b;
}

.box.hover.light.lead-form {
  height: auto;
  margin-top: 150px;
  padding: 150px 100px;
}

.icon-portfolio {
  text-align: left;
  width: 14%;
}

.icon-portfolio.hr {
  width: 11%;
}

.icon-portfolio-wrapper {
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}

.txt-box {
  color: var(--light-grey);
}

.heading {
  font-size: 42px;
}

.heading-2 {
  font-size: 27px;
}

.heading-3, .heading-4 {
  font-size: 42px;
}

.heading-5, .body-2 {
  font-size: 21px;
}

.line-small {
  background-color: var(--dark-purple);
  width: 50px;
  height: 2px;
  margin-bottom: 80px;
}

.line-small.white {
  background-color: var(--light-grey);
  margin-top: 60px;
  margin-bottom: 60px;
}

.image {
  width: 15%;
}

.list-item {
  padding-left: 40px;
}

.h3-sub {
  margin-top: -23px;
}

.weniger {
  display: none;
}

.accordion-wrapper {
  margin-top: -20px;
}

.li-square {
  background-image: url('../images/icon-li.svg');
  background-position: 0 10px;
  background-size: 5px;
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 25px;
}

.wort-wrapper {
  width: 50%;
  margin-left: 20px;
}

.p-purple {
  color: var(--dark-purple);
  margin-top: 20px;
}

.p-purple.p-kontakt {
  max-width: 620px;
}

.footer {
  background-color: #d6d5d7;
}

.p-small {
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 15px;
  display: block;
}

.link-footer {
  color: var(--dark-grey);
  margin-left: 30px;
  font-size: 15px;
}

.link-footer:hover, .link-lang {
  color: var(--dark-purple);
}

.link-lang:hover, .link-lang.w--current, .link-lang.active.w--current {
  color: var(--gold);
}

.nav-menu {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.lang-slash {
  padding-left: 4px;
  padding-right: 4px;
  display: inline-block;
}

.brand {
  margin-top: 8px;
  padding-left: 0;
}

.img-hero {
  z-index: 0;
  width: 55vw;
  position: absolute;
  bottom: -.5px;
  right: 0;
}

.heading-6 {
  z-index: 1;
  position: relative;
}

.paragraph {
  margin-bottom: 40px;
}

.overlays {
  z-index: 10;
  position: relative;
}

.overlay-close {
  z-index: 11;
  opacity: 0;
  cursor: pointer;
  padding: 10px;
  position: fixed;
  top: 90px;
  right: 90px;
}

.overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(30, 27, 32, .85);
  width: 100vw;
  height: 100vh;
  padding-top: 50px;
  padding-bottom: 50px;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: scroll;
  transform: translate(-100vw);
}

.overlay-content {
  background-color: var(--dark-purple);
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
}

.overlay-content.overlay-form {
  padding-top: 200px;
  padding-bottom: 200px;
}

.img-header-oel {
  margin-bottom: 200px;
}

.overlay-kontakt {
  background-color: #2c262e;
  margin-top: 60px;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
}

.pattern-oel {
  position: absolute;
  bottom: 0;
  left: 0;
}

.overlay-logos {
  background-color: var(--light-grey);
  padding-top: 75px;
  padding-bottom: 75px;
  position: relative;
}

.oel-logo-icsc {
  width: 180px;
  margin-right: 100px;
}

.oel-logo-do {
  width: 210px;
}

.ovl-open.purple {
  color: var(--dark-purple);
}

.pattern-02 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.pattern-03 {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.h3-legal {
  color: var(--dark-purple);
  letter-spacing: .3px;
  margin-top: 60px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Rules, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.h1-legal {
  margin-bottom: 100px;
  font-size: 42px;
}

.h2-legal {
  color: var(--dark-purple);
  margin-top: 100px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 30px;
}

.li-legal {
  color: var(--dark-purple);
  background-image: url('../images/icon-li.svg');
  background-size: 5px;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 20px;
}

.box-partner {
  background-color: #2e2932;
  height: 100%;
}

.partner-loog-wrapper {
  background-color: #2b262e;
  justify-content: center;
  align-items: center;
  height: 300px;
  padding: 60px;
  display: flex;
}

.div-block {
  padding: 60px 40px;
}

.h4-partner {
  color: var(--dark-grey);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: Rules, Arial, sans-serif;
  font-size: 18px;
  line-height: 130%;
}

.h5 {
  text-transform: none;
  font-size: 24px;
  line-height: 130%;
}

.h5.purple {
  color: var(--dark-purple);
}

.img-partner {
  max-width: 100%;
}

.pattern-08 {
  z-index: 2;
  width: 500px;
  height: 500px;
  position: absolute;
  top: -250px;
  right: -250px;
  overflow: clip;
}

.insights-teaser {
  border-bottom: 1px solid rgba(221, 220, 220, .66);
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.insights-teaser.last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.link-plus {
  color: var(--light-grey);
  background-image: url('../images/icon-plus-circle-white.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 23px;
  padding-top: 0;
  padding-left: 32px;
  display: inline-block;
  overflow: visible;
}

.link-plus:hover {
  color: var(--light-grey);
  padding-left: 37px;
}

.h1-sub {
  color: var(--light-grey);
}

.link-back {
  color: var(--dark-grey);
  background-image: url('../images/icon-back.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 23px;
  margin-top: 11px;
  padding-left: 32px;
  display: inline-block;
}

.insights-img-wrapper {
  margin-top: 100px;
}

.heading-lead-form {
  max-width: 600px;
}

.input {
  color: var(--light-grey);
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom: 1px solid rgba(221, 220, 220, .5);
  margin-bottom: 20px;
  padding: 20px 0;
}

.checkbox-label {
  margin-top: 3px;
}

.form-opt-in-text {
  margin-top: 3px;
  margin-bottom: 0;
}

.link-purple {
  color: var(--dark-purple);
  font-weight: 400;
}

.link-purple:hover {
  color: var(--dark-purple);
  text-decoration: underline;
}

.link-purple-2 {
  color: #332d36;
}

.link-purple-2:hover {
  color: #332d36;
  text-decoration: underline;
}

.input-2 {
  float: none;
  opacity: 1;
  color: #262e3d;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #262e3d;
  border-radius: 100px;
  width: 50%;
  height: 60px;
  margin: 8px;
  padding: 0 22px;
  font-size: 24px;
  line-height: 100%;
  display: block;
}

.input-2.contact {
  color: #262e3d;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-radius: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 0;
  font-size: 42px;
}

.input-2.contact.input-honig {
  display: none;
}

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

  h2 {
    margin-bottom: 50px;
    font-size: 16px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 12px;
  }

  p {
    margin-bottom: 30px;
    font-size: 16px;
  }

  ul {
    margin-bottom: 30px;
  }

  .p-grey {
    font-size: 16px;
  }

  .button {
    margin-bottom: 15px;
    margin-right: 15px;
    font-size: 15px;
  }

  .button.btn-ovl-close {
    font-size: 16px;
  }

  .section {
    padding: 75px 50px;
  }

  .section.hero {
    align-items: center;
    padding: 200px 50px 0;
  }

  .section.dark {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.contact {
    padding-top: 175px;
    padding-bottom: 100px;
  }

  .section.wort {
    padding-top: 75px;
  }

  .section.partner {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .row.boxes {
    margin-bottom: 150px;
  }

  .row.row-insights-bottom {
    flex-flow: column-reverse;
    margin-top: 50px;
    padding-left: 8.33%;
  }

  .row.row-squeez-m-1 {
    padding-left: 1%;
    padding-right: 0%;
  }

  .col.col-2.col-m-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col.col-2.hidden-m {
    display: none;
  }

  .col.col-7.col-m-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col.col-7.col-m-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col.col-7.col-m-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col.col-7.col-static {
    position: static;
  }

  .col.col-7.col-align-middle {
    align-items: center;
  }

  .col.col-6.col-m-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col.col-6.col-m-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col.col-5.col-m-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-5.col-m-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col.col-5.col-m-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col.col-5.col-m-10.col-m-push-1 {
    margin-left: 8.33333%;
  }

  .col.col-3.col-m-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col.col-1.hidden-m {
    display: none;
  }

  .col.col-10.col-m-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .p-large {
    font-size: 32px;
  }

  .body {
    font-size: 16px;
    line-height: 160%;
  }

  .h3-subline {
    font-size: 16px;
  }

  .h3-purple {
    font-size: 28px;
  }

  .navbar {
    z-index: 9;
    height: 15vh;
    padding-left: 50px;
    padding-right: 50px;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 28px;
    font-weight: 400;
  }

  .nav-link.kontakt {
    border-style: none;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link.kontakt:hover {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .h1-line {
    width: 120%;
    margin-top: 23px;
  }

  .section-dark-inner._01, .section-dark-inner._02 {
    padding: 100px 30px;
  }

  .section-dark-inner._03 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .h3-line {
    margin-bottom: 24px;
    padding-bottom: 18px;
  }

  .line-long {
    top: -4px;
  }

  .line-long.portfolio {
    top: 29px;
  }

  .line-long.contact {
    top: 15px;
  }

  .box.light.sc {
    background-position: 103% 101%;
    background-size: 280px;
    padding-top: 75px;
    padding-bottom: 50px;
  }

  .box.hover.dark {
    padding: 50px 35px;
  }

  .box.hover.dark:hover {
    transform: none;
  }

  .box.hover.light {
    padding: 50px 35px;
  }

  .box.hover.light:hover {
    transform: none;
  }

  .line-small.white {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .li-square {
    background-position: 0 9px;
  }

  .wort-wrapper {
    width: 58.3333%;
  }

  .p-small {
    font-size: 12px;
  }

  .p-small.nav {
    text-align: left;
    margin-top: 75px;
    font-size: 16px;
    display: block;
  }

  .link-footer {
    font-size: 12px;
  }

  .nav-menu {
    background-color: #d6d5d7;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 85vh;
    margin-bottom: 0;
    padding-top: 15vh;
    padding-left: 107px;
    top: 15vh;
    bottom: auto;
  }

  .img-hero {
    width: 90vw;
  }

  .overlay-close {
    top: 68px;
    right: 68px;
  }

  .img-close {
    width: 22px;
  }

  .overlay {
    transform: translate(-100vw);
  }

  .img-header-oel {
    margin-bottom: 100px;
  }

  .pattern-oel {
    width: 200px;
  }

  .overlay-logos {
    padding-top: 75px;
  }

  .oel-logo-icsc {
    width: 140px;
    margin-bottom: 0;
    margin-right: 50px;
  }

  .oel-logo-do {
    width: 180px;
  }

  .menu-burger-slice {
    background-color: var(--dark-purple);
    width: 40px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    transition: all .3s;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    display: flex;
    right: -18px;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .pattern-01 {
    width: 35px;
  }

  .div-block {
    padding: 45px 30px;
  }

  .h4-partner {
    margin-bottom: 45px;
    font-size: 16px;
  }

  .h5 {
    font-size: 21px;
  }

  .img-partner.ck {
    width: 60%;
  }

  .pattern-08 {
    width: 300px;
    height: 300px;
    top: -150px;
    right: -150px;
  }

  .link-back {
    margin-top: 25px;
  }

  .input-2 {
    height: 50px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 35px;
  }

  h2 {
    font-size: 15px;
  }

  h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  p {
    margin-bottom: 35px;
    font-size: 15px;
  }

  .button {
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .section {
    padding: 45px 15px;
  }

  .section.hero {
    height: 90vh;
    padding-top: 15vh;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }

  .section.hero.sub {
    height: 25vh;
  }

  .section.dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section.contact {
    padding-top: 150px;
    padding-bottom: 75px;
  }

  .section.wort {
    padding-top: 45px;
    padding-left: 0;
    padding-right: 0;
  }

  .section.footer {
    padding-top: 40px;
  }

  .section.legal {
    padding-top: 250px;
  }

  .section.portfolio {
    padding-top: 100px;
  }

  .section.partner {
    padding-top: 90px;
  }

  .container.ovl {
    padding-left: 30px;
    padding-right: 30px;
  }

  .row.boxes {
    margin-bottom: 100px;
  }

  .row.row-insights-bottom {
    margin-top: 25px;
    padding-left: 0%;
  }

  .col.col-9, .col.col-2 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-2.col-m-1.hidden-s {
    display: none;
  }

  .col.col-2.col-s-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col.col-2.col-s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-11, .col.col-7, .col.col-7.col-m-10.col-s-12, .col.col-7.col-m-8 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-7.col-static.col-s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-6, .col.col-6.col-m-10.col-s-12, .col.col-6.col-m-8.col-s-12, .col.col-5, .col.col-5.col-m-6 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-5.col-s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-5.col-m-1.hidden-s {
    display: none;
  }

  .col.col-5.col-m-10.col-m-push-1 {
    margin-left: 0%;
  }

  .col.col-5.col-m-10.col-m-push-1.col-s-12, .col.col-3 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-3.col-m-2.hidden-s {
    display: none;
  }

  .col.col-8, .col.col-4 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-4.col-flex {
    justify-content: flex-start;
  }

  .col.col-4.col-s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-1, .col.col-10 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-10.col-s-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col.col-10.col-s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .p-large {
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: 500;
  }

  .p-large.sub {
    margin-bottom: 0;
  }

  .body {
    font-size: 15px;
  }

  .accordion-content {
    padding-top: 30px;
  }

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

  .logo {
    width: 120px;
  }

  .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .h1-line {
    width: 13.5vw;
    margin-top: 19px;
  }

  .section-dark-inner._01 {
    padding: 50px 20px 80px;
  }

  .section-dark-inner._02 {
    padding: 50px 20px 210px;
  }

  .section-dark-inner._03 {
    padding: 50px 20px;
  }

  .h3-line {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .line-long {
    width: 11vw;
    top: 10px;
    left: -10vw;
    right: auto;
  }

  .line-long.portfolio {
    width: 11vw;
    top: 43px;
    left: -10vw;
    right: auto;
  }

  .box.light.sc {
    background-position: 116% 101%;
    background-size: 230px;
    padding-bottom: 42px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .box.hover.light.lead-form {
    margin-top: 75px;
    padding: 75px 40px;
  }

  .txt-box {
    margin-bottom: 50px;
  }

  .li-square {
    background-position: 0 8px;
  }

  .wort-wrapper {
    width: 71%;
    margin-left: 0;
  }

  .p-purple {
    margin-bottom: 50px;
  }

  .p-small.nav {
    margin-top: 5vh;
  }

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

  .nav-menu {
    padding-left: 61px;
  }

  .brand {
    margin-top: 11px;
  }

  .overlay-close {
    top: 20px;
    right: 20px;
  }

  .overlay {
    padding-top: 0;
    padding-bottom: 0;
    transform: translate(-100vw);
  }

  .overlay-content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .overlay-content.overlay-form {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .img-header-oel {
    width: 100%;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .overlay-kontakt {
    margin-top: 20px;
    padding-top: 50px;
    padding-bottom: 75px;
  }

  .pattern-oel {
    width: 150px;
    left: auto;
    right: 0;
  }

  .overlay-logos {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .menu-burger-slice {
    width: 30px;
    height: 1px;
  }

  .pattern-02 {
    width: 340vw;
    max-width: none;
    bottom: -4vw;
    left: -3.7vw;
  }

  .pattern-03 {
    width: 170vw;
    max-width: none;
  }

  .pattern-06 {
    width: 70px;
    margin-top: 30px;
    margin-left: 0;
  }

  .partner-loog-wrapper {
    height: 200px;
  }

  .h4-partner {
    font-size: 15px;
  }

  .h5 {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .img-partner {
    max-width: 180px;
  }

  .img-partner.ck {
    max-width: 100px;
  }

  .pattern-08 {
    width: 200px;
    height: 200px;
    top: -100px;
    right: -100px;
  }

  .insights-img-wrapper {
    margin-top: 50px;
  }

  .paragraph-2 {
    margin-bottom: 35px;
  }

  .input-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .input-2.contact {
    font-size: 30px;
  }
}

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

  h2 {
    font-size: 15px;
    line-height: 120%;
  }

  h3 {
    font-size: 25px;
    line-height: 31px;
  }

  h4 {
    font-size: 21px;
    line-height: 26px;
  }

  h5 {
    font-size: 16px;
    line-height: 22px;
  }

  p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 140%;
  }

  a {
    font-size: 15px;
  }

  .p-grey {
    font-size: 15px;
    line-height: 22px;
  }

  .button {
    font-size: 15px;
    line-height: 140%;
  }

  .section.partner {
    padding-left: 0;
    padding-right: 0;
  }

  .row {
    flex-wrap: wrap;
  }

  .col {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-2.col-m-1.hidden-s {
    display: none;
  }

  .col.col-7.col-m-10 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .p-large {
    font-size: 20px;
  }

  .h1-line {
    width: 13.5vw;
  }

  .section-dark-inner._02 {
    padding-bottom: 140px;
  }

  .box.light.sc {
    background-position: 144% 101%;
    background-size: 220px;
    padding-bottom: 0;
  }

  .box.hover.light.lead-form {
    margin-top: 50px;
    padding: 50px 30px;
  }

  .h3-sub {
    line-height: 110%;
  }

  .wort-wrapper {
    width: 63%;
  }

  .overlay {
    transform: translate(-100vw);
  }

  .h5 {
    margin-top: 40px;
  }

  .h1-sub {
    letter-spacing: .5px;
    font-size: 28px;
    line-height: 115%;
  }

  .paragraph-3 {
    margin-bottom: 26px;
  }

  .link-purple {
    font-size: 12px;
  }

  .input-2.contact {
    margin-bottom: 20px;
    font-size: 21px;
  }
}


@font-face {
  font-family: 'Rules';
  src: url('../fonts/Rules-Regular.woff2') format('woff2'), url('../fonts/Rules-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FH Ronaldson Display';
  src: url('../fonts/FHRonaldsonDisplay-Regular.woff2') format('woff2'), url('../fonts/FHRonaldsonDisplay-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}