@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-Black.ttf') format("truetype"), url('../fonts/GothamCond-XBlack.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond Ultra;
  src: url('../fonts/GothamCond-Ultra.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-BlackItalic.ttf') format("truetype"), url('../fonts/GothamCond-XBlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-XLightItalic.ttf') format("truetype"), url('../fonts/GothamCond-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-BookItalic.ttf') format("truetype"), url('../fonts/GothamCond-UltraItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond Book;
  src: url('../fonts/GothamCond-Book.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcond;
  src: url('../fonts/GothamCond-XLight.ttf') format("truetype"), url('../fonts/GothamCond-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-BoldItalic.ttf') format("truetype"), url('../fonts/Gilroy-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Bold.ttf') format("truetype"), url('../fonts/Gilroy-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-BlackItalic.ttf') format("truetype"), url('../fonts/Gilroy-HeavyItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Heavy.ttf') format("truetype"), url('../fonts/Gilroy-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-UltraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-RegularItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-UltraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

:root {
  --elements-webflow-library--neutral--800: #211f54;
  --elements-webflow-library--neutral--600: #6e7191;
  --elements-webflow-library--accent--primary-1: #e7270e;
  --elements-webflow-library--neutral--100: white;
  --elements-webflow-library--secondary--color-1: #281ca5;
  --elements-webflow-library--neutral--300: #eff0f6;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --elements-webflow-library--neutral--700: #4a4566;
  --elements-webflow-library--general--shadow-04: #14142b24;
  --elements-webflow-library--general--shadow-03: #14142b1a;
  --elements-webflow-library--general--shadow-01: #14142b0f;
  --background: #1a253d;
  --elements-webflow-library--neutral--200: #f7f7fc;
}

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

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

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

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

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

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

.brix---color-neutral-800 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-600 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-40px {
  margin-bottom: 40px;
}

.brix---btn-primary {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary:hover {
  background-color: var(--elements-webflow-library--secondary--color-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---btn-secondary {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  color: var(--elements-webflow-library--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.brix---btn-secondary:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---buttons-row {
  align-items: center;
  display: flex;
}

.brix---container-default {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---heading-h1-size {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.brix---opacity-10 {
  opacity: .1;
}

.brix---opacity-20 {
  opacity: .2;
}

.brix---section-hero-primary {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.brix---paragraph-default {
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---grid-hero-v1 {
  grid-column-gap: 80px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---button-row-left {
  margin-right: 24px;
}

.brix---floating-image-hero-v1---1 {
  z-index: -1;
  position: absolute;
  inset: auto auto -32% -41%;
}

.brix---floating-image-hero-v1---2 {
  z-index: -1;
  max-width: 600px;
  position: absolute;
  inset: auto 11% 8% auto;
  transform: rotate(140deg);
}

.fbl-heading-h1 {
  font-family: var(--\<unknown\|variable-e451592b-3284-103e-1656-eeb348d541d5\>);
  color: var(--\<unknown\|variable-60d7968c-7eed-f39f-0f1c-1c60260cd2c9\>);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.3em;
}

.fbl-container {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.fbl-spacing-30 {
  height: 30px;
}

.fbl-hero-1-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.fbl-section {
  background-color: var(--\<unknown\|variable-44708f0e-2870-bd73-ffd6-9c6967e07907\>);
  padding: 100px 5%;
}

.fbl-hero-image {
  border-radius: var(--\<unknown\|variable-830253b0-24a8-adf1-7c30-c49aa26de1ec\>);
  width: 100%;
}

.fbl-hero-1 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.fbl-lead-text {
  color: var(--\<unknown\|variable-906c3f50-92dc-a845-b27f-eb2558a10bbd\>);
  font-size: 18px;
  line-height: 1.3em;
}

.fbl-button-border {
  border: 1px solid var(--\<unknown\|variable-c9dfa2b1-97a1-a6a6-7a93-0a06dec1ca82\>);
  border-radius: var(--\<unknown\|variable-830253b0-24a8-adf1-7c30-c49aa26de1ec\>);
  background-color: var(--\<unknown\|variable-6d2e5783-686f-b34f-0457-2d324671fce0\>);
  font-family: var(--\<unknown\|variable-e451592b-3284-103e-1656-eeb348d541d5\>);
  color: var(--\<unknown\|variable-60d7968c-7eed-f39f-0f1c-1c60260cd2c9\>);
  text-align: center;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.fbl-button-border:hover {
  border-color: var(--\<unknown\|variable-98d06a7f-ddb0-62dd-407a-e07ff5cba01d\>);
  background-color: var(--\<unknown\|variable-98d06a7f-ddb0-62dd-407a-e07ff5cba01d\>);
  color: var(--\<unknown\|variable-60d7968c-7eed-f39f-0f1c-1c60260cd2c9\>);
}

.fbl-hero-image-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fbl-hero-1-tagline {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-radius: var(--\<unknown\|variable-830253b0-24a8-adf1-7c30-c49aa26de1ec\>);
  background-color: var(--\<unknown\|variable-98d06a7f-ddb0-62dd-407a-e07ff5cba01d\>);
  margin-bottom: 10px;
  padding: 12px 30px;
  font-size: 18px;
  display: inline-block;
}

.fbl-button-primary {
  border: 1px solid var(--\<unknown\|variable-71f79c01-9709-3506-df45-b0a3d1d62e9d\>);
  border-radius: var(--\<unknown\|variable-830253b0-24a8-adf1-7c30-c49aa26de1ec\>);
  background-color: var(--\<unknown\|variable-71f79c01-9709-3506-df45-b0a3d1d62e9d\>);
  color: var(--\<unknown\|variable-44708f0e-2870-bd73-ffd6-9c6967e07907\>);
  text-align: center;
  padding: 15px 34px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: inline-block;
}

.fbl-button-primary:hover {
  border-color: var(--\<unknown\|variable-6760662f-b0c3-4e2d-5371-04bfd4265680\>);
  background-color: var(--\<unknown\|variable-6760662f-b0c3-4e2d-5371-04bfd4265680\>);
}

.fbl-hero-1-element {
  border-radius: var(--\<unknown\|variable-830253b0-24a8-adf1-7c30-c49aa26de1ec\>);
  background-color: var(--\<unknown\|variable-719c3f08-c939-27ec-9477-1a839068f987\>);
  padding: 20px;
  position: relative;
}

.fbl-hero-image-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.fbl-hero-1-element-icon-wrap {
  border-radius: var(--\<unknown\|variable-444d76a3-1eed-2deb-caca-650941a57a30\>);
  background-color: var(--\<unknown\|variable-44708f0e-2870-bd73-ffd6-9c6967e07907\>);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.fbl-hero-1-element-title {
  text-align: right;
  margin-top: 50px;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3em;
}

.fbl-hero-1-element-image {
  position: absolute;
  inset: -10px -10px auto auto;
}

.fbl-hero-image-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.fbl-hero-1-avatar-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.fbl-hero-1-rating {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.fbl-hero-1-rating-text {
  color: var(--\<unknown\|variable-60d7968c-7eed-f39f-0f1c-1c60260cd2c9\>);
  font-size: 16px;
  font-weight: 700;
}

.fbl-avatar-group {
  display: flex;
}

.fbl-avatar-group-item {
  border: 2px solid var(--\<unknown\|variable-c9dfa2b1-97a1-a6a6-7a93-0a06dec1ca82\>);
  border-radius: var(--\<unknown\|variable-444d76a3-1eed-2deb-caca-650941a57a30\>);
  width: 60px;
  height: 60px;
  margin-left: -20px;
  overflow: hidden;
}

.fbl-avatar-group-item-more {
  border-radius: var(--\<unknown\|variable-444d76a3-1eed-2deb-caca-650941a57a30\>);
  background-color: var(--\<unknown\|variable-60d7968c-7eed-f39f-0f1c-1c60260cd2c9\>);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: -20px;
  display: flex;
}

.fbl-hero-1-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 30px;
  display: flex;
}

.fbl-hero-image-two {
  border-radius: var(--\<unknown\|variable-830253b0-24a8-adf1-7c30-c49aa26de1ec\>);
  width: 100%;
  margin-left: -40px;
}

.fbl-avatar-images {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fbl-avatar-group-item-more-icon {
  width: 30px;
  height: 30px;
}

.fbl-avatar-group-item-first {
  border: 2px solid var(--\<unknown\|variable-c9dfa2b1-97a1-a6a6-7a93-0a06dec1ca82\>);
  border-radius: var(--\<unknown\|variable-444d76a3-1eed-2deb-caca-650941a57a30\>);
  width: 60px;
  height: 60px;
  margin-left: 0;
  overflow: hidden;
}

.brix---color-neutral-801 {
  color: var(--elements-webflow-library--neutral--800);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brix---color-neutral-801.align-left {
  justify-content: center;
  align-items: flex-start;
}

.brix---color-neutral-802 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-40px-2 {
  margin-bottom: 40px;
}

.brix---btn-primary-2 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  transform-style: preserve-3d;
  border-radius: 0;
  justify-content: center;
  padding: 16px 32px;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-2:hover {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---btn-primary-2.header {
  padding: 12px 16px 12px 24px;
  font-size: 12px;
}

.brix---btn-primary-2.ankauf {
  text-align: left;
  text-transform: none;
  min-width: auto;
  max-width: 200px;
  max-height: 64px;
  margin-top: 0;
  margin-bottom: 64px;
  font-size: 12px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.brix---btn-secondary-2 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  color: var(--elements-webflow-library--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.brix---btn-secondary-2:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---buttons-row-2 {
  align-items: center;
  display: flex;
}

.brix---container-default-2 {
  max-width: 90%;
  padding-left: 0;
  padding-right: 24px;
}

.brix---heading-h1-size-2 {
  color: var(--elements-webflow-library--neutral--100);
  text-align: left;
  letter-spacing: -3px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 66px;
}

.brix---heading-h1-size-2.capital {
  text-transform: uppercase;
}

.brix---opacity-10-2 {
  opacity: .1;
}

.brix---opacity-20-2 {
  opacity: .2;
}

.brix---section-hero-primary-2 {
  background-image: linear-gradient(90deg, #0c0f18d9, #0c0f1880), url('../images/autohaus-schmid-5.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 90vh;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.brix---section-hero-primary-2.secondary {
  border-bottom: 1px solid var(--elements-webflow-library--accent--primary-1);
  background-image: none;
  width: 100%;
  max-width: none;
  height: auto;
  padding-top: 180px;
  padding-bottom: 256px;
}

.brix---paragraph-default-2 {
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  margin-bottom: 0;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 30px;
}

.brix---paragraph-default-2.align-left {
  text-align: left;
  display: flex;
}

.brix---grid-hero-v1-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.brix---button-row-left-2 {
  margin-right: 24px;
}

.brix---floating-image-hero-v1---3 {
  z-index: -1;
  display: none;
  position: absolute;
  inset: auto auto -32% -41%;
}

.brix---floating-image-hero-v1---4 {
  z-index: -1;
  max-width: 600px;
  display: none;
  position: absolute;
  inset: auto 11% 8% auto;
  transform: rotate(140deg);
}

.brix---header-wrapper {
  background-color: #fff0;
  padding-top: 32px;
  padding-bottom: 32px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.brix---header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brix---header-logo {
  max-width: 250px;
}

.brix---header-logo-link {
  transform-style: preserve-3d;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.brix---header-logo-link:hover {
  transform: scale3d(.96, .96, 1.01);
}

.brix---hamburger-menu-wrapper {
  padding: 0;
  transition: transform .3s;
}

.brix---hamburger-menu-wrapper:hover {
  transform: scale(.96);
}

.brix---hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.brix---header-right-col {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brix---hamburger-menu-bar-top, .brix---hamburger-menu-bar-bottom {
  background-color: var(--elements-webflow-library--neutral--100);
  border-radius: 20px;
  width: 36px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.brix---header-hamburger-desktop-wrapper {
  border-top: 1px solid var(--elements-webflow-library--neutral--300);
  border-bottom: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  padding: 44px 24px;
}

.brix---header-nav-menu-hamburger-desktop {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.brix---container-default-center {
  max-width: 1218px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---header-big-nav-link {
  color: var(--elements-webflow-library--neutral--800);
  padding: 0;
  font-size: 40px;
  line-height: 42px;
  transition: color .3s;
}

.brix---header-big-nav-link:hover {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---dropdown-toggle-big-link {
  align-items: center;
  padding: 0;
  font-size: 40px;
  line-height: 42px;
  transition: color .3s;
  display: flex;
}

.brix---dropdown-toggle-big-link:hover {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---dropdown-chevron-big {
  width: 28px;
  margin-left: 10px;
}

.brix---header-nav-list-item-hamburger-desktop {
  margin-bottom: 24px;
  padding-left: 0;
}

.brix---dropdown-card-desktop {
  background-color: #0000;
  top: 32px;
  overflow: visible;
}

.brix---dropdown-link-big {
  width: 100%;
  color: var(--elements-webflow-library--neutral--700);
  align-items: center;
  padding: 0;
  font-size: 28px;
  line-height: 36px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.brix---dropdown-link-big:hover {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---dropdown-links-grid-big {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---dropdown-column-wrapper-hamburger {
  background-color: #0000;
  padding-top: 32px;
  position: static;
}

.brix---color-neutral-803 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-804 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-16px {
  margin-bottom: 16px;
}

.brix---mg-bottom-40px-3 {
  margin-bottom: 40px;
}

.brix---container-default-3 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.brix---container-default-3.right {
  justify-content: flex-end;
  align-items: center;
}

.brix---section {
  color: var(--elements-webflow-library--neutral--100);
  padding-top: 176px;
  padding-bottom: 176px;
}

.brix---heading-h2-size {
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
}

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

.brix---paragraph-default-3 {
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---inner-container-600px---center {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.brix---gallery-v2-wrapper {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.brix---gallery-v2-col-right {
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 110px;
  display: grid;
}

.brix---gallery-v2-col-left {
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---image-wrapper-br-24px {
  border-radius: 24px;
  overflow: hidden;
}

.brix---color-neutral-805 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-48px {
  margin-bottom: 48px;
}

.brix---section-small {
  padding-top: 100px;
  padding-bottom: 100px;
}

.brix---grid-6-columns-logo-strip {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: grid;
}

.brix---text-300-bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.brix---color-neutral-806 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---btn-primary-3 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-3:hover {
  background-color: var(--elements-webflow-library--secondary--color-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---btn-secondary-3 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  color: var(--elements-webflow-library--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.brix---btn-secondary-3:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---buttons-row-3 {
  align-items: center;
  display: flex;
}

.brix---button-row-left-3 {
  margin-right: 24px;
}

.brix---full-width-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.brix---grid-2-columns-text-left {
  grid-column-gap: 120px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.brix---grid-2-columns-text-left.right {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}

.brix---half-bg-image-right-content-v2 {
  z-index: -1;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.brix---half-bg-image-right-content-v2.left {
  inset: 0% auto 0% 0%;
}

.brix---section-image-fw-right {
  padding-top: 310px;
  padding-bottom: 310px;
  position: relative;
  overflow: hidden;
}

.brix---color-accent-1 {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---color-neutral-807 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-32px {
  margin-bottom: 32px;
}

.brix---display-4 {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

.brix---container-default-4 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---link-wrapper {
  color: var(--elements-webflow-library--neutral--800);
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.brix---link-wrapper:hover {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---subtitle {
  color: var(--elements-webflow-library--accent--primary-1);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---link-content {
  color: var(--elements-webflow-library--neutral--600);
  text-decoration: none;
}

.brix---link-icon-right {
  margin-left: 6px;
}

.brix---text-200-bold {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---grid-2-columns-text-left-2 {
  grid-column-gap: 120px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix--grid-2-columns-text-right {
  grid-column-gap: 120px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---image-wrapper-br-24px-shadow {
  box-shadow: 0 14px 42px 0 var(--elements-webflow-library--general--shadow-04);
  border-radius: 24px;
  overflow: hidden;
}

.brix---inner-container-490px-center {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
}

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

.brix---inner-container-1000px-center {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.brix---color-accent-2 {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---color-neutral-808 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-100 {
  color: var(--elements-webflow-library--neutral--100);
}

.brix---mg-bottom-16px-2 {
  margin-bottom: 16px;
}

.brix---mg-bottom-80px {
  margin-bottom: 80px;
}

.brix---display-2 {
  font-size: 72px;
  font-weight: 700;
  line-height: 84px;
}

.brix---display-5 {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

.brix---text-uppercase {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.brix---btn-primary-4 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-4:hover {
  background-color: var(--elements-webflow-library--secondary--color-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---input {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  min-height: 70px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 100px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---input:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---input:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---input::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---text-area {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  min-height: 144px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 22px;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---text-area:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---text-area:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---text-area::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---container-default-5 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---section-2 {
  color: var(--elements-webflow-library--neutral--100);
  padding-top: 176px;
  padding-bottom: 176px;
}

.brix---success-message {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  border-radius: 24px;
  padding: 28px 28px 32px;
  font-size: 18px;
  line-height: 30px;
}

.brix---error-message {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 18px;
  line-height: 30px;
}

.brix---card-form {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  min-height: 576px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
  border-radius: 24px;
  margin-bottom: 0;
  padding: 56px 40px;
}

.brix---input-label {
  color: var(--elements-webflow-library--neutral--800);
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 20px;
}

.brix---icon-success-message-big {
  width: 60px;
  margin-bottom: 10px;
}

.brix---text-200-bold-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---big-icon-left {
  border-radius: 16px;
  margin-right: 16px;
}

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

.brix---inner-container-820px {
  max-width: 820px;
}

.brix---grid-2-contact-v13 {
  grid-column-gap: 90px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.brix---link-big-icon-wrapper {
  color: var(--elements-webflow-library--neutral--600);
  transform-style: preserve-3d;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, border-color .3s, color .3s;
  display: flex;
}

.brix---link-big-icon-wrapper:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  transform: scale3d(.96, .96, 1.01);
}

.brix---link-big-icon-wrapper-2 {
  align-items: flex-start;
}

.brix---big-icon-left-mg-extra {
  border-radius: 16px;
  margin-right: 20px;
}

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

.brix---link-big-icon-wrapper-no-hover {
  align-items: flex-start;
  display: flex;
}

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

.brix---color-neutral-809 {
  color: var(--elements-webflow-library--neutral--800);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brix---color-neutral-809.aligh-left {
  justify-content: center;
  align-items: flex-start;
}

.brix---color-neutral-810 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-16px-3 {
  margin-bottom: 16px;
}

.brix---mg-bottom-40px-4 {
  margin-bottom: 40px;
}

.brix---container-default-6 {
  flex-flow: column;
  align-items: center;
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.brix---section-3 {
  border-bottom: 0px solid var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  padding-top: 176px;
  padding-bottom: 176px;
}

.brix---heading-h2-size-2 {
  color: var(--elements-webflow-library--neutral--100);
  letter-spacing: -2px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 50px;
}

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

.brix---image-2 {
  width: 100%;
  height: auto;
}

.brix---paragraph-default-4 {
  color: var(--elements-webflow-library--neutral--100);
  margin-bottom: 32px;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 30px;
}

.brix---paragraph-default-4.center {
  text-align: center;
}

.brix---paragraph-default-4.center._16px {
  margin-top: 16px;
}

.brix---inner-container-600px---center-2 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.brix---gallery-v2-wrapper-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.brix---gallery-v2-col-right-2 {
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 110px;
  display: grid;
}

.brix---gallery-v2-col-left-2 {
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---image-wrapper-br-24px-2 {
  border-radius: 0;
  overflow: hidden;
}

.secondary {
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.div-block {
  background-image: linear-gradient(to bottom, var(--elements-webflow-library--accent--primary-1), var(--elements-webflow-library--accent--primary-1));
  width: 200px;
  height: 2px;
  margin-top: 8px;
  margin-bottom: 16px;
}

.image {
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-2 {
  width: 80%;
  max-width: 1200px;
}

.image-2 {
  max-width: none;
  padding-right: 24px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.brix---container-default-7 {
  max-width: 80%;
  margin-top: 64px;
  padding-left: 0;
  padding-right: 0;
}

.brix---section-small-2 {
  border-bottom: 0px solid var(--elements-webflow-library--accent--primary-1);
  padding-top: 160px;
  padding-bottom: 160px;
}

.brix---grid-6-columns-logo-strip-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  opacity: .8;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: grid;
}

.brix---grid-6-columns-logo-strip-2.new {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1200px;
}

.quick-stack {
  width: 80%;
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
}

.philisophie {
  justify-content: center;
  align-items: center;
  margin-top: 256px;
  display: flex;
}

.cell {
  padding-right: 24px;
}

.cell-2 {
  padding-left: 24px;
}

.image-3 {
  margin-bottom: 48px;
}

.image-4 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.google-bewertungen {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 256px;
  margin-bottom: 64px;
  display: flex;
}

.quick-stack-2 {
  width: 80%;
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
}

.ber-uns {
  justify-content: center;
  align-items: center;
  margin-top: 128px;
  display: flex;
}

.brix---color-accent-3 {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---color-neutral-811 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-812 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---color-neutral-813 {
  color: var(--elements-webflow-library--neutral--100);
}

.brix---mg-bottom-8px {
  margin-bottom: 8px;
}

.brix---mg-bottom-40px-5 {
  margin-bottom: 40px;
}

.brix---text-200 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.brix---grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---btn-primary-5 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-5:hover {
  background-color: var(--elements-webflow-library--secondary--color-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---input-2 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  min-height: 70px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 100px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---input-2:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---input-2:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---input-2::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---text-area-2 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  min-height: 144px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 22px;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---text-area-2:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---text-area-2:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---text-area-2::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---container-default-8 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---heading-h1-size-3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.brix---success-message-2 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  border-radius: 24px;
  padding: 28px 28px 32px;
  font-size: 18px;
  line-height: 30px;
}

.brix---error-message-2 {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 18px;
  line-height: 30px;
}

.brix---card-link-icon-wrapper {
  border: 1px solid var(--elements-webflow-library--neutral--200);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 6px 0 var(--elements-webflow-library--general--shadow-01);
  color: var(--elements-webflow-library--neutral--600);
  transform-style: preserve-3d;
  border-radius: 14px;
  align-items: center;
  padding: 14px 18px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  transition: transform .3s, border-color .3s, color .3s;
  display: flex;
}

.brix---card-link-icon-wrapper:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  transform: scale3d(.96, .96, 1.01);
}

.brix---subtitle-2 {
  color: var(--elements-webflow-library--accent--primary-1);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---paragraph-default-5 {
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---card-form-2 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  min-height: 576px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
  border-radius: 24px;
  margin-bottom: 0;
  padding: 56px 40px;
}

.brix---input-label-2 {
  color: var(--elements-webflow-library--neutral--800);
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 20px;
}

.brix---icon-success-message-big-2 {
  width: 60px;
  margin-bottom: 10px;
}

.brix---text-200-bold-3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---big-icon-left-2 {
  border-radius: 16px;
  margin-right: 16px;
}

.brix---section-position-relative {
  padding-top: 176px;
  padding-bottom: 176px;
  position: relative;
  overflow: hidden;
}

.brix---half-bg-right---width-36 {
  z-index: -1;
  background-color: var(--elements-webflow-library--accent--primary-1);
  width: 36%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

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

.brix---text-300-bold-2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.brix---grid-contact-v1 {
  grid-column-gap: 60px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---inner-container-400px {
  max-width: 400px;
}

.brix---color-accent-4 {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---color-neutral-814 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-815 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---color-neutral-816 {
  color: var(--elements-webflow-library--neutral--100);
}

.brix---mg-bottom-8px-2 {
  margin-bottom: 8px;
}

.brix---mg-bottom-40px-6 {
  margin-bottom: 40px;
}

.brix---text-201 {
  font-family: Gilroy, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.brix---grid-1-column-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---btn-primary-6 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  text-transform: uppercase;
  transform-style: preserve-3d;
  border-radius: 0;
  justify-content: center;
  padding: 16px 32px;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-6:hover {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---input-3 {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--elements-webflow-library--neutral--300);
  background-color: var(--background);
  min-height: 70px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 0;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---input-3:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---input-3:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---input-3::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---text-area-3 {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--elements-webflow-library--neutral--300);
  background-color: var(--background);
  min-height: 144px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---text-area-3:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---text-area-3:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---text-area-3::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---container-default-9 {
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
}

.brix---heading-h1-size-4 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.brix---success-message-3 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  border-radius: 24px;
  padding: 28px 28px 32px;
  font-size: 18px;
  line-height: 30px;
}

.brix---error-message-3 {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 18px;
  line-height: 30px;
}

.brix---card-link-icon-wrapper-2 {
  border: 0px solid var(--elements-webflow-library--neutral--200);
  box-shadow: 0 2px 6px 0 var(--elements-webflow-library--general--shadow-01);
  color: var(--elements-webflow-library--neutral--600);
  transform-style: preserve-3d;
  background-color: #fff0;
  border-radius: 14px;
  align-items: center;
  padding: 14px 18px 14px 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  transition: transform .3s, border-color .3s, color .3s;
  display: flex;
}

.brix---card-link-icon-wrapper-2:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  transform: scale3d(.96, .96, 1.01);
}

.brix---subtitle-3 {
  color: var(--elements-webflow-library--accent--primary-1);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---paragraph-default-6 {
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---card-form-3 {
  border: 0px solid var(--elements-webflow-library--neutral--300);
  min-height: 576px;
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
  background-color: #fff0;
  border-radius: 0;
  margin-bottom: 0;
  padding: 56px 40px;
}

.brix---input-label-3 {
  color: var(--elements-webflow-library--neutral--800);
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 20px;
}

.brix---icon-success-message-big-3 {
  width: 60px;
  margin-bottom: 10px;
}

.brix---text-200-bold-4 {
  color: var(--elements-webflow-library--neutral--100);
  -webkit-text-stroke-color: var(--elements-webflow-library--neutral--100);
  font-family: Gilroy, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---big-icon-left-3 {
  border-radius: 0;
  margin-right: 16px;
}

.kontakt {
  padding-top: 180px;
  padding-bottom: 128px;
  display: none;
  position: relative;
  overflow: hidden;
}

.brix---half-bg-right---width-36-2 {
  z-index: -1;
  background-color: var(--elements-webflow-library--accent--primary-1);
  width: 36%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

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

.brix---text-300-bold-3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.brix---grid-contact-v1-2 {
  grid-column-gap: 60px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---inner-container-400px-2 {
  max-width: 400px;
}

.container {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 0 8px;
  font-weight: 400;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 40px;
  border-bottom: 1px solid #d1d1d1;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  max-width: 1200px;
  padding-top: 80px;
  padding-bottom: 60px;
  display: flex;
}

.footer-block {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 160px;
  display: flex;
}

.footer-block.first-block {
  width: 100%;
  max-width: 420px;
}

.footer-title {
  color: #fff;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.information-wrapper {
  grid-row-gap: 17px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.information-block {
  grid-column-gap: 25px;
  align-items: flex-start;
  display: flex;
}

.information-block.ffnung {
  flex-flow: column;
}

.information-block.wat {
  justify-content: flex-start;
  align-items: center;
}

.information-text {
  color: #8e8e99;
  font-family: Gilroy, Arial, sans-serif;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

.footer-icon {
  color: #8e8e99;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  font-size: 20px;
  line-height: 26px;
  transition: transform .4s, color .4s;
}

.footer-icon:hover {
  color: #ff7a8c;
  transform: scale(1.1);
}

.footer-link {
  color: #8e8e99;
  justify-content: flex-start;
  font-family: Poppins, sans-serif;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s ease-out;
}

.footer-link:hover, .footer-link.w--current {
  color: #d01818;
}

.list-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.footer {
  border-top: 1px solid var(--elements-webflow-library--accent--primary-1);
}

.widget-section {
  z-index: 999;
  background-color: var(--background);
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.widget-content-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: 24px;
  margin-right: 24px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.flex-row-wrap {
  display: flex;
}

.flex-row-wrap.widget-info-gap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid var(--elements-webflow-library--accent--primary-1);
  justify-content: space-between;
  align-items: center;
  width: 80%;
  max-width: 1200px;
  padding-bottom: 24px;
}

.div-block-3 {
  width: 90%;
}

.image-5 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.widget-link-item {
  color: #fff;
  white-space: nowrap;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.widget-link-item:hover {
  color: var(--elements-webflow-library--neutral--100);
}

.div-block-4 {
  align-items: center;
  display: flex;
}

.image-6 {
  margin-right: 32px;
}

.div-block-5 {
  width: 90%;
}

.image-7 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-6 {
  width: 90%;
}

.navbar {
  z-index: 101;
  background-color: #fff0;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 16px;
  position: fixed;
  top: 0;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  max-width: 1200px;
  padding: 8px 0;
  display: flex;
}

.navbar-logo-wrapper {
  max-width: 160px;
}

.main-logo {
  width: 128px;
  min-width: auto;
  max-width: none;
  min-height: auto;
}

.nav-menu-wrapper {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  flex-flow: row;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.nav-menu {
  grid-column-gap: 36px;
  color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 16px;
  display: flex;
}

.nav-list {
  flex: none;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.nav-link {
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
  transition: color .3s ease-out;
}

.nav-link:hover {
  color: #d01818;
}

.nav-link:focus {
  color: #ff7a8c;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  color: #d01818;
}

.nav-dropdown {
  padding: 0 20px 0 0;
}

.nav-icon {
  color: #666;
  margin-right: 0;
}

.dropdown-options {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 22px 30px;
  display: none;
  position: absolute;
  right: -27.7031px;
  box-shadow: 0 10px 30px #00000026;
}

.dropdown-options.w--open {
  display: flex;
}

.submenu-link {
  color: #666;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 300;
  transition: transform .25s cubic-bezier(.25, .46, .45, .94), color .35s;
}

.submenu-link:hover {
  color: #d01818;
  transform: translate(10px);
}

.submenu-link.w--current {
  color: #30aca6;
}

.nav-button-list {
  flex: 1;
  margin-left: 33px;
  display: block;
}

.primary-button {
  text-align: center;
  background-color: #d01818;
  border-radius: 0;
  padding: 10px 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  transition: background-color .4s;
}

.primary-button:hover {
  background-color: #ffb11b00;
  border: 1px solid #d01818;
}

.menu-button {
  padding-bottom: 15px;
}

.cross-icon {
  display: none;
}

.cell-3 {
  padding-right: 24px;
}

.cell-4 {
  padding-left: 24px;
}

.div-block-7 {
  background-image: linear-gradient(180deg, #0000, var(--background));
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 48px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-8 {
  width: 80%;
}

.image-8 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-9 {
  width: 90%;
}

.div-block-10, .bannericontext {
  align-items: center;
  display: flex;
}

.image-9 {
  margin-right: 8px;
}

.instagram {
  flex-flow: column;
  align-items: center;
  margin-top: 256px;
  margin-bottom: 128px;
  display: flex;
}

.code-embed {
  width: 80%;
  max-width: 1200px;
  margin-top: 24px;
  margin-bottom: 36px;
}

.code-embed-2 {
  max-width: 1200px;
  margin-top: 0;
  margin-bottom: 64px;
}

.featured-team-image {
  width: auto;
  max-width: 530px;
  height: 540px;
}

.designation-with-margin {
  color: #5c5c5c;
  margin-bottom: 16px;
  font-family: Gilroy, Arial, sans-serif;
  font-weight: 600;
}

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

.sub-title {
  color: var(--elements-webflow-library--neutral--100);
  font-family: Gilroy, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.sub-title.team-name {
  margin-bottom: 18px;
  font-family: Gilroy, Arial, sans-serif;
  line-height: 20px;
}

.sub-title.team-name.black {
  color: var(--background);
  margin-bottom: 32px;
  font-size: 36px;
}

.heading {
  color: #fff;
  text-align: center;
  max-width: none;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Gilroy, Arial, sans-serif;
}

.heading._64 {
  font-size: 64px;
}

.section {
  background-color: #11162200;
  padding-top: 128px;
  padding-bottom: 120px;
}

.section.new-page {
  padding-top: 200px;
}

.container-2 {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  display: block;
}

.container-2.middle-allign {
  text-align: center;
  display: flex;
}

.designation {
  color: var(--elements-webflow-library--neutral--300);
  text-transform: uppercase;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.team-card {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.limited-width-paragraph {
  max-width: 700px;
  color: var(--elements-webflow-library--neutral--300);
  text-align: center;
  margin-top: 12px;
  font-family: Gilroy, Arial, sans-serif;
}

.vertical-wrapper {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.vertical-wrapper.team-info {
  background-color: var(--elements-webflow-library--neutral--100);
  justify-content: space-between;
  max-width: 910px;
  margin-left: -65px;
  padding: 55px 64px 64px 51px;
}

.our-team-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 70px;
  display: flex;
}

.team-member-image {
  width: 100%;
  max-width: 378px;
  max-height: 420px;
  margin-bottom: 30px;
}

.signature {
  max-width: 96px;
  height: 36px;
  margin-top: 30px;
}

.paragraph {
  font-family: Gilroy, Arial, sans-serif;
}

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

.layout423_card-content {
  flex-direction: column;
  justify-content: flex-end;
  max-width: 19rem;
  margin-bottom: 16px;
  display: flex;
  position: relative;
}

.layout423_image-wrapper {
  border: 0px solid var(--elements-webflow-library--accent--primary-1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.layout423_grid-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 24px;
}

.bold-text {
  color: #f5f5f5;
  font-family: Gilroy, Arial, sans-serif;
  font-weight: 400;
}

.layout423_card-content-bottom {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-style-h4 {
  color: #f5f5f5;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.layout423_card {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  width: 50%;
  height: 100%;
  min-height: 70vh;
  padding: 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layout423_card.text-color-white {
  min-height: 30vh;
}

.layout423_hover-content {
  display: none;
}

.layout423_overlay {
  background-color: #ff878700;
  background-image: linear-gradient(0deg, #1a253dbf, #1a253d00);
  position: absolute;
  inset: 0%;
}

.layout423_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

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

.layout423_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.list-item-34 {
  color: var(--elements-webflow-library--neutral--300);
  font-family: Gilroy, Arial, sans-serif;
}

.widget {
  background-color: #fff;
  background-image: url('../images/flat-cut-shape-light_1flat-cut-shape-light.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 56px 56px;
  border-radius: 30px;
  width: 100%;
  margin-bottom: 40px;
  padding: 40px 20px 25px;
}

.ads {
  background-image: linear-gradient(0deg, #146e9f, #146e9f 64% 79%, #0000);
  padding-bottom: 34px;
  padding-left: 15px;
  padding-right: 15px;
}

.list-6 {
  margin-bottom: 16px;
}

.service-list-word {
  display: flex;
  position: relative;
}

.widget-title-wrap {
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.button-link {
  background-color: #fff;
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 14px 28px;
  font-size: 15px;
  line-height: 26px;
  display: flex;
}

.button-link:hover {
  background-color: #146e9f;
}

.button-link.bg-global {
  background-color: #146e9f;
  margin-bottom: 0;
}

.button-link.bg-global:hover {
  background-color: #e23232;
}

.button-text {
  letter-spacing: .75px;
  text-transform: capitalize;
  white-space: nowrap;
  margin-bottom: 0;
  padding-right: 12px;
  font-size: 15px;
  line-height: 26px;
}

.button-text.white-text {
  text-transform: none;
  font-size: 14px;
}

.ads-icon-content {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.container-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.button-arrow {
  width: 13px;
  height: 13px;
}

.button-arrow.white {
  filter: invert();
}

.service-list-text {
  color: #146e9f;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
}

.service-detail-number {
  color: #146e9f;
  margin-right: 6px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.service-details {
  flex-direction: row;
  display: flex;
}

.service-list-link {
  color: #e23232;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 15px 8px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.service-list-link:hover {
  color: #e23232;
  background-color: #fff;
}

.service-list-link.w--current {
  color: #fff;
  background-color: #f7f7f7;
  border-radius: 15px;
}

.blog-detail-right-column {
  padding-left: 30px;
}

.bold-text-3 {
  color: var(--elements-webflow-library--neutral--100);
  font-family: Gilroy, Arial, sans-serif;
  font-size: 32px;
}

.section-gap {
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section-gap.new {
  padding-top: 0;
}

.service-details-left {
  position: sticky;
  top: 64px;
}

.heading-4 {
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  margin-bottom: 64px;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 64px;
}

.button-arrow-border {
  border-left: 1px solid #02091c33;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 14px;
  display: flex;
}

.button-arrow-border.white-border {
  border-left-color: #fff3;
}

.heading-5 {
  margin-bottom: 16px;
}

.ads-title-two {
  color: #f4f6ff;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

.ads-title-two:hover {
  color: #146e9f;
}

.advertisement {
  color: #fff;
  text-align: center;
  background-color: #e23232;
  background-image: url('../images/flat-cut-shape-light_1flat-cut-shape-light.png'), url('../images/autohaus-merz-2020-14.jpg');
  background-position: 100% 0, 30%;
  background-repeat: no-repeat, no-repeat;
  background-size: 56px 56px, cover;
  border-radius: 30px;
  flex-flow: column wrap;
  align-items: center;
  margin-bottom: 40px;
  padding-top: 220px;
  position: relative;
  overflow: hidden;
}

.service-list-arrow {
  border-radius: 50%;
  flex: none;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.ads-title-one {
  color: #fff;
  letter-spacing: -.4px;
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.widget-title {
  color: #146e9f;
  flex: 1;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.list-item-32 {
  color: var(--elements-webflow-library--neutral--300);
  -webkit-text-stroke-color: #666;
}

.button-wrap {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.button-wrap.margin-top-30 {
  justify-content: flex-start;
  align-items: stretch;
}

.button-wrap.margin-top-30.jobs {
  justify-content: center;
  align-items: stretch;
}

.paragraph-2, .paragraph-3, .paragraph-4 {
  color: var(--elements-webflow-library--neutral--300);
}

.div-block-11 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-2 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.list-item-35 {
  color: var(--elements-webflow-library--neutral--300);
  font-family: Gilroy, Arial, sans-serif;
}

.code-embed-3 {
  margin-top: 64px;
}

@media screen and (min-width: 1280px) {
  .widget-content-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }

  .flex-row-wrap.widget-info-gap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .layout423_overlay {
    background-image: linear-gradient(0deg, #1a253dbf, #ff878700);
  }

  .widget, .ads {
    padding-left: 30px;
    padding-right: 30px;
  }

  .service-list-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-detail-right-column {
    padding-left: 50px;
  }

  .ads-title-two {
    font-size: 30px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1440px) {
  .brix---grid-hero-v1, .brix---grid-hero-v1-2 {
    grid-column-gap: 90px;
  }

  .brix---form-grid-2-columns {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .brix---container-default-6 {
    align-items: center;
    max-width: 1200px;
    display: flex;
  }

  .secondary {
    width: 70%;
  }

  .div-block-2 {
    width: 80%;
    max-width: 1200px;
  }

  .brix---container-default-7 {
    max-width: 1200px;
  }

  .quick-stack, .quick-stack-2 {
    width: 80%;
    max-width: 1200px;
  }

  .brix---form-grid-2-columns-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .brix---grid-contact-v1 {
    grid-column-gap: 80px;
    grid-template-columns: 1fr 1.2fr;
  }

  .brix---form-grid-2-columns-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .brix---grid-contact-v1-2 {
    grid-column-gap: 80px;
    grid-template-columns: 1fr 1.2fr;
  }

  .flex-row-wrap.widget-info-gap {
    width: 70%;
  }

  .navbar-wrapper {
    max-width: 1200px;
  }

  .bold-text, .heading-style-h4 {
    color: #f8f5fe;
  }

  .layout423_overlay {
    background-color: #ff878700;
  }

  .advertisement {
    background-image: url('../images/flat-cut-shape-light_1flat-cut-shape-light.png'), url('../images/autohaus-merz-2020-3.jpg');
    background-position: 100% 0, 30%;
  }
}

@media screen and (min-width: 1920px) {
  .widget-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text, .heading-style-h4 {
    color: #f8f5fe;
  }
}

@media screen and (max-width: 991px) {
  .brix---btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---heading-h1-size {
    font-size: 48px;
    line-height: 60px;
  }

  .brix---section-hero-primary {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---grid-hero-v1 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---floating-image-hero-v1---1 {
    bottom: -14%;
    left: -42%;
  }

  .brix---floating-image-hero-v1---2 {
    top: 24%;
    right: -30%;
  }

  .fbl-heading-h1 {
    font-size: 3rem;
    line-height: 1.2em;
  }

  .fbl-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fbl-section {
    padding: 80px 0%;
  }

  .fbl-hero-1 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .brix---btn-primary-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---heading-h1-size-2 {
    font-size: 48px;
    line-height: 60px;
  }

  .brix---section-hero-primary-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---grid-hero-v1-2 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---floating-image-hero-v1---3 {
    bottom: -14%;
    left: -42%;
  }

  .brix---floating-image-hero-v1---4 {
    top: 24%;
    right: -30%;
  }

  .brix---header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---header-logo {
    max-width: 232px;
  }

  .brix---hamburger-menu-wrapper {
    order: -1;
    transition: transform .3s;
  }

  .brix---hamburger-menu-wrapper:hover {
    transform: scale(.96);
  }

  .brix---hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .brix---hamburger-menu-bar-top {
    width: 44px;
    height: 3px;
  }

  .brix---hamburger-menu-bar-bottom {
    width: 44px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .brix---header-hamburger-desktop-wrapper {
    border-top: 1px solid var(--elements-webflow-library--neutral--300);
    border-bottom: 1px solid var(--elements-webflow-library--neutral--300);
    background-color: var(--elements-webflow-library--neutral--100);
    padding-left: 0;
    padding-right: 0;
  }

  .brix---header-nav-menu-hamburger-desktop {
    flex-direction: column;
    align-items: flex-start;
  }

  .brix---header-nav-list-item-hamburger-desktop {
    padding-left: 0;
  }

  .brix---dropdown-card-desktop {
    min-width: auto;
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding-top: 26px;
  }

  .brix---dropdown-card-desktop.w--open {
    position: static;
  }

  .brix---dropdown-column-wrapper-hamburger {
    padding-top: 0;
    position: static;
  }

  .brix---section {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h2-size {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---image-wrapper-br-24px {
    border-radius: 20px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 40px;
  }

  .brix---section-small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---grid-6-columns-logo-strip {
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
  }

  .brix---btn-primary-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---grid-2-columns-text-left {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---half-bg-image-right-content-v2 {
    width: 100%;
    height: 100%;
    min-height: 580px;
    margin-top: 48px;
    position: static;
    inset: auto 0% 0%;
  }

  .brix---section-image-fw-right {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .brix---mg-bottom-32px {
    margin-bottom: 24px;
  }

  .brix---display-4 {
    font-size: 22px;
    line-height: 38px;
  }

  .brix---grid-2-columns-text-left-2, .brix--grid-2-columns-text-right {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---mg-bottom-80px {
    margin-bottom: 64px;
  }

  .brix---display-2 {
    font-size: 58px;
    line-height: 70px;
  }

  .brix---display-5 {
    font-size: 22px;
    line-height: 38px;
  }

  .brix---btn-primary-4 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---section-2 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---card-form {
    padding: 54px 32px;
  }

  .brix---grid-2-contact-v13 {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .brix---section-3 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h2-size-2 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---image-wrapper-br-24px-2 {
    border-radius: 20px;
  }

  .brix---section-small-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---grid-6-columns-logo-strip-2 {
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
  }

  .brix---btn-primary-5 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---heading-h1-size-3 {
    font-size: 48px;
    line-height: 60px;
  }

  .brix---card-form-2 {
    padding: 54px 32px;
  }

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

  .brix---half-bg-right---width-36 {
    width: 100%;
    height: 40%;
    inset: auto 0% 0%;
  }

  .brix---grid-contact-v1 {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .brix---btn-primary-6 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---heading-h1-size-4 {
    font-size: 48px;
    line-height: 60px;
  }

  .brix---card-form-3 {
    padding: 54px 32px;
  }

  .kontakt {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---half-bg-right---width-36-2 {
    width: 100%;
    height: 40%;
    inset: auto 0% 0%;
  }

  .brix---grid-contact-v1-2 {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .container {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-wrapper {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-block {
    grid-row-gap: 20px;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-block.first-block {
    border-bottom: 1px solid #bdbdbd;
    max-width: none;
  }

  .widget-content-wrapper {
    flex-flow: wrap;
  }

  .flex-row-wrap.widget-info-gap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .navbar-logo-wrapper {
    z-index: 1;
  }

  .nav-menu-wrapper {
    background-color: #0000;
    border-radius: 0;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    display: block;
    top: 0;
  }

  .nav-menu {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    text-align: center;
    background-color: #eee;
    border-radius: 0;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 25px 0 40px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-list {
    text-align: center;
    border-bottom: 1px #fff3;
    width: 100%;
    display: flex;
  }

  .nav-link {
    color: #000;
    width: 100%;
    padding: 0 5px;
    font-weight: 400;
  }

  .nav-icon {
    color: #000;
  }

  .submenu-link.w--current {
    color: #d01818;
  }

  .nav-button-list {
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .menu-button {
    flex-direction: row;
    padding: 0;
    display: block;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #0000;
  }

  .hamburger-and-close-icon-wrapper {
    align-items: center;
    display: flex;
  }

  .hamburger-icon {
    color: #d01818;
    background-color: #fff0;
    border: 1px #0000;
    flex-direction: row;
    font-size: 36px;
    display: block;
  }

  .cross-icon {
    color: #fff;
    background-color: #0000;
    flex-direction: row;
    font-size: 30px;
    font-style: normal;
    display: none;
  }

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

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

  .container-2 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .vertical-wrapper.team-info {
    margin-left: -120px;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .layout423_card {
    width: 100%;
  }

  .layout423_row {
    flex-direction: column;
  }

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

  .layout423_image {
    object-fit: cover;
  }

  .widget {
    margin-bottom: 30px;
  }

  .service-details {
    flex-flow: column-reverse;
    display: block;
  }

  .service-list-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-detail-right-column {
    padding-left: 10px;
  }

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

  .service-details-left {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .advertisement {
    background-position: 100% 0, 50% 5%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .brix---mg-bottom-40px {
    margin-bottom: 24px;
  }

  .brix---btn-primary {
    padding: 20px 32px;
  }

  .brix---btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---heading-h1-size {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---section-hero-primary {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---grid-hero-v1 {
    grid-template-columns: 1fr;
  }

  .brix---button-row-left {
    margin-right: 16px;
  }

  .brix---floating-image-hero-v1---1 {
    max-width: 500px;
  }

  .brix---floating-image-hero-v1---2 {
    max-width: 480px;
  }

  .fbl-heading-h1 {
    font-size: 2.75rem;
    line-height: 1.1em;
  }

  .fbl-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .fbl-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fbl-hero-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .brix---mg-bottom-40px-2 {
    margin-bottom: 24px;
  }

  .brix---btn-primary-2 {
    padding: 20px 32px;
  }

  .brix---btn-secondary-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---heading-h1-size-2 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---section-hero-primary-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---grid-hero-v1-2 {
    grid-template-columns: 1fr;
  }

  .brix---button-row-left-2 {
    margin-right: 16px;
  }

  .brix---floating-image-hero-v1---3 {
    max-width: 500px;
  }

  .brix---floating-image-hero-v1---4 {
    max-width: 480px;
  }

  .brix---header-logo {
    max-width: 90%;
  }

  .brix---header-big-nav-link, .brix---dropdown-toggle-big-link {
    font-size: 32px;
    line-height: 34px;
  }

  .brix---dropdown-chevron-big {
    width: 25px;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px-3 {
    margin-bottom: 24px;
  }

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

  .brix---heading-h2-size {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---gallery-v2-wrapper {
    grid-template-columns: 1fr;
  }

  .brix---gallery-v2-col-right {
    margin-top: 0;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .brix---section-small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---grid-6-columns-logo-strip {
    grid-column-gap: 72px;
    grid-row-gap: 32px;
    grid-template-columns: auto auto;
    transform: scale(.96);
  }

  .brix---text-300-bold {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---btn-primary-3 {
    padding: 20px 32px;
  }

  .brix---btn-secondary-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---button-row-left-3 {
    margin-right: 16px;
  }

  .brix---grid-2-columns-text-left {
    grid-template-columns: 1fr;
  }

  .brix---section-image-fw-right {
    padding-top: 96px;
    padding-bottom: 0;
  }

  .brix---display-4 {
    font-size: 20px;
    line-height: 32px;
  }

  .brix---subtitle {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---link-icon-right {
    width: 20px;
    margin-left: 8px;
  }

  .brix---text-200-bold {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---grid-2-columns-text-left-2, .brix--grid-2-columns-text-right {
    grid-template-columns: 1fr;
  }

  .brix---image-wrapper-br-24px-shadow {
    box-shadow: 0 4px 22px 0 var(--elements-webflow-library--general--shadow-04);
    border-radius: 14px;
  }

  .brix---mg-bottom-16px-2 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-80px {
    margin-bottom: 48px;
  }

  .brix---display-2 {
    font-size: 48px;
    line-height: 56px;
  }

  .brix---display-5 {
    font-size: 20px;
    line-height: 32px;
  }

  .brix---btn-primary-4 {
    padding: 20px 32px;
  }

  .brix---input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---text-area {
    border-radius: 18px;
  }

  .brix---section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---card-form {
    min-height: 560px;
    padding: 36px 30px 48px;
  }

  .brix---text-200-bold-2 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---big-icon-left {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---form-grid-2-columns {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .brix---grid-2-contact-v13 {
    grid-template-columns: 1fr;
  }

  .brix---big-icon-left-mg-extra {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---grid-1-column-gap-row-gap-56px {
    grid-row-gap: 40px;
  }

  .brix---mg-bottom-16px-3 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px-4 {
    margin-bottom: 24px;
  }

  .brix---section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---heading-h2-size-2 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---gallery-v2-wrapper-2 {
    grid-template-columns: 1fr;
  }

  .brix---gallery-v2-col-right-2 {
    margin-top: 0;
  }

  .brix---section-small-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---grid-6-columns-logo-strip-2 {
    grid-column-gap: 72px;
    grid-row-gap: 32px;
    grid-template-columns: auto auto;
    transform: scale(.96);
  }

  .brix---mg-bottom-40px-5 {
    margin-bottom: 24px;
  }

  .brix---text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---btn-primary-5 {
    padding: 20px 32px;
  }

  .brix---input-2 {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---text-area-2 {
    border-radius: 18px;
  }

  .brix---heading-h1-size-3 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---subtitle-2 {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---card-form-2 {
    min-height: 560px;
    padding: 36px 30px 48px;
  }

  .brix---text-200-bold-3 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---big-icon-left-2 {
    border-radius: 12px;
    max-width: 56px;
  }

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

  .brix---form-grid-2-columns-2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .brix---text-300-bold-2 {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---grid-contact-v1 {
    grid-template-columns: 1fr;
  }

  .brix---inner-container-400px {
    max-width: 100%;
  }

  .brix---mg-bottom-40px-6 {
    margin-bottom: 24px;
  }

  .brix---text-201 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---btn-primary-6 {
    padding: 20px 32px;
  }

  .brix---input-3 {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---text-area-3 {
    border-radius: 18px;
  }

  .brix---heading-h1-size-4 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---subtitle-3 {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---card-form-3 {
    min-height: 560px;
    padding: 36px 30px 48px;
  }

  .brix---text-200-bold-4 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---big-icon-left-3 {
    border-radius: 12px;
    max-width: 56px;
  }

  .kontakt {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---form-grid-2-columns-3 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .brix---text-300-bold-3 {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---grid-contact-v1-2 {
    grid-template-columns: 1fr;
  }

  .brix---inner-container-400px-2 {
    max-width: 100%;
  }

  .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .footer-wrapper {
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-block {
    flex-direction: column;
    max-width: 150px;
  }

  .navbar {
    z-index: 99999;
    max-width: 100%;
  }

  .navbar-logo-wrapper {
    z-index: 1;
    max-width: 120px;
  }

  .nav-menu {
    border-radius: 0;
  }

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

  .cross-icon {
    font-size: 30px;
    font-style: normal;
    line-height: 40px;
    display: none;
  }

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

  .container-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .vertical-wrapper.team-info {
    max-width: 96%;
    margin-top: -200px;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .our-team-wrapper {
    flex-direction: column;
  }

  .layout423_grid-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .layout423_card {
    grid-template-columns: 1fr;
    width: 100%;
    padding: 1.5rem;
  }

  .layout423_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

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

  .column-767-padding-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .service-list-link {
    padding-left: 8px;
    padding-right: 8px;
  }

  .section-gap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 479px) {
  .brix---btn-primary, .brix---btn-secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---buttons-row {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h1-size {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---section-hero-primary {
    padding-top: 48px;
    padding-bottom: 96px;
  }

  .brix---paragraph-default {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---button-row-left {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---floating-image-hero-v1---1 {
    opacity: .2;
    bottom: -5%;
    left: -35%;
  }

  .brix---floating-image-hero-v1---2 {
    display: none;
  }

  .fbl-heading-h1 {
    font-size: 2.25rem;
  }

  .fbl-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .fbl-hero-1 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .fbl-lead-text {
    font-size: 17px;
  }

  .fbl-hero-image-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .fbl-hero-1-element {
    padding: 15px;
  }

  .fbl-hero-image-right {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 0;
  }

  .fbl-hero-1-avatar-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .fbl-hero-1-button {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
  }

  .fbl-hero-image-two {
    margin-left: 0;
  }

  .brix---btn-primary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---btn-primary-2.header {
    width: auto;
    margin-top: 16px;
    margin-left: 24px;
    margin-right: 24px;
    display: flex;
  }

  .brix---btn-secondary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---buttons-row-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---container-default-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h1-size-2 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---section-hero-primary-2 {
    padding-top: 48px;
    padding-bottom: 96px;
  }

  .brix---paragraph-default-2 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---button-row-left-2 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---floating-image-hero-v1---3 {
    opacity: .2;
    bottom: -5%;
    left: -35%;
  }

  .brix---floating-image-hero-v1---4 {
    display: none;
  }

  .brix---header-logo {
    max-width: 84%;
  }

  .brix---container-default-center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---header-big-nav-link, .brix---dropdown-toggle-big-link {
    font-size: 26px;
    line-height: 28px;
  }

  .brix---dropdown-chevron-big {
    width: 21px;
    margin-left: 8px;
  }

  .brix---header-nav-list-item-hamburger-desktop {
    text-align: left;
    width: 100%;
    margin-bottom: 17px;
  }

  .brix---dropdown-link-big {
    font-size: 22px;
    line-height: 26px;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 15px;
  }

  .brix---container-default-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---paragraph-default-3 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---gallery-v2-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .brix---image-wrapper-br-24px {
    border-radius: 16px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .brix---section-small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---grid-6-columns-logo-strip {
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }

  .brix---text-300-bold {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---btn-primary-3, .brix---btn-secondary-3 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---buttons-row-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---button-row-left-3 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---half-bg-image-right-content-v2 {
    min-height: auto;
    position: relative;
  }

  .brix---section-image-fw-right {
    padding-top: 96px;
  }

  .brix---container-default-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---subtitle {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---link-icon-right {
    width: 18px;
  }

  .brix---text-200-bold {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---image-wrapper-br-24px-shadow {
    border-radius: 16px;
  }

  .brix---mg-bottom-16px-2 {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-80px {
    margin-bottom: 40px;
  }

  .brix---display-2 {
    font-size: 38px;
    line-height: 48px;
  }

  .brix---btn-primary-4 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---text-area {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 26px;
  }

  .brix---text-area::placeholder {
    font-size: 16px;
    line-height: 24px;
  }

  .brix---container-default-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---card-form {
    padding-left: 23px;
    padding-right: 23px;
  }

  .brix---text-200-bold-2 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---big-icon-left {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .brix---link-big-icon-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 26px 24px;
  }

  .brix---link-big-icon-wrapper-2 {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }

  .brix---big-icon-left-mg-extra {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .brix---link-big-icon-wrapper-no-hover {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }

  .brix---color-neutral-809 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .brix---color-neutral-809.aligh-left {
    justify-content: center;
    align-items: flex-start;
  }

  .brix---color-neutral-809.center {
    justify-content: center;
    align-items: center;
  }

  .brix---mg-bottom-16px-3 {
    margin-bottom: 15px;
  }

  .brix---container-default-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size-2 {
    font-size: 32px;
    line-height: 34px;
  }

  .brix---paragraph-default-4 {
    text-align: left;
    font-size: 17px;
    line-height: 28px;
  }

  .brix---gallery-v2-wrapper-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .brix---image-wrapper-br-24px-2 {
    border-radius: 16px;
  }

  .brix---container-default-7 {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .brix---section-small-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---grid-6-columns-logo-strip-2 {
    grid-column-gap: 48px;
    grid-row-gap: 64px;
    grid-template-columns: auto;
  }

  .brix---grid-6-columns-logo-strip-2.new {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cell {
    padding-right: 0;
  }

  .cell-2 {
    padding-left: 0;
  }

  .brix---mg-bottom-8px {
    margin-bottom: 6px;
  }

  .brix---text-200 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---btn-primary-5 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---input-2 {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input-2::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---text-area-2 {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 26px;
  }

  .brix---text-area-2::placeholder {
    font-size: 16px;
    line-height: 24px;
  }

  .brix---container-default-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h1-size-3 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---card-link-icon-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 26px 24px;
  }

  .brix---subtitle-2 {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---paragraph-default-5 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---card-form-2 {
    padding-left: 23px;
    padding-right: 23px;
  }

  .brix---text-200-bold-3 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---big-icon-left-2 {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

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

  .brix---text-300-bold-2 {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---grid-contact-v1 {
    grid-row-gap: 50px;
  }

  .brix---inner-container-400px {
    max-width: 100%;
  }

  .brix---mg-bottom-8px-2 {
    margin-bottom: 6px;
  }

  .brix---text-201 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---btn-primary-6 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---input-3 {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input-3::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---text-area-3 {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 26px;
  }

  .brix---text-area-3::placeholder {
    font-size: 16px;
    line-height: 24px;
  }

  .brix---container-default-9 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h1-size-4 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---card-link-icon-wrapper-2 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 26px 24px;
  }

  .brix---subtitle-3 {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---paragraph-default-6 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---card-form-3 {
    padding-left: 23px;
    padding-right: 23px;
  }

  .brix---text-200-bold-4 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---big-icon-left-3 {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .kontakt {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---text-300-bold-3 {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---grid-contact-v1-2 {
    grid-row-gap: 50px;
  }

  .brix---inner-container-400px-2 {
    max-width: 100%;
  }

  .container {
    align-items: center;
    padding: 0 15px;
    display: flex;
  }

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

  .footer-block {
    grid-row-gap: 20px;
    border-top: 1px solid #d2d2d2;
    max-width: none;
  }

  .footer-block.first-block {
    border-top-style: none;
  }

  .information-block {
    grid-column-gap: 15px;
  }

  .widget-section {
    display: none;
  }

  .widget-content-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
  }

  .image-6 {
    margin-right: 0;
  }

  .navbar {
    background-color: var(--background);
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-wrapper {
    width: 90%;
    padding-top: 16px;
  }

  .navbar-logo-wrapper {
    max-width: 80px;
    padding-left: 0;
  }

  .navbar-logo-wrapper.w--current {
    margin-bottom: 8px;
  }

  .main-logo {
    max-width: 150px;
  }

  .nav-menu-wrapper {
    background-color: var(--background);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    height: 100vh;
    margin-top: 0;
  }

  .nav-menu {
    grid-row-gap: 15px;
    background-color: #eee0;
    flex-direction: column;
    display: flex;
    overflow: visible;
  }

  .nav-link {
    color: var(--elements-webflow-library--neutral--100);
  }

  .nav-link.w--current {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-options {
    right: -84.7031px;
  }

  .primary-button {
    padding: 5px 16px;
    font-size: 16px;
    line-height: 26px;
  }

  .hamburger-icon {
    background-color: #fff0;
    font-size: 25px;
  }

  .cross-icon {
    color: #fff;
    font-size: 25px;
  }

  .cell-3 {
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }

  .cell-4 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }

  .featured-team-image {
    height: 400px;
  }

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

  .sub-title {
    font-size: 18px;
    line-height: 28px;
  }

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

  .container-2 {
    align-items: center;
    padding: 0 15px;
  }

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

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

  .widget {
    margin-bottom: 30px;
    padding: 30px 20px 10px;
  }

  .ads {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-767-padding-0 {
    flex-flow: column;
    display: flex;
  }

  .button-text.white-text {
    font-size: 12px;
  }

  .ads-icon-content {
    width: 55px;
    height: 55px;
  }

  .service-list-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bold-text-3 {
    font-size: 24px;
    line-height: 24px;
  }

  .service-details-left {
    display: none;
  }

  .heading-4 {
    font-size: 24px;
    line-height: 32px;
  }

  .heading-5 {
    line-height: 24px;
  }

  .ads-title-two {
    font-size: 22px;
    line-height: 22px;
  }

  .advertisement {
    padding-top: 200px;
  }

  .ads-title-one {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 22px;
  }

  .button-wrap {
    justify-content: center;
    align-items: stretch;
  }

  .link-block {
    flex-flow: column;
    width: auto;
    margin-left: 16px;
    display: inline-block;
  }

  .link-block-2 {
    margin-right: 16px;
  }

  .div-block-12 {
    margin-top: 64px;
  }
}

#w-node-_1738c8f5-1f9f-98bf-c512-4bb6dc93ee33-a6c40cc7, #w-node-_1738c8f5-1f9f-98bf-c512-4bb6dc93ee3f-a6c40cc7, #w-node-_1738c8f5-1f9f-98bf-c512-4bb6dc93ee4c-a6c40cc7, #w-node-_4761bfc0-9174-d2b2-f6f8-ff8367f48f9e-a6c40cc7, #w-node-_4761bfc0-9174-d2b2-f6f8-ff8367f48faa-a6c40cc7, #w-node-_4761bfc0-9174-d2b2-f6f8-ff8367f48fb7-a6c40cc7 {
  align-self: start;
}

#w-node-fc1fa17b-8b0f-f30e-eb44-0bf2bfc08812-a6c40cc7 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

#w-node-_70341a1d-88ef-162f-e4b0-5e855c765dc1-a6c40cc7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

#w-node-b4b5412e-8aa2-f3bf-2b5c-b2f0ccd4888c-a6c40cc7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b4b5412e-8aa2-f3bf-2b5c-b2f0ccd48890-a6c40cc7 {
  justify-self: start;
}

#w-node-a9e1bc12-8ead-62a3-40af-de16851e6e2b-5d01458f, #w-node-a9e1bc12-8ead-62a3-40af-de16851e6e31-5d01458f, #w-node-a9e1bc12-8ead-62a3-40af-de16851e6e37-5d01458f, #w-node-a9e1bc12-8ead-62a3-40af-de16851e6e3d-5d01458f, #w-node-_91e688ba-bbd8-42e8-34b5-b8ad4448c1d4-5d01458f, #w-node-_91e688ba-bbd8-42e8-34b5-b8ad4448c1e0-5d01458f, #w-node-_91e688ba-bbd8-42e8-34b5-b8ad4448c1e6-5d01458f, #w-node-_91e688ba-bbd8-42e8-34b5-b8ad4448c1da-5d01458f, #w-node-_956ffcb5-83ca-24c3-213a-d448559138d1-5d01458f, #w-node-_06875ca7-f1d6-efd2-7533-19a5400d99c9-5d01458f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-fc1fa17b-8b0f-f30e-eb44-0bf2bfc08812-a6c40cc7 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-_70341a1d-88ef-162f-e4b0-5e855c765dc1-a6c40cc7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b4b5412e-8aa2-f3bf-2b5c-b2f0ccd4888c-a6c40cc7 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-Black.ttf') format('truetype'), url('../fonts/GothamCond-XBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond Ultra';
  src: url('../fonts/GothamCond-Ultra.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-BlackItalic.ttf') format('truetype'), url('../fonts/GothamCond-XBlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-XLightItalic.ttf') format('truetype'), url('../fonts/GothamCond-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-BookItalic.ttf') format('truetype'), url('../fonts/GothamCond-UltraItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond Book';
  src: url('../fonts/GothamCond-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamcond';
  src: url('../fonts/GothamCond-XLight.ttf') format('truetype'), url('../fonts/GothamCond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-BoldItalic.ttf') format('truetype'), url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Bold.ttf') format('truetype'), url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-BlackItalic.ttf') format('truetype'), url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Heavy.ttf') format('truetype'), url('../fonts/Gilroy-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* ── Anpassung gegenüber dem Webflow-Export (Kundenwunsch) ──────────────────
   Leistungen-Kacheln: beide Reihen gleich breit.
   Original: .layout423_card hat width:50% und (als Flex-Item) min-width:auto.
   Sobald die min-content-Breite einer Karte die anteilige Reihenbreite
   übersteigt (Browser-Zoom, größere Schriftgröße, schmalere Fenster),
   kann diese Karte nicht weiter schrumpfen — die Karten einer Reihe werden
   ungleich breit und die beiden Reihen laufen auseinander.
   flex:1 1 0 + min-width:0 erzwingt exakt gleiche Spaltenbreiten.
   Nur ab 992px, darunter stapelt .layout423_row ohnehin (flex-direction:column). */
@media screen and (min-width: 992px) {
  .layout423_grid-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .layout423_row {
    min-width: 0;
  }

  .layout423_card {
    flex: 1 1 0;
    min-width: 0;
  }
}

/* ── Ergänzung für die Rechtsseiten (nicht im Webflow-Export enthalten) ─────
   Impressum/Datenschutz/Barrierefreiheit/Cookies enthalten Links im Fließtext.
   Ohne Regel erbt <a> das Browser-Blau (#0000EE) und steht auf dem dunklen
   Seitenhintergrund (#1a253d) bei einem Kontrast von ~1,6:1 — unlesbar und
   klar unter WCAG AA (4,5:1). Die Textfarbe erbt 13,5:1, der Hover-Ton 5,5:1.
   Der Link bleibt zusätzlich durch die Unterstreichung erkennbar, also nicht
   allein durch Farbe (WCAG 1.4.1). */
.w-richtext a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.w-richtext a:hover {
  color: #ff6a4d;
}

/* ── Anpassung gegenüber dem Webflow-Export (Kundenwunsch) ──────────────────
   Team-Bilder: einheitliches Format, croppen statt stauchen.
   Original: .team-member-image hat width:100% + max-height:420px ohne
   object-fit. Beide Vorgaben zusammen erzwingen 378x420 (9:10), während die
   Fotos 768x960 (4:5) sind — der Browser quetscht sie um 12,5 % zusammen.
   aspect-ratio hält das Format bei ALLEN Karten identisch, object-fit:cover
   schneidet den Überstand ab, statt das Bild zu verzerren. Der Fokus liegt
   leicht über der Mitte, damit bei Porträts die Köpfe im Bild bleiben. */
.team-member-image {
  aspect-ratio: 9 / 10;
  object-fit: cover;
  object-position: center 25%;
}

/* ── Anpassung gegenüber dem Webflow-Export (Kundenwunsch) ──────────────────
   Floating-Badge „Sie möchten ihr Auto verkaufen?": Text zentrieren.
   Original setzt text-align:left — beide Zeilen kleben am linken Padding und
   der Flatterrand rechts lässt das Badge schief wirken. */
.brix---btn-primary-2.ankauf {
  text-align: center;
}

/* ── SEO-Umstellung: „Unser Team" ist jetzt h1 statt h2 ─────────────────────
   .heading setzt Margins/Farbe/Font selbst, aber KEINE line-height — die kam
   bisher vom h2-Tag-Style (36px, webflow.css). Hier gepinnt, damit der
   Tag-Wechsel das Rendering nicht verändert (h1 hätte 44px). */
.heading {
  line-height: 36px;
}

/* ── Motion-Redesign (Kundenwunsch: „wirkt abgehackt und langsam") ──────────
   Prinzipien: kräftiges ease-out statt linear, UI-Interaktionen unter 300 ms,
   nur transform/opacity animieren, Press-Feedback auf allem Klickbaren.
   Ergänzt das IX2-Retiming in js/webflow.js (Easing outQuart, Dauern ≤350 ms,
   Delays ≤150 ms — Original des Exports unverändert in webflow-export/). */
:root {
  --motion-out: cubic-bezier(0.23, 1, 0.32, 1);
}

/* Buttons: Hover von trägen 300 ms default-ease auf 180 ms mit Kurve;
   Press-Feedback macht das Interface „hörbar" (Emil: buttons must feel
   responsive). Gilt auch für den Floating-Ankauf-Badge. */
.brix---btn-primary-2,
.brix---btn-primary-6 {
  transition: background-color 180ms var(--motion-out),
              transform 160ms var(--motion-out),
              color 180ms var(--motion-out);
}

.brix---btn-primary-2:active,
.brix---btn-primary-6:active {
  transform: scale(0.97);
}

/* Nav- und Footer-Links: Farbwechsel snappy statt 300 ms */
.nav-link,
.footer-link {
  transition: color 150ms var(--motion-out);
}

/* .nav-list/.fbl-buttons nutzten `transition: all .3s ease-in-out` —
   `all` animiert unbeabsichtigt Layout-Properties; exakt eingrenzen. */
.nav-list {
  transition: color 150ms var(--motion-out), background-color 150ms var(--motion-out);
}

/* Reduzierte Bewegung: Reveals sofort sichtbar, keine Transform-Fahrten.
   IX2 schreibt Inline-Styles, daher !important. Opacity-Übergänge bleiben
   erlaubt (Verständlichkeit), Bewegung wird entfernt. */
@media (prefers-reduced-motion: reduce) {
  [data-w-id] {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .layout423_card-content-bottom {
    height: auto !important;
  }
}

/* ── Responsive-Spacing-Korrekturen (Kundenwunsch: „Abstände teilweise zu
   groß") ────────────────────────────────────────────────────────────────────
   Zwei Webflow-Auslassungen unterhalb von 992 px:
   1. .brix---container-default-6 ist flex/align-items:center und
      .layout423_grid-list schrumpfte darin auf Max-Content (~368 px) —
      die Leistungs-Karten füllten den Viewport nicht.
   2. Für .brix---section-hero-primary-2.secondary (Leistungen, Desktop
      180/256 px) und .section.new-page (Unterseiten, 200 px oben) existierte
      KEIN Mobile-Override — Desktop-Polster auf Handybreite.
   Desktop (≥992 px) bleibt unverändert Original. */
@media screen and (max-width: 991px) {
  .brix---container-default-6 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .layout423_grid-list {
    width: 100%;
  }

  .brix---section-hero-primary-2.secondary {
    padding-top: 100px;
    padding-bottom: 120px;
  }

  /* Navbar ist ~90 px hoch — 140 px Top-Padding statt 200 px */
  .section.new-page {
    padding-top: 140px;
  }
}

@media screen and (max-width: 479px) {
  .brix---container-default-6 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .brix---section-hero-primary-2.secondary {
    padding-top: 72px;
    padding-bottom: 88px;
  }

  .section.new-page {
    padding-top: 120px;
  }
}

/* ── Scroll-Reveal-Layer (Kundenwunsch Aug 2026, siehe public/js/reveal.js) ──
   Hidden-State NUR unter html.js-reveal (Gate-Skript im Head): ohne JS, für
   Bots und unter prefers-reduced-motion ist aller Inhalt sofort sichtbar.
   Kurve = outQuart, 350 ms — identisch zum IX2-Retiming, ein Motion-System.
   Nur transform/opacity (Compositor), Transitions statt Keyframes
   (unterbrechbar). Stagger über --rvl-i (70 ms, Cap 5 im JS). Das JS entfernt
   .rvl/.rvl-in nach dem Reveal wieder — danach gilt ausschließlich die
   Original-Kaskade (Hover/Active-Transforms bleiben intakt). */
html.js-reveal .rvl {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: calc(var(--rvl-i, 0) * 70ms);
}

html.js-reveal .rvl.rvl-in {
  opacity: 1;
  transform: none;
}

/* Tastaturfokus deckt sofort auf (WCAG 2.4.7) — reiner CSS-Fallback
   zusätzlich zum focusin-Handler in reveal.js. */
html.js-reveal .rvl:focus,
html.js-reveal .rvl:focus-within {
  opacity: 1;
  transform: none;
  transition-delay: 0ms;
}

/* Doppelte Absicherung zusätzlich zum Gate: Bewegung raus, Inhalt sichtbar. */
@media (prefers-reduced-motion: reduce) {
  html.js-reveal .rvl {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Druck: Der IntersectionObserver feuert beim Print-Relayout nicht — ohne
   diesen Block würden nicht-revealte Blöcke (z. B. der Großteil der
   Datenschutzerklärung) unsichtbar gedruckt. */
@media print {
  html.js-reveal .rvl {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
