@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Semibold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sans mono;
  src: url('../fonts/sans-mono.woff2') format("woff2"), url('../fonts/sans-mono.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Fgroteskdemi;
  src: url('../fonts/FGroteskDemi-Regular.woff2') format("woff2"), url('../fonts/FGroteskDemi-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: FGrotesk;
  src: url('../fonts/FGroteskThin-Regular.woff2') format("woff2"), url('../fonts/FGroteskThin-Regular.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/Syne-Bold.woff2') format("woff2"), url('../fonts/Syne-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gtsectrafine book;
  src: url('../fonts/GTSectraFine-Book.woff2') format("woff2"), url('../fonts/GTSectraFine-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Maisonneue;
  src: url('../fonts/MaisonNeue-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Maisonneue;
  src: url('../fonts/MaisonNeue-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Maisonneue book;
  src: url('../fonts/MaisonNeue-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Maisonneue demi;
  src: url('../fonts/MaisonNeue-Demi.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Maisonneue;
  src: url('../fonts/MaisonNeue-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-BookOblique.otf') format("opentype"), url('../fonts/AvenirLTStd-Oblique.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-HeavyOblique.otf') format("opentype"), url('../fonts/AvenirLTStd-BlackOblique.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-Black.otf') format("opentype"), url('../fonts/AvenirLTStd-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-Book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-LightOblique.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-MediumOblique.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Avenirltstd;
  src: url('../fonts/AvenirLTStd-Roman.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}

:root {
  --font: #202631;
  --accent: #4896f0;
  --white: white;
  --black: black;
  --bg: #f8f9fb;
}

.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 {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.image-2 {
  margin-bottom: 0;
  margin-left: 5px;
  display: block;
}

.image-2.main {
  margin-left: 5px;
  display: none;
}

.text-block-4 {
  color: var(--font);
  letter-spacing: 1px;
  margin-right: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.div-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 980px;
  display: grid;
}

.div-10.main {
  justify-items: start;
  width: 980px;
  margin-top: 40px;
}

.div-block-9 {
  color: #4896f0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.logo-link {
  z-index: 1;
  margin-left: 10px;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.logo-link.main {
  display: block;
}

.logo-link.farmer {
  margin-left: 10px;
}

.link-block-2 {
  justify-content: center;
  margin-right: 5px;
  font-size: 18px;
  text-decoration: none;
  display: block;
}

.link-block-2:hover {
  opacity: .7;
}

.link-block-2._2, .link-block-2._2.mobile {
  display: none;
}

.image-25 {
  margin-left: 5px;
}

.navitems {
  background-color: #fff;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 3px 15px;
  display: flex;
}

.navitems:hover {
  color: #fff;
}

.navitems.with-shadow {
  background-color: #fff0;
  padding: 0;
  display: flex;
  overflow: visible;
}

.div-block-93 {
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-94 {
  justify-content: flex-end;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.div-block-103 {
  align-items: center;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.div-block-103:hover {
  opacity: .7;
}

.div-block-103.main {
  opacity: 1;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
}

.div-block-103.main.orbretailer {
  margin-top: 25px;
}

.div-block-103.main.orbretailer.obenheader {
  margin-top: 0;
  margin-left: 15px;
  text-decoration: none;
  display: block;
}

.div-block-103.main.retailer {
  opacity: 1;
  margin-top: 20px;
}

.log-out {
  color: var(--font);
  letter-spacing: 1px;
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  transition: opacity .2s;
}

.log-out:hover {
  opacity: .7;
}

.link-block-6 {
  color: #202631;
  letter-spacing: 1px;
  align-items: center;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  display: flex;
}

.link-block-6.farmer {
  display: none;
}

.div-block-11 {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 980px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.div-block-11.farmer {
  justify-content: center;
  align-items: center;
  height: 45px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.link-block-4 {
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 20px;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
}

.link-block-4:hover {
  opacity: .7;
}

.image-22 {
  text-align: center;
  margin-left: 0;
}

.button-text-style {
  color: var(--accent);
  letter-spacing: 1px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  transition: opacity .2s;
}

.button-text-style:hover {
  opacity: 1;
}

.logo-image {
  display: block;
}

.logo-image.main {
  margin-right: 5px;
  display: inline-block;
}

.logo-image.main.erstes {
  display: none;
}

.logo-image.main.zwei {
  margin-left: -7px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.logo-image.farmer.farmer2 {
  padding-left: 0;
}

.logomobile {
  padding-left: 2px;
  display: none;
}

.div-block-104 {
  z-index: 104;
  justify-content: center;
  align-items: center;
  padding: 20px 50px 15px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.image-3 {
  margin-left: 5px;
  display: inline;
  transform: rotate(0);
}

.image-3.black {
  transform: rotate(-90deg);
}

.image-4 {
  border-radius: 8px;
  margin-top: 0;
  display: block;
  box-shadow: 4px 4px 20px -4px #00000080;
}

.image-4.farmer {
  margin-top: 135px;
}

.div-block-13 {
  margin-top: 135px;
  padding-top: 0;
  padding-left: 0;
}

.div-block-13.farmer {
  margin-top: 135px;
  padding-top: 0;
}

.div-block-14, .div-block-14.call {
  margin-top: 20px;
}

.div-block-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #da222200;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  max-width: 980px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
  position: static;
}

.header-text {
  color: #000c;
  width: 75%;
  margin-top: 30px;
  font-family: Avenirltstd, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.header-text.value-prop {
  width: 90%;
  margin-top: 19px;
  font-size: 20px;
  line-height: 30px;
}

.header-text.meet-the-founders {
  width: 95%;
}

.header-text.products {
  margin-top: 15px;
  display: none;
}

.header-text.price {
  color: #202631;
  letter-spacing: 1px;
  width: auto;
  margin-top: -3px;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: static;
}

.header-text.price.grade {
  letter-spacing: 0;
  padding-right: 10px;
  font-weight: 500;
}

.header-text.price.rs {
  padding-right: 1px;
}

.header-text.signup {
  margin-top: 0;
}

.header-text.oben {
  display: none;
}

.button-get-started {
  color: #fff;
  cursor: pointer;
  background-color: #4896f0;
  border-radius: 8px;
  width: auto;
  height: auto;
  padding: 9px 20px;
  text-decoration: none;
  transition: opacity .2s;
  box-shadow: 4px 4px 20px -4px #00000080;
}

.button-get-started:hover {
  opacity: .9;
  color: #fff;
  background-color: #4896f0;
}

.button-get-started.faq {
  box-shadow: none;
  color: #202631;
  background-color: #0000;
  border: 1px solid #202631;
  margin-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: inline-block;
}

.button-get-started.faq:hover {
  opacity: .8;
}

.button-get-started.faq.farmer2 {
  padding: 10px 25px;
}

.button-get-started.signup {
  letter-spacing: 1px;
  margin-top: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 12px;
  font-weight: 900;
}

.button-get-started.farmer.farmer2.farmers {
  padding-left: 25px;
}

.button-get-started.farmer {
  background-color: #4896f0;
}

.button-get-started.farmer.dashboard {
  margin-top: 10px;
}

.button-get-started.farmer.farmer2.farmers {
  padding: 13px 25px;
}

.above-fold {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  height: auto;
  margin-right: 10px;
  padding-left: 10px;
  display: flex;
}

.header-home {
  color: #202631;
  font-size: 30px;
  font-weight: 500;
}

.header-home._2 {
  width: 80%;
  height: auto;
  margin-top: 7px;
  line-height: 36px;
}

.header-home.header-section {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 30px;
  display: flex;
}

.header-home.header-section.founders {
  margin-top: 20px;
}

.header-home.products {
  text-align: center;
}

.header-home.products._1 {
  text-align: left;
}

.header-home.products._1.neuee {
  color: #202631;
  background-color: #0000;
  height: auto;
}

.header-home.products._1.neuee.farmer {
  font-family: Avenirltstd, sans-serif;
}

.header-home.products._1.neuee.farmer-success {
  text-align: center;
  font-family: Avenirltstd, sans-serif;
}

.header-home.signup {
  margin-top: 35px;
  font-family: Avenirltstd, sans-serif;
}

.header-home.signup.careers {
  font-family: Maisonneue, sans-serif;
}

.button-text {
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
}

.image-23 {
  margin-left: 8px;
  display: inline-block;
}

.image-23.get-stared {
  opacity: .64;
}

.div-block-81 {
  grid-column-gap: 22px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  max-width: 980px;
  height: auto;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.div-block-82 {
  color: #000c;
  background-color: #0000;
  border: 0 solid #000c;
  border-radius: 8px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  display: inline-block;
}

.div-block-83 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". ."
                 ". Area"
                 / .25fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  padding-bottom: 75px;
  display: flex;
}

.heading-6 {
  color: #000;
  margin-top: 24px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: block;
}

.heading-6.home {
  color: #202631;
  width: 90%;
  margin-top: 4px;
  margin-bottom: 0;
}

.heading-6.home.white {
  color: var(--white);
  margin-bottom: 20px;
}

.heading-6.home.links {
  color: #4896f0;
  width: auto;
  display: inline-block;
}

.heading-6.home {
  color: #202631;
  width: 90%;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: Avenirltstd, sans-serif;
  font-weight: 500;
}

.heading-6.home.number {
  color: #202631;
  border: 0 solid #000;
  margin-bottom: 11px;
  padding-left: 0;
  padding-right: 0;
  display: inline;
}

.heading-6.products {
  color: #202631;
  margin-top: 17px;
  font-family: Avenirltstd, sans-serif;
  font-weight: 500;
}

.heading-6.products.farmer {
  width: 100%;
}

.heading-6.signup {
  text-align: center;
  margin-bottom: 25px;
  font-family: Avenirltstd, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.div-block-85 {
  justify-content: center;
  width: 980px;
  margin-top: 75px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.div-block-76 {
  background-image: url('../images/Retailer.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  box-shadow: 4px 4px 20px -4px #00000080;
}

.div-block-76.farmer {
  background-image: url('../images/farmer-woman.png');
}

.div-block-75 {
  padding-top: 27px;
  padding-left: 50px;
}

.paragraph-10 {
  letter-spacing: 1px;
  cursor: pointer;
  border-bottom: 0 #096ad0;
  margin-top: 10px;
  padding-bottom: 1px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  transition: border .208s;
  display: inline-block;
}

.paragraph-10:hover {
  border-bottom: 1px solid #096ad0;
  text-decoration: none;
}

.paragraph-10.buttonmehr {
  color: #096ad0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 300;
}

.paragraph-10.buttonmehr.home {
  color: #4896f0;
  margin-top: 5px;
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: 900;
}

.paragraph-10.buttonmehr.home {
  color: #4896f0;
  margin-top: 5px;
  margin-bottom: 30px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.paragraph-10.buttonmehr.home:hover {
  border-bottom-width: 0;
}

.div-block-78 {
  background-image: url('../images/pricing.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 4px 4px 20px -4px #00000080;
}

.div-block-78.retail {
  background-image: url('../images/prices.jpg');
}

.div-block-80 {
  background-image: url('../images/indian-farm.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 4px 4px 20px -4px #00000080;
}

.div-block-80.farmer {
  background-image: url('../images/kids.png');
  background-position: 50%;
}

.div-block-79 {
  padding-top: 27px;
  padding-left: 50px;
}

.image-17 {
  margin-bottom: 0;
  margin-left: 3px;
  padding-left: 0;
  display: inline-block;
}

.div-block-74 {
  grid-column-gap: 16px;
  grid-row-gap: 45px;
  grid-template: ". ."
                 ". ."
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-12 {
  background-color: #fff;
  justify-content: center;
  padding-bottom: 75px;
  display: flex;
}

.div-block-77 {
  padding-top: 27px;
  padding-bottom: 25px;
  padding-right: 50px;
}

.paragraph-5 {
  color: #7a7a7a;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 12px;
  padding-top: 5px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6em;
}

.paragraph-5.versprechen {
  margin-top: 20px;
}

.paragraph-5.versprechen.home {
  color: #000c;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 25px;
  font-family: Avenirltstd, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: block;
}

.paragraph-5.versprechen.home.farmer {
  margin-bottom: 0;
  margin-right: 6px;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 16px;
}

.paragraph-5.versprechen.home.farmer._2 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.paragraph-5.versprechen.home.farmer.neue {
  margin-bottom: 25px;
  font-size: 11px;
}

.paragraph-5.versprechen.home.founders1 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.paragraph-5.versprechen.home.founder2.fndr {
  border: 1px solid #0000;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.div-block-60 {
  background-color: var(--white);
  max-width: 980px;
  height: auto;
  margin: 0;
  padding: 75px 15px 0;
  display: flex;
}

.div-block-61 {
  align-self: center;
  width: 50%;
  padding-right: 50px;
}

.benefit-line-1 {
  background-color: #202631;
  border-radius: 5px;
  height: 6px;
  margin-right: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.div-block-62 {
  width: 50%;
  padding-left: 100px;
}

.hero-corner {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -3px;
  left: -3px;
}

.hero-corner.hero-corner-bottom-left {
  margin-bottom: 2px;
  margin-left: 2px;
  display: none;
  top: auto;
  bottom: -3px;
  left: -3px;
  transform: rotate(270deg);
}

.hero-corner.hero-corner-top-right {
  margin-top: 2px;
  margin-right: 2px;
  display: none;
  left: auto;
  right: -3px;
  transform: rotate(90deg);
}

.hero-corner.hero-corner-bottom-left {
  margin-bottom: 2px;
  margin-left: 2px;
  top: auto;
  bottom: -3px;
  left: -3px;
  transform: rotate(270deg);
}

.benefit-line-2 {
  background-color: #202631;
  border-radius: 5px;
  width: 6%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.section-11 {
  background-color: var(--white);
  justify-content: center;
  display: none;
}

.image-14 {
  padding-top: 25px;
}

.text-block-24 {
  color: #272c46;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 300;
}

.div-block-63 {
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  top: -23px;
  left: 304px;
  box-shadow: 0 13px 30px #0000004a;
}

.feature-box {
  opacity: .9;
  background-color: #394170;
  background-image: url('../images/hm_our_story.jpg');
  background-position: 50% 20%;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  height: 300px;
  margin-right: 0;
  position: relative;
  box-shadow: 9px 9px 30px #00000059;
}

.template-tag {
  display: none;
}

.social-icon {
  width: 30px;
  height: 30px;
  margin-left: 25px;
  display: inline-block;
}

.container-6 {
  z-index: 2;
  width: 980px;
  max-width: 980px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  position: relative;
}

.footer-image {
  opacity: 1;
  width: 80px;
  margin-left: -12px;
}

.footer-link-wrapper {
  flex-direction: column;
  flex: none;
  font-family: FGrotesk, sans-serif;
  display: flex;
}

.footer-section {
  z-index: 4;
  color: #fff;
  background-image: url('../images/Footer-background.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: cover;
  align-items: flex-end;
  max-width: 100%;
  min-height: 270px;
  margin-top: 80px;
  padding-top: 60px;
  padding-bottom: 30px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.footer-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  grid-template-rows: 60px 40px;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: center start;
  margin-top: 80px;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-weight: 400;
  display: flex;
}

.footer-link-2 {
  color: #f8f9fb;
  margin-left: 18px;
  padding-bottom: 5px;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
}

.footer-link-2:hover {
  opacity: 1;
  color: #fff;
}

.footer-copywrite {
  color: #fff;
  font-family: Avenirltstd, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.link-block-5 {
  display: none;
}

.div-block-98 {
  justify-content: center;
  width: auto;
  margin: 30px auto 25px;
  display: block;
}

.section {
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.section.header {
  flex-direction: column;
  width: 980px;
  margin: 169px auto 0;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.section.header.oben {
  margin-top: 140px;
}

.section.header.oben.farmer {
  margin-top: 130px;
}

.section.header.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 980px;
  margin-top: 0;
  display: flex;
}

.label-fnv {
  color: #202631;
  letter-spacing: 1px;
  margin-top: 19px;
  margin-bottom: 8px;
  margin-left: 3px;
  font-size: 12px;
  font-weight: 500;
}

.grid {
  width: 50%;
  padding-left: 0;
  padding-right: 15px;
}

.grid._2 {
  height: auto;
  padding-left: 15px;
  padding-right: 0;
}

.collection-list-wrapper {
  justify-content: center;
  min-width: 400px;
  max-width: none;
  display: block;
}

.collection-wrap {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.dynamic-item {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.go-back {
  justify-content: flex-start;
  width: auto;
  padding-bottom: 0;
  display: flex;
}

.go-back.faq {
  width: auto;
  margin-bottom: 25px;
}

.div-block-89 {
  padding-left: 45px;
  padding-right: 45px;
  overflow: scroll;
}

.div-block-88 {
  background-image: url('../images/Indias-wholesale-prices-fall-for-17th-straight-month.jpg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.div-block-88.careers {
  background-image: url('../images/adults-analysis-brainstorming-1661004.jpg');
  background-position: 0 0;
  background-size: cover;
}

.form {
  width: 85%;
}

.section-13 {
  background-color: #f8f9fb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-86 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 980px;
  max-width: 980px;
  height: 80vh;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.label-signup {
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 0;
  padding-left: 5px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.label-signup.farmer {
  margin-top: 0;
  margin-bottom: 4px;
  padding-left: 0;
}

.label-signup.farmer.produce {
  margin-top: 24px;
  margin-bottom: 11px;
}

.text-block-25 {
  color: #000c;
  letter-spacing: 1px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.text-block-25.careers {
  color: var(--font);
}

.signup-form {
  margin-top: 27px;
}

.forgot {
  color: #4896f0;
  letter-spacing: 1px;
  cursor: pointer;
  margin-top: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.input-sign {
  border-radius: 8px;
  font-family: Avenirltstd, sans-serif;
  font-size: 13px;
}

.image-18 {
  margin-left: 3px;
  padding-bottom: 1px;
}

.image-19 {
  margin-left: 3px;
  padding-bottom: 1px;
  display: inline-block;
}

.link-block {
  color: var(--font);
  text-decoration: none;
  display: flex;
}

.div-block-92 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-26 {
  width: 100px;
}

.text-block-30 {
  color: #20263163;
  letter-spacing: 0;
  margin-top: -3px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.text-block-31 {
  color: var(--font);
  margin-bottom: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.text-block-31.hindi {
  margin-top: -3px;
  margin-bottom: 3px;
  font-size: 14px;
}

.card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  height: auto;
  display: grid;
}

.card.farmer {
  place-content: stretch;
  align-items: stretch;
}

.image-20 {
  border-radius: 8px;
}

.price-kg-div {
  margin-top: 0;
  margin-bottom: -3px;
  padding-bottom: 0;
  line-height: 5px;
  display: flex;
}

.html-embed {
  margin-top: 15px;
  margin-bottom: 0;
}

.body {
  font-family: Avenirltstd, sans-serif;
}

.text-block-32 {
  color: var(--accent);
  font-family: Avenirltstd, sans-serif;
}

.text-block-32.profile {
  margin-right: 25px;
}

.text-block-32.profile._2 {
  color: var(--font);
}

.header-home-2 {
  color: #202631;
  font-family: Avenirltstd, sans-serif;
  font-size: 41px;
  font-weight: 300;
  line-height: 52px;
}

.header-home-2._2 {
  width: 80%;
  height: auto;
  margin-top: 10px;
  font-weight: 400;
  line-height: 40px;
}

.header-home-2.header-section {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 30px;
  display: flex;
}

.header-home-2.header-section.founders {
  margin-top: 20px;
}

.header-home-2.faq {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
  line-height: 35px;
}

.header-home-2.signup {
  margin-top: 35px;
}

.button-text-2 {
  letter-spacing: 1px;
  margin-left: 15px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
}

.button-text-2.zwei {
  margin-left: 0;
}

.text-block-33 {
  color: #272c46;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-family: Avenirltstd, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.footer-row-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  flex-flow: row;
  grid-template-rows: 60px 40px;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: flex-start start;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-family: Avenirltstd, sans-serif;
  font-weight: 400;
  display: flex;
}

.header-text-2 {
  color: #000c;
  width: 75%;
  margin-top: 35px;
  line-height: 24px;
}

.header-text-2.imprint {
  width: 100%;
}

.div-block-109 {
  width: 980px;
  max-width: 980px;
  margin-top: 151px;
}

.text-block-34 {
  color: var(--accent);
  letter-spacing: 1px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.section-15 {
  justify-content: center;
  align-items: flex-start;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.icon-6.accordion-icon {
  color: #0009;
  cursor: pointer;
  font-size: 32px;
  line-height: 30px;
}

.paragraph-11 {
  color: #000c;
  margin-top: 7px;
  font-weight: 400;
  line-height: 24px;
}

.header-center-box {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-center-box._75 {
  width: 75%;
}

.bold-text-3 {
  font-weight: 400;
}

.section-faq {
  background-color: #f8f8f8;
  padding: 115px 30px 0;
}

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

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.content-wrapper.slim {
  max-width: 940px;
}

.accordion-item {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 24px 30px 14px;
  box-shadow: 0 6px 20px -8px #00000042;
}

.accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.accordion-heading {
  color: #202631;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.button-get-started-2 {
  color: #fff;
  cursor: pointer;
  background-color: #4896f0;
  border-radius: 8px;
  width: auto;
  height: auto;
  padding: 5px 15px;
  text-decoration: none;
  transition: opacity .2s;
  box-shadow: 4px 4px 20px -4px #00000080;
}

.button-get-started-2:hover {
  opacity: .9;
  color: #fff;
  background-color: #4896f0;
}

.button-get-started-2.signup {
  letter-spacing: 1px;
  margin-top: 8px;
  padding: 10px 30px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.button-get-started-2.signup.page {
  margin-top: 50px;
}

.label-signup-2 {
  color: var(--font);
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 0;
  padding-left: 5px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

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

.itemm {
  opacity: 1;
  text-decoration: none;
  transition-duration: .4s;
}

.itemm:hover {
  opacity: .55;
}

.itemm.drei, .itemm.zwei {
  transition-duration: .4s;
}

.itemm.zwei:hover {
  opacity: .55;
}

.itemm.eins {
  align-items: flex-start;
  transition-duration: .4s;
  display: block;
}

.itemm.eins:hover {
  opacity: .55;
}

.paragraph-main {
  color: #000;
  width: 90%;
  font-family: FGrotesk, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 36px;
}

.paragraph-main.navii {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-top: 57px;
  display: flex;
}

.paragraph-main.imggg {
  width: 100%;
}

.paragraph-main.zwei {
  font-size: 21px;
  line-height: 38px;
}

.paragraph-main.zwei.imggg {
  line-height: 36px;
}

.paragraph-main.zwei.white {
  color: #fff;
  width: 75%;
  margin-top: 350px;
  margin-right: 35px;
  padding-right: 0;
  line-height: 36px;
}

.paragraph-main.zwei.white.datapoints {
  width: 100%;
  margin-top: 40px;
  line-height: 36px;
}

.paragraph-main.white.orbretailers {
  color: #fff;
  width: 450px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.paragraph-main.value {
  color: #fff;
  border: 0 solid #000;
  width: 100%;
  padding-bottom: 200px;
}

.paragraph-main.newsletter {
  color: #fff;
  width: auto;
  margin-top: 12px;
  margin-bottom: 49px;
}

.paragraph-main.app {
  color: var(--white);
  margin-top: 28px;
}

.paragraph-main.rapps {
  color: var(--white);
  margin-top: 29px;
}

.container-div {
  z-index: 16;
  max-width: 780px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 350px;
  padding-bottom: 75px;
  position: relative;
}

.container-div.nav {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.container-div.firstpage {
  max-width: 880px;
  padding-top: 0%;
  padding-bottom: 0;
}

.container-div.oben {
  max-width: 780px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.container-div.cycle {
  padding-top: 0;
  padding-bottom: 0;
}

.container-div.obere {
  display: none;
}

.container-div.breakthecycle {
  width: 980px;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.container-div.solution.contacts-section {
  text-align: left;
}

.container-div.unten {
  padding-top: 50px;
  padding-bottom: 0;
}

.container-div.webapp {
  padding-top: 220px;
  padding-bottom: 0;
}

.container-div.value {
  max-width: none;
  height: 200vh;
  padding-top: 0;
  padding-bottom: 0;
  position: sticky;
}

.container-div.imgoverlay {
  padding-top: 75px;
  position: absolute;
}

.container-div.newsletter {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.container-div.farmer {
  width: 500px;
  padding-top: 120px;
}

.container-div.success {
  text-align: center;
  width: 500px;
  padding-top: 0;
  padding-bottom: 0;
}

.container-div.apps {
  padding-top: 75px;
  padding-bottom: 75px;
}

.header-main {
  color: #f8f9fb;
  padding-bottom: 0;
  font-family: Syne, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
  position: static;
  top: 160px;
}

.header-main.navv {
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  display: inline-block;
}

.header-main.navv:hover {
  opacity: .55;
}

.header-main.order {
  padding-top: 200px;
  font-size: 36px;
  line-height: 46px;
  position: static;
}

.header-main.order.black {
  color: #000;
  padding-top: 300px;
  padding-bottom: 50px;
  font-family: Syne, sans-serif;
  font-size: 36px;
}

.header-main.white {
  color: #fff;
  position: sticky;
  top: 104px;
}

.header-main.white.oben {
  color: #f8f9fb;
}

.header-main.white.oben.zzz {
  margin-bottom: 25px;
  font-family: Syne, sans-serif;
  font-size: 38px;
  line-height: 53px;
}

.header-main.white.solution {
  color: #ffffff8c;
  padding-bottom: 45px;
  font-size: 20px;
  line-height: 30px;
}

.header-main.white.data {
  margin-top: 275px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 130px;
  position: static;
}

.header-main.white.newsletter {
  padding-top: 110px;
  padding-bottom: 18px;
  position: static;
}

.header-main.imgoverlay {
  color: #fff;
}

.header-main.sticky {
  margin-bottom: 25px;
}

.header-main.retailerapp {
  margin-top: 15px;
  padding-top: 0;
}

.nav-overlay {
  z-index: 102;
  opacity: 0;
  color: #000;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  margin-top: -100vh;
  padding-top: 20px;
  display: block;
  position: fixed;
  overflow: visible;
}

.b3-middlebar-base {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  position: static;
}

.b3-middlebar-top {
  z-index: 2;
  background-color: #fff;
  width: 25px;
  height: 2px;
  position: relative;
  inset: 0;
}

.burger-3 {
  z-index: 101;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 35px;
  display: flex;
  position: relative;
  box-shadow: 6px 6px 25px #28078026;
}

.b3-middlebar {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 2px;
  display: flex;
  position: absolute;
}

.b3-bar1 {
  background-color: #fff;
  width: 15px;
  height: 2px;
  margin-left: 10px;
  display: flex;
}

.b3-top-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.navigation {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 20px 50px 15px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.div110 {
  background-color: #fff;
  border-radius: 8px;
  width: 980px;
  height: auto;
  padding-left: 15px;
  padding-right: 20px;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.div110.main {
  padding-top: 2px;
  padding-bottom: 2px;
}

.div110.main.orb {
  box-shadow: none;
  color: #202631;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.button-text-style-2 {
  color: #4896f0;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  transition: opacity .2s;
}

.button-text-style-2:hover {
  opacity: 1;
}

.button-text-style-2.main {
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.button-text-style-2.main.mmain {
  font-family: FGrotesk, sans-serif;
}

.button-text-style-2.main.mobile {
  display: none;
}

.button-text-style-2.main.home {
  font-family: FGrotesk, sans-serif;
}

.button-text-style-2.main.home.sources {
  color: #ffffffa6;
  text-decoration: none;
  display: inline;
}

.button-text-style-2.main.home.sources._2 {
  color: #ffffffa6;
}

.b3-bar3 {
  background-color: #fff;
  width: 15px;
  height: 2px;
  margin-right: 10px;
}

.navigation-home {
  padding-left: 50px;
  padding-right: 50px;
}

.orb.main {
  z-index: 9999;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.underlined {
  text-decoration: none;
}

.section-2-main {
  background-color: #0000;
  height: auto;
  margin-top: -200px;
  padding-bottom: 75px;
  position: relative;
}

.point {
  background-color: #fff;
  border-radius: 20px;
  width: 3px;
  height: 3px;
  margin-bottom: 8px;
}

.point.null {
  width: 3px;
  height: 3px;
}

.point3 {
  background-color: #fff;
  border-radius: 20px;
  width: 3px;
  height: 3px;
}

.point2 {
  color: #fff;
  background-color: #fff;
  border-radius: 20px;
  width: 3px;
  height: 3px;
  margin-bottom: 8px;
}

.image-27 {
  margin-top: 667px;
  padding-top: 0;
  display: block;
  transform: rotate(-180deg);
}

.image-28 {
  margin-top: 6px;
  margin-left: -4px;
  transform: rotate(90deg);
}

.scrolldown {
  z-index: 101;
  background-color: #642b2b00;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0%;
  padding-left: 6px;
  display: block;
  position: absolute;
  inset: auto 0% 7%;
}

.section-1-main {
  background-color: var(--black);
  background-image: url('../images/earth-9.gif');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.typed3 {
  color: #fff;
  margin-top: 5px;
  font-family: Maisonneue, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
  display: none;
}

.div-block-112 {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 100px;
  display: grid;
}

.div-block-112.firstpage {
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  padding-top: 50px;
  display: grid;
}

.typed0 {
  color: #fff;
  text-transform: none;
  font-family: Syne, sans-serif;
  font-size: 150px;
  font-weight: 700;
  line-height: 110px;
}

.div113 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-transform: capitalize;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  max-width: none;
  padding-top: 165px;
  display: grid;
}

.div113.firstpage {
  grid-template-columns: 2.25fr 1fr;
  padding-top: 0;
}

.typed5 {
  color: #fff;
  margin-bottom: 40px;
  padding-bottom: 150px;
  font-family: Graphik, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 38px;
}

.typed5.first {
  margin-bottom: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: FGrotesk, sans-serif;
  font-weight: 100;
}

.typed5.second {
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: FGrotesk, sans-serif;
  line-height: 36px;
  text-decoration: none;
}

.typed5.second.zwei {
  padding-top: 30px;
}

.typed5.last {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  font-family: FGrotesk, sans-serif;
  line-height: 36px;
}

.typed2 {
  color: #fff;
  text-transform: none;
  margin-top: 5px;
  font-family: Maisonneue, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
  display: none;
}

.div-block-111 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.imagesfarmer {
  z-index: 14;
  grid-column-gap: 40px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: stretch;
  width: 100vw;
  height: auto;
  margin-top: 125px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-bottom: 15px;
  display: grid;
  position: relative;
  overflow: scroll;
}

.imagesfarmer.zwei {
  margin-top: 30px;
  padding-bottom: 40px;
}

.imagesfarmer.zwei.drei {
  z-index: 0;
  background-color: #0000;
  margin-top: 0;
  padding-top: 20px;
}

.order-of-the-orb {
  z-index: 12;
  background-color: #f8f9fb;
  max-width: 100vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  position: relative;
}

.div-block-114 {
  z-index: 14;
  background-image: url('../images/farmer-2.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 450px;
  height: 275px;
  padding-bottom: 0;
  position: relative;
  box-shadow: 4px 4px 17px -9px #000;
}

.div-block-114.zwei {
  background-image: url('../images/5d642ee7b1c595652e43bb41_farmer-standing-acre.jpg');
}

.div-block-114.vier {
  background-image: url('../images/5d642ee7b1c595e4c143bb53_two-farmers-machine.jpg');
}

.div-block-114.eins {
  background-image: url('../images/5d642ee7b1c595672e43bb4d_farmer-sleeping.png');
}

.div-block-114.sieben {
  background-image: url('../images/5d642ee7b1c595210b43bb6b_farmer-sitting-on-acre.jpg');
}

.div-block-114.neun {
  background-image: url('../images/5d642ee7b1c595652e43bb41_farmer-standing-acre.jpg');
}

.div-block-114._4 {
  background-image: url('../images/5d642ee7b1c595bf0243bb5f_farmer-looking-in-camera.png');
}

.div-block-114.acht {
  background-image: url('../images/5d642ee7b1c595672e43bb4d_farmer-sleeping.png');
}

.div-block-114.sechs {
  background-image: url('../images/5d642ee7b1c595c43a43bb65_farmer-standing.png');
}

.div-block-114._3, .div-block-114._7, .div-block-114.drei {
  background-image: url('../images/farmer-on-bike.png');
}

.div-block-114._5 {
  background-image: url('../images/5d642ee7b1c5955b3743bb59_farmer-on-land.jpg');
}

.div-block-114._6 {
  background-image: url('../images/5d642ee7b1c595d65743bb3c_farmer-2.png');
}

.div-block-114.fnf {
  background-image: url('../images/5d642ee7b1c595e70843bb47_female-farmer-laughing.png');
}

.div-block-114._1 {
  background-image: url('../images/5d642ee7b1c5955b3743bb59_farmer-on-land.jpg');
}

.div-block-114._2 {
  background-image: url('../images/5d642ee7b1c595d65743bb3c_farmer-2.png');
}

.div-block-115 {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  padding: 50px 75px 0;
  display: grid;
}

.percentage {
  color: #00000057;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  font-family: FGrotesk, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 100px;
  display: flex;
}

.div118 {
  position: static;
  top: 130px;
}

.div-block-117 {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 150vh;
  display: grid;
}

.div-block-117.zwei {
  margin-top: 100px;
}

.div-block-149 {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
}

.text35 {
  color: #f8f9fba6;
  padding-bottom: 17px;
  font-family: FGrotesk, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.div-block-150 {
  filter: none;
  background-color: #000000e8;
  background-image: url('../images/Newspaper-02.jpg');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: cover;
  width: 90%;
}

.div-block-150.eins {
  background-image: url('../images/farmer-praying.jpg');
  background-position: 0%;
  background-repeat: repeat-y;
  position: static;
  top: 0;
}

.div-block-150.zwei {
  background-color: #0000;
  background-image: url('../images/indian-holding-child.png');
  background-position: 0%;
  background-size: cover;
}

.image-29 {
  opacity: .65;
  color: #f8f9fb;
  padding-bottom: 20px;
}

.newspaper-overlay {
  filter: blur();
  background-color: #0003;
  height: 100%;
}

.section17 {
  color: #f8f9fb;
  background-color: #f8f9fb;
  height: auto;
  display: block;
}

.div119 {
  z-index: 2;
  background-color: #6d373700;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: auto;
  padding: 0 70px 0 0;
  text-decoration: none;
  display: flex;
  position: sticky;
  top: 35%;
}

.div119.zwei {
  z-index: 16;
  padding-left: 0;
  padding-right: 70px;
  text-decoration: none;
}

.number {
  color: #000;
  letter-spacing: 1px;
  padding-bottom: 10px;
  font-family: Graphik, sans-serif;
  font-size: 14px;
}

.dynamic-number__inner-wrap {
  height: 20vh;
  font-size: 14px;
  transform: translate(0);
}

.dynamic-number__inner-wrap.dynamic-number__track {
  height: auto;
  transform: none;
}

.grid-phases {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  height: 30vh;
  margin-top: 0;
  padding-top: 35px;
  display: grid;
}

.step-block__text-description {
  color: #d1d1d1;
  letter-spacing: .25px;
  font-weight: 300;
}

.step-block__text-description.text-description-1 {
  color: var(--black);
  font-family: FGrotesk, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 36px;
}

.step-block__text-description.text-description-4, .step-block__text-description.text-description-2, .step-block__text-description.text-description-3 {
  opacity: 1;
  color: var(--black);
  font-family: FGrotesk, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 36px;
}

.section-trigger {
  height: 1px;
  position: relative;
}

.section-trigger.section-trigger__1 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 20%;
}

.section-trigger.section-trigger__3 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 60%;
}

.section-trigger.section-trigger__2 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 40%;
}

.section-trigger.section-trigger__4 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  position: absolute;
  top: 80%;
}

.div-block-121 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: none;
}

.section-sticky {
  width: auto;
  position: relative;
  overflow: visible;
}

.div-block-122 {
  background-color: #fff;
  padding: 25px;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.section-20 {
  z-index: 1;
  background-color: #f8f9fb;
  position: relative;
  inset: auto 0% 0%;
}

.dynamic-text__wrap {
  flex: none;
  height: 5vh;
  margin-top: 30px;
  font-family: Maisonneue, sans-serif;
  font-weight: 500;
  display: block;
  position: relative;
  left: 7px;
  overflow: hidden;
}

.div-block-128 {
  z-index: 2;
  color: #202631;
  background-color: #0000;
  width: 20px;
  height: 5vh;
  position: static;
  top: 0;
  left: 0;
}

.section-triggers {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0 0 0;
}

.section-triggers.section-triggers__scroll-down {
  width: 1px;
  display: flex;
  position: absolute;
  inset: 0 auto 0 0;
}

.wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap._w-custom.w60-60 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-top: 80px;
  padding-bottom: 100px;
  font-family: Maisonneue, sans-serif;
  display: flex;
}

.dynamic-section__wrap {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  transform-origin: 0% 100% 0px;
  flex-flow: column;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 5px;
  font-family: Maisonneue, sans-serif;
  font-weight: 300;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}

.dynamic-text {
  color: var(--black);
  text-align: left;
  letter-spacing: 0;
  font-family: FGrotesk, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 5vh;
}

.dynamic-text.step {
  color: var(--black);
  letter-spacing: 0;
  font-family: FGrotesk, sans-serif;
  font-size: 26px;
  font-weight: 500;
}

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

.smallmaison {
  color: #202631;
  font-family: Maisonneue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.smallmaison.vicious {
  font-family: Graphik, sans-serif;
  font-weight: 400;
}

.smallmaison.vicious.white {
  color: #fff;
  padding: 0 0 0 10px;
  font-size: 16px;
  line-height: 22px;
}

.dynamic-number__wrap {
  transform-origin: 50%;
  background-color: #0000;
  flex: none;
  height: 5vh;
  font-family: Inconsolata, monospace;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.inner-fw__text-block {
  color: var(--black);
  letter-spacing: .5px;
  font-family: Syne, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 53px;
}

.step-block__text-title {
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
}

.step-block__text-title.text-title_3, .step-block__text-title.text-title_2 {
  color: var(--black);
  margin-bottom: 25px;
  font-family: FGrotesk, sans-serif;
  font-weight: 500;
}

.step-block__text-title.text-title_1 {
  opacity: 1;
  color: var(--black);
  margin-bottom: 25px;
  font-family: FGrotesk, sans-serif;
  font-weight: 500;
}

.step-block__text-title.text-title_4 {
  color: var(--black);
  margin-bottom: 25px;
  font-family: FGrotesk, sans-serif;
  font-weight: 500;
}

.wrap__sticky {
  z-index: 1;
  position: static;
  inset: 0;
  overflow: hidden;
}

.wrap__sticky.sticky {
  background-color: #d1d1d1;
  height: 100vh;
  position: relative;
}

.wrap__sticky.sticky.sticky-5 {
  background-color: #0000;
}

.wrap-block__inner-fw {
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
}

.wrap-block__inner-fw.inner-fw__bottom {
  flex-direction: column;
  height: 37vh;
  margin-top: 0;
}

.section-sticky__wrap {
  z-index: 2;
  width: 100%;
  height: 300vh;
  display: block;
  position: relative;
}

.section-sticky__wrap.section-sticky__wrap-progress {
  z-index: 0;
  height: 500vh;
  overflow: visible;
}

.step-block {
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  height: 100%;
  margin-right: 20px;
  display: flex;
}

.step-block.step-block__3 {
  width: 15%;
  margin-right: 2%;
}

.step-block.step-block__2 {
  color: #202631;
  width: 15%;
  margin-right: 2%;
}

.step-block.step-block__4 {
  width: 15%;
  margin-right: 0%;
}

.step-block.step-block__1 {
  color: #202631;
  width: 49%;
  margin-right: 2%;
}

.stepper-wrap {
  height: 70vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.step-block__progress-bar-inner {
  background-color: #fff;
  width: 100%;
  height: 1px;
  transform: translate(-100%);
}

.step-block__progress-bar-inner.progress-bar__2, .step-block__progress-bar-inner.progress-bar__1, .step-block__progress-bar-inner.progress-bar__4, .step-block__progress-bar-inner.progress-bar__3 {
  background-color: #d1d1d1;
}

.step-block__progress-bar {
  background-color: #7d8082;
  width: 100%;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 12px;
  overflow: hidden;
}

.breakcycle {
  height: auto;
}

.div-block-158 {
  z-index: 0;
  background-image: url('../images/woman-holding-trey.jpg');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  width: 100%;
  height: 150vh;
  display: flex;
  position: relative;
}

.solutionlarge {
  color: #fff;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 25px;
  font-family: Syne, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 68px;
}

.solutionlarge.break {
  width: 500px;
  margin-left: 0;
  font-family: Syne, sans-serif;
  font-size: 60px;
}

.solutionlarge.value {
  color: #f8f8f8;
  max-width: 980px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
}

.solutionlarge.value.eins {
  margin-top: 25px;
}

.solutionlarge.value.eins.secondrow {
  max-width: 780px;
  margin-top: 0;
}

.solutionlarge.value.eins.firstrow, .solutionlarge.value.firstrow {
  max-width: 780px;
  padding-bottom: 0;
}

.solutionlarge.value.secondrow {
  max-width: 780px;
  margin-top: 0;
}

.section-22 {
  z-index: 1;
  background-color: #000;
  width: 100%;
  height: auto;
  position: relative;
}

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

.customer-image {
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.sources-feature {
  justify-content: center;
  max-width: 682px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-23 {
  z-index: 1;
  background-color: #000;
  position: relative;
}

.div-block-137 {
  z-index: 1;
  background-color: #2f394b;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 85px;
  display: flex;
  position: absolute;
  box-shadow: 4px 4px 20px -8px #000;
}

.container-of-rotator {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  perspective: 800px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: block;
  position: static;
}

.customers-diagram {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 120px;
  display: flex;
}

.section-21 {
  background-color: #0000;
  max-width: 560px;
  height: auto;
  padding-top: 75px;
  padding-bottom: 0;
}

.ticket-background {
  transform-style: preserve-3d;
  width: 300px;
  display: block;
  position: absolute;
  transform: translate3d(0, 0, 28px);
}

.div-block-126 {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template: "Area"
                 "Area"
                 / .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  max-width: 780px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-123 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 2.5fr .25fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 250px;
  display: grid;
}

.feature-column {
  background-color: var(--font);
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 150px;
  margin: 0;
  padding: 15px 10px;
  display: flex;
  box-shadow: 0 6px 20px -8px #000;
}

.feature-column.below {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 0;
}

.image-30 {
  opacity: .55;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  padding-bottom: 0;
}

.div-block-136 {
  width: auto;
  height: auto;
}

.div-block-134 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.div-block-135 {
  background-color: #2f394b;
  border-radius: 0;
  align-items: center;
  padding: 20px 10px 20px 15px;
  display: flex;
  box-shadow: 4px 4px 20px -8px #000;
}

.artist {
  z-index: 1;
  transform-style: preserve-3d;
  width: 300px;
  display: block;
  position: absolute;
  transform: translate3d(0, 0, 69px);
}

.feature-paragraph {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.feature-paragraph.above {
  padding-top: 7px;
  font-family: FGrotesk, sans-serif;
  font-size: 14px;
}

.feature-paragraph.below {
  margin-top: 0;
  margin-left: 10px;
  font-family: FGrotesk, sans-serif;
  font-size: 14px;
  line-height: 26px;
}

.div-block-129 {
  height: auto;
  margin-top: 0;
  margin-left: 120px;
  margin-right: 59px;
  padding-left: 0;
  position: sticky;
}

.scan {
  transform-style: preserve-3d;
  width: 300px;
  position: absolute;
  transform: translate3d(0, 0, -32px);
}

.div-block-130 {
  height: auto;
}

.svganimation {
  height: 250px;
}

.feature-category {
  color: #ffffff8c;
  margin-top: 0;
  font-family: FGrotesk, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
}

.rotate-container {
  clear: none;
  perspective: none;
  transform-style: preserve-3d;
  flex: 0 auto;
  width: 380px;
  height: 600px;
  margin-left: 0;
  position: static;
  transform: rotateX(23deg)rotateY(-37deg)rotateZ(20deg)scale3d(1, 1, 1.37);
}

.div-block-124 {
  height: 200px;
  margin-top: 0;
  position: sticky;
  top: 104px;
}

.image-31 {
  margin-bottom: -10px;
  padding-bottom: 0;
}

.feature-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: auto;
  display: grid;
}

.div-block-154 {
  width: 764px;
}

.div-block-138 {
  margin-left: 15px;
}

.solutionnav {
  flex-direction: column;
  width: 200px;
  height: auto;
  margin-top: 0;
  padding-bottom: 30px;
  display: flex;
  position: sticky;
  top: 104px;
}

.solutionnav:hover {
  color: #00000085;
}

.testtt {
  margin-bottom: 3px;
  font-family: Graphik, sans-serif;
}

.testtt:hover {
  color: #ffffff85;
}

.div-block-132 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.nav-link {
  color: #ffffff8c;
  letter-spacing: 1px;
  font-family: Maisonneue book, sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  transition-property: color;
  transition-duration: .4s;
}

.nav-link.w--current {
  color: #fff;
  font-family: Maisonneue book, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: color .4s;
  display: block;
}

.div-block-133 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: block;
}

.area {
  transform-style: preserve-3d;
  width: 300px;
  display: block;
  position: absolute;
  transform: translate3d(-14px, -19px, 60px);
}

.feature-image {
  background-color: #fff;
  background-image: url('../images/farmer-faces.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: flex;
}

.feature-image.zwei {
  background-image: url('../images/farmer-faces.png');
}

.feature-image.drei {
  background-image: url('../images/qwqwfqwf.png');
}

.feature-image.eins {
  background-image: url('../images/qef2.png');
}

.imgretail {
  margin-bottom: 25px;
}

.webapp {
  background-color: var(--font);
}

.image-36 {
  border-radius: 0;
  margin-top: 50px;
}

.header-small {
  color: #ffffff8c;
  padding-bottom: 10px;
  font-family: FGrotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
}

.diesen {
  background-image: url('../images/farmer-laughing-harvest.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  height: 80vh;
  margin-top: 0;
  padding-top: 0;
  position: sticky;
  top: 125px;
  box-shadow: 4px 4px 20px -4px #000000c2;
}

.diesen.zwei {
  border-radius: 8px 0 0 8px;
  box-shadow: 4px 4px 20px -4px #000000c2;
}

.diesen.zwei.zweii {
  background-image: url('../images/retailer-sitting.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
}

.diesen.drei {
  box-shadow: none;
  background-image: url('../images/children-876543_1280.jpg');
  background-position: 50%;
  background-size: cover;
  display: block;
}

.valueadds {
  background-color: #000;
  margin-bottom: 0;
  padding-top: 300px;
  padding-bottom: 300px;
}

.div-block-142 {
  color: #fff;
  width: 330px;
  height: auto;
  margin-top: 0;
  padding-top: 600px;
  padding-bottom: 600px;
}

.div-block-140 {
  grid-column-gap: 75px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-140.first {
  grid-column-gap: 65px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.valueadds-2 {
  color: #3b3e47;
  background-color: #000;
  padding-top: 1200px;
  padding-bottom: 140px;
  display: block;
}

.valueadds-3 {
  background-color: #000;
  padding-top: 1200px;
}

.valueadds-buffer {
  background-color: #000;
  padding-top: 1550px;
}

.div-block-148 {
  z-index: 11;
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  min-width: 980px;
  max-width: none;
  height: 150%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.image-35 {
  display: block;
  position: static;
}

.section-26 {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 700px;
  margin-bottom: 550px;
  display: block;
}

.img-retail {
  margin-bottom: 25px;
}

.text-field-2 {
  color: #fff;
  letter-spacing: 1px;
  background-color: #1a1a24;
  border: 1px solid #0000;
  width: auto;
  height: 50px;
  margin-bottom: 0;
  margin-right: 0;
  font-family: FGrotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.success-message {
  background-color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
}

.section-25 {
  background-color: #000;
  height: auto;
  margin-top: 198px;
  padding-top: 0;
}

.section-25.join {
  height: 100vh;
  padding-top: 49px;
}

.div-block-147 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.text-block-41 {
  font-family: Graphik, sans-serif;
  font-size: 21px;
  font-weight: 400;
}

.submit-button-2 {
  color: #202631;
  letter-spacing: 1px;
  background-color: #f8f9fb;
  font-family: Graphik, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.submit-button-2.newsletter {
  height: 100%;
  font-family: Fgroteskdemi, sans-serif;
}

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

.text-block-42 {
  color: #ff8282;
  text-align: center;
}

.emailform {
  color: #fff;
  align-items: center;
  width: 100%;
  font-family: Maisonneue, sans-serif;
  font-weight: 500;
  display: block;
}

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

.image-37 {
  opacity: .65;
  margin-bottom: 2px;
  margin-left: 5px;
  text-decoration: none;
  display: inline-block;
}

.image-37.sources {
  opacity: .65;
}

.image-37.app {
  opacity: 1;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 980px;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-button-3 {
  letter-spacing: 1px;
  border-radius: 8px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-field-3 {
  border-radius: 8px;
  margin-bottom: 15px;
  font-family: Avenirltstd, sans-serif;
}

.heading-7 {
  margin-bottom: 30px;
  font-family: Avenirltstd, sans-serif;
}

.text-block-43 {
  color: #202630;
}

.div-block-160 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #999;
  background-color: #4896f000;
  border: 1px solid #ccc;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-family: Avenirltstd, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: grid;
}

.image-38 {
  margin-left: 5px;
}

.success-message-2 {
  background-color: #ddd0;
  font-family: Avenirltstd, sans-serif;
  font-weight: 500;
}

.text-block-44 {
  color: var(--font);
  margin-top: 37px;
  font-family: Graphik, sans-serif;
  font-size: 21px;
  line-height: 36px;
}

.text-block-44.email {
  margin-top: 25px;
  font-weight: 500;
}

.div-block-162 {
  color: var(--font);
  font-family: Graphik, sans-serif;
}

.select-field {
  font-family: Avenirltstd, sans-serif;
  font-size: 13px;
}

.div-block-163 {
  margin-bottom: 0;
  padding-bottom: 125px;
}

.text-block-45 {
  margin-bottom: 3px;
}

.link-block-7 {
  margin-top: 75px;
}

.div-block-164 {
  margin-right: 55px;
}

.text-block-46 {
  color: #202631;
  font-family: Avenirltstd, sans-serif;
}

.text-block-46.profile {
  margin-right: 25px;
}

.log-out-2 {
  color: #202631;
  letter-spacing: 1px;
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  transition: opacity .2s;
}

.log-out-2:hover {
  opacity: .7;
}

.text-block-47 {
  color: #202631;
  letter-spacing: 1px;
  margin-right: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.text-block-48 {
  color: #202631;
  margin-bottom: 3px;
  font-family: Avenirltstd, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.div-block-165 {
  flex-direction: column;
  margin-left: 15px;
  display: flex;
}

.text-field-4 {
  color: var(--black);
  letter-spacing: 1px;
  background-color: #fff0;
  border: 0 solid #000;
  border-radius: 8px;
  width: 60px;
  margin-top: -12px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.text-field-4::placeholder {
  color: #0000005e;
}

.div-block-166 {
  display: flex;
}

.text-block-49 {
  color: var(--black);
  margin-top: -4px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.image-39 {
  border-radius: 8px;
  width: auto;
}

.collection-item {
  margin-bottom: 10px;
  display: flex;
}

.datepicker {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 5px 2px;
  font-family: Avenirltstd, sans-serif;
  font-size: 16px;
  font-weight: 400;
  box-shadow: inset 0 0 #0000;
}

.text-block-50 {
  font-family: Avenirltstd, sans-serif;
}

.text-block-51 {
  color: var(--accent);
  letter-spacing: 1px;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.div-block-167 {
  display: flex;
}

.select-field-2 {
  color: var(--font);
  letter-spacing: 0;
  background-color: #f3f3f3;
  border: 0 solid #ccc;
  border-radius: 17px;
  margin-top: 12px;
  margin-bottom: 23px;
  font-family: Avenirltstd, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.html-embed-2 {
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.section-27 {
  align-items: center;
  height: 100vh;
  margin-top: 0;
  display: flex;
}

.text-block-52 {
  color: var(--accent);
  letter-spacing: 1px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  display: inline;
}

.div-block-168 {
  justify-content: center;
  margin-top: 17px;
  text-decoration: none;
  display: inline-block;
}

.image-40 {
  margin-left: 5px;
  display: inline;
}

.div-block-169 {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 980px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.logo {
  width: 60px;
}

.section-28 {
  background-color: var(--white);
  background-image: url('../images/earth3.png');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  padding-top: 0%;
}

.container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.sip {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 175px;
}

.top {
  z-index: 99999999;
  color: #fff;
  background-color: #0000;
  width: 600px;
  font-family: Syne, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 45px;
  position: static;
  inset: auto 0% 5%;
}

.top._2 {
  color: var(--black);
  margin-bottom: 42px;
}

.text-block-53 {
  max-width: 300px;
  margin-left: 85px;
  font-family: FGrotesk, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.text-block-53._2 {
  margin-top: 83px;
  margin-left: 205px;
}

.logohtml {
  width: 70px;
}

.firstpage {
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.background-video {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.heading8 {
  color: var(--white);
  width: 85%;
  margin-top: 85px;
  margin-bottom: 40px;
  font-family: Syne, sans-serif;
  font-size: 46px;
}

.bold-text-4 {
  color: #fff;
  font-family: Syne, sans-serif;
  font-size: 36px;
  line-height: 53px;
}

.bold-text-4.untere {
  margin-top: 110px;
  margin-bottom: 50px;
  padding-right: 0;
  font-size: 36px;
}

.bold-text-4._2 {
  color: #fff;
  border-bottom: 0 dashed #ffffff7a;
}

.button-home {
  font-family: FGrotesk, sans-serif;
  text-decoration: none;
}

.button-home.sources {
  color: #f8f9fba6;
}

.dropdown {
  color: var(--white);
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: FGrotesk, sans-serif;
}

.text-block-54 {
  color: var(--white);
  letter-spacing: 1px;
  display: inline;
}

.dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.image-41 {
  margin-left: 7px;
  transform: rotate(90deg);
}

.dropdown-link {
  color: var(--white);
  background-color: #0000;
  padding-top: 15px;
  padding-bottom: 10px;
}

.dropdown-list {
  background-color: #0000;
}

.dropdown-list.w--open {
  color: var(--white);
}

.dropdown-link-2 {
  color: var(--white);
  padding-top: 0;
  padding-bottom: 8px;
}

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

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

.signup-animation {
  margin-top: 0;
  padding: 9px 15px;
  display: none;
  position: relative;
  top: 38px;
}

.div-block-174 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-span {
  color: #fff;
  border-bottom: 1px dashed #ffffff5c;
  font-weight: 700;
  line-height: 70px;
}

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

.div-block-176 {
  grid-column-gap: 5px;
  grid-row-gap: 16px;
  grid-template: ". ."
                 "Area Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-177 {
  background-image: url('../images/Farmer-app.png');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  min-width: 250px;
  min-height: 130px;
}

.div-block-178 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 250px;
  min-height: 300px;
  display: grid;
}

.firstpageimage {
  display: none;
}

.text-block-55 {
  opacity: 1;
}

.farmer-login {
  color: var(--font);
  letter-spacing: 1px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.farmer-get-started {
  color: var(--accent);
  letter-spacing: 1px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.farmer-login-link {
  margin-right: 25px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.farmer-get-strted-link {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-179 {
  margin-top: 116px;
}

.image-42 {
  margin-left: 7px;
  transform: rotate(90deg);
}

.div-block-180 {
  margin-left: 25px;
}

.dropdown-list-2 {
  border-radius: 8px;
}

.dropdown-list-2.w--open {
  color: var(--font);
  letter-spacing: 1px;
  background-color: #fff;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  transition: opacity .3s;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.dropdown-link-3 {
  color: var(--black);
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-link-4 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.icon-7 {
  margin-right: 0;
}

.dropdown-toggle-2 {
  padding-left: 0;
  padding-right: 20px;
}

.dropdown-list-3 {
  border-radius: 8px;
}

.dropdown-list-3.w--open {
  color: #202631;
  letter-spacing: 1px;
  background-color: #fff;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  transition: opacity .3s;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.dropdown-link-5 {
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
}

.terms-text {
  color: #3339;
  padding-left: 5px;
  font-size: 13px;
  position: relative;
  top: -2px;
}

.gdpr-checkbox {
  text-align: left;
  margin-top: -5px;
}

.signup-nav-step {
  text-align: center;
  border-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 0;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 14px;
  text-decoration: none;
  transition: border-color .375s;
  display: flex;
}

.signup-nav-step.w--current {
  border: 2px solid var(--accent);
  border-radius: 8px;
  align-items: center;
  margin-left: 0;
  padding: 3px 13px;
  font-family: Avenirltstd, sans-serif;
  font-weight: 900;
  transition: border-color .2s;
}

.signup-nav-step.current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.signup-nav-step.current.w--current {
  font-family: Avenirltstd, sans-serif;
  font-weight: 900;
}

.login-page-wrapper {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 5% 100px;
  display: flex;
  position: relative;
}

.login-container {
  z-index: 10;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  display: block;
  position: relative;
}

.nav-step {
  color: #333;
  text-align: center;
  background-color: #fff;
  border: 1px solid #1875f033;
  border-radius: 20px;
  width: 26px;
  height: 26px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  font-family: Avenirltstd, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.nav-step.done {
  background-color: var(--accent);
  color: #fff;
  background-color: #1875f0;
}

.signup-field {
  color: #000c;
  text-align: left;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  align-items: center;
  height: 54px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  font-family: Avenirltstd, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 3px #0000000f;
}

.signup-field:focus {
  border: 1px solid var(--accent);
  box-shadow: inset 0 1px 3px #0000000d, 0 0 4px #1875f0;
}

.signup-field::placeholder {
  color: #3333334d;
}

.signup-field.kg {
  color: #000c;
  width: 120px;
  display: inline;
}

.login-head {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3em;
}

.login-head.sub-head {
  margin-top: -10px;
  font-size: 24px;
  font-weight: 400;
}

.login-page-link {
  color: #000;
  font-weight: 600;
}

.button-wrapper {
  text-align: right;
  width: 180px;
}

.logo-link-2 {
  z-index: 1;
  width: 180px;
}

.logo-link-2:hover {
  opacity: .8;
}

.logo-link-2:active {
  opacity: .7;
}

.button {
  color: #fff;
  background-color: #3144f3;
  border-radius: 4px;
  margin-top: 20px;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
  display: block;
}

.button:hover {
  background-color: #1875f0;
}

.button.line-button {
  color: #1875f0;
  background-color: #fff;
  border: 2px solid #1875f0;
  margin-top: 0;
  padding-top: 7px;
  padding-bottom: 6px;
  display: inline-block;
}

.login-button {
  background-color: #3144f3;
  border-radius: 4px;
  width: 100%;
  margin-top: 20px;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
  display: block;
}

.login-button:hover {
  background-color: #1875f0;
}

.error-message-2 {
  z-index: 100;
  color: #fff;
  text-align: center;
  background-color: #000;
  padding-top: 22px;
  padding-bottom: 22px;
  font-weight: 700;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.top-nav {
  z-index: 104;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-bottom: 1px solid #3333331a;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 980px;
  max-width: 980px;
  height: 45px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  display: grid;
  position: static;
  box-shadow: 6px 0 20px -8px #00000042;
}

.fake-logo {
  background-color: #1875f0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding-top: 9px;
  padding-left: 9px;
  display: inline-block;
  position: relative;
  top: 4px;
  box-shadow: 0 10px 20px -5px #1875f0;
}

.signup-label {
  z-index: -1;
  opacity: 1;
  color: #000c;
  text-align: left;
  width: 100%;
  margin-top: 21px;
  margin-bottom: 5px;
  padding-left: 2px;
  font-family: Avenirltstd, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.signup-label.kg {
  margin-bottom: 19px;
}

.dot {
  background-color: #fff;
  border-radius: 20px;
  width: 11px;
  height: 11px;
}

.field-wrapper {
  text-align: left;
  width: 100%;
  min-height: 30px;
  position: relative;
}

.field-wrapper.first-name-wrapper {
  margin-right: 15px;
}

.memberstack-form {
  padding-top: 10px;
  position: relative;
}

.field-row {
  display: flex;
}

.page-wrapper {
  justify-content: center;
  width: 100%;
  min-height: auto;
  display: flex;
  overflow: hidden;
}

.signup-navigation-wrap {
  display: flex;
}

.logo-text {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: -4px;
}

.link-block-8 {
  color: var(--font);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block-56 {
  color: var(--font);
  letter-spacing: 1px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.top-nav-2 {
  z-index: 10;
  background-color: #fff;
  border-bottom: 1px solid #3333331a;
  justify-content: space-between;
  align-items: center;
  padding: 1.2em 1.5em 1em;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px #3333331a;
}

.form-3 {
  text-align: left;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-57, .text-block-58 {
  color: var(--font);
  letter-spacing: 1px;
  margin-left: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-59 {
  color: var(--font);
  letter-spacing: 1px;
  margin-left: 10px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.divider {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px dashed #e5e5e5;
  height: 3px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.text-block-60 {
  color: #000c;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 5px;
  font-family: Avenirltstd, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.map {
  border-radius: 8px;
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
  box-shadow: 4px 4px 20px -8px #00000047;
}

.button-2 {
  margin-top: 15px;
  margin-bottom: 13px;
  display: none;
}

.text-block-61 {
  display: none;
}

.form-block {
  margin-top: 70px;
}

.checkbox-field {
  display: flex;
}

.text-span-2 {
  display: block;
}

.radio-button-field {
  display: flex;
}

.radio-button-label {
  margin-left: 22px;
  font-family: Avenirltstd, sans-serif;
  font-weight: 400;
}

.div-block-181 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 21px;
  margin-bottom: 28px;
  display: block;
}

.checkbox-field-2 {
  width: 50%;
  margin-bottom: 10px;
  display: inline-block;
}

.checkbox {
  color: #000c;
  font-family: Avenirltstd, sans-serif;
  font-weight: 400;
}

.text-block-62 {
  color: #000c;
  margin-left: 10px;
  font-family: Avenirltstd, sans-serif;
  font-weight: 500;
  display: inline;
}

.div-block-182 {
  z-index: 9999;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: fixed;
}

.preloader {
  z-index: 9999999;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-184 {
  z-index: 9999999;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.languageselector {
  z-index: 999999;
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-185 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: FGrotesk, sans-serif;
  font-size: 21px;
  display: flex;
}

.text-block-63 {
  margin-left: 0;
  text-decoration: none;
}

.text-block-64 {
  margin-left: 0;
}

.text-block-65 {
  color: #8d8d8d;
  text-align: center;
  margin-bottom: 60px;
  font-family: FGrotesk, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.link-block-9 {
  color: var(--white);
  text-decoration: none;
  display: flex;
}

.div-block-186 {
  color: var(--white);
  margin-left: 100px;
  text-decoration: none;
  display: flex;
}

.image-43 {
  max-width: none;
  margin-left: 5px;
}

.image-44 {
  display: none;
}

.div-block-187 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 30px;
  display: flex;
}

.div-block-188 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.span {
  margin-left: 60px;
}

.text-span-3 {
  margin-left: 120px;
}

.div-block-189 {
  justify-content: center;
  align-items: center;
  max-width: 1140px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0%;
  display: flex;
}

.benefit-line-3 {
  background-color: #ff8c00;
  border-radius: 5px;
  width: 6%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.benefit-line-4 {
  background-color: #ff8c00;
  border-radius: 5px;
  height: 6px;
  margin-right: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.div-block-190 {
  width: 50%;
  padding-left: 100px;
}

.image-45 {
  margin-top: -14px;
  margin-left: 0;
  padding-top: 0;
  position: static;
  transform: rotate(0);
}

.paragraph-box {
  color: #272c46;
  text-align: left;
  margin-top: 15px;
  font-family: Avenirltstd, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.section-30 {
  background-color: #ffffff0d;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-box-2 {
  opacity: .9;
  background-color: #0000;
  background-image: url('../images/TimFelix2.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  height: 300px;
  margin-right: 0;
  position: relative;
  box-shadow: 9px 9px 30px #00000059;
}

.div-block-191 {
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  top: -23px;
  left: 304px;
  box-shadow: 0 13px 30px #0000004a;
}

.heading-section-1 {
  color: #fff;
  margin-bottom: 40px;
  padding-right: 0;
  font-family: Avenirltstd, sans-serif;
  font-size: 41px;
  font-weight: 300;
  line-height: 52px;
}

.heading-section-1.germany {
  color: #272c46;
}

.heading-section-1.marketplace {
  color: #272c46;
  text-align: center;
}

.heading-section-1.marketplace.andere {
  z-index: 13;
  color: #fff;
  background-color: #1d1d1d59;
  background-image: linear-gradient(#1d1d1d1a, #1d1d1d1a), url('../images/farmer-woman.png');
  background-position: 0 0, 50% 85%;
  background-size: auto, cover;
  border-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  width: 980px;
  height: 350px;
  margin-top: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 127px;
  line-height: 52px;
  display: flex;
  position: static;
}

.text-block-66 {
  color: #272c46;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-family: Avenirltstd, sans-serif;
  font-weight: 300;
}

.div-block-192 {
  align-self: center;
  width: 50%;
  padding-right: 50px;
}

.bold-text-5 {
  font-weight: 400;
}

.header-text-3 {
  color: #000c;
  width: 75%;
  margin-top: 35px;
  font-family: Avenirltstd, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.header-text-3.call {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.button-text-3 {
  letter-spacing: 1px;
  margin-left: 15px;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
}

.button-text-3.zwei {
  margin-left: 0;
}

.image-46 {
  margin-left: 0;
  display: inline;
  transform: rotate(0);
}

.image-47 {
  margin-left: 10px;
  display: inline-block;
}

.stripe2 {
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  padding: 30px 60px 20px 50px;
  text-decoration: none;
  box-shadow: 4px 4px 13px #00000017;
}

.image-12 {
  margin-left: 4px;
}

.section-8 {
  clear: none;
  text-align: center;
  background-color: #fff;
  width: auto;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0% 100px;
  display: block;
}

.section-8.andere {
  z-index: 0;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 980px;
  height: 300px;
  margin: 45px auto 232px;
  padding: 0 0 113px;
  display: flex;
  position: static;
}

.div-block-44 {
  border-radius: 8px;
  justify-content: center;
  width: 980px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.stripe {
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  width: 60%;
  height: auto;
  padding: 40px 60px 30px 50px;
  font-family: Avenirltstd, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  box-shadow: 4px 4px 13px #e4e4e4;
}

.stripe.unten {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
  text-decoration: none;
  box-shadow: 4px 4px 13px #00000017;
}

.stripe.unten.eins {
  border-radius: 8px;
}

.div-block-43 {
  z-index: 99;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 880px;
  margin-top: -111px;
  display: grid;
  position: relative;
}

.paragraph-box-2 {
  color: #272c46;
  text-align: left;
  margin-top: 15px;
  font-family: Avenirltstd, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.dropdown-list-4 {
  border-radius: 8px;
}

.dropdown-list-4.w--open {
  color: #202631;
  letter-spacing: 1px;
  background-color: #fff;
  font-family: Avenirltstd, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  transition: opacity .3s;
  box-shadow: 4px 4px 20px -8px #00000042;
}

.link-block-10 {
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .div-10 {
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    width: 100%;
    max-width: 980px;
  }

  .div-10.main.main-orb {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .navitems {
    background-color: #fff;
  }

  .navitems.with-shadow, .navitems.with-shadow.retail {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-11 {
    flex-direction: row;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-image {
    margin-left: -6px;
    padding-left: 0;
  }

  .logo-image.main.zwei {
    margin-left: -11px;
  }

  .div-block-104 {
    justify-content: center;
    padding-left: 25px;
    padding-right: 25px;
  }

  .image-4 {
    margin-top: 181px;
  }

  .div-block-14 {
    margin-top: 25px;
  }

  .div-block-12 {
    grid-column-gap: 20px;
  }

  .header-text {
    margin-top: 30px;
  }

  .button-get-started.faq.farmer2._2 {
    margin-left: 20px;
  }

  .button-get-started.signup {
    width: 100%;
  }

  .button-get-started.farmer.farmer2.farmers._2 {
    margin-bottom: 10px;
  }

  .above-fold {
    margin-right: 15px;
    padding-left: 15px;
  }

  .header-home.products, .header-home.products._1.neuee, .header-home.products._1.neuee {
    text-align: center;
  }

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

  .heading-6 {
    margin-top: 30px;
  }

  .div-block-76 {
    background-image: url('../images/indian-farm.jpg');
    background-position: 50% 0;
    padding-top: 200px;
    padding-bottom: 0;
  }

  .div-block-75 {
    margin-left: 35px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 25px;
  }

  .paragraph-10.buttonmehr {
    margin-top: 15px;
    margin-bottom: 38px;
  }

  .div-block-78 {
    background-position: 50%;
    padding-top: 200px;
  }

  .div-block-80 {
    background-image: url('../images/Retailer.png');
    padding-top: 200px;
  }

  .div-block-79 {
    margin-left: 35px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 25px;
  }

  .div-block-74 {
    grid-row-gap: 45px;
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr 1fr;
    grid-auto-rows: 2.75fr;
  }

  .section-12 {
    margin-bottom: -131px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-77 {
    margin-left: 14px;
    padding-top: 30px;
    padding-right: 25px;
  }

  .paragraph-5 {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .div-block-62 {
    padding-left: 49px;
  }

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

  .div-block-63 {
    left: 198px;
  }

  .container-6 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .link-block-5 {
    display: none;
  }

  .div-block-98 {
    text-align: center;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .section {
    color: #000;
  }

  .section.header {
    width: auto;
    max-width: 980px;
  }

  .section.header.oben {
    padding-left: 45px;
    padding-right: 45px;
  }

  .section.header.grid {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 45px;
    padding-right: 45px;
  }

  .grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    padding-right: 0;
    display: flex;
  }

  .collection-list-wrapper {
    width: 550px;
    max-width: 500px;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .dynamic-item {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .go-back {
    width: auto;
    max-width: 980px;
  }

  .div-block-89 {
    min-width: 350px;
  }

  .div-block-88 {
    display: none;
  }

  .form {
    width: 100%;
  }

  .section-13 {
    flex-direction: column;
    height: 100vh;
    padding-top: 0;
  }

  .section-13.careers {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-86 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: auto;
    height: auto;
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .input-sign {
    margin-bottom: 15px;
  }

  .input-sign.coordinats {
    margin-bottom: 5px;
  }

  .div-block-92 {
    margin-bottom: 20px;
  }

  .header-home-2 {
    line-height: 36px;
  }

  .header-text-2 {
    margin-top: 30px;
  }

  .button-get-started-2.signup {
    width: 100%;
  }

  .div-block-90 {
    margin-bottom: 5px;
  }

  .paragraph-main {
    width: 100%;
  }

  .paragraph-main.navii {
    flex-direction: column;
    margin-top: 25px;
    padding-bottom: 25px;
  }

  .paragraph-main.zwei.white {
    width: 100%;
    margin-top: 800px;
  }

  .paragraph-main.zwei.white.datapoints {
    width: 100%;
  }

  .paragraph-main.farmerscycle.text {
    margin-bottom: 49px;
  }

  .paragraph-main.farmerscycle.numberr {
    color: #00000080;
    letter-spacing: 1px;
    margin-top: 35px;
    font-family: Maisonneue, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
  }

  .container-div {
    max-width: none;
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-div.nav {
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-div.firstpage {
    padding-left: 25px;
    padding-right: 25px;
  }

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

  .container-div.cycle {
    display: none;
  }

  .container-div.obere {
    display: block;
  }

  .container-div.solution {
    padding-left: 0;
    padding-right: 0;
  }

  .container-div.solution.contacts-section {
    padding-top: 0;
  }

  .container-div.unten {
    max-width: 100vw;
    left: 0;
    right: 0;
  }

  .header-main.white {
    position: static;
  }

  .header-main.white.data {
    text-align: left;
    margin-top: 150px;
  }

  .header-main.viciouscyclemobile {
    color: #202631;
  }

  .navigation {
    padding: 25px 30px;
  }

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

  .button-text-style-2.main.mobile {
    display: none;
  }

  .navigation-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .scrolldown {
    max-width: 780px;
    padding-left: 59px;
  }

  .section-1-main {
    width: 100vw;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-1-main.header {
    max-width: none;
  }

  .div-block-112.firstpage {
    grid-template-columns: .75fr .75fr;
  }

  .div113.firstpage {
    grid-template-columns: 3.5fr 1fr;
  }

  .div-block-150.eins {
    background-position: 20%;
  }

  .div-block-150.zwei {
    background-position: 50%;
  }

  .dynamic-number__inner-wrap {
    height: 16vh;
  }

  .dynamic-number__inner-wrap.dynamic-number__track {
    height: 20vh;
  }

  .section-sticky {
    overflow: visible;
  }

  .section-20 {
    display: block;
  }

  .dynamic-text__wrap {
    height: 4vh;
  }

  .div-block-128 {
    width: 17px;
  }

  .wrap {
    width: 645px;
  }

  .wrap._w-custom.w60-60 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .dynamic-section__wrap {
    top: -57px;
    left: -3px;
  }

  .dynamic-text {
    font-size: 24px;
    line-height: 4vh;
  }

  .smallmaison.vicious.white {
    font-size: 14px;
    line-height: 20px;
  }

  .dynamic-number__wrap {
    height: 4vh;
    margin-bottom: 6px;
  }

  .div-block-158 {
    background-position: 50%;
  }

  .section-22 {
    max-width: 100vw;
  }

  .sources-feature {
    width: 100%;
    max-width: none;
  }

  .section-23 {
    max-width: 100vw;
  }

  .container-of-rotator {
    margin-top: 133px;
    padding-left: 49px;
  }

  .section-21 {
    padding-top: 0;
  }

  .div-block-126 {
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-123 {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 150px;
    display: flex;
  }

  .supplychain {
    text-align: left;
    max-width: none;
  }

  .feature-column {
    min-width: 0;
  }

  .feature-column.below {
    padding-right: 10px;
  }

  .div-block-135 {
    width: 100%;
    height: 100%;
    padding-right: 0;
  }

  .div-block-155 {
    display: none;
  }

  .feature-paragraph.above {
    font-size: 14px;
  }

  .feature-paragraph.below {
    margin-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-130 {
    text-align: left;
    align-items: center;
    display: block;
  }

  .svganimation {
    height: 200px;
  }

  .feature-category {
    font-size: 12px;
    line-height: 15px;
  }

  .rotate-container {
    width: 226px;
  }

  .div-block-124 {
    height: 100px;
    position: static;
  }

  .feature-row {
    max-width: none;
  }

  .div-block-154 {
    width: auto;
  }

  .div-block-156 {
    text-align: left;
  }

  .div-block-132 {
    text-align: left;
    flex-direction: column;
    display: flex;
  }

  .div-block-133 {
    text-align: left;
  }

  .diesen {
    background-position: 70%;
    margin-left: -25px;
    padding-left: 0;
  }

  .diesen.zwei.zweii {
    margin-right: -25px;
  }

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

  .firstpage {
    max-width: 780px;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown {
    align-items: center;
    display: block;
  }

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

  .image-41 {
    margin-left: 5px;
    display: inline-block;
  }

  .login-container {
    padding-top: 7%;
  }

  .login-head {
    margin-bottom: 4%;
  }

  .logo-link-2.w--current {
    flex: 1;
  }

  .top-nav {
    justify-content: space-between;
    place-items: center stretch;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .page-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .div-block-182 {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    position: fixed;
  }

  .languageselector {
    display: none;
  }

  .div-block-190 {
    padding-left: 40px;
    padding-right: 25px;
  }

  .div-block-191 {
    left: 140px;
  }

  .heading-section-1.marketplace.andere {
    width: auto;
    max-width: 980px;
    height: auto;
    min-height: 350px;
    max-height: 500px;
    padding-left: 46px;
    padding-right: 46px;
  }

  .header-text-3 {
    margin-top: 30px;
  }

  .section-8.andere {
    width: auto;
    max-width: none;
    height: auto;
    min-height: 350px;
    max-height: 500px;
    margin-top: 130px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-44 {
    width: auto;
    max-width: none;
  }

  .div-block-43 {
    width: auto;
    max-width: 880px;
  }
}

@media screen and (max-width: 767px) {
  .div-10 {
    grid-template-columns: .4fr 1fr;
  }

  .logo-link {
    padding-left: 0;
  }

  .div-block-94, .div-block-103 {
    margin-right: 0;
  }

  .link-block-4 {
    margin-left: 15px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 0;
  }

  .logo-image {
    display: none;
  }

  .logomobile {
    display: block;
  }

  .logomobile.home {
    display: none;
  }

  .logomobile.farmer {
    padding-left: 0;
  }

  .image-4 {
    margin-top: 40px;
    display: block;
  }

  .image-4.farmer {
    margin-top: 94px;
  }

  .div-block-13 {
    margin-top: 0;
    margin-bottom: 71px;
    padding-top: 43px;
  }

  .div-block-13.farmer {
    margin-top: 0;
    padding-top: 43px;
  }

  .div-block-14 {
    margin-top: 46px;
  }

  .div-block-12 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .header-text {
    margin-top: 30px;
  }

  .header-text.value-prop {
    margin-top: 11px;
  }

  .header-home._2 {
    width: 75%;
  }

  .header-home.products._1.neuee {
    font-family: Avenirltstd, sans-serif;
  }

  .div-block-81 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-83 {
    margin-top: 27px;
  }

  .section-2 {
    flex-direction: column;
    margin-top: 52px;
  }

  .heading-6.home {
    margin-top: 0;
  }

  .heading-6.products {
    font-family: Avenirltstd, sans-serif;
    font-weight: 500;
  }

  .div-block-76.farmer {
    background-position: 50%;
  }

  .div-block-75 {
    padding-top: 50px;
  }

  .paragraph-10.buttonmehr.home {
    margin-bottom: 30px;
  }

  .div-block-78, .div-block-80 {
    margin-top: 50px;
  }

  .div-block-79 {
    margin-top: 0;
    margin-left: 30px;
    padding-top: 50px;
  }

  .div-block-74 {
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .section-12 {
    margin-bottom: -20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-77 {
    margin-top: 0;
    margin-left: 30px;
    padding-top: 50px;
  }

  .paragraph-5.versprechen.home {
    display: block;
  }

  .paragraph-5.versprechen.home.founders1 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .paragraph-5.versprechen.home.founder2 {
    padding-top: 0;
  }

  .paragraph-5.versprechen.home.founder2.fndr {
    padding-top: 15px;
  }

  .div-block-60 {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-61 {
    width: 80%;
  }

  .div-block-62 {
    width: 100%;
    margin-top: 23px;
    padding-left: 0;
  }

  .section-11 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .div-block-63 {
    left: 166px;
  }

  .footer-section {
    max-width: 100%;
  }

  .footer-link-2 {
    margin-left: 18px;
  }

  .link-block-5 {
    display: none;
  }

  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.header.grid {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid._2 {
    height: auto;
  }

  .collection-list-wrapper {
    width: auto;
    max-width: 550px;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .dynamic-item {
    padding-bottom: 5px;
  }

  .go-back {
    align-items: center;
  }

  .div-block-86 {
    grid-template-rows: auto;
  }

  .card {
    grid-column-gap: 22px;
    grid-row-gap: 0px;
    grid-template-columns: .5fr .75fr;
    height: auto;
    padding-bottom: 10px;
  }

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

  .header-home-2 {
    line-height: 52px;
  }

  .header-home-2._2 {
    width: 75%;
  }

  .header-text-2 {
    margin-top: 45px;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .itemm, .itemm.drei, .itemm.zwei, .itemm.eins {
    font-size: 12px;
  }

  .paragraph-main {
    width: 100%;
  }

  .paragraph-main.imggg, .paragraph-main.zwei.imggg {
    color: #fff;
  }

  .paragraph-main.zwei.white {
    margin-top: 0;
  }

  .paragraph-main.zwei.white.datapoints {
    width: auto;
  }

  .paragraph-main.farmerscycle.numberr {
    padding-bottom: 5px;
  }

  .paragraph-main.value {
    padding-bottom: 50px;
  }

  .container-div.solutionn {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .container-div.unten {
    padding-left: 50px;
    left: auto;
    right: auto;
  }

  .container-div.value, .container-div.value.adds {
    height: auto;
    position: static;
  }

  .header-main, .header-main.order.black {
    padding-bottom: 0;
  }

  .header-main.white.oben.zzz {
    margin-bottom: 25px;
    padding-bottom: 0;
  }

  .header-main.white.solution {
    padding-bottom: 55px;
  }

  .header-main.white.data {
    margin-top: 150px;
    padding-bottom: 0;
  }

  .header-main.viciouscyclemobile {
    margin-bottom: 75px;
  }

  .header-main.sticky {
    margin-bottom: 0;
    padding-bottom: 25px;
  }

  .navigation {
    padding: 20px 30px;
  }

  .button-text-style-2.main.mobile {
    display: none;
  }

  .navigation-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-1-main {
    width: auto;
  }

  .div-block-112.firstpage {
    flex-direction: column;
    grid-template-columns: .25fr 5fr;
    display: flex;
  }

  .typed0 {
    font-size: 120px;
    line-height: 100px;
  }

  .div113.firstpage {
    flex-direction: column;
    grid-template-columns: 3.25fr 1fr;
    width: auto;
    padding-top: 35px;
    display: flex;
  }

  .imagesfarmer {
    display: none;
  }

  .imagesfarmer.zwei.drei {
    padding-bottom: 200px;
  }

  .div-block-115 {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .percentage {
    margin-bottom: 25px;
  }

  .div118 {
    margin-bottom: 50px;
  }

  .div-block-117 {
    flex-direction: column;
    display: flex;
  }

  .div-block-149 {
    display: flex;
  }

  .div-block-150.eins, .div-block-150.zwei {
    width: 100%;
  }

  .newspaper-overlay {
    background-color: #00000080;
  }

  .section17 {
    max-width: 100vw;
  }

  .div119.zwei {
    margin-bottom: 25px;
  }

  .step-block__text-description.text-description-1, .step-block__text-description.text-description-4, .step-block__text-description.text-description-2, .step-block__text-description.text-description-3 {
    font-size: 12px;
  }

  .wrap {
    flex: 0 auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrap._w-custom.w60-60 {
    padding: 50px 20px 30px;
  }

  .dynamic-section__wrap {
    display: none;
  }

  .dynamic-text {
    font-size: 22px;
  }

  .inner-fw__text-block {
    font-size: 20px;
    line-height: 28px;
  }

  .step-block__text-title.text-title_3, .step-block__text-title.text-title_2, .step-block__text-title.text-title_1, .step-block__text-title.text-title_4 {
    font-size: 18px;
  }

  .wrap-block__inner-fw.inner-fw__bottom {
    margin-top: 20px;
  }

  .div-block-158 {
    height: 80vh;
  }

  .solutionlarge {
    padding-bottom: 55px;
    font-size: 50px;
    line-height: 67px;
  }

  .solutionlarge.break {
    width: auto;
    max-width: 500px;
  }

  .solutionlarge.value.firstrow {
    margin-top: 0;
  }

  .customer-image {
    background-color: #9dc0ff00;
    background-image: none;
    border: 2px dashed #6d6d6d;
    width: 100%;
    height: 150px;
  }

  .sources-feature {
    justify-content: space-around;
  }

  .section-23 {
    margin-left: auto;
    margin-right: auto;
  }

  .container-of-rotator {
    display: block;
  }

  .customers-diagram {
    margin-top: 75px;
  }

  .div-block-126 {
    flex-direction: column;
    display: flex;
  }

  .div-block-123 {
    align-items: center;
    margin-top: 100px;
  }

  .div-block-155 {
    display: none;
  }

  .svganimation {
    height: 200px;
    display: none;
  }

  .feature-row {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-154 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-156 {
    justify-content: center;
    display: flex;
  }

  .solutionnav {
    display: none;
  }

  .header-small {
    padding-bottom: 5px;
  }

  .diesen {
    width: 100%;
    height: 50vh;
    margin-left: 0;
    position: static;
  }

  .valueadds {
    padding-bottom: 50px;
  }

  .valueadds.sec {
    padding-top: 50px;
  }

  .valueadds.drei {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .div-block-142 {
    width: auto;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block-140 {
    flex-direction: column-reverse;
    display: flex;
  }

  .div-block-140.first {
    flex-direction: column;
    display: flex;
  }

  .valueadds-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .valueadds-3 {
    padding-top: 0;
  }

  .valueadds-buffer {
    padding-top: 100px;
    display: none;
  }

  .text-field-2 {
    margin-bottom: 20px;
  }

  .section-25.join {
    margin-top: 0;
  }

  .div-block-147 {
    flex-direction: column;
    width: 100%;
  }

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

  .firstpage {
    width: auto;
  }

  .bold-text-4.untere {
    margin-top: 100px;
    margin-bottom: 80px;
  }

  .div-block-170, .div-block-171, .div-block-172, .div-block-173, .firstpageimage {
    display: none;
  }

  .div-block-179 {
    margin-top: 55px;
  }

  .signup-nav-step {
    width: 70px;
    font-size: 12px;
  }

  .login-page-wrapper {
    padding-top: 0;
  }

  .nav-step {
    width: 24px;
    height: 24px;
  }

  .signup-field {
    height: 50px;
  }

  .button-wrapper {
    width: auto;
  }

  .logo-link-2 {
    margin-right: auto;
    padding-left: 0;
  }

  .button {
    margin-top: 15px;
  }

  .button.line-button {
    padding: 5px 14px 3px;
    font-size: 14px;
    position: absolute;
    inset: 1em 1em auto auto;
  }

  .login-button {
    margin-top: 15px;
  }

  .top-nav {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .fake-logo {
    width: 26px;
    height: 26px;
    padding-left: 8px;
  }

  .signup-label {
    margin-bottom: 2px;
  }

  .dot {
    width: 10px;
    height: 10px;
  }

  .field-wrapper.first-name-wrapper {
    margin-right: 5%;
  }

  .signup-navigation-wrap {
    display: none;
  }

  .logo-text {
    font-size: 14px;
  }

  .top-nav-2 {
    flex-direction: column;
  }

  .form-block {
    margin-top: 110px;
  }

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

  .div-block-183 {
    width: 220px;
  }

  .div-block-189 {
    flex-direction: column;
  }

  .div-block-190 {
    width: 75%;
    margin-bottom: 0;
    padding-top: 45px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-45 {
    padding-top: 0;
  }

  .div-block-191 {
    left: 176px;
  }

  .div-block-192 {
    width: 75%;
  }

  .text-span-4 {
    margin-bottom: 0;
    display: block;
  }

  .header-text-3 {
    margin-top: 25px;
  }

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

  .section-8.andere {
    margin-top: 0;
  }

  .stripe.unten.eins {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-43 {
    grid-column-gap: 15px;
    max-width: 500px;
  }
}

@media screen and (max-width: 479px) {
  .div-10 {
    grid-template-columns: .65fr 1fr;
    align-items: center;
  }

  .div-10.main.main-orb {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .link-block-2 {
    margin-right: 10px;
  }

  .link-block-2._2 {
    display: block;
  }

  .link-block-2._2.mobile {
    height: auto;
  }

  .navitems.with-shadow {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-93 {
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
  }

  .div-block-103 {
    margin-right: 0;
    display: none;
    overflow: visible;
  }

  .div-block-11 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .link-block-4 {
    margin-left: 10px;
    display: block;
  }

  .logo-image {
    display: none;
  }

  .logomobile {
    padding-left: 0;
    display: block;
  }

  .div-block-104 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-4 {
    margin-top: 1px;
  }

  .image-4.retail {
    margin-top: 0;
  }

  .div-block-13 {
    margin-top: 25px;
    padding-top: 0;
  }

  .div-block-14 {
    margin-top: 25px;
  }

  .div-block-12 {
    flex-direction: column-reverse;
    display: flex;
  }

  .header-text {
    width: 100%;
    margin-top: 25px;
  }

  .header-text.price {
    text-align: center;
    margin-top: -7px;
  }

  .button-get-started {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .button-get-started.faq {
    justify-content: center;
    margin-top: 10px;
    margin-left: 0;
    display: flex;
  }

  .button-get-started.faq.farmer2._2 {
    margin-left: 0;
  }

  .button-get-started.faq.farmer2 {
    align-items: center;
    height: 60px;
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-get-started.signup {
    margin-top: 24px;
  }

  .button-get-started.farmer.farmer2.farmers {
    align-items: center;
    height: 60px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .above-fold {
    margin-right: 0;
    padding-right: 15px;
  }

  .header-home._2 {
    margin-top: 10px;
    line-height: 39px;
  }

  .header-home.header-section.founders {
    line-height: 38px;
  }

  .image-23.get-stared {
    opacity: .65;
    margin-left: 3px;
  }

  .section-2 {
    max-width: 100%;
  }

  .heading-6.home {
    line-height: 30px;
  }

  .heading-6.home.white {
    margin-bottom: 20px;
  }

  .heading-6.home {
    width: 100%;
    line-height: 30px;
  }

  .heading-6.products {
    margin-top: 16px;
  }

  .div-block-75, .div-block-79 {
    margin-left: 0;
    padding-right: 0;
  }

  .section-12 {
    max-width: 100%;
  }

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

  .paragraph-5 {
    padding-right: 10px;
  }

  .paragraph-5.versprechen.home {
    padding-right: 0;
  }

  .div-block-61 {
    width: 100%;
    padding-right: 0;
  }

  .section-11 {
    max-width: 100%;
  }

  .image-14 {
    padding-top: 35px;
  }

  .div-block-63 {
    left: 75px;
  }

  .social-icon {
    margin-left: 25px;
    margin-right: 25px;
  }

  .footer-image {
    width: 85px;
    margin-bottom: 40px;
    margin-left: 0;
    padding-top: 50px;
  }

  .footer-link-wrapper {
    text-align: center;
    align-items: center;
    margin-bottom: 44px;
  }

  .footer-section {
    z-index: 6;
    background-position: 100% 0;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
    justify-content: center;
    max-width: none;
    min-height: 300px;
  }

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

  .footer-link-2 {
    margin-bottom: 8px;
    margin-left: 0;
  }

  .footer-copywrite {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
    line-height: 32px;
    display: flex;
  }

  .link-block-5 {
    z-index: 11;
    background-color: #4896f0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    text-decoration: none;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .text-block-29 {
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
  }

  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .grid._2 {
    height: auto;
  }

  .collection-list-wrapper {
    min-width: 280px;
  }

  .status-message.cc-no-data {
    width: 100%;
  }

  .dynamic-item {
    justify-content: flex-start;
    padding: 25px 30px 10px;
  }

  .go-back {
    align-items: center;
    display: block;
  }

  .go-back.login {
    flex-direction: row;
  }

  .div-block-89 {
    width: 100%;
    min-width: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .form {
    width: 100%;
  }

  .section-13 {
    height: auto;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-86 {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .signup-form {
    display: flex;
  }

  .input-sign {
    font-family: Avenirltstd, sans-serif;
    font-size: 13px;
    font-weight: 500;
  }

  .input-sign.coordinats {
    margin-bottom: 7px;
  }

  .link-block {
    color: var(--accent);
    margin-top: 50px;
    margin-bottom: 0;
  }

  .text-block-31 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 6px;
  }

  .card {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    width: auto;
  }

  .div-block-105 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-106 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 25%;
    padding-right: 25%;
    display: flex;
  }

  .image-20 {
    text-align: center;
    min-width: auto;
  }

  .header-home-2 {
    font-size: 36px;
    line-height: 42px;
  }

  .header-home-2._2 {
    width: 100%;
    margin-top: 0;
    line-height: 35px;
  }

  .header-home-2.header-section.founders {
    line-height: 38px;
  }

  .button-text-2 {
    align-items: center;
    display: flex;
  }

  .footer-row-2 {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .header-text-2 {
    width: 100%;
  }

  .header-center-box._75 {
    width: 90%;
  }

  .section-faq {
    padding: 100px 15px;
  }

  .button-get-started-2 {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .button-get-started-2.signup {
    margin-top: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .itemm {
    font-size: 6px;
    line-height: 22px;
  }

  .itemm.drei, .itemm.zwei, .itemm.eins {
    font-size: 6px;
  }

  .paragraph-main {
    width: 100%;
    padding-top: 15px;
  }

  .paragraph-main.navii {
    margin-top: 25px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .paragraph-main.imggg {
    color: #fff;
  }

  .paragraph-main.zwei.white {
    margin-right: 0;
  }

  .paragraph-main.zwei.white.datapoints {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: 0;
    padding-top: 0;
  }

  .paragraph-main.farmerscycle.text {
    padding-top: 5px;
  }

  .paragraph-main.farmerscycle.numberr {
    color: #0000008c;
    font-size: 20px;
    font-weight: 500;
  }

  .paragraph-main.white.orbretailers {
    width: 100%;
  }

  .paragraph-main.value {
    padding-top: 0;
    padding-bottom: 65px;
  }

  .container-div {
    width: 100%;
    min-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-div.nav {
    width: 90%;
    min-width: 100%;
    padding-top: 0;
    font-size: 12px;
  }

  .container-div.firstpage {
    width: auto;
    min-width: 0%;
    height: 100vh;
    padding-top: 150px;
  }

  .container-div.oben {
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-div.solutionn {
    padding-top: 25px;
    padding-bottom: 0;
  }

  .container-div.solution.contacts-section {
    width: auto;
    min-width: 0;
    margin-bottom: 0;
  }

  .container-div.unten {
    max-width: none;
    padding-left: 25px;
    position: static;
  }

  .container-div.value {
    width: auto;
    min-width: 0%;
  }

  .container-div.bild {
    padding-left: 25px;
    padding-right: 25px;
  }

  .header-main.navv {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
    line-height: 38px;
  }

  .header-main.order.black {
    font-size: 36px;
  }

  .header-main.white {
    margin-top: 100px;
  }

  .header-main.white.oben.zzz {
    margin-top: 0;
    font-size: 36px;
    line-height: 46px;
  }

  .header-main.white.data {
    margin-top: 150px;
    padding-right: 0;
  }

  .header-main.white.newsletter {
    padding-top: 0;
  }

  .header-main.retailerapp {
    color: var(--white);
  }

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

  .div110 {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .button-text-style-2.main.mmain {
    display: none;
  }

  .button-text-style-2.main.mobile {
    display: block;
  }

  .navigation-home {
    padding-top: 10px;
    inset: 0% 0% auto;
  }

  .section-2-main {
    padding-left: 0;
    padding-right: 0;
  }

  .scrolldown {
    min-width: 100vw;
    padding-top: 0;
    display: none;
    inset: auto 0% 10%;
  }

  .section-1-main {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    width: 100%;
  }

  .div-block-112.firstpage {
    grid-template-columns: 4.5fr .25fr;
    align-items: flex-start;
  }

  .typed0 {
    font-size: 60px;
    line-height: 55px;
  }

  .div113.firstpage {
    flex-direction: column;
    grid-template-columns: 4.25fr .25fr;
    width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .typed2 {
    margin-top: 20px;
  }

  .imagesfarmer {
    grid-column-gap: 40px;
    grid-row-gap: 25px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: none;
  }

  .order-of-the-orb {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-115 {
    flex-direction: column;
    display: flex;
  }

  .percentage {
    margin-bottom: 0;
    font-size: 50px;
  }

  .section17 {
    max-width: 100%;
  }

  .div119 {
    width: 100%;
  }

  .step-block__text-description.text-description-1 {
    padding-right: 5px;
    font-size: 12px;
    line-height: 18px;
  }

  .step-block__text-description.text-description-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .step-block__text-description.text-description-2, .step-block__text-description.text-description-3 {
    padding-right: 5px;
    font-size: 12px;
    line-height: 18px;
  }

  .wrap._w-custom.w60-60 {
    padding: 30px 16px 60px;
  }

  .dynamic-section__wrap {
    display: none;
  }

  .dynamic-text {
    font-size: 22px;
  }

  .smallmaison.vicious.white {
    text-align: center;
    margin-top: 8px;
  }

  .step-block__text-title.text-title_3, .step-block__text-title.text-title_2, .step-block__text-title.text-title_1, .step-block__text-title.text-title_4 {
    font-size: 16px;
  }

  .wrap-block__inner-fw.inner-fw__bottom {
    margin-top: 0;
  }

  .div-block-158 {
    background-position: 50%;
  }

  .solutionlarge {
    padding-bottom: 35px;
    font-size: 36px;
    line-height: 46px;
  }

  .solutionlarge.break {
    width: auto;
    max-width: 500px;
    font-size: 36px;
    line-height: 46px;
  }

  .solutionlarge.value.eins.secondrow {
    padding-bottom: 55px;
  }

  .solutionlarge.value.firstrow {
    margin-left: 0;
    margin-right: 0;
  }

  .solutionlarge.value.secondrow {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 55px;
  }

  .section-22 {
    max-width: 100%;
  }

  .customer-image {
    border-style: dotted;
    height: 120px;
  }

  .section-23 {
    max-width: 100%;
  }

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

  .container-of-rotator {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
  }

  .div-block-126 {
    align-items: flex-start;
    max-width: none;
  }

  .feature-column {
    flex-direction: column;
  }

  .feature-column.below {
    align-items: stretch;
    padding-left: 10px;
  }

  .image-30 {
    display: none;
  }

  .div-block-136 {
    max-width: 100%;
  }

  .div-block-134 {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .div-block-135 {
    flex-direction: column;
    margin-bottom: 10px;
    padding: 10px 10px 14px;
  }

  .feature-paragraph.above {
    padding-top: 10px;
  }

  .feature-paragraph.below {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    display: block;
    position: relative;
  }

  .div-block-129 {
    width: 100%;
    display: block;
  }

  .div-block-124 {
    height: auto;
  }

  .image-31 {
    padding-left: 12px;
  }

  .feature-row {
    place-items: stretch stretch;
  }

  .div-block-154 {
    max-width: 100%;
  }

  .div-block-138 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .feature-image.zwei {
    border-radius: 9999px;
    width: 35px;
    height: 35px;
  }

  .feature-image.drei {
    border-radius: 999px;
    width: 35px;
    height: 35px;
  }

  .feature-image.eins {
    border-radius: 999999px;
    width: 35px;
    height: 35px;
  }

  .imgretail {
    margin-bottom: 50px;
  }

  .diesen {
    margin-bottom: 25px;
  }

  .diesen.zwei.zweii {
    margin-left: auto;
    margin-right: auto;
  }

  .valueadds {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .valueadds.sec, .valueadds.drei {
    padding-top: 0;
  }

  .section-25.join {
    height: auto;
  }

  .div-block-159 {
    background-color: #b8b8b8;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .utility-page-wrap {
    width: auto;
  }

  .text-block-43 {
    color: #999;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenirltstd, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
  }

  .div-block-160 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 2.75fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    margin-bottom: 25px;
    padding-left: 15px;
    display: grid;
  }

  .div-block-161 {
    border: 0 solid #000;
    border-radius: 8px;
    padding: 10px;
  }

  .text-block-48 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 6px;
  }

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

  .firstpage {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .heading8 {
    width: 100%;
    font-size: 36px;
    line-height: 46px;
  }

  .bold-text-4 {
    font-size: 36px;
    line-height: 46px;
  }

  .bold-text-4.untere {
    margin-bottom: 80px;
    font-size: 36px;
    line-height: 46px;
  }

  .div-block-170, .div-block-171, .div-block-172, .div-block-173, .dropdown, .text-block-54, .dropdown-toggle, .image-41 {
    display: none;
  }

  .firstpageimage {
    margin-top: 32px;
    margin-bottom: 10px;
    display: block;
  }

  .farmer-login-link {
    margin-right: 20px;
  }

  .farmer-get-strted-link {
    display: none;
  }

  .div-block-179 {
    margin-top: 85px;
  }

  .div-block-180 {
    margin-left: 10px;
    padding-right: 0;
  }

  .dropdown-list-2.w--open {
    left: -40px;
  }

  .login-container {
    min-width: 0;
  }

  .login-head {
    font-size: 22px;
  }

  .button-wrapper {
    width: auto;
  }

  .logo-link-2 {
    width: auto;
    margin-bottom: 12px;
    margin-right: auto;
  }

  .top-nav {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center stretch;
    width: 100%;
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
  }

  .link-block-8 {
    color: #4896f0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .top-nav-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
    padding-right: 0;
  }

  .form-block {
    margin-top: 31px;
  }

  .div-block-182 {
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
  }

  .div-block-183 {
    width: 100px;
  }

  .languageselector {
    width: 100%;
    height: 100%;
    display: none;
  }

  .div-block-190 {
    width: 100%;
    padding-top: 25px;
  }

  .div-block-191 {
    left: 88px;
  }

  .heading-section-1.marketplace.andere {
    padding-top: 50px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 36px;
    line-height: 45px;
  }

  .div-block-192 {
    width: 100%;
    padding-right: 0;
  }

  .bold-text-5 {
    display: block;
  }

  .header-text-3 {
    width: 100%;
    margin-top: 25px;
  }

  .header-text-3.call {
    margin-top: 15px;
  }

  .button-text-3 {
    align-items: center;
    margin-left: 18px;
    font-size: 13px;
    display: flex;
  }

  .stripe2 {
    margin-top: 25px;
  }

  .section-8.andere {
    margin-top: 37px;
    margin-bottom: 227px;
  }

  .stripe.unten.eins {
    margin-top: 17px;
  }

  .div-block-43 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .dropdown-list-4.w--open {
    left: -40px;
  }
}

#w-node-a6c20a15-47c9-e8ef-442e-5682fe70bfc7-ae4c970f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27018252-c3af-3195-1504-3eabc7227d4d-ae4c970f {
  place-self: center end;
}

#w-node-_8179bd53-769d-4c7d-4533-e54bc78b4db7-ae4c970f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a993e257-502a-6707-a241-2bdec37b7628-ae4c970f, #w-node-_87d1cd5f-62fc-f71c-a7e8-82153ae2b7f4-ae4c970f {
  align-self: center;
}

#w-node-b81012db-7595-17c2-756b-d2c8639da80a-ae4c970f {
  align-self: start;
}

#w-node-b81012db-7595-17c2-756b-d2c8639da80e-ae4c970f {
  place-self: start end;
}

#w-node-c0614c1e-0ffa-abaf-0049-de728ae95327-ae4c970f {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: start;
}

#w-node-c0614c1e-0ffa-abaf-0049-de728ae9536a-ae4c970f {
  align-self: auto;
}

#w-node-c0614c1e-0ffa-abaf-0049-de728ae95371-ae4c970f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bfe10064-bbe1-48f9-cf6c-bb9a90cbf26c-ae4c970f {
  justify-self: end;
}

#w-node-f09341ca-497d-51a3-2741-17c615228133-1522812f {
  place-self: center start;
}

#w-node-f09341ca-497d-51a3-2741-17c615228136-1522812f {
  place-self: center end;
}

#w-node-_0a4f9308-39d0-a0f5-83fb-e30a4e13f7db-987d5e3e {
  justify-self: start;
}

#w-node-_1dc58db5-caca-5590-64af-ea1972f69c45-987d5e3e {
  place-self: center;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482afb-987d5e3e {
  align-self: center;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b00-987d5e3e {
  grid-area: Area;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b04-987d5e3e {
  align-self: center;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b09-987d5e3e {
  grid-area: Area;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b0d-987d5e3e {
  align-self: center;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b12-987d5e3e {
  grid-area: Area;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec129b-987d5e3e {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-987d5e3e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-987d5e3e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12ac-987d5e3e {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12ad-987d5e3e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-987d5e3e {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-b2f88de4-8eff-e126-4db3-8f8a488b633d-488b6339 {
  place-self: center start;
}

#w-node-b2f88de4-8eff-e126-4db3-8f8a488b6340-488b6339 {
  place-self: center end;
}

#w-node-_2fe95fe4-8b30-4c9c-6339-560ccdd44c5a-38e9764e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a4f9308-39d0-a0f5-83fb-e30a4e13f7db-c98fc624 {
  justify-self: start;
}

#w-node-_0a4f9308-39d0-a0f5-83fb-e30a4e13f7eb-c98fc624, #w-node-_6ebdbd6a-730a-76da-5616-17513f482afb-c98fc624 {
  align-self: center;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b00-c98fc624 {
  grid-area: Area;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b04-c98fc624 {
  align-self: center;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b09-c98fc624 {
  grid-area: Area;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b0d-c98fc624 {
  align-self: center;
}

#w-node-_6ebdbd6a-730a-76da-5616-17513f482b12-c98fc624 {
  grid-area: Area;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec129b-c98fc624 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-c98fc624 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-c98fc624 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12ac-c98fc624 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12ad-c98fc624 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-c98fc624 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-da94f49c-de1a-2646-0a86-1733d036815d-d0368159 {
  place-self: center start;
}

#w-node-da94f49c-de1a-2646-0a86-1733d0368160-d0368159 {
  place-self: center end;
}

#w-node-_39f0bf33-4062-0815-51fd-aceedc4d31ec-dc4d31e8 {
  place-self: center start;
}

#w-node-_39f0bf33-4062-0815-51fd-aceedc4d31ef-dc4d31e8 {
  place-self: center end;
}

#w-node-_9b64649d-6501-3a10-9b95-ede196de55fa-cf3a1f42 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-f09341ca-497d-51a3-2741-17c615228136-1522812f {
    place-self: center end;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129b-987d5e3e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-987d5e3e {
    grid-area: 1 / 2 / 2 / 3;
    align-self: start;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-987d5e3e {
    grid-area: 2 / 1 / 3 / 2;
    align-self: center;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ac-987d5e3e {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ad-987d5e3e {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-987d5e3e {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-b2f88de4-8eff-e126-4db3-8f8a488b6340-488b6339 {
    place-self: center end;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129b-c98fc624 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-c98fc624 {
    grid-area: 1 / 2 / 2 / 3;
    align-self: start;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-c98fc624 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: center;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ac-c98fc624 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ad-c98fc624 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-c98fc624 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-da94f49c-de1a-2646-0a86-1733d0368160-d0368159, #w-node-_39f0bf33-4062-0815-51fd-aceedc4d31ef-dc4d31e8 {
    place-self: center end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-987d5e3e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-987d5e3e {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ac-987d5e3e {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ad-987d5e3e {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-987d5e3e {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_0a4f9308-39d0-a0f5-83fb-e30a4e13f7eb-c98fc624 {
    align-self: start;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-c98fc624 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-c98fc624 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ac-c98fc624 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ad-c98fc624 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-c98fc624 {
    grid-area: 6 / 1 / 7 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c0614c1e-0ffa-abaf-0049-de728ae95359-ae4c970f {
    place-self: stretch stretch;
  }

  #w-node-c0614c1e-0ffa-abaf-0049-de728ae9535d-ae4c970f {
    justify-self: stretch;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-987d5e3e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-987d5e3e {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-987d5e3e {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec129c-c98fc624 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12a4-c98fc624 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_3af906a5-6e1e-b75c-083d-197498ec12ae-c98fc624 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_9b64649d-6501-3a10-9b95-ede196de55fa-cf3a1f42 {
    justify-self: end;
  }
}


@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sans mono';
  src: url('../fonts/sans-mono.woff2') format('woff2'), url('../fonts/sans-mono.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fgroteskdemi';
  src: url('../fonts/FGroteskDemi-Regular.woff2') format('woff2'), url('../fonts/FGroteskDemi-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'FGrotesk';
  src: url('../fonts/FGroteskThin-Regular.woff2') format('woff2'), url('../fonts/FGroteskThin-Regular.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-Bold.woff2') format('woff2'), url('../fonts/Syne-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gtsectrafine book';
  src: url('../fonts/GTSectraFine-Book.woff2') format('woff2'), url('../fonts/GTSectraFine-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Maisonneue';
  src: url('../fonts/MaisonNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Maisonneue';
  src: url('../fonts/MaisonNeue-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Maisonneue book';
  src: url('../fonts/MaisonNeue-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Maisonneue demi';
  src: url('../fonts/MaisonNeue-Demi.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Maisonneue';
  src: url('../fonts/MaisonNeue-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-BookOblique.otf') format('opentype'), url('../fonts/AvenirLTStd-Oblique.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-HeavyOblique.otf') format('opentype'), url('../fonts/AvenirLTStd-BlackOblique.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-Black.otf') format('opentype'), url('../fonts/AvenirLTStd-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-LightOblique.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-MediumOblique.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-Roman.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}