:root {
  --white-smoke: #f5f5f7;
  --black: #091426;
  --grey: #888;
  --primary-1: #348eda;
  --primary-2: #0069d4;
  --white: white;
  --primary-3: #3a9ef2;
  --black-2: rgba(29, 29, 31, .06);
  --red: #e63917;
  --medium-sea-green: #29a63e;
}

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

body {
  background-color: var(--white-smoke);
  color: var(--black);
  font-family: Satoshi, sans-serif;
  font-size: 1.2vw;
  line-height: 1.66667;
}

h1 {
  letter-spacing: -.15vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1;
}

h2 {
  letter-spacing: -.1vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 3.3vw;
  font-weight: 700;
  line-height: 1;
}

h3 {
  letter-spacing: -.15vw;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.7vw;
  font-weight: 700;
  line-height: 1.25;
}

h4 {
  letter-spacing: -.15vw;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2vw;
  font-weight: 700;
  line-height: 1.33333;
}

h5 {
  letter-spacing: -.1vw;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6vw;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 1.5;
}

p {
  color: var(--grey);
  margin-bottom: 0;
}

a {
  color: var(--black);
  font-weight: 700;
  text-decoration: none;
}

ul {
  color: var(--grey);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

label {
  letter-spacing: .025vw;
  text-transform: uppercase;
  margin-bottom: .266667vw;
  font-weight: 700;
  display: block;
}

strong {
  font-weight: 600;
}

.paragraph {
  font-family: Ubuntu, sans-serif;
  font-size: .8vw;
}

.paragraph._0-75vw-right-margin {
  margin-right: 0;
}

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

.paragraph.white {
  color: #fff;
}

.paragraph.bold {
  font-weight: 700;
}

.paragraph.paragraph-white {
  color: var(--white-smoke);
  text-align: center;
}

.paragraph.white-smoke {
  color: var(--white-smoke);
}

.large-paragraph {
  letter-spacing: -.01vw;
  font-family: Ubuntu, sans-serif;
  font-size: 1.2vw;
  line-height: 1.5;
}

.large-paragraph.center.large-paragraph-white {
  color: var(--white-smoke);
}

.large-paragraph.bold {
  color: var(--black);
  font-weight: 600;
}

.large-paragraph.bold.center {
  margin-bottom: 1.6vw;
}

.large-paragraph._1-6vw-margin.white, .large-paragraph.white {
  color: var(--white-smoke);
}

.large-paragraph.white.light {
  font-weight: 300;
}

.primary-button {
  background-color: var(--primary-1);
  color: #fff;
  cursor: pointer;
  border-radius: 4.8vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1vw 2.4vw;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  transition: background-color .3s ease-out;
  display: flex;
}

.primary-button:hover {
  background-color: var(--primary-2);
}

.primary-button.hero {
  background-color: var(--white);
  color: var(--primary-1);
}

.primary-button.hero:hover {
  background-color: var(--white-smoke);
  color: var(--primary-3);
}

.align-horizontally {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon {
  height: 1.2vw;
}

.secondary-button {
  color: var(--black);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.secondary-button:hover {
  color: var(--primary-1);
  background-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}

.buttons-wrap {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._0-8vw-margin {
  margin-bottom: .8vw;
}

._0-8vw-margin.carrer-heading {
  justify-content: space-between;
  display: flex;
}

._1-6vw-margin {
  margin-bottom: 1.6vw;
}

._2-4vw-margin {
  margin-bottom: 2.4vw;
}

._3-2vw-margin {
  margin-bottom: 3.2vw;
}

._4vw-margin {
  margin-bottom: 4vw;
}

._0-75vw-right-margin {
  margin-right: .75vw;
}

.faq-question-wrap {
  cursor: pointer;
}

.h2-title.center.sticky {
  position: static;
  top: 50vh;
}

.h2-title.center.h2-white {
  color: var(--white);
}

.h2-title.center.mobile {
  display: none;
}

._100-width {
  object-fit: fill;
  width: 100%;
}

._100-width.cover {
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 1.6vw;
  height: 100%;
}

.medium-card {
  border-radius: 1.6vw;
  padding: 3.2vw;
}

.medium-card.grey-bkg {
  background-color: var(--white);
}

.medium-card._404 {
  max-width: 33vw;
}

.medium-card._404.grey-bkg {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.large-card {
  border-radius: 1.6vw;
  padding: 4.8vw;
}

.large-card.grey-bkg {
  background-color: rgba(0, 0, 0, 0);
  display: none;
}

.large-card.no-bottom-margin {
  padding-bottom: 0;
}

.black-bkg {
  background-color: var(--black);
  color: var(--white);
}

.small-icon {
  width: 1.6vw;
  height: 1.6vw;
}

.medium-icon {
  width: 2.4vw;
  height: 2.4vw;
}

.medium-icon.top-margin {
  margin-top: .375vw;
}

.page-link {
  background-color: var(--primary-1);
  border-radius: .8vw;
  padding: 2.5vw 2vw;
  transition: background-color .3s;
}

.page-link:hover {
  background-color: var(--primary-2);
}

.page-image {
  border-radius: .4vw;
  width: 100%;
}

.check-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.logo-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.card {
  border-radius: 1.6vw;
  padding: 2.2vw 3.2vw 1vw;
  position: relative;
}

.card.black-bkg {
  background-color: var(--black);
  border-radius: 0;
}

.card.first {
  padding-top: 9.6vw;
}

.card.white-bkg._404 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.card.white-bkg.cta {
  padding-bottom: 3vw;
}

.card.image-bg {
  background-image: linear-gradient(rgba(52, 142, 218, .75), rgba(52, 142, 218, .75)), url('../images/Warum-Berechtigungsmanagment.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 0;
}

.card.warum {
  background-image: url('../images/Warum-Berechtigungsmanagment.jpg');
  background-position: 0 0;
  background-size: cover;
}

.card.warum.image-bg {
  background-image: linear-gradient(rgba(52, 142, 218, .75), rgba(52, 142, 218, .75)), url('../images/Warum-Berechtigungsmanagment.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.card.referenzen {
  background-image: url('../images/Referenzen.jpg');
  background-position: 0 0;
  background-size: cover;
}

.card.referenzen.image-bg {
  background-image: linear-gradient(rgba(52, 142, 218, .75), rgba(52, 142, 218, .75)), url('../images/Referenzen.jpg');
  background-position: 0 0, 0 -450px;
  background-size: auto, cover;
}

.card.recruting.image-bg {
  background-image: linear-gradient(rgba(52, 142, 218, .75), rgba(52, 142, 218, .75)), url('../images/haende_schuetteln_karriere.jpg');
}

.align-left-and-vertical {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.faq-question-bar {
  color: #1d1d1f;
  border-bottom: 1px solid rgba(29, 29, 31, .07);
  justify-content: space-between;
  align-items: center;
  padding-top: 1.6vw;
  padding-bottom: 1.6vw;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.h1-title.center._1-6vw-margin.white {
  color: var(--white-smoke);
}

.h1-title.center.h1-white {
  color: var(--white);
}

.h1-title.center.h1-white._1-6vw-margin.mobile {
  display: none;
}

.logo {
  width: 3vw;
  min-width: 70px;
}

.link-span {
  color: #0071e3;
  line-height: 1.25;
  transition: color .3s ease-out;
}

.link-span:hover {
  color: #0069d4;
}

.close-icon {
  background-color: #f5f5f7;
  border-radius: 2vw;
  justify-content: center;
  align-items: center;
  width: 2.4vw;
  height: 2.4vw;
  padding: .8vw;
  display: flex;
}

.vertical-left-and-center {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.cta-image-2 {
  width: 140px;
  position: absolute;
  top: auto;
  bottom: 40px;
  left: auto;
  right: 40px;
}

.faq-divider {
  width: 100%;
  height: 1px;
}

.h5-title._0-8vw-margin {
  font-family: Ubuntu, sans-serif;
  display: block;
}

.footer-bottom {
  justify-content: center;
  margin-top: 3vw;
  display: flex;
}

.stars {
  width: 10vw;
  margin-bottom: .125vw;
}

.faq-line {
  background-color: rgba(29, 29, 31, .07);
  width: 100%;
  height: 1px;
}

.feature-check-wrap {
  border-bottom: 1px solid rgba(29, 29, 31, .05);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 6vw;
  display: flex;
}

.social-link {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.2vw;
  min-width: 35px;
  height: 3.2vw;
  min-height: 35px;
  padding: 1vw;
  transition: box-shadow .3s ease-out;
  display: flex;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
}

.social-link:hover {
  box-shadow: inset 0 0 0 1px #fff;
}

.social-link.dark-border {
  box-shadow: inset 0 0 0 1px var(--black-2);
}

.social-link.dark-border:hover {
  box-shadow: inset 0 0 0 1px var(--black);
}

.comparison-text {
  font-size: 15px;
  line-height: 1;
  display: none;
}

.social-links-grid {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  display: block;
}

.faq-paragraph {
  padding-top: 1.2vw;
  padding-bottom: 1.2vw;
  font-weight: 400;
}

.faq-paragraph.small-bottom {
  padding-bottom: .625vw;
}

.cta-image-1 {
  width: 170px;
  position: absolute;
  top: -75px;
  bottom: auto;
  left: auto;
  right: 8%;
}

.comparison-info-grid {
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  justify-items: start;
}

.section {
  padding: 3.2vw;
}

.section._404 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.section.hero {
  background-image: url('../images/Wave_Frankfurt-Blau_web.png');
  background-position: 50% 100%;
  background-size: cover;
  height: 55vw;
  padding: 0;
}

.section.why {
  background-image: linear-gradient(rgba(58, 158, 242, .75), rgba(58, 158, 242, .75)), url('../images/Warum-Berechtigungsmanagment.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.section.referenzen {
  background-image: linear-gradient(rgba(52, 142, 218, .75), rgba(52, 142, 218, .75)), url('../images/Referenzen.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.carrier {
  background-image: linear-gradient(rgba(52, 142, 218, .75), rgba(52, 142, 218, .75)), url('../images/haende_schuetteln_karriere.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.cta-image-3 {
  width: 240px;
  position: absolute;
  bottom: 70px;
  left: 0;
}

.centered-and-vertical {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-credits {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: .8vw;
  font-weight: 400;
  line-height: 1.25;
  text-decoration: none;
}

.footer-title {
  margin-bottom: .8vw;
}

.faq-content {
  overflow: hidden;
}

.client-logo {
  height: 2.75vw;
  margin-left: auto;
  margin-right: auto;
}

.cta-text-wrap {
  flex-direction: column;
  align-items: center;
  max-width: 55vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.comparison-item {
  border-bottom: 1px solid rgba(29, 29, 31, .05);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 6vw;
  display: flex;
}

.comparison-top {
  border-bottom: 1px solid rgba(29, 29, 31, .05);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 6vw;
  display: flex;
}

.main-grid {
  grid-column-gap: 1.6vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.footer-link {
  color: #fff;
  margin-top: .4vw;
  margin-bottom: .4vw;
  transition: color .3s ease-out;
}

.footer-link:hover {
  color: #0071e3;
}

.stars-wrap {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.image-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-wrap {
  flex-direction: column;
  align-items: center;
  max-width: 60vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.faq-circle {
  border: 1px solid rgba(29, 29, 31, .2);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.25vw;
  min-width: 27px;
  height: 2.25vw;
  min-height: 27px;
  padding: .625vw;
  display: flex;
}

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

.center {
  text-align: center;
}

._4-8vw-margin {
  margin-bottom: 4.8vw;
}

.grey-bkg {
  background-color: var(--white-smoke);
}

._0-8vw-radius {
  border-radius: .8vw;
}

.white-bkg {
  background-color: var(--white);
}

.navbar {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.nav-container {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.6vw;
  display: flex;
}

.logo-wrap {
  margin-right: .5vw;
}

.nav-link {
  z-index: 10;
  margin-left: .5vw;
  margin-right: .5vw;
  padding: .6vw 1.6vw;
  position: relative;
}

.nav-link:hover {
  color: var(--primary-1);
  background-color: rgba(0, 0, 0, 0);
}

.nav-link.hide-on-landscape {
  color: var(--white);
  font-family: Ubuntu, sans-serif;
  font-size: 1vw;
}

.nav-link.hide-on-landscape:hover {
  background-color: var(--white);
  color: var(--primary-1);
  border-radius: 50px;
}

.nav-link.hide-on-landscape.w--current {
  color: var(--white-smoke);
}

.nav-link.hide-on-landscape.w--current:hover {
  background-color: var(--white-smoke);
  color: var(--primary-1);
  border-radius: 4.2vw;
}

.nav-link.hide-on-portrait.w--current {
  color: var(--white-smoke);
}

.purchase-button {
  z-index: 10;
  background-color: rgba(29, 29, 31, .05);
  border-radius: 3.3vw;
  margin-left: .5vw;
  padding: .6vw 1.5vw;
  transition: background-color .3s, color .3s;
  position: relative;
}

.purchase-button:hover {
  color: #fff;
  background-color: #0071e3;
}

.member-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.customer-review-wrap {
  grid-template-rows: 4.8vw 4.8vw auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.clients-grid {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 12vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.clients-card {
  border: 1px solid var(--white);
  background-image: linear-gradient(rgba(9, 20, 38, .75), rgba(9, 20, 38, .75));
  border-radius: .75vw;
  flex-direction: column;
  align-items: center;
  padding: 6.4vw 3.2vw .8vw;
  transition: box-shadow .6s;
  display: flex;
  box-shadow: inset 0 0 0 1px rgba(48, 67, 81, .1);
}

.client-logo-wrap {
  border-top: 1px solid var(--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.6vw;
  padding-top: .8vw;
  padding-bottom: .8vw;
  display: flex;
}

.client-pic {
  object-fit: none;
  border-radius: 100%;
  width: 9.6vw;
  height: 9.6vw;
  position: relative;
}

.customer-position {
  color: #a0a0a0;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
}

.customer-position.customer-postion-white {
  color: var(--white-smoke);
  font-size: 18px;
}

.large-number {
  text-align: center;
  letter-spacing: -.15vw;
  font-size: 4vw;
  font-weight: 700;
  line-height: .98423;
}

.small-card-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 1.6vw;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 3vw;
  display: grid;
}

.huge-letter {
  text-align: center;
  font-size: 27.285vw;
  line-height: .762324;
}

.large-feature {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  border-radius: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: 5.6fr 4.4fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 4.8vw;
  display: grid;
}

.hero-image {
  border-radius: .25em;
  width: 100%;
  box-shadow: 0 0 44px -16px rgba(113, 138, 173, .4);
}

.hero-grid {
  grid-column-gap: 2em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  width: 40vw;
}

.center-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.elements-right {
  z-index: 0;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 100%;
  padding-left: 8%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.fullscreen-card {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 46vw;
  padding: 6em 4em;
  display: flex;
  position: relative;
}

.elements-left {
  z-index: 0;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
  height: 100%;
  padding-right: 8%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.elements-row {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  position: relative;
}

.elements-row._03-right {
  left: 5vw;
}

.elements-row._02-right {
  left: 10vw;
}

.elements-row._02-left {
  right: 10vw;
}

.elements-row._03-left {
  right: 5vw;
}

._50-width {
  width: 50%;
}

.cover-image {
  object-fit: cover;
  border-radius: .8vw;
  width: 100%;
  height: 100%;
}

.circle {
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 4.8vw;
  height: 4.8vw;
  padding: 1.2vw;
  font-size: 2.4vw;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

.circle.tertiary {
  background-color: var(--primary-3);
}

.quote-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.quote-text {
  letter-spacing: -.02em;
  width: 75%;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.1;
}

.broken-quote-wrap {
  max-width: 80%;
  padding-left: 7.2vw;
}

.broken-quote-image {
  width: 35vw;
  margin-top: -27.5vw;
}

.image-contain {
  z-index: 5;
  object-fit: contain;
  border-radius: 1.6vw;
  width: 100%;
  height: 100%;
  position: relative;
}

.list-grid {
  grid-column-gap: 0px;
  grid-row-gap: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.process-item-circle {
  z-index: 5;
  margin-left: 20px;
  display: inline-block;
  position: relative;
}

.step-info {
  padding-left: 1.6vw;
  padding-right: 1.6vw;
}

.step-card {
  grid-column-gap: 0px;
  grid-row-gap: 1em;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.step-image {
  background-color: var(--white-smoke);
  border-radius: 1.6vw;
}

.label {
  z-index: 20;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
  position: relative;
}

.steps-container {
  z-index: 5;
  perspective: 800px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.step-title {
  font-size: 1.6vw;
  font-weight: 700;
  position: relative;
}

._2-columns-grid {
  grid-column-gap: 4.8vw;
  grid-row-gap: 4.8vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.step-wrapper {
  text-align: left;
  letter-spacing: 0;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.step-line {
  margin: -.4vw auto;
  padding-left: 30%;
  padding-right: 30%;
}

.last-step {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.step-number {
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 4.8vw;
  height: 4.8vw;
  margin-right: -1.2vw;
  padding: .8vw 1.2vw .8vw .8vw;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.selling-point {
  grid-column-gap: 2.4vw;
  grid-row-gap: 2.4vw;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.asimmetric-card {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  width: 92vw;
  padding: 4.8vw;
  display: grid;
  position: relative;
  box-shadow: 0 1px 5vw rgba(29, 29, 31, .06);
}

.asimmetric-card.left-margin {
  margin-left: 4.8vw;
}

.card-number {
  letter-spacing: -.1vw;
  font-size: 2.25vw;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: 4.8vw;
  right: 4.8vw;
}

.medium-paragraph {
  font-family: Ubuntu, sans-serif;
  font-size: 1vw;
}

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

.image-span-1 {
  background-image: url('../images/Nft_Gif_1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 6.4vw;
  height: 6.4vw;
  margin-bottom: -1.25vw;
  margin-right: .5vw;
  display: inline-block;
}

.image-span-2 {
  background-image: url('../images/Nft_Gif_2.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 6.4vw;
  height: 6.4vw;
  margin-bottom: -1.25vw;
  display: inline-block;
}

.checkmarks-grid {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.faq-number {
  height: 2.25vw;
}

.check-wrapper-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 1.5vw;
  display: grid;
}

.check-wrapper-2.no-margin {
  margin-bottom: 0;
}

.sticky-card {
  grid-column-gap: 64px;
  grid-row-gap: 40px;
  background-color: var(--white-smoke);
  border-radius: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: 3fr 7fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 10vw;
  padding: 5vw;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 5vh;
}

.sticky-card._4 {
  top: 11vh;
}

.sticky-card._3 {
  top: 9vh;
}

.sticky-card._2 {
  top: 7vh;
}

.sticky-card._5 {
  top: 13vh;
}

.sticky-cards-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: -10vw;
  display: flex;
  position: relative;
  top: 10%;
}

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

.points-grid {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.sticky-cards-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

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

.hero-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero-pic {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 16vw;
  margin-bottom: 2.4vw;
  display: flex;
  overflow: hidden;
}

.nft-story {
  color: var(--black);
  font-size: 3.2vw;
  line-height: 1.5;
}

.story-link {
  background-color: var(--white-smoke);
  color: var(--black);
  border-radius: 4.8vw;
  padding-left: 1.6vw;
  padding-right: 1.6vw;
  font-weight: 500;
  transition: color .25s cubic-bezier(.77, 0, .175, 1), background-color .25s cubic-bezier(.77, 0, .175, 1);
}

.story-link:hover {
  background-color: var(--black);
  color: var(--white);
}

.faq-arrow {
  width: 20px;
  height: 23px;
  margin-right: 0;
}

.faq-card {
  background-color: var(--white-smoke);
  cursor: pointer;
  border-radius: 1.6vw;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3.2vw;
  padding: 1.6vw 3.2vw;
  transition: box-shadow .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  box-shadow: 0 0 30px rgba(0, 0, 0, .02);
}

.faq-card:hover {
  box-shadow: 0 3px 30px rgba(0, 0, 0, .05);
}

.faq-question {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-image {
  object-fit: contain;
  width: 100%;
  margin-top: 4.8vw;
  display: block;
}

.faq-answer {
  overflow: hidden;
}

.timeline-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.milestone-badge {
  background-color: var(--primary-1);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 3.2vw;
  margin-bottom: 24px;
  padding: .4vw 1vw;
  font-weight: 700;
  display: inline-block;
}

.timeline-image-wrap {
  background-image: linear-gradient(138deg, #000, rgba(0, 0, 0, 0) 28%), url('../images/Image-Background.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 1.6vw;
  overflow: hidden;
}

.timeline-item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.quote-wrapper {
  border: 2px solid var(--white-smoke);
  border-radius: 1.6vw;
  align-items: flex-start;
  padding: 2.4vw;
  display: flex;
}

.quote-text-wrap {
  flex: 1;
}

.timeline-progress {
  background-color: var(--black-2);
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline-center {
  justify-content: center;
  display: flex;
}

.timeline-progress-bar {
  background-color: var(--primary-1);
  width: 3px;
  height: 50vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  bottom: 50vh;
  left: auto;
  right: auto;
}

.timeline-circle {
  background-color: var(--primary-1);
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 50vh;
}

.quote-author {
  border-radius: 4.8vw;
  width: 4.8vw;
  height: 4.8vw;
  margin-right: 1.6vw;
}

.timeline-text {
  color: var(--black);
  font-family: Ubuntu, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1.33333;
}

.medium-number {
  letter-spacing: -.15vw;
  font-size: 3.3vw;
  font-weight: 700;
  line-height: 1;
}

.stat-divider {
  background-color: rgba(136, 136, 136, .15);
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.stat-divider.white {
  background-color: var(--white);
}

.stat-divider.white-smoke {
  background-color: var(--white-smoke);
}

.careers-testimonial {
  border-radius: 1.6vw;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.careers-testimonial.grey-bkg {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  grid-template-rows: 600px;
  grid-auto-rows: auto;
}

.step-wrap {
  border-bottom: 1px solid rgba(29, 29, 31, .1);
  padding-bottom: 1vw;
}

.step-wrap.no-underline {
  border-bottom-style: none;
  padding-bottom: 0;
}

.banner-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.overflow-hidden {
  overflow: hidden;
}

.full-height {
  height: 92.5vh;
}

.absolute-info-wrap {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.catalogue-row-1, .catalogue-row-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.catalogue-wrap {
  flex: none;
}

.catalogue-image {
  width: 16vw;
  height: 16vw;
  margin-right: 1.6vw;
}

.catalogue-section {
  background-color: var(--white);
  border-radius: 1.6vw;
  padding-top: 3.2vw;
  padding-bottom: 3.2vw;
  overflow: hidden;
}

.rich-text {
  text-align: justify;
  font-family: Ubuntu, sans-serif;
  font-weight: 300;
}

.rich-text p {
  margin-bottom: 1.6vw;
  font-family: Ubuntu, sans-serif;
  font-size: .8vw;
  font-weight: 300;
}

.rich-text h3 {
  letter-spacing: -.15vw;
  margin-bottom: 1.6vw;
  font-size: 2.7vw;
}

.rich-text h2 {
  letter-spacing: -.15vw;
  margin-bottom: 1.6vw;
  font-family: Ubuntu, sans-serif;
  font-size: 3.3vw;
}

.style-guide-elements-grid {
  grid-row-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-link {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4vw;
  align-items: center;
  padding: 1vw 1.6vw 1vw 2.4vw;
  transition: background-color .3s, box-shadow .3s;
  display: flex;
}

.style-guide-link:hover {
  background-color: var(--white-smoke);
  color: #1d1d1f;
}

.style-guide-link.w--current {
  color: #fff;
  background-color: #1d1d1f;
}

.extra-large-paragraph {
  letter-spacing: -.07vw;
  font-family: Ubuntu, sans-serif;
  font-size: 1.5vw;
}

.small-number {
  letter-spacing: -.15vw;
  font-size: 2.7vw;
  font-weight: 700;
  line-height: 1;
}

.style-guide-links-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.style-guide-grid {
  grid-column-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 200px) 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.color-grid {
  grid-column-gap: 100px;
  grid-row-gap: 99px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.color-square {
  border-radius: 100%;
  width: 100%;
  padding-top: 100%;
}

.color-square.dark-blue {
  background-color: var(--primary-2);
}

.color-square.full-black {
  background-color: var(--black);
  color: var(--primary-1);
}

.color-square.white {
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px rgba(136, 136, 136, .15);
}

.color-square.blue {
  background-color: var(--primary-2);
}

.color-square.bright-bllue {
  background-color: var(--primary-3);
}

.style-guide-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.style-guide-list._40px-margin {
  margin-bottom: 40px;
}

.text-link {
  font-family: Ubuntu, sans-serif;
  font-size: .8vw;
  font-weight: 600;
}

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

._1-column-grid {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.carrer-card {
  background-color: rgba(52, 142, 218, .5);
  border-radius: .5vw;
  flex-direction: column;
  align-items: center;
  padding: 3vw;
  box-shadow: 1px 1px 3.5vw rgba(29, 29, 31, .06);
}

.templates-faqs-grid {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.templates-faqs-grid.align-start {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  align-items: start;
}

._1vw-margin {
  margin-bottom: 1vw;
}

.line {
  background-color: rgba(29, 29, 31, .1);
  width: 100%;
  height: 1px;
}

.utilities-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1.6vw;
  padding-bottom: 1.6vw;
  display: grid;
}

.hide {
  display: none;
}

.input {
  border: 1px solid var(--white-smoke);
  background-color: var(--white-smoke);
  border-radius: 4vw;
  height: 4vw;
  margin-bottom: .8vw;
  padding: .8vw 1.2vw;
  transition: all .3s;
}

.input:hover, .input:focus {
  border-color: var(--primary-1);
}

.footer-grid {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  grid-template-rows: .25fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding-top: 0;
  display: grid;
}

.footer-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.info-box {
  z-index: 100;
  background-color: var(--primary-1);
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

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

.close-icon-wrap {
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 5px;
  display: flex;
  position: absolute;
  right: 5vw;
}

.info-paragraph {
  font-size: 13px;
}

.cta-stars-wrap {
  grid-column-gap: .8vw;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  width: 15vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.heading {
  letter-spacing: -.15vw;
  font-family: Ubuntu, sans-serif;
  font-size: 4vw;
  font-weight: 700;
}

.heading.center._1-6vw-margin.white {
  color: var(--white);
}

.heading-2 {
  letter-spacing: -.1vw;
  font-family: Ubuntu, sans-serif;
  font-size: 3.3vw;
}

.heading-3 {
  letter-spacing: -.15vw;
  font-family: Ubuntu, sans-serif;
  font-size: 2.7vw;
  font-weight: 700;
}

.heading-4 {
  font-family: Ubuntu, sans-serif;
  font-size: 2.2vw;
  font-weight: 500;
}

.heading-5, .heading-6 {
  font-family: Ubuntu, sans-serif;
  font-weight: 500;
}

.journey {
  position: -webkit-sticky;
  position: sticky;
  top: 40%;
}

.journey-text {
  color: var(--black);
  text-align: center;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 1.33333;
}

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

.bold-text {
  font-family: Ubuntu, sans-serif;
}

.bold-text.bold-text-white {
  color: var(--white);
  text-align: left;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.warum-grid {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.step-image-wrapper {
  justify-content: center;
  margin-bottom: 2.4vw;
  display: flex;
}

.lottie-animation {
  justify-content: center;
  align-items: flex-start;
  width: 20%;
  max-width: 30%;
  display: block;
}

.lottie-animation.rotate-90 {
  transform: rotate(90deg);
}

.lottie-animation-2, .lottie-animation-3 {
  width: 50%;
  max-width: 50%;
}

.spacer {
  flex: 1;
  width: 60%;
}

.hero-wave-wrapper {
  display: block;
  position: relative;
}

.hero-bild-wrapper {
  z-index: 0;
  background-image: url('../images/Wave_mit-Bild.png');
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hero-wave {
  object-fit: cover;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
}

.hero-wave.wave {
  z-index: 2;
  opacity: .75;
  width: 100%;
  height: auto;
  position: absolute;
}

.hero-wave.wave-image {
  z-index: 1;
  width: 100%;
  height: auto;
  position: absolute;
}

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

.card-image-wrapper {
  width: 100%;
  position: absolute;
}

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

.profil-image-holder {
  padding-left: 3.2vw;
  padding-right: 3.2vw;
}

.lottie-animation-4 {
  height: 200px;
}

.leistung-warum-title {
  flex: none;
  padding-right: 40px;
}

.grid-leistungen-warum-columns {
  grid-column-gap: 56px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-leistungen-warum-columns.style-3 {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 100px auto;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  align-content: space-between;
  justify-content: space-between;
}

.schritt-line {
  background-color: var(--primary-1);
  border-radius: 25px;
  width: 10px;
  height: auto;
}

.leistungen-warum-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.leistung-warum-text {
  padding-top: 0;
  padding-bottom: 24px;
}

.heading-7.heading-3-white {
  color: #f7f8f9;
}

.leistungen-warum-punkte-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-2.margin-bottom-0px {
  justify-content: flex-start;
  display: block;
}

.paragraph-2.margin-bottom-0px.paragraph-white {
  color: #b7b7b7;
  text-align: left;
}

.produktion--lottie {
  width: 100px;
  height: 100px;
}

.nav-bkg {
  background-color: var(--primary-1);
  height: 120px;
}

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

.about-grid {
  grid-column-gap: 1.6vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

  h2 {
    font-size: 48px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 16px;
  }

  .paragraph {
    font-size: 14px;
  }

  .large-paragraph {
    font-size: 16px;
  }

  .primary-button {
    border-radius: 48.4px;
    padding: 13px 20px;
    font-size: 14px;
  }

  .icon {
    height: 14.3px;
  }

  .secondary-button {
    border-radius: 48.4px;
    padding: 13px 20px;
  }

  .buttons-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  ._0-8vw-margin {
    margin-bottom: 8px;
  }

  ._1-6vw-margin {
    margin-bottom: 16px;
  }

  ._2-4vw-margin {
    margin-bottom: 24px;
  }

  ._3-2vw-margin {
    margin-bottom: 32px;
  }

  ._4vw-margin {
    margin-bottom: 40px;
  }

  .medium-card {
    padding: 32px;
  }

  .medium-card._404 {
    max-width: 40vw;
  }

  .large-card {
    padding: 48px;
  }

  .small-icon {
    width: 16px;
    height: 16px;
  }

  .medium-icon {
    width: 24px;
    height: 24px;
  }

  .h3-title {
    font-size: 32px;
  }

  .page-link {
    padding: 20px;
  }

  .card {
    padding: 32px;
  }

  .card.first {
    padding-top: 78.8px;
  }

  .faq-question-bar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .h1-title.center._1-6vw-margin.white {
    font-size: 56px;
  }

  .h1-title.center.h1-white._1-6vw-margin {
    display: none;
  }

  .h1-title.center.h1-white._1-6vw-margin.mobile {
    display: block;
  }

  .close-icon {
    width: 22.8px;
    height: 22.8px;
    padding: 6.5px;
  }

  .cta-image-2 {
    width: 80px;
  }

  .comparison-column {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .footer-bottom {
    flex-direction: column;
  }

  .stars {
    width: 12.5vw;
    margin-bottom: 1.5px;
  }

  .feature-check-wrap {
    min-height: 60px;
  }

  .comparison-features {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .social-link {
    padding: 9px;
  }

  .comparison-text.strike {
    text-decoration: line-through;
  }

  .social-links-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .faq-paragraph {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
  }

  .faq-paragraph.small-bottom {
    padding-bottom: 8px;
  }

  .cta-image-1 {
    width: 80px;
  }

  .section.hero {
    height: 69vw;
  }

  .cta-image-3 {
    width: 220px;
  }

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

  .footer-title {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .comparison-item {
    min-height: 60px;
  }

  .comparison-top {
    min-height: 80px;
  }

  .footer-link {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
  }

  .stars-wrap {
    grid-column-gap: 11.25px;
    grid-row-gap: 11.25px;
  }

  .text-wrap {
    max-width: 78vw;
  }

  .faq-circle {
    width: 27px;
    height: 27px;
    padding: 5px;
  }

  ._4-8vw-margin {
    margin-bottom: 48px;
  }

  .navbar {
    top: 1.6vw;
  }

  .nav-container {
    border-radius: 48.8vw;
    padding: 7px 14px;
  }

  .nav-link, .purchase-button {
    border-radius: 36px;
    padding: 7px 14px;
    font-size: 13px;
  }

  .clients-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .small-card-grid {
    padding: 20px;
  }

  .large-feature {
    padding: 45px 30px;
  }

  .elements-right {
    width: 12.5%;
    display: none;
  }

  .fullscreen-card {
    min-height: auto;
    padding-top: 9.5em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .elements-left {
    width: 12.5%;
    display: none;
  }

  .circle {
    width: 40px;
    height: 40px;
  }

  .quote-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .broken-quote-image {
    margin-top: -4em;
  }

  .step-image {
    margin-top: -20px;
  }

  .label {
    font-size: 16px;
  }

  .steps-container {
    max-width: none;
  }

  .step-title {
    font-size: 16px;
  }

  .last-step {
    width: 75%;
  }

  .step-number.grey-bkg {
    width: 48px;
    height: 48px;
  }

  .asimmetric-card {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
    padding: 7%;
  }

  .card-number {
    top: 3.5%;
    right: 3.5%;
  }

  .medium-paragraph {
    font-size: 14px;
  }

  .image-span-1, .image-span-2 {
    width: 64px;
    height: 64px;
  }

  .sticky-card {
    grid-column-gap: 40px;
    margin-bottom: 120px;
  }

  .hero-pic {
    width: 145px;
    height: 145px;
  }

  .nft-story {
    font-size: 27px;
  }

  .faq-card {
    margin-bottom: 24px;
    padding: 24px;
  }

  .medium-number {
    font-size: 64px;
  }

  .rich-text p {
    font-size: 14px;
  }

  .style-guide-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .extra-large-paragraph {
    font-size: 16px;
  }

  .small-number {
    font-size: 42px;
  }

  .style-guide-grid {
    grid-row-gap: 120px;
    grid-template-columns: minmax(170px, 170px) 1fr;
  }

  .text-link {
    font-size: 13px;
  }

  .input {
    border-radius: 48px;
    height: 48px;
    margin-bottom: 8px;
    padding-left: 16px;
  }

  .footer-column {
    justify-content: flex-start;
  }

  .info-paragraph {
    font-size: 14px;
  }

  .cta-stars-wrap {
    width: 20vw;
  }

  .spacer {
    width: 31%;
  }

  .hero-wave.wave-image {
    position: static;
  }

  .spacer-2 {
    display: block;
  }

  .leistung-warum-title {
    margin-left: 0;
    margin-right: auto;
  }

  .grid-leistungen-warum-columns {
    grid-column-gap: 40px;
    grid-row-gap: 80px;
  }

  .grid-leistungen-warum-columns.style-3 {
    grid-row-gap: 0px;
  }

  .schritt-line {
    display: block;
  }

  .leistungen-warum-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
  }

  .leistung-warum-text {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-7.heading-3-white.leistung-warum {
    text-align: left;
  }

  .leistungen-warum-punkte-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .paragraph-2.margin-bottom-0px.paragraph-white.leistung-warum {
    text-align: left;
  }

  .produktion--lottie {
    width: 90px;
    height: 90px;
  }

  .paragraph-3 {
    font-size: 14px;
  }

  .carrer-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }
}

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

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 24px;
  }

  ._0-8vw-margin {
    margin-bottom: 4px;
  }

  ._1-6vw-margin {
    margin-bottom: 8px;
  }

  ._2-4vw-margin {
    margin-bottom: 12px;
  }

  ._3-2vw-margin {
    margin-bottom: 16px;
  }

  ._4vw-margin {
    margin-bottom: 20px;
  }

  .h2-title.center.sticky, .h2-title.center.h2-white.mobile, .h2-title.center.mobile {
    display: none;
  }

  .medium-card {
    padding: 16px;
  }

  .medium-card._404 {
    max-width: 50vw;
  }

  .large-card {
    padding: 24px;
  }

  .medium-icon {
    width: 20px;
    height: 20px;
  }

  .medium-icon.top-margin {
    margin-top: 2px;
  }

  .h3-title {
    font-size: 30px;
  }

  .check-wrapper {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .card {
    padding: 16px;
  }

  .align-left-and-vertical {
    align-items: flex-end;
  }

  .faq-question-bar {
    padding-top: 17.5px;
    padding-bottom: 17.5px;
  }

  .h1-title.center.h1-white._1-6vw-margin {
    display: none;
  }

  .h1-title.center.h1-white._1-6vw-margin.mobile {
    display: block;
  }

  .footer-bottom {
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .stars {
    width: 75px;
  }

  .comparison-features {
    display: none;
  }

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

  .social-links-grid {
    display: block;
  }

  .section {
    padding: 10px;
  }

  .section.hero {
    height: 76vw;
  }

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

  .footer-title {
    margin-bottom: 7px;
  }

  .main-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .stars-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .comparison-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .text-wrap {
    max-width: 80vw;
  }

  ._4-8vw-margin {
    margin-bottom: 24px;
  }

  .navbar {
    padding-left: 10px;
    padding-right: 10px;
    top: 10px;
  }

  .nav-container {
    width: 100%;
  }

  .hide-on-landscape {
    display: none;
  }

  .customer-review-wrap {
    grid-template-rows: 30px 30px auto;
  }

  .clients-grid {
    height: 90px;
  }

  .clients-card {
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .client-pic {
    width: 60px;
    height: 60px;
  }

  .huge-letter {
    font-size: 24vw;
  }

  .large-feature {
    grid-template-columns: 1fr;
    padding-left: 25px;
    padding-right: 25px;
  }

  .elements-right {
    display: none;
  }

  .fullscreen-card {
    border-radius: 0;
    width: auto;
    padding-top: 7.5em;
    padding-bottom: 4em;
  }

  .elements-left {
    display: none;
  }

  .elements-row {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .elements-row._03-right, .elements-row._02-right {
    left: 0;
  }

  .circle {
    width: 36px;
    height: 36px;
  }

  .quote-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .quote-text {
    font-size: 24px;
  }

  .broken-quote-wrap {
    max-width: 90%;
  }

  .broken-quote-image {
    width: 100%;
    margin-top: -2em;
  }

  .step-image {
    margin-top: -18px;
  }

  ._2-columns-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .step-number.grey-bkg {
    width: 36px;
    height: 36px;
  }

  .asimmetric-card {
    margin-bottom: 45px;
  }

  .card-number {
    font-size: 16px;
    top: 15px;
    right: 15px;
  }

  .image-span-1 {
    width: 52px;
    height: 52px;
    margin-bottom: -7px;
    margin-right: 4px;
  }

  .image-span-2 {
    width: 52px;
    height: 52px;
    margin-bottom: -7px;
  }

  .checkmarks-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  .faq-number {
    height: 16px;
  }

  .check-wrapper-2 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    margin-bottom: 10px;
  }

  .sticky-card {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 90px;
  }

  .points-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .hero-pic {
    width: 130px;
    height: 130px;
    margin-bottom: 20px;
  }

  .nft-story {
    font-size: 24px;
  }

  .faq-card {
    padding: 16px;
  }

  .timeline-item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .quote-wrapper {
    flex-direction: column-reverse;
  }

  .timeline-progress {
    left: 6px;
  }

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

  .quote-author {
    margin-top: 24px;
    margin-right: 0;
  }

  .timeline-text {
    font-size: 20px;
  }

  .style-guide-elements-grid {
    grid-row-gap: 60px;
  }

  .small-number {
    font-size: 36px;
  }

  .style-guide-links-grid {
    display: none;
  }

  .style-guide-grid {
    grid-row-gap: 90px;
  }

  ._1-column-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .templates-faqs-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  ._1vw-margin {
    margin-bottom: 7px;
  }

  .utilities-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .input {
    margin-bottom: 4px;
  }

  .footer-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-column {
    margin-right: 50px;
  }

  .cta-stars-wrap {
    width: 22.5vw;
  }

  .journey-text {
    font-size: 20px;
  }

  .warum-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .spacer-2 {
    height: 20px;
    display: block;
  }

  .grid-leistungen-warum-columns {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .grid-leistungen-warum-columns.style-3 {
    grid-row-gap: 20px;
    grid-template-columns: .25fr 1fr;
    grid-auto-flow: row;
  }

  .leistungen-warum-punkte-wrapper {
    align-items: center;
  }

  .produktion--lottie {
    width: 70px;
    height: 70px;
  }

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

  .about-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}

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

  .paragraph.white {
    text-align: center;
  }

  .large-paragraph, .large-paragraph.center {
    text-align: left;
  }

  .large-paragraph.center._3-2vw-margin, .large-paragraph._1-6vw-margin.white {
    text-align: center;
  }

  ._1-6vw-margin.phone-centered {
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    display: flex;
  }

  .h2-title.center, .h2-title.center.h2-white {
    display: none;
  }

  .h2-title.center.h2-white.mobile, .h2-title.center.mobile {
    display: block;
  }

  .medium-card._404 {
    max-width: 90vw;
  }

  .h3-title {
    font-size: 27px;
  }

  .logo-grid {
    grid-column-gap: 5vw;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .cta-image-2 {
    width: 65px;
  }

  .footer-bottom {
    text-align: center;
    flex-direction: column;
  }

  .social-links-grid {
    align-self: center;
    display: block;
  }

  .faq-paragraph {
    font-size: 15px;
  }

  .cta-image-1 {
    width: 65px;
  }

  .section.hero {
    height: 126vw;
  }

  .cta-image-3 {
    display: none;
  }

  .footer-credits {
    text-align: center;
    line-height: 1.75;
  }

  .footer-title {
    align-self: center;
    font-size: 13px;
  }

  .client-logo {
    height: 15vw;
  }

  .cta-text-wrap {
    max-width: 100%;
  }

  .comparison-top {
    min-height: 60px;
  }

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

  .footer-link {
    align-self: center;
  }

  .stars-wrap {
    grid-template-columns: 1fr;
  }

  .comparison-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .text-wrap {
    max-width: 100%;
  }

  .hide-on-portrait {
    display: none;
  }

  .clients-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    height: auto;
  }

  .hero-image {
    margin-bottom: 1.25em;
  }

  .fullscreen-card {
    padding-top: 16em;
  }

  .elements-row {
    grid-template-columns: 1fr;
  }

  .quote-text {
    letter-spacing: 0;
    font-size: 16px;
  }

  .broken-quote-wrap {
    max-width: 100%;
  }

  ._2-columns-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .step-line {
    display: none;
  }

  .last-step {
    text-align: left;
    align-items: flex-start;
    width: 100%;
  }

  .step-number {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    padding-right: 10px;
  }

  .step-number.grey-bkg {
    padding: 4px;
  }

  .selling-point {
    grid-column-gap: 15px;
  }

  .asimmetric-card {
    width: 100%;
    padding: 35px 25px;
  }

  .card-number {
    font-size: 16px;
    top: 20px;
    right: 20px;
  }

  .medium-paragraph {
    font-size: 13px;
  }

  .image-span-1 {
    width: 36px;
    height: 36px;
    margin-bottom: 0;
    margin-right: 3px;
  }

  .image-span-2 {
    width: 36px;
    height: 36px;
    margin-bottom: 0;
  }

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

  .sticky-card {
    grid-row-gap: 30px;
    padding: 20px;
  }

  .points-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .nft-story {
    font-size: 18px;
  }

  .faq-image {
    display: none;
  }

  .timeline-item {
    grid-template-columns: 48px 1fr;
  }

  .extra-large-paragraph {
    font-size: 15px;
  }

  .small-number {
    font-size: 30px;
  }

  .style-guide-links-grid {
    display: none;
  }

  .style-guide-grid {
    grid-template-columns: 1fr;
  }

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

  .templates-faqs-grid, .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-column {
    margin-right: 0;
  }

  .cta-stars-wrap {
    grid-template-columns: auto 1fr;
    justify-items: center;
    width: 42.5vw;
  }

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

  .spacer-2 {
    display: none;
  }

  .leistung-warum-title {
    width: auto;
  }

  .grid-leistungen-warum-columns {
    grid-row-gap: 60px;
  }

  .grid-leistungen-warum-columns.style-3 {
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    grid-template-columns: auto;
  }

  .heading-7.heading-3-white.leistung-warum {
    font-size: 24px;
  }

  .leistungen-warum-punkte-wrapper {
    align-items: flex-start;
  }

  .paragraph-2.margin-bottom-0px.paragraph-white {
    font-size: 16px;
  }

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

#w-node-_095ecc0c-7b1a-e214-a063-aef7ce38981f-405ff4ed, #w-node-d1cc283f-3ab1-fb03-1775-fb8db0b33258-405ff4ed, #w-node-_26ee9c52-d691-6db4-f1fc-db6eb84d3b38-405ff4ed, #w-node-_3c97ca8c-473c-99ab-2c40-fe51be6d066d-be6d066d {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_3c97ca8c-473c-99ab-2c40-fe51be6d0699-be6d066d {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-c2a1bfc3-6176-ea0c-91e1-62939f0c686b-be6d066d {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_33947a71-61d3-c81c-5477-f3e4aaa52387-aaa52387 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_33947a71-61d3-c81c-5477-f3e4aaa52397-aaa52387, #w-node-_33947a71-61d3-c81c-5477-f3e4aaa5239c-aaa52387, #w-node-_33947a71-61d3-c81c-5477-f3e4aaa523a1-aaa52387, #w-node-_33947a71-61d3-c81c-5477-f3e4aaa523ad-aaa52387, #w-node-_33947a71-61d3-c81c-5477-f3e4aaa523b2-aaa52387, #w-node-_33947a71-61d3-c81c-5477-f3e4aaa523b7-aaa52387 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3bab460-90ad-b0ff-3a68-ef4e2de8ea33-ec5ff4f4, #w-node-c88dd7f9-29de-e2b3-8499-15c6395026b0-ec5ff4f4, #CTA.w-node-_4e2196b1-f761-3ecd-bf82-f678bb30106a-bb30106a, #w-node-_2ebf5bd3-c4bc-c18d-6ee9-862793bbe864-225ff4f7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_78a5de38-7b00-948d-bf88-58110cc8607c-225ff4f7, #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d7b-225ff4f7, #w-node-fbdf914c-0c75-a05f-9a10-47877487b6d7-225ff4f7, #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d50-225ff4f7, #w-node-_74a5b438-f5b6-855e-ee58-5219974f5ff3-225ff4f7, #w-node-_64d08ba1-5705-4b00-7b4c-475b8e6c6233-225ff4f7, #w-node-_0a654609-5f9c-7f5b-28c3-f9eaeddb2e1e-225ff4f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6ae4-225ff4f7 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6ae8-225ff4f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6ae9-225ff4f7 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6aee-225ff4f7 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6af2-225ff4f7 {
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6af3-225ff4f7 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6af8-225ff4f7 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6afc-225ff4f7 {
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6afd-225ff4f7 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b02-225ff4f7 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b06-225ff4f7 {
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b07-225ff4f7 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b0c-225ff4f7 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b10-225ff4f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b11-225ff4f7 {
  align-self: start;
}

#w-node-_498716df-74a9-fe84-915e-ca6c26e161c5-c65ff4f9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98f96d69-6215-9685-c886-080eef96b50a-c65ff4f9 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-ec632603-d617-4e01-1d79-d106743a3e7b-c65ff4f9, #w-node-b6c7595a-1b0d-9735-db96-1ef27b2fc88d-c65ff4f9, #w-node-_45888556-0bdd-05c4-81c1-cd315c69fe87-c65ff4f9, #w-node-c102217d-f495-d5a9-a657-b8c587aa9b2e-c65ff4f9, #w-node-_64886981-a853-5fc5-9d3d-57229ce920e4-c65ff4f9, #w-node-d18acc9c-66db-cea6-483e-7ce049406520-c65ff4f9, #w-node-_7a20e9ea-89e4-1c0a-ec6d-bcb25641d06e-c65ff4f9, #w-node-c594776f-3d2b-f860-d06f-ed910bce74f1-c65ff4f9, #w-node-f41d98d6-63c9-33de-f3dd-6491f22116aa-c65ff4f9, #w-node-_0ddde82a-b096-fc21-6257-c17d70259ed8-c65ff4f9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2cbf67a6-0d20-6c41-0589-f572dee40bc6-c65ff4f9, #w-node-_98f96d69-6215-9685-c886-080eef96b50a-fa5ff4fb, #w-node-_42c1cde1-6890-6909-1665-1e22b4af9c8e-fa5ff4fb, #w-node-_8e4178fa-cba1-e9c0-f978-9c6a0b21f1f8-809c2665, #w-node-_2ebf5bd3-c4bc-c18d-6ee9-862793bbe864-809c2665, #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d43-809c2665 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_78a5de38-7b00-948d-bf88-58110cc8607c-809c2665, #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d7b-809c2665, #w-node-fbdf914c-0c75-a05f-9a10-47877487b6d7-809c2665, #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d50-809c2665 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_771a35d8-ba75-50b1-b423-d9f9a56ca9b0-809c2665 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_74a5b438-f5b6-855e-ee58-5219974f5ff3-809c2665, #w-node-_64d08ba1-5705-4b00-7b4c-475b8e6c6233-809c2665, #w-node-_0a654609-5f9c-7f5b-28c3-f9eaeddb2e1e-809c2665 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7a854d8-11af-4fc1-8168-9e04d6b8d578-809c2665 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6ae4-809c2665 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6ae8-809c2665 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6ae9-809c2665 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6aee-809c2665 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6af2-809c2665 {
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6af3-809c2665 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6af8-809c2665 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6afc-809c2665 {
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6afd-809c2665 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b02-809c2665 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b06-809c2665 {
  justify-self: center;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b07-809c2665 {
  align-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b0c-809c2665 {
  align-self: center;
  justify-self: start;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b10-809c2665 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f3dcf0-36f1-c5ea-6d46-3753b3ba6b11-809c2665 {
  align-self: start;
}

#w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b08f-809c2665 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b09c-809c2665 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b09d-809c2665 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b09e-809c2665 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b0a6-809c2665 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b0a7-809c2665 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b0a8-809c2665 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-a71539ed-fed1-8374-5819-242ece5caf2c-809c2665 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-a71539ed-fed1-8374-5819-242ece5caf40-809c2665 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a71539ed-fed1-8374-5819-242ece5caf41-809c2665 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-a71539ed-fed1-8374-5819-242ece5caf42-809c2665 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-a71539ed-fed1-8374-5819-242ece5caf4a-809c2665 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a71539ed-fed1-8374-5819-242ece5caf4b-809c2665 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-a71539ed-fed1-8374-5819-242ece5caf4c-809c2665 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_985c675e-6ff2-2049-637f-d13fa994e4de-809c2665 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

@media screen and (max-width: 767px) {
  #w-node-_3c97ca8c-473c-99ab-2c40-fe51be6d0699-be6d066d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c2a1bfc3-6176-ea0c-91e1-62939f0c686b-be6d066d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_78a5de38-7b00-948d-bf88-58110cc8607c-225ff4f7 {
    grid-column: span 3 / span 3;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d7b-225ff4f7 {
    grid-area: 3 / 4 / 4 / 7;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d50-225ff4f7 {
    grid-column: span 3 / span 3;
  }

  #w-node-_5e2c42ff-8da2-e884-267b-42fe818a557b-fa5ff4fb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_78a5de38-7b00-948d-bf88-58110cc8607c-809c2665 {
    grid-column: span 3 / span 3;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d7b-809c2665 {
    grid-area: 3 / 4 / 4 / 7;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d50-809c2665 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_095ecc0c-7b1a-e214-a063-aef7ce38981f-405ff4ed, #w-node-_095ecc0c-7b1a-e214-a063-aef7ce389828-405ff4ed, #w-node-_095ecc0c-7b1a-e214-a063-aef7ce38982a-405ff4ed, #w-node-d1cc283f-3ab1-fb03-1775-fb8db0b33258-405ff4ed, #w-node-_26ee9c52-d691-6db4-f1fc-db6eb84d3b38-405ff4ed {
    grid-column: span 1 / span 1;
  }

  #w-node-_3c97ca8c-473c-99ab-2c40-fe51be6d066f-be6d066d {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_3c97ca8c-473c-99ab-2c40-fe51be6d0699-be6d066d, #w-node-c2a1bfc3-6176-ea0c-91e1-62939f0c686b-be6d066d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_33947a71-61d3-c81c-5477-f3e4aaa5238e-aaa52387, #w-node-_33947a71-61d3-c81c-5477-f3e4aaa523a4-aaa52387 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d3bab460-90ad-b0ff-3a68-ef4e2de8ea33-ec5ff4f4 {
    grid-column: span 1 / span 1;
  }

  #w-node-c88dd7f9-29de-e2b3-8499-15c6395026b0-ec5ff4f4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #CTA.w-node-_4e2196b1-f761-3ecd-bf82-f678bb30106a-bb30106a, #w-node-_78a5de38-7b00-948d-bf88-58110cc8607c-225ff4f7 {
    grid-column: span 1 / span 1;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d7b-225ff4f7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d50-225ff4f7, #w-node-_98f96d69-6215-9685-c886-080eef96b50a-c65ff4f9 {
    grid-column: span 1 / span 1;
  }

  #w-node-_2cbf67a6-0d20-6c41-0589-f572dee40bc6-c65ff4f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_98f96d69-6215-9685-c886-080eef96b50a-fa5ff4fb, #w-node-_5e2c42ff-8da2-e884-267b-42fe818a557b-fa5ff4fb {
    grid-column: span 1 / span 1;
  }

  #w-node-_42c1cde1-6890-6909-1665-1e22b4af9c8e-fa5ff4fb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e4178fa-cba1-e9c0-f978-9c6a0b21f1f8-809c2665, #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d43-809c2665, #w-node-_78a5de38-7b00-948d-bf88-58110cc8607c-809c2665 {
    grid-column: span 1 / span 1;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d7b-809c2665 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c7ed412f-85e9-392b-c5c2-425ef70d1d50-809c2665, #w-node-_771a35d8-ba75-50b1-b423-d9f9a56ca9b0-809c2665, #w-node-d7a854d8-11af-4fc1-8168-9e04d6b8d578-809c2665, #w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b08f-809c2665, #w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b09c-809c2665, #w-node-_9ee61b31-ad56-c32c-843d-957a6dd5b0a6-809c2665, #w-node-a71539ed-fed1-8374-5819-242ece5caf2c-809c2665, #w-node-a71539ed-fed1-8374-5819-242ece5caf40-809c2665, #w-node-a71539ed-fed1-8374-5819-242ece5caf4a-809c2665 {
    grid-column: span 1 / span 1;
  }

  #w-node-_985c675e-6ff2-2049-637f-d13fa994e4de-809c2665 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}