:root {
  --body-background: whitesmoke;
  --body-text: #264653;
  --headings: #264653;
  --link-color: #030303;
  --link-hover-color: #3f95ff;
  --borders: #ccd2d4;
  --button-color: #0e5967;
  --button-hover: white;
  --brand-color: #0e5967;
  --placeholder-color: #757575;
  --button-text: white;
  --button-text-hover: #0e5967;
  --button-secondary: rgba(63, 149, 255, 0);
  --btn-secondary-hover: #0e5967;
  --btn-secondary-text: #0e5967;
  --btn-secondary-text-hover: white;
  --input-background-color: white;
  --background-1: whitesmoke;
  --background-2: #d1dadf;
  --background-3: #0e5967;
  --background-4: white;
  --text-1: #030303;
  --text-2: #4a5568;
  --text-3: #a0aec0;
  --text-4: white;
  --nav-link: #030303;
  --nav-link-hover: #4195ff;
  --conversion-flow-library-sandy-brown: #ffa84b;
  --elements-webflow-library-neutral--300: #eff0f6;
  --elements-webflow-library-neutral--100: white;
  --elements-webflow-library-neutral--800: #211f54;
  --elements-webflow-library-accent--primary-1: #4a3aff;
  --elements-webflow-library-secondary--color-2: #f2f1ff;
  --elements-webflow-library-neutral--500: #a0a3bd;
  --elements-webflow-library-secondary--color-1: #281ca5;
  --elements-webflow-library-general--shadow-02: rgba(20, 20, 43, .08);
  --elements-webflow-library-neutral--600: #6e7191;
  --elements-webflow-library-general--shadow-03: rgba(20, 20, 43, .1);
  --conversion-flow-library-light-coral: #ff5e69;
}

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

body {
  background-color: var(--body-background);
  color: var(--body-text);
  font-family: C_Open Sans, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: C_Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.15;
}

h2 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: C_Montserrat, sans-serif;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.1;
}

h3 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: C_Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.1;
}

h4 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: C_Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.1;
}

h5 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: C_Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.1;
}

h6 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: C_Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.1;
}

p {
  margin-bottom: 1rem;
}

a {
  color: var(--link-color);
  transition: color .2s ease-in-out;
}

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

.list {
  grid-column-gap: 1rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 20px;
  display: grid;
}

.section-in-base {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section-in-base.bg_cta {
  min-height: 70vh;
  background-image: linear-gradient(#0e5967, rgba(0, 0, 0, 0) 35%), url('../images/daoudi-aissa-absT1BNRDAI-unsplash.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.container-1280 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-1280.visible-mobile {
  display: none;
}

.flex-row {
  display: flex;
}

.flex-row-middle {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.flex-align-start {
  align-items: flex-start;
  display: flex;
}

.flex-align-center {
  align-items: center;
  display: flex;
}

.flex-justify-start {
  justify-content: flex-start;
  display: flex;
}

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

.flex-space-between {
  justify-content: space-between;
  display: flex;
}

.flex-space-around {
  justify-content: space-around;
  display: flex;
}

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

.grid-1-column.hatch-sidebar {
  grid-row-gap: .75rem;
}

.grid-2-columns-content-centered {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  display: grid;
}

.grid-3-columns-content-centered {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  display: grid;
}

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

.hide {
  display: none;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

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

.margin-bottom-3 {
  margin-bottom: .75rem;
}

.margin-bottom-4 {
  margin-bottom: 1rem;
}

.margin-bottom-10 {
  margin-bottom: 2.5rem;
}

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

.margin-left-auto {
  margin-left: auto;
}

.margin-left-4 {
  margin-left: 1rem;
}

.margin-left-4.submit_button {
  background-color: #f4a261;
  border-radius: 15px;
  padding-top: 8px;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
}

.margin-left-4.submit_button:hover {
  transform: translate(5px);
}

.margin-left-6 {
  margin-left: 1.5rem;
}

.margin-right-2 {
  margin-right: .5rem;
}

.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-y-3 {
  color: var(--headings);
  margin-top: .75rem;
  margin-bottom: .75rem;
  font-family: C_Montserrat, sans-serif;
}

.margin-y-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.margin-y-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.margin-y-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.margin-y-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.padding-1 {
  padding: .25rem;
}

.padding-4 {
  padding: 1rem;
}

.padding-8 {
  padding: 2rem;
}

.padding-top-20 {
  padding-top: 5rem;
}

.padding-bottom-4 {
  padding-bottom: 1rem;
}

.padding-bottom-16 {
  padding-bottom: 4rem;
}

.padding-left-16 {
  padding-left: 4rem;
}

.padding-right-16 {
  padding-right: 4rem;
}

.padding-y-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-y-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-y-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.width-1-2 {
  width: 50%;
}

.width-3-4 {
  width: 75%;
}

.width-2-5 {
  width: 40%;
}

.width-3-5 {
  width: 60%;
}

.width-4-5 {
  width: 80%;
}

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

.text-base {
  font-size: 1rem;
}

.text-base.screen-text-medium.bold {
  line-height: 1.2;
}

.text-base.text-weight-bold {
  margin-bottom: 0;
}

.text-base.text-weight-bold:hover {
  font-weight: 700;
}

.text-base.text-weight-bold.orange {
  color: #f4a261;
}

.text-base.margin-bottom-0.yellow {
  color: #e9c46a;
  font-weight: 700;
}

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

.text-base.no-bold {
  font-weight: 400;
}

.text-medium {
  font-family: C_Open Sans, sans-serif;
  font-size: 1.25rem;
}

.text-medium.text-color-4 {
  font-family: C_Montserrat, sans-serif;
}

.text-large {
  font-size: 1.5rem;
}

.text-large.yellow {
  color: #e9c46a;
}

.text-large.orange {
  color: #f4a261;
}

.text-large.red {
  color: #e76f51;
}

.text-large.margin-right-2.margin-bottom-0.yellow, .text-large.margin-right-2.margin-bottom-0.orange, .text-large.margin-right-2.margin-bottom-0.red {
  font-weight: 700;
}

.text-large.margin-right-2.margin-bottom-0.bold {
  color: #264653;
  font-weight: 700;
}

.text-4xl {
  font-size: 3.75rem;
}

.text-4xl.letters-tight {
  font-family: C_Montserrat, sans-serif;
}

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

.weight-bold {
  font-weight: 600;
}

.letters-tight {
  letter-spacing: -.025em;
}

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

.all-caps.weight-bold {
  font-weight: 700;
}

.all-caps.weight-bold.yellow, .all-caps.weight-bold.orange, .all-caps.weight-bold.red {
  font-family: C_Montserrat, sans-serif;
}

.relative {
  position: relative;
}

.sticky-top-0 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.border-1px {
  border: 1px solid var(--borders);
}

.border-top-1px {
  border-top: 1px solid var(--borders);
}

.border-bottom-1px {
  border-bottom: 1px solid var(--borders);
}

.border-right-1px {
  border-right: 1px solid var(--borders);
}

.hatch-content-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 220px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hatch-color-swatch {
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.hatch-color-swatch.body-background {
  border: 1px solid var(--borders);
  background-color: var(--body-background);
}

.hatch-color-swatch.body-text, .hatch-color-swatch.headings {
  background-color: var(--body-text);
}

.hatch-color-swatch.border {
  background-color: var(--borders);
}

.hatch-color-swatch.button-color {
  background-color: var(--button-color);
}

.hatch-color-swatch.border-hover {
  background-color: var(--button-hover);
}

.hatch-color-swatch.link-color {
  background-color: var(--link-color);
}

.hatch-color-swatch.brand-color {
  background-color: var(--brand-color);
}

.hatch-color-swatch.placeholder-color {
  background-color: var(--placeholder-color);
}

.hatch-color-swatch.button-text {
  border: 1px solid var(--borders);
  background-color: var(--button-text);
}

.hatch-color-swatch.button-text-hover {
  border: 1px solid var(--borders);
  background-color: var(--button-text-hover);
}

.hatch-color-swatch.button-secondary-color {
  background-color: var(--button-secondary);
}

.hatch-color-swatch.button-secondary-hover-color {
  background-color: var(--btn-secondary-hover);
}

.hatch-color-swatch.button-secondary-text {
  border: 1px solid var(--borders);
  background-color: var(--btn-secondary-text);
}

.hatch-color-swatch.button-secondary-text-hover {
  border: 1px solid var(--borders);
  background-color: var(--btn-secondary-text-hover);
}

.hatch-color-swatch.link-hover-color {
  background-color: var(--link-hover-color);
}

.hatch-color-swatch.form-input-background {
  border: 1px solid var(--borders);
  background-color: var(--input-background-color);
}

.hatch-color-swatch.background-1 {
  border: 1px solid var(--borders);
  background-color: var(--background-1);
}

.hatch-color-swatch.background-2 {
  border: 1px solid var(--borders);
  background-color: var(--background-2);
}

.hatch-color-swatch.background-3 {
  border: 1px solid var(--borders);
  background-color: var(--background-3);
}

.hatch-color-swatch.background-4 {
  background-color: var(--background-4);
}

.hatch-color-swatch.text-1 {
  background-color: var(--text-1);
}

.hatch-color-swatch.text-2 {
  background-color: var(--text-2);
}

.hatch-color-swatch.text-3 {
  background-color: var(--text-3);
}

.hatch-color-swatch.text-4 {
  border: 1px solid var(--borders);
  background-color: var(--text-4);
}

.hatch-color-swatch.nav-link-color {
  background-color: var(--nav-link);
}

.hatch-color-swatch.nav-link-hover-color {
  background-color: var(--nav-link-hover);
}

.hatch-logo {
  color: var(--headings);
  letter-spacing: -.05em;
  text-transform: lowercase;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.max-width-4xl {
  max-width: 48rem;
}

.height-16 {
  height: 4rem;
}

.height-32 {
  height: 8rem;
}

.height-40 {
  height: 10rem;
}

.height-56 {
  height: 14rem;
}

.height-56.hide_show {
  display: none;
}

.radius-medium {
  border-radius: .375rem;
}

.radius-large {
  border-radius: .5rem;
}

.opacity-60 {
  opacity: .6;
}

.hatch-webflow-selector {
  background-color: #2b2b2b;
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
  display: flex;
}

.hatch-wf-selector-button {
  width: 2rem;
  height: 2rem;
  min-width: 32px;
  background-color: #5e5e5e;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.hatch-wf-selector-icon {
  width: 20px;
  margin-top: -2px;
}

.hatch-wf-class {
  height: 32px;
  color: #fff;
  background-color: #1895fc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.hatch-wf-class.global {
  background-color: #b5528c;
}

.hatch-wf-class.combo {
  margin-left: 10px;
}

.button {
  border: 1px solid var(--button-color);
  background-color: #e76f51;
  border-radius: 1rem;
  padding: .8rem 1.3rem;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.button.button-small {
  border: 1px solid var(--button-color);
  border-radius: 1rem;
  padding: .5rem .75rem;
  font-size: .875rem;
}

.button.button-large {
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button.hero-yellow {
  background-color: #e9c46a;
  border-style: none;
  transition: all .2s;
}

.button.hero-yellow:hover {
  color: var(--background-4);
  transform: translate(0, -5px);
}

.button.hauttyp {
  background-color: #f4a261;
  border-style: none;
  margin-bottom: 2rem;
  transition: all .2s;
}

.button.hauttyp:hover {
  color: var(--background-4);
  transform: translate(0, -5px);
}

.button.cta-orange {
  background-color: #f4a261;
  border-style: none;
  transition: all .2s;
}

.button.cta-orange:hover {
  color: var(--background-4);
  transform: translate(0, -5px);
}

.link {
  color: #030303;
  transition: color .2s ease-in-out;
}

.link:hover {
  color: #3f95ff;
}

.link.w--current, .hatch-sidebar-link {
  text-decoration: none;
}

.hatch-sidebar-link:hover {
  color: #3f95ff;
}

.hatch-sidebar-link.w--current {
  color: var(--headings);
  border-left: 2px solid #4195ff;
  padding-left: .5rem;
  font-weight: 600;
  text-decoration: none;
}

.form-input {
  height: 3.25rem;
  border: 1px solid var(--borders);
  background-color: var(--input-background-color);
  border-radius: .25rem;
  padding: 1rem;
}

.form-input::-ms-input-placeholder {
  color: var(--placeholder-color);
}

.form-input::placeholder {
  color: var(--placeholder-color);
}

.form-label {
  font-size: .875rem;
  font-weight: 400;
}

.form {
  width: 100%;
  margin-bottom: 0;
}

.form-grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-textarea {
  min-height: 6rem;
  border: 1px solid var(--borders);
  background-color: var(--input-background-color);
  border-radius: .25rem;
  padding: 1rem;
}

.form-textarea::-ms-input-placeholder {
  color: var(--placeholder-color);
}

.form-textarea::placeholder {
  color: var(--placeholder-color);
}

.button-secondary {
  border: 1px solid var(--button-color);
  background-color: var(--button-secondary);
  color: var(--btn-secondary-text);
  border-radius: 1rem;
  padding: .8rem 1.3rem;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.button-secondary:hover {
  background-color: var(--btn-secondary-hover);
  color: var(--btn-secondary-text-hover);
}

.button-secondary.button-small {
  border: 1px solid var(--btn-secondary-text);
  border-radius: 1rem;
  padding: .5rem .75rem;
  font-size: .875rem;
}

.button-secondary.button-large {
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-secondary.margin-left-6 {
  color: #e76f51;
  border-color: #e76f51;
}

.button-secondary.margin-left-6:hover {
  background-color: rgba(0, 0, 0, 0);
}

.button-secondary.margin-left-6.yellow {
  color: #e9c46a;
  border-color: #e9c46a;
  transition: all .2s;
}

.button-secondary.margin-left-6.yellow:hover {
  color: var(--button-text);
  background-color: #e9c46a;
  transform: translate(0, -5px);
}

.button-secondary.margin-left-6.funktionweise {
  transition: all .2s;
}

.button-secondary.margin-left-6.funktionweise:hover {
  color: var(--background-4);
  background-color: #e76f51;
  transform: translate(0, -5px);
}

.form-select {
  height: 3.25rem;
  background-color: var(--input-background-color);
  border-radius: .25rem;
  padding: 1rem;
}

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

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

.background-color-1.landscape-padding-y-4.width-115 {
  max-width: 115%;
}

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

.background-color-3.padding-1.radius-large.yellow {
  background-color: #e9c46a;
}

.background-color-3.padding-1.radius-large.red {
  background-color: #e76f51;
}

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

.text-color-4 {
  color: var(--text-4);
  font-family: C_Montserrat, sans-serif;
}

.nav-link {
  color: var(--nav-link);
}

.nav-link:hover {
  color: var(--nav-link-hover);
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.home-benefits_item {
  height: 25rem;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #0d0d0d), url('../images/fashion-man-love-people-5875438.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: flex-end;
  padding: 2rem;
  display: flex;
}

.page-padding {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.page-padding.centered {
  margin: auto;
}

.line {
  width: 8rem;
  height: 1px;
  background-color: var(--button-color);
  margin-top: .2rem;
}

.line.yellow {
  background-color: #e9c46a;
}

.line.orange {
  background-color: #f4a261;
}

.line.red {
  background-color: #e76f51;
}

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

.home-header_image {
  width: 100%;
  max-width: 80%;
  object-fit: cover;
  position: relative;
  left: 10%;
}

.home-header_buttons {
  align-items: center;
  display: flex;
}

.section-home-header-4 {
  min-height: 80vh;
  background-image: url('../images/natalya-zaritskaya-SIOdjcYotms-unsplash_compressed.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-home-header-4.text-centered {
  align-items: center;
  display: flex;
}

.section-home-header-4.text-centered.landscape-padding-top-2rem {
  background-image: none;
}

.home-header_component-3 {
  max-width: 1280px;
  grid-column-gap: 16.5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid;
}

.text-base-2 {
  font-size: 1rem;
}

.text-base-2.screen-text-medium {
  color: var(--body-text);
}

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

.nav_component-3 {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #e2e6e9;
  padding: 1rem 2.5rem;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav_link-3 {
  padding: .25rem 1.25rem;
  overflow: hidden;
}

.step-block {
  min-height: 60vh;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  margin-top: -1px;
  display: flex;
  position: relative;
}

.scoll-wrap {
  height: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 50%;
}

.scroll-base {
  width: 6px;
  height: 100%;
  transform-origin: 50% 0;
  background-color: #eeeff4;
}

.dot {
  z-index: 3;
  width: 32px;
  height: 32px;
  background-color: var(--button-color);
  border-radius: 50%;
  margin-top: -6px;
  margin-bottom: -6px;
  position: relative;
}

.step-content-block {
  text-align: left;
  align-self: center;
  position: relative;
}

.label {
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: C_Montserrat, sans-serif;
  font-weight: 700;
  line-height: 1.1;
}

.label.orange {
  color: #f4a261;
}

.img-block {
  width: 40%;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.content-wrap {
  width: 40%;
  justify-content: flex-end;
  display: flex;
}

.content {
  margin-top: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.step {
  z-index: 2;
  background-color: var(--background-2);
  border-radius: 16px;
  align-items: center;
  padding: 8%;
  display: flex;
  position: relative;
}

.scroll-animate {
  width: 6px;
  height: 100%;
  background-color: var(--button-color);
  transform-origin: 50% 0;
  position: absolute;
  bottom: 0;
}

.steps-clone {
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.bg-shadow {
  z-index: 1;
  border-radius: 16px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 7px 7px 20px rgba(18, 18, 18, .07);
}

.content-wrap-icons {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  display: flex;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
}

.tabs---brix {
  margin-top: 48px;
}

.card-tabs {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 26px;
  box-shadow: 4px 4px 14px rgba(8, 15, 52, .04);
}

.card-tabs.tabs-v1 {
  padding: 55px 63px;
}

.tabs-content---brix {
  margin-top: 40px;
}

.tabs-menu---brix {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.grid-tabs---2-columns {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
}

.grid-tabs---2-columns._0-75fr-left {
  grid-template-columns: .75fr 1fr;
}

.grid-tabs---2-columns._0-75fr-left.grid-align-center {
  grid-template-columns: 1fr 1fr;
}

.tab-link-v1---brix {
  color: rgba(43, 43, 43, .3);
  background-color: rgba(204, 210, 212, .5);
  border: 1.5px solid #eff0f6;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
  margin-right: 14px;
  padding: 18px 28px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  transition: border-color .3s, color .3s;
  display: flex;
  box-shadow: 4px 4px 14px rgba(8, 15, 52, .04);
}

.tab-link-v1---brix:hover {
  border-width: 2px;
  border-color: var(--body-text);
  background-color: var(--text-4);
  color: var(--button-color);
}

.tab-link-v1---brix.w--current {
  border-width: 2px;
  border-color: var(--button-color);
  color: var(--button-color);
  background-color: #fff;
  font-weight: 700;
}

.tab-link-v1---brix.orange:hover, .tab-link-v1---brix.orange.w--current {
  border-color: #f4a261;
}

.tab-link-v1---brix.yellow:hover, .tab-link-v1---brix.yellow.w--current {
  border-color: #e9c46a;
}

.tab-link-v1---brix.red:hover, .tab-link-v1---brix.red.w--current {
  border-color: #e76f51;
}

.faq_question-number {
  width: 2rem;
  justify-content: flex-start;
  align-items: center;
  margin-right: 3rem;
  display: flex;
}

.faq_item {
  color: var(--text-4);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #ececf1;
  padding: 2rem 0;
}

.faq_icon-line {
  width: 1rem;
  height: .125rem;
  color: #282938;
  background-color: #1b1c2b;
  position: absolute;
}

.faq_icon-line.is-vertical {
  background-color: var(--text-4);
  transform: rotate(45deg);
}

.faq_icon-line.right {
  background-color: var(--text-4);
  transform: rotate(-45deg);
}

.faq_text-column {
  flex-direction: column;
}

.faq_question-wrapper {
  display: flex;
}

.heading-xxsmall {
  color: var(--text-4);
  letter-spacing: -.03em;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}

.heading-xxsmall.margin-bottom-0 {
  font-family: C_Montserrat, sans-serif;
}

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

.faq_questions-column {
  margin-top: -2rem;
}

.faq_answer {
  max-width: 40rem;
  overflow: hidden;
}

.faq_icon {
  width: 3rem;
  height: 3rem;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 2rem;
  transition: background-color .3s;
  display: flex;
}

.faq_text-number {
  color: var(--text-4);
  font-family: C_Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.faq_component {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-flow: row;
}

.text-style-link-2 {
  color: var(--text-4);
  font-weight: 600;
  text-decoration: none;
}

.text-style-link-2:hover {
  color: var(--text-4);
  text-decoration: underline;
}

.text-style-link-2.w--current {
  text-decoration: none;
}

.faq_answer-wrapper {
  margin-left: 5rem;
}

.heading-medium-3 {
  color: var(--text-4);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
}

.white {
  color: #fff;
}

.footer-flex-container {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.footer-logo-link {
  max-height: none;
  min-width: auto;
  flex: 0 auto;
}

.footer-logo-link.margin-bottom-4.height-70px {
  text-decoration: none;
}

.footer-link {
  width: 150px;
  color: #fff;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-link.larger {
  width: auto;
}

.footer-link.smaller {
  width: 120px;
}

.text-block-3 {
  color: #fff;
  text-align: left;
}

.paragraph-8 {
  color: #fff;
  font-size: 16px;
}

.footer-col {
  width: 20%;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
}

.footer-col.first {
  margin-left: 0;
}

.footer-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: C_Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

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

.testimonial-slider {
  height: auto;
  max-width: 800px;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slide-wrapper {
  max-width: 48%;
  margin-right: 4%;
}

.testimonial-card {
  min-height: 270px;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 4px 4px 10px 3px rgba(0, 0, 0, .25);
}

.testimonial-card.margin-bottom-4 {
  border-radius: 5px;
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, .2);
}

.testimonial-info {
  align-self: stretch;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.testimonial-image {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 16px;
}

.testimonial-author {
  margin-bottom: 2px;
  font-size: 1.5rem;
}

.tagline {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
}

.testimonial-icon-wrapper {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.testimonial-slider-left {
  width: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
  left: -70px;
}

.testimonial-slider-left:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed {
  color: #1a1b1f;
}

.testimonial-slider-right {
  width: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
  right: -70px;
}

.testimonial-slider-right:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav {
  display: none;
}

.text-span-2 {
  color: #e9c46a;
}

.e-mail-form.e-mail_submit {
  border: 0 solid #000;
  border-radius: 15px;
  margin-bottom: 0;
  font-weight: 300;
}

.hero_img_bg {
  background-image: url('../images/natalya-zaritskaya-SIOdjcYotms-unsplash_compressed.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.padding-y-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.text-span-3 {
  color: #e9c46a;
}

.text-span-4, .text-span-5 {
  color: #e76f51;
}

.size_56px {
  width: 56px;
  height: 56px;
}

.size_56px.bg_icon {
  background-image: url('../images/Auge.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.size_56px.bg_icon2 {
  background-image: url('../images/Sonnencreme.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.size_56px.bg_icon4 {
  background-image: url('../images/Wasserfest_Icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.size_56px.bg_icon5 {
  background-image: url('../images/Feder_Icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.background-color-3-copy {
  background-color: var(--background-3);
}

.background-color-3-copy.padding-1.radius-large.orange {
  background-color: #f4a261;
}

.red {
  color: #e76f51;
}

.popup-content-wrapper---brix {
  z-index: 100;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 14px rgba(74, 58, 255, .16), 0 -2px 4px rgba(20, 20, 43, .12), 0 12px 44px rgba(20, 20, 43, .34);
}

.popup-4-image-wrapper---brix {
  max-width: 45%;
  align-items: center;
  display: flex;
}

.popup-4---illustration---brix {
  width: 100%;
  height: 130%;
  object-fit: cover;
  position: relative;
}

.popup-title---brix {
  margin-bottom: 8px;
}

.close-popup---brix {
  cursor: pointer;
  transition: transform .2s;
  position: absolute;
  top: 24px;
  bottom: auto;
  left: auto;
  right: 24px;
}

.close-popup---brix:hover {
  transform: scale(.9);
}

.popup-4---brix {
  width: 100%;
  max-width: 55%;
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  padding: 58px 48px;
  display: flex;
  position: relative;
}

.popup-wrapper---brix {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup-wrapper---brix.preview-page {
  position: absolute;
}

.overlay---brix {
  z-index: 10;
  background-color: rgba(0, 0, 0, .61);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dummy-hero-button---brix {
  max-width: 260px;
  color: #6f6c90;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #d9dbe9;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .04);
}

.dummy-hero-button---brix:hover {
  transform: scale3d(1, 1, .01)translate(0, -2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
}

.yellow {
  color: #e9c46a;
}

.orange {
  color: #f4a261;
}

.hack42-45-form {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hack42-45-added-value-row {
  align-items: flex-start;
  display: block;
}

.hack42-45-form-right {
  width: 25rem;
  position: -webkit-sticky;
  position: sticky;
  top: 6.25rem;
}

.hack-form-select {
  height: 2.8125rem;
  margin-bottom: 1.875rem;
}

.hack-form-select.hack44-select {
  width: 20rem;
  margin-top: .625rem;
  margin-bottom: 1.25rem;
}

.hack42-45-form-left {
  width: 35rem;
  background-color: #f5f5f5;
  margin-right: 1.875rem;
  padding: 1.25rem 2.5rem;
}

.hack44-added-value {
  margin-bottom: 1.875rem;
  font-family: C_Montserrat, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.125rem;
}

.cf-logos-social {
  width: 40px;
  height: 40px;
  cursor: pointer;
  object-fit: contain;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cf-logos-social:hover {
  background-color: var(--conversion-flow-library-sandy-brown);
}

.cf-logos-social.open-nav {
  width: 76px;
  height: 76px;
}

.cf-logos-social.open-nav-middle {
  width: 76px;
  height: 76px;
  margin-left: 40px;
  margin-right: 40px;
}

.cf-logos-social.hide {
  display: none;
}

.cf-nav-4-social-icons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-right: 40px;
  display: flex;
}

.cf-nav-4-social-icons.open-navigation {
  margin-top: 40px;
  margin-right: 0;
}

.cf-connect-text {
  font-family: C_Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.cf-connect-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.cf-connect-wrapper.hide {
  display: none;
}

.cf-link-text-navbar-4 {
  color: var(--body-text);
  letter-spacing: -.8px;
  margin-left: 0;
  display: block;
}

.cf-pink-line {
  width: 46px;
  height: 2px;
  background-color: #ff4f11;
  margin-right: 20px;
}

.cf-pink-line.animate {
  width: 0;
  background-color: var(--body-text);
  margin-right: 20px;
}

.cf-navigation-4-link {
  color: #000;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 0;
  font-family: C_Montserrat, sans-serif;
  font-size: 30px;
  line-height: 187%;
  text-decoration: none;
  display: flex;
}

.cf-navigation-4-link.w--current {
  color: #1c0309;
  padding-left: 0;
  font-family: C_Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.cf-nav-4-links-left-container {
  width: 370px;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 100px;
  display: flex;
}

.cf-nav-4-links-container {
  width: auto;
  justify-content: flex-start;
  margin-top: 250px;
  margin-left: 60px;
  display: flex;
}

.cf-close-text {
  text-transform: uppercase;
  font-family: C_Montserrat, sans-serif;
  font-weight: 700;
}

.cf-close-contain {
  width: 27px;
  height: 27px;
  background-image: url('../images/cross-icon.svg');
  background-position: 50%;
  background-size: auto;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.cf-close-button {
  cursor: pointer;
  background-color: #fff;
  align-items: center;
  padding: 25px 44px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  top: 58px;
  bottom: auto;
  left: auto;
  right: 111px;
}

.cf-close-button:hover {
  opacity: .8;
}

.cf-navigation-logo {
  object-fit: contain;
}

.cf-brand-logo-nav-menu {
  cursor: pointer;
  position: absolute;
  top: 60px;
  bottom: auto;
  left: 85px;
  right: auto;
}

.cf-brand-logo-nav-menu.w--current {
  position: absolute;
  top: 60px;
  bottom: auto;
  left: 85px;
  right: auto;
}

.cf-menu-navigation-wrap {
  z-index: 10000000;
  width: 100vw;
  height: 100%;
  opacity: 0;
  background-color: #e9e9e9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 52px 111px 150px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

.cf-menu-line._2 {
  width: 26.5px;
  height: 2px;
  background-color: var(--body-text);
  color: #000;
  margin-bottom: 0;
  transform: scale(1);
}

.cf-menu-line._1 {
  width: 14px;
  height: 2px;
  background-color: var(--body-text);
  color: #000;
  margin-bottom: 10px;
  transform: translate(0);
}

.cf-menu-icon {
  width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 10px;
  display: flex;
}

.cf-menu-text {
  color: var(--body-text);
  letter-spacing: .8px;
  font-family: C_Montserrat, sans-serif;
  font-weight: 700;
  line-height: 125%;
}

.cf-nav-4-menu {
  cursor: pointer;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.cf-nav-4-menu:hover {
  opacity: 1;
}

.cf-nav-4-right-container {
  align-items: stretch;
  display: flex;
}

.cf-brand-logo-4 {
  cursor: pointer;
}

.cf-navigation-4-container {
  width: 95%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.button_funktion {
  border: 1px solid var(--button-color);
  background-color: #e76f51;
  border-radius: 1rem;
  padding: .8rem 1.3rem;
  transition: all .2s;
}

.button_funktion:hover {
  color: var(--background-4);
  transform: translate(0, -5px);
}

.backlink_yellow:hover {
  color: #e9c46a;
}

.backlink_orange:hover {
  color: #f4a261;
}

.background-text_top {
  color: rgba(239, 240, 246, .5);
  font-family: C_Montserrat, sans-serif;
  font-size: 10rem;
  font-weight: 800;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.background-text_top.landscape-hide {
  font-family: C_Montserrat, sans-serif;
}

.background-text_bottom {
  color: rgba(239, 240, 246, .5);
  font-family: C_Montserrat, sans-serif;
  font-size: 10rem;
  font-weight: 800;
  position: absolute;
}

.background-text_bottom.landscape-hide {
  font-family: C_Montserrat, sans-serif;
}

.text-3xl {
  font-size: 2.5rem;
}

@media screen and (min-width: 1280px) {
  .text-base.screen-text-medium {
    font-size: 1.25rem;
  }

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

@media screen and (min-width: 1440px) {
  .home-header_image {
    max-width: 100%;
    left: 20%;
  }

  .home-header_component-3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 1920px) {
  .home-header_component-3 {
    grid-template-columns: .75fr 1fr;
  }

  .text-base-2.screen-text-medium {
    font-size: 1.25rem;
  }
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  .section-in-base {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

  .tablet-flex-align-center {
    align-items: center;
    display: flex;
  }

  .grid-2-columns-content-centered {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .grid-3-columns-content-centered {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .tablet-hide {
    display: none;
  }

  .margin-bottom-10 {
    margin-bottom: 2.25rem;
  }

  .margin-bottom-20 {
    margin-bottom: 4.5rem;
  }

  .margin-left-6 {
    margin-left: 1.375rem;
  }

  .margin-y-6 {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
  }

  .margin-y-9 {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
  }

  .margin-y-12 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .margin-y-16 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .tablet-margin-bottom-8 {
    margin-bottom: 2rem;
  }

  .padding-8 {
    padding: 1.875rem;
  }

  .padding-top-20 {
    padding-top: 4.5rem;
  }

  .padding-bottom-16 {
    padding-bottom: 3.5rem;
  }

  .padding-left-16 {
    padding-left: 3.5rem;
  }

  .padding-right-16 {
    padding-right: 3.5rem;
  }

  .padding-y-12 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .padding-y-20 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .tablet-width-full {
    width: 100%;
  }

  .text-small {
    font-size: .8125rem;
  }

  .text-large {
    font-size: 1.375rem;
  }

  .text-4xl {
    font-size: 3rem;
  }

  .tablet-text-align-center {
    text-align: center;
  }

  .hatch-content-grid {
    grid-template-columns: 1fr;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home-header_image {
    max-width: 70%;
    left: 30%;
  }

  .home-header_component-3 {
    grid-column-gap: 3rem;
  }

  .nav_link-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .card-tabs.tabs-v1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tabs-menu---brix {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .grid-tabs---2-columns, .grid-tabs---2-columns._0-75fr-left {
    grid-template-columns: 1fr;
  }

  .tab-link-v1---brix {
    margin-bottom: 14px;
  }

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

  .footer-col {
    width: 30%;
  }

  .container {
    max-width: 728px;
  }

  .testimonial-slider-left {
    left: -20px;
  }

  .testimonial-slider-right {
    right: -20px;
  }

  .e-mail-form.e-mail_submit {
    width: 50%;
  }

  .popup-content-wrapper---brix {
    width: auto;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    max-height: none;
    max-width: none;
    left: 24px;
    right: 24px;
  }

  .popup-4---brix {
    padding-left: 40px;
    padding-right: 64px;
  }

  .popup-wrapper---brix.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .cf-connect-wrapper {
    margin-top: 100px;
  }

  .cf-nav-4-links-left-container {
    margin-right: 140px;
  }

  .cf-nav-4-links-container {
    margin-left: 0;
  }

  .cf-close-contain {
    background-image: url('../images/cross-icon.svg');
    background-position: 50%;
    background-size: auto;
  }

  .cf-close-button {
    top: 52px;
    right: 85px;
  }

  .cf-menu-navigation-wrap {
    opacity: 0;
    padding-bottom: 100px;
    padding-left: 100px;
    padding-right: 85px;
    display: none;
  }

  .cf-navigation-4-container {
    max-width: 650px;
  }

  .background-text_top {
    margin-bottom: 0;
    font-size: 6rem;
    line-height: 1;
  }

  .background-text_bottom {
    margin-bottom: 0;
    font-size: 6rem;
    line-height: 1;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .text-3xl {
    font-size: 2rem;
  }
}

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

  h2 {
    font-size: 1.625rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  .section-in-base {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .flex-space-around.hide.landscape-visible {
    display: flex;
  }

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

  .grid-2-columns-content-centered {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid-3-columns-content-centered {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .hide.landscape-visible {
    display: block;
  }

  .landscape-hide {
    display: none;
  }

  .margin-bottom-2 {
    margin-bottom: .375rem;
  }

  .margin-bottom-3 {
    margin-bottom: .625rem;
  }

  .margin-bottom-4 {
    margin-bottom: .875rem;
  }

  .margin-bottom-10 {
    margin-bottom: 2.125rem;
  }

  .margin-bottom-20 {
    margin-bottom: 4rem;
  }

  .margin-left-4 {
    margin-left: .875rem;
  }

  .margin-left-6 {
    margin-left: 1.25rem;
  }

  .margin-right-2 {
    margin-right: .375rem;
  }

  .margin-y-3 {
    margin-top: .625rem;
    margin-bottom: .625rem;
  }

  .margin-y-6 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .margin-y-9 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .margin-y-12 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .margin-y-16 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .landscape-margin-top-8 {
    margin-top: 2rem;
  }

  .landscape-margin-left-4 {
    margin-left: 1rem;
  }

  .landscape-margin-left-4.submit-button {
    background-color: #e9c46a;
    border-radius: 15px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    font-size: .8rem;
    font-weight: 600;
  }

  .padding-4 {
    padding: .875rem;
  }

  .padding-8 {
    padding: 1.75rem;
  }

  .padding-top-20 {
    padding-top: 4rem;
  }

  .padding-bottom-4 {
    padding-bottom: .875rem;
  }

  .padding-bottom-16 {
    padding-bottom: 3rem;
  }

  .padding-left-16 {
    padding-left: 3rem;
  }

  .padding-right-16 {
    padding-right: 3rem;
  }

  .padding-y-4 {
    padding-top: .875rem;
    padding-bottom: .875rem;
  }

  .padding-y-12 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .padding-y-20 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .landscape-padding-left-0 {
    padding-left: 0;
  }

  .landscape-padding-right-0 {
    padding-right: 0;
  }

  .landscape-padding-y-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .width-2-5.landscape-width-4-5.landscape-alignment-first {
    order: -1;
  }

  .landscape-width-4-5 {
    width: 80%;
  }

  .landscape-width-4-6 {
    width: 66.666%;
  }

  .landscape-width-full {
    width: 100%;
  }

  .text-medium {
    font-size: 1.125rem;
  }

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

  .text-large.margin-right-2.margin-bottom-0.bold {
    font-weight: 700;
  }

  .text-4xl {
    font-size: 2rem;
  }

  .text-align-center.margin-x-auto.width-3-5.tablet-width-full.margin-bottom-10.portrait-margin-bottom-24 {
    margin-bottom: 5rem;
  }

  .hatch-logo {
    font-size: 1.25rem;
  }

  .height-56.hide_show {
    display: block;
  }

  .landscape-height-32 {
    height: 8rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .page-padding.centered {
    margin-top: 0;
    margin-bottom: 0;
  }

  .home-header_image {
    height: auto;
    max-height: 32rem;
  }

  .section-home-header-4 {
    background-image: linear-gradient(to bottom, var(--button-color) 34%, var(--body-background) 34%);
    padding-top: 4rem;
  }

  .section-home-header-4.text-centered {
    background-image: url('../images/natalya-zaritskaya-SIOdjcYotms-unsplash_compressed.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .section-home-header-4.text-centered.landscape-padding-top-2rem {
    min-height: 80vh;
    background-image: none;
    align-items: flex-start;
    padding-top: 2rem;
  }

  .home-header_content-wrapper {
    padding-top: 0;
  }

  .home-header_component-3 {
    grid-row-gap: 2.25rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: .9fr;
    grid-auto-flow: row;
  }

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

  .nav_component-3 {
    padding: .5rem 1.5rem;
  }

  .step-block {
    min-height: 60vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .scoll-wrap {
    z-index: 1;
    height: 100%;
    bottom: 50%;
  }

  .dot {
    z-index: 99;
    order: 2;
    align-self: center;
    margin-bottom: 0;
    position: absolute;
    bottom: 50%;
  }

  .dot.close {
    bottom: 46%;
  }

  .dot.middle {
    bottom: 47%;
  }

  .step-content-block {
    z-index: 2;
    order: -1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img-block {
    z-index: 3;
    width: 70%;
    min-height: 50vh;
    order: 3;
    align-items: flex-start;
    padding-top: 50px;
    position: relative;
  }

  .content-wrap {
    width: 90%;
    height: 50vh;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .step {
    justify-content: center;
    padding: 8%;
  }

  .card-tabs.tabs-v1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tabs-content---brix {
    margin-top: 20px;
  }

  .tabs-menu---brix {
    flex-direction: column;
  }

  .grid-tabs---2-columns._0-75fr-left.grid-align-center {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .tab-link-v1---brix {
    margin-left: 0;
    margin-right: 0;
  }

  .tab-link-v1---brix.w--current, .tab-link-v1---brix.orange, .tab-link-v1---brix.yellow, .tab-link-v1---brix.red {
    justify-content: flex-start;
  }

  .faq_question-number {
    margin-right: 1rem;
  }

  .heading-xxsmall {
    font-size: 1.25rem;
  }

  .faq_answer-wrapper {
    margin-left: 0;
  }

  .heading-medium-3 {
    font-size: 1.5rem;
  }

  .footer-flex-container {
    flex-wrap: wrap;
  }

  .footer-col {
    width: 35%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-col.first {
    width: 35%;
    margin-left: 20px;
  }

  .footer-heading {
    margin-bottom: 10px;
  }

  .testimonial-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    min-height: 200px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    right: -10px;
  }

  .landscape-hidden {
    display: none;
  }

  .e-mail-form {
    width: 50%;
    border-radius: 15px;
    font-size: .8rem;
  }

  .produktbilder_heading {
    width: 8em;
  }

  .hero_img_bg {
    background-position: 50%;
  }

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

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    flex-direction: column;
  }

  .popup-4-image-wrapper---brix {
    max-height: 300px;
    max-width: 100%;
  }

  .popup-4---brix {
    max-width: 100%;
    padding: 32px 24px;
  }

  .popup-wrapper---brix {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dummy-hero-button---brix {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .hack42-45-form {
    width: 100%;
    flex-direction: column;
  }

  .hack42-45-form-right {
    width: 100%;
  }

  .hack-form-select {
    font-size: .875rem;
  }

  .hack42-45-form-left {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
  }

  .cf-center-logo.open-nav {
    width: 22px;
  }

  .cf-center-logo.open-nav.facebook {
    width: 15px;
  }

  .cf-logos-social.open-nav, .cf-logos-social.open-nav-middle {
    width: 60px;
    height: 60px;
  }

  .cf-nav-4-social-icons {
    margin-right: 20px;
    display: none;
  }

  .cf-nav-4-social-icons.open-navigation {
    display: flex;
  }

  .cf-connect-wrapper {
    margin-left: 20px;
  }

  .cf-link-text-navbar-4 {
    font-size: 26px;
  }

  .cf-nav-4-links-left-container {
    width: auto;
    align-items: center;
    margin-right: 20px;
  }

  .cf-nav-4-links-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 120px;
  }

  .cf-close-text {
    display: none;
  }

  .cf-close-contain {
    background-image: url('../images/cross-icon.svg');
    background-position: 50%;
    background-size: auto;
    margin-right: 0;
  }

  .cf-close-button {
    border-radius: 100px;
    padding: 16px;
    top: 52px;
    right: 60px;
  }

  .cf-brand-logo-nav-menu {
    padding-left: 0;
    top: 52px;
    left: 60px;
  }

  .cf-brand-logo-nav-menu.w--current {
    left: 60px;
  }

  .cf-menu-navigation-wrap {
    opacity: 0;
    padding-left: 60px;
    padding-right: 60px;
    display: none;
  }

  .cf-navigation-4-container {
    width: 90%;
    max-width: 550px;
  }

  .background-text_top, .background-text_bottom {
    font-size: 4.5rem;
  }

  .text-3xl {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 479px) {
  .section-in-base {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .container-1280.visible-mobile {
    display: block;
  }

  .container-1280.portrait-hidden {
    display: none;
  }

  .flex-align-start {
    flex-direction: column;
  }

  .flex-align-center {
    position: static;
  }

  .inline-block.margin-bottom-0.yellow {
    color: #e9c46a;
  }

  .inline-block.margin-bottom-0.orange {
    color: #f4a261;
  }

  .portrait-inline-block {
    display: inline-block;
  }

  .margin-bottom-10 {
    margin-bottom: 1.875rem;
  }

  .margin-bottom-20 {
    margin-bottom: 3.5rem;
  }

  .margin-left-4.submit_button {
    margin-left: .5rem;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
  }

  .margin-left-6 {
    margin-left: 1.125rem;
  }

  .margin-y-6 {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
  }

  .margin-y-9 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .margin-y-12 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .margin-y-16 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .portrait-margin-bottom-6 {
    margin-bottom: 1.5rem;
  }

  .portrait-margin-left-0 {
    margin-left: 0;
  }

  .portrait-margin-left-2 {
    margin-left: .5rem;
  }

  .padding-8 {
    padding: 1.625rem;
  }

  .padding-top-20 {
    padding-top: 3.5rem;
  }

  .padding-bottom-16 {
    padding-bottom: 2.5rem;
  }

  .padding-left-16 {
    padding-left: 2.5rem;
  }

  .padding-right-16 {
    padding-right: 2.5rem;
  }

  .padding-y-12 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .padding-y-20 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .portrait-padding-0 {
    padding: 0;
  }

  .portrait-padding-4 {
    padding: 1rem;
  }

  .portrait-padding-top-0 {
    padding-top: 0;
  }

  .portrait-padding-top-4 {
    padding-top: 1rem;
  }

  .portrait-padding-left-0 {
    padding-left: 0;
  }

  .portrait-padding-right-0 {
    padding-right: 0;
  }

  .portrait-padding-x-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .portrait-padding-y-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .portrait-width-8 {
    width: 2rem;
  }

  .portrait-width-3-4 {
    width: 75%;
  }

  .portrait-width-11-12 {
    width: 91.666%;
  }

  .portrait-width-full {
    width: 100%;
  }

  .text-base.margin-bottom-0.orange {
    color: #f4a261;
  }

  .text-large.margin-right-2.margin-bottom-0.bold.yellow {
    color: #e9c46a;
  }

  .text-large.margin-right-2.margin-bottom-0.bold.orange {
    color: #f4a261;
  }

  .text-large.margin-right-2.margin-bottom-0.bold.red {
    color: #e76f51;
  }

  .text-align-center.margin-x-auto.width-3-5.tablet-width-full.margin-bottom-10.portrait-margin-bottom-24 {
    margin-bottom: 8rem;
  }

  .portrait-height-16 {
    height: 4rem;
  }

  .hatch-wf-class.combo {
    margin-top: 10px;
    margin-left: 0;
  }

  .button, .button-secondary.margin-left-6 {
    padding: .6rem 1rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-home-header-4 {
    background-image: linear-gradient(to bottom, var(--button-color) 28%, var(--body-background) 28%);
  }

  .section-home-header-4.text-centered.landscape-padding-top-2rem {
    min-height: 80vh;
    background-position: 51%;
  }

  .home-header_content-wrapper {
    padding-top: 0;
  }

  .home-header_component-3 {
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

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

  .step-block {
    min-height: 50vh;
  }

  .dot {
    bottom: 57%;
  }

  .dot.end {
    bottom: 50%;
  }

  .dot.close {
    bottom: 43%;
  }

  .dot.middle {
    bottom: 48%;
  }

  .img-block {
    width: 90%;
    min-height: 50vh;
    align-items: flex-start;
    padding-top: 70px;
  }

  .content-wrap {
    width: 100%;
  }

  .content {
    font-size: 20px;
  }

  .step {
    padding-left: 4%;
    padding-right: 4%;
  }

  .steps-clone {
    display: block;
    position: static;
  }

  .card-tabs.tabs-v1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-v1---brix {
    padding-left: 18px;
    padding-right: 18px;
  }

  .faq_item {
    padding: 2rem 0;
  }

  .faq_question-wrapper {
    align-items: flex-start;
  }

  .faq_icon {
    margin-left: 1.5rem;
  }

  .faq_answer-wrapper {
    padding-top: .5rem;
  }

  .footer-flex-container {
    flex-flow: column wrap;
    align-content: stretch;
    align-items: stretch;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-logo-link.margin-bottom-4.height-70px {
    height: 70px;
  }

  .footer-col {
    width: 100%;
    margin: 10px 0 0;
  }

  .footer-col.first {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-heading {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
  }

  .container {
    max-width: none;
  }

  .testimonial-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    right: -10px;
  }

  .e-mail-form {
    width: 60%;
  }

  .produktbilder_heading {
    width: 7em;
  }

  .popup-content-wrapper---brix {
    border-radius: 24px;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    left: 0;
    right: 0;
  }

  .popup-4-image-wrapper---brix {
    max-height: 320px;
    justify-content: center;
  }

  .popup-4---illustration---brix {
    object-fit: cover;
  }

  .popup-title---brix {
    font-size: 22px;
    line-height: 1.2;
  }

  .popup-title---brix.yellow {
    color: #e9c46a;
  }

  .popup-title---brix.orange {
    color: #f4a261;
  }

  .popup-4---brix {
    padding: 32px 16px;
  }

  .popup-wrapper---brix {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-wrapper---brix.preview-page.number_1, .popup-wrapper---brix.preview-page.number_2, .popup-wrapper---brix.preview-page.number_3, .popup-wrapper---brix.preview-page.number_4 {
    padding-left: 2px;
    padding-right: 2px;
    display: none;
  }

  .dummy-hero-button---brix {
    padding: 15px 34px 16px;
  }

  .link-block {
    transition-property: none;
  }

  .link-block:hover {
    color: var(--body-text);
  }

  .hack42-45-form {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .hack42-45-form-right {
    margin-top: 1.875rem;
  }

  .hack-form-select.hack44-select {
    width: 100%;
  }

  .hack42-45-form-left {
    margin-right: 0;
    padding-right: 0;
  }

  .cf-logos-social {
    display: none;
  }

  .cf-logos-social.open-nav {
    width: 60px;
    height: 60px;
    background-image: none;
    display: flex;
  }

  .cf-logos-social.open-nav-middle {
    width: 60px;
    height: 60px;
    background-image: none;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .cf-connect-text {
    font-size: 18px;
  }

  .cf-connect-wrapper {
    margin-top: 60px;
    margin-left: 30px;
  }

  .cf-nav-4-links-left-container {
    width: auto;
    margin-right: 0;
  }

  .cf-nav-4-links-container {
    flex-direction: column;
    margin-top: 80px;
    margin-left: 0;
  }

  .cf-close-text {
    display: none;
  }

  .cf-close-contain {
    width: 16px;
    height: 16px;
    margin-right: 0;
  }

  .cf-close-button {
    padding: 16px;
    top: 40px;
    right: 20px;
  }

  .cf-brand-logo-nav-menu {
    width: 50%;
    padding-left: 0;
    display: none;
    position: absolute;
    top: auto;
    bottom: -15px;
    left: 75px;
    right: 0%;
  }

  .cf-menu-navigation-wrap {
    opacity: 0;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;
    display: none;
  }

  .cf-brand-logo-4 {
    width: 50%;
    padding-left: 0;
  }

  .cf-navigation-4-container {
    max-width: none;
  }

  .button_funktion {
    padding: .6rem 1rem;
  }

  .background-text_top, .background-text_bottom {
    font-size: 2.5rem;
  }
}

#w-node-_631b341a-a218-4290-260e-894fe17af4c4-6e25ba2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28797fbe-fb8f-c8d5-0c54-2bc559bf0ddf-6e25ba2e {
  justify-self: start;
}

#w-node-a23291f7-1e6a-4b5d-0d2a-64a9e12af99e-3a8edf21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a23291f7-1e6a-4b5d-0d2a-64a9e12af9ac-3a8edf21 {
  align-self: center;
  justify-self: end;
}

#w-node-_2a5642a9-6b6e-1589-0f7b-fb6d9c1e255d-3a8edf21, #w-node-_16c4a136-5c55-60b9-a256-d90f5b38f74e-3a8edf21, #w-node-e6234960-b78f-41a9-e977-16d0cd9f1ff5-3a8edf21, #w-node-b4cee555-4ae3-e592-a629-1d1f5409f995-3a8edf21, #w-node-b8adb312-0cd2-549c-bb9b-aea93b56c22f-3a8edf21, #w-node-b8adb312-0cd2-549c-bb9b-aea93b56c239-3a8edf21, #w-node-_39b9e0b3-abb4-8d61-d8b4-f1044032bcfa-3a8edf21, #w-node-_39b9e0b3-abb4-8d61-d8b4-f1044032bd04-3a8edf21, #w-node-a3ca2b5d-b63b-e158-f8fb-89d3be4f9006-3a8edf21, #w-node-a3ca2b5d-b63b-e158-f8fb-89d3be4f9010-3a8edf21, #w-node-_23148dc0-1808-de0d-284a-2a2c39d495fa-3a8edf21, #w-node-_23148dc0-1808-de0d-284a-2a2c39d49604-3a8edf21, #w-node-bdb2c3fe-5be5-0088-5e7f-7cac48eedfcf-3a8edf21, #w-node-c6841c0c-7625-47c0-5637-f790a3e79181-3a8edf21, #w-node-_38767834-0392-122c-7433-c123a84e99e4-3a8edf21, #w-node-ea859566-9f3e-0df9-3f73-227cdef1948a-3a8edf21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-b8adb312-0cd2-549c-bb9b-aea93b56c239-3a8edf21, #w-node-_39b9e0b3-abb4-8d61-d8b4-f1044032bd04-3a8edf21, #w-node-a3ca2b5d-b63b-e158-f8fb-89d3be4f9010-3a8edf21, #w-node-_23148dc0-1808-de0d-284a-2a2c39d49604-3a8edf21 {
    align-self: center;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a23291f7-1e6a-4b5d-0d2a-64a9e12af99e-3a8edf21 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ded9d997-7976-1c0c-a930-78a8356a761e-3a8edf21 {
    order: 0;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a23291f7-1e6a-4b5d-0d2a-64a9e12af99e-3a8edf21 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c6841c0c-7625-47c0-5637-f790a3e79181-3a8edf21, #w-node-_38767834-0392-122c-7433-c123a84e99e4-3a8edf21, #w-node-ea859566-9f3e-0df9-3f73-227cdef1948a-3a8edf21 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-200.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-100italic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-200italic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-100.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-500italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-800italic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-900italic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Montserrat';
  src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-500italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-800italic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-600italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'C_Open Sans';
  src: url('../fonts/open-sans-v29-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}