@font-face {
  font-family: "Marund 5002 Corner";
  src: url('../fonts/26A1Marund-5002Corner.woff2') format("woff2"), url('../fonts/26A1Marund-5002Corner.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Marund 5002 Corner ";
  src: url('../fonts/26A1Marund-5002Corner.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --sand: #eceae5;
  --coal: #393c40;
  --earth: #bfbcb0;
  --content-margin: 24px;
  --content-margin-mobil: 16px;
  --stone-grey: #848285;
  --inner-margin: 24px;
  --circle-margin: -9px;
  --blue-grey: #dbe2e3;
}

.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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.body {
  background-color: var(--sand);
  color: var(--coal);
  font-family: "Marund 5002 Corner", Verdana, sans-serif;
}

.hero {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.hero-video {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 33vw;
  margin-top: -28px;
  display: flex;
  position: absolute;
  inset: 50% 0% 0% 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.title {
  color: var(--coal);
  text-align: center;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Marund 5002 Corner", Verdana, sans-serif;
  font-size: 10.5vw;
  font-weight: 400;
  line-height: 115%;
}

.title.data-text-split {
  will-change: transform, opacity;
}

.title.h-hero.fade-up.tricks {
  z-index: -1;
  position: relative;
}

.title-light {
  color: var(--earth);
}

.nav-bar {
  z-index: 1;
  padding: var(--content-margin);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 68px;
  display: flex;
  position: fixed;
}

.label {
  letter-spacing: -.02em;
  text-transform: none;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 125%;
  text-decoration: none;
  transform: translate(0);
}

.label:where(.w-variant-3e1e4b25-809d-067b-0d05-27e81a3fb8d4), .label:where(.w-variant-8be164b7-b5c3-de4d-b6eb-f0ac7883ba9b) {
  color: var(--stone-grey);
}

.label.uppercase {
  text-transform: uppercase;
}

.label.uppercase.nav {
  align-self: center;
  line-height: 100%;
}

.label.light {
  color: var(--stone-grey);
  margin-top: 0;
  font-weight: 400;
}

.label.light.nummer-klein {
  font-size: 16px;
}

.label.circle {
  font-size: 24px;
  overflow: hidden;
  transform: translate(0);
}

.label.filter-identifier {
  display: none;
}

.label.select {
  z-index: 1;
  border-style: solid;
  border-width: .5px 0;
  border-color: var(--coal) black;
  background-color: #0000;
  min-width: 300px;
  padding: 6px;
  position: relative;
}

.label.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 0px solid var(--coal);
  border-bottom: .5px solid var(--coal);
  height: 100%;
  margin-top: -.5px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: block;
}

.label.grid.light {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
}

.label.grid.first {
  border-top-width: .5px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.label.white-4 {
  color: var(--sand);
}

.label.hidden {
  display: none;
}

.label.basic {
  color: var(--stone-grey);
  text-transform: uppercase;
  vertical-align: text-bottom;
  padding-left: 4px;
  line-height: 110%;
}

.label.basic.produkt {
  z-index: 1;
  color: var(--coal);
  margin-top: 16px;
  margin-right: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.label.basic.detail {
  z-index: 1;
  color: var(--coal);
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: 26px;
  margin-right: 0;
  padding-left: 1.2vw;
  font-size: 1.8vw;
  position: static;
  inset: 0% 0% auto auto;
}

.label.dropdown {
  border-style: solid;
  border-width: .5px 0;
  border-color: var(--coal) black;
  color: var(--coal);
  background-color: #0000;
}

.label.textfeld {
  border-style: solid;
  border-width: 0 0 .5px;
  border-color: black black var(--coal);
  color: var(--coal);
  background-color: #0000;
  height: 40px;
  padding-top: 10px;
}

.label.textfeld.gross {
  height: auto;
  min-height: 120px;
}

.nav-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--coal);
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

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

.nav-number {
  color: var(--stone-grey);
  font-size: 12px;
}

.nav-link-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-self: center;
  display: flex;
}

.burger-icon {
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  height: 16px;
  display: flex;
}

.burger-1 {
  background-color: var(--coal);
  perspective-origin: 100% 0;
  transform-origin: 100% 0;
  width: 22px;
  height: 1.5px;
}

.news-teaser {
  width: 360px;
}

.news-date {
  margin-top: 4px;
  margin-bottom: 8px;
  display: flex;
}

.separator {
  background-color: var(--coal);
  height: .5px;
}

.news-headline {
  letter-spacing: -.03em;
  font-size: 28px;
  line-height: 125%;
}

.flyout-nav {
  z-index: 2;
  padding: var(--content-margin);
  background-color: var(--earth);
  align-items: flex-end;
  width: 100%;
  height: 400px;
  display: flex;
  position: fixed;
  transform: translate(0, -400px);
}

.flyout-nav:lang(en-gb) {
  transform: translate(0, -400px);
}

.headline-5 {
  color: var(--coal);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 400;
  line-height: 115%;
  text-decoration: none;
}

.headline-5.flyout-link {
  line-height: 90%;
  transition: color .3s;
}

.headline-5.flyout-link:hover {
  color: var(--stone-grey);
}

.headline-5.einzug {
  font-size: clamp(48px, 4vw, 80px);
  display: inline;
}

.headline-5.light {
  color: var(--earth);
}

.nav-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.nav-list.small {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-left: 0%;
  margin-right: 6%;
}

.nav-list.placeholder {
  height: 110px;
}

.link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--coal);
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  transform: translate(0);
}

.link:where(.w-variant-3e1e4b25-809d-067b-0d05-27e81a3fb8d4) {
  color: var(--stone-grey);
}

.link.trenner-3 {
  justify-content: flex-start;
  align-items: center;
}

.link.trenner-3:where(.w-variant-8be164b7-b5c3-de4d-b6eb-f0ac7883ba9b) {
  color: var(--stone-grey);
}

.link.trenner-3.white-2 {
  color: var(--sand);
}

.spacer {
  height: 12px;
}

.spacer:where(.w-variant-b2f651e8-3bdb-d9c0-65ff-e6675dd85f0f) {
  height: 80px;
}

.spacer:where(.w-variant-15c33d23-cccb-b4a6-635d-378239ddfbc3) {
  background-color: var(--sand);
  height: 160px;
}

.spacer:where(.w-variant-8bc7fd11-d263-ff56-69d8-41d52153c84c) {
  height: 67px;
  min-height: 67px;
}

.spacer:where(.w-variant-4c81de06-9222-528c-2976-74e7ea78bcf6) {
  height: 40px;
}

.spacer:where(.w-variant-1b6137fd-a8cd-ee15-1985-579c8acf4e52) {
  height: 120px;
}

.spacer:where(.w-variant-4e607b0d-e2d2-3bff-380e-a41aadedd44b) {
  height: 24px;
}

.spacer:where(.w-variant-9335cf31-c2b0-6e0f-eee1-49d2c0d1ed2b) {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.spacer.l {
  height: 80px;
}

.spacer.m {
  height: 40px;
}

.flyout-div {
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.collection-list-wrapper {
  width: 50%;
}

.label-circle {
  color: var(--coal);
  letter-spacing: -.02em;
  text-transform: none;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 125%;
  text-decoration: none;
  transform: translate(0);
}

.label-circle:where(.w-variant-3e1e4b25-809d-067b-0d05-27e81a3fb8d4), .label-circle:where(.w-variant-8be164b7-b5c3-de4d-b6eb-f0ac7883ba9b) {
  color: var(--stone-grey);
}

.label-circle:lang(de) {
  opacity: 1;
}

.label-circle.uppercase {
  text-transform: uppercase;
}

.label-circle.light {
  color: var(--stone-grey);
}

.label-circle.circle {
  font-size: 24px;
  overflow: hidden;
  transform: translate(0);
}

.label-circle.white-3 {
  color: var(--sand);
}

.background-video {
  z-index: 1;
  object-fit: cover;
  width: 65vw;
  height: 33vw;
  position: absolute;
}

.hero-news {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
  display: flex;
  position: relative;
}

.text-span-2 {
  color: var(--stone-grey);
}

.content {
  background-color: var(--sand);
}

.hero-video-subline {
  object-fit: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: 28px;
  display: flex;
  position: absolute;
  inset: 50% 0% 0% 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.hero-wrapper {
  height: 300vh;
}

.nav-left {
  color: var(--coal);
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  text-decoration: none;
  display: flex;
}

.nav-left.w--current {
  align-self: center;
}

.nav-right {
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 48px;
  display: flex;
}

.nav-bar-burger {
  z-index: 3;
  padding-top: var(--content-margin);
  padding-right: var(--content-margin);
  padding-bottom: var(--content-margin);
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: 68px;
  display: flex;
  position: fixed;
  right: 0;
}

.burger-2 {
  background-color: var(--coal);
  width: 22px;
  height: 1.5px;
}

.burger-3 {
  background-color: var(--coal);
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  width: 22px;
  height: 1.5px;
}

.trenner-text {
  grid-column-gap: var(--inner-margin);
  grid-row-gap: 3px;
  border-top: 0 solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.wrapper {
  margin-right: var(--content-margin);
  margin-left: var(--content-margin);
}

.heading {
  font-weight: 400;
}

.pre-headline-5 {
  color: var(--stone-grey);
  letter-spacing: -.03em;
  margin-right: 24px;
  font-size: clamp(28px, 2vw, 40px);
  font-weight: 400;
  display: inline;
}

.grid {
  grid-column-gap: var(--inner-margin);
  grid-row-gap: 80px;
  grid-template-rows: auto 1fr 2fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.body-text {
  color: var(--coal);
  text-align: left;
  letter-spacing: -.03em;
  background-color: #0000;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 125%;
}

.body-text._50 {
  width: 50%;
  margin-bottom: 0;
  margin-right: 8%;
}

.body-text.dropdown {
  border-style: solid;
  border-width: 0 0 .5px;
  border-color: var(--coal) black;
  color: var(--coal);
  cursor: pointer;
  height: 40px;
  padding-top: 8px;
}

.body-text.dropdown::placeholder {
  color: var(--stone-grey);
}

.body-text.dropdown.gross {
  min-height: 120px;
}

.underline-tile {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 0px solid var(--coal);
  flex-flow: column;
  margin-top: 12px;
  padding-top: 0;
  display: flex;
}

.body-l {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}

.body-l.white {
  color: var(--sand);
  line-height: 125%;
}

.body-l.light {
  color: var(--stone-grey);
}

.body-l.basic {
  text-transform: uppercase;
  align-self: flex-end;
  margin-bottom: 4px;
  margin-left: 0;
}

.underline-cta {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.divider {
  background-color: var(--coal);
  height: .25px;
}

.divider:where(.w-variant-f6ad55e5-061c-df46-d0cb-2ea52bb1a065) {
  background-color: var(--sand);
}

.trenner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.grid-bestseller {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto 1fr auto 1fr auto;
  grid-template-columns: 1fr 1fr;
}

.headline-4 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 92px;
  font-weight: 400;
  line-height: 95%;
}

.headline-4.bestseller {
  font-size: 5.5vw;
}

.text-span-3 {
  color: var(--earth);
}

.grid-bestseller-images {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.paragraph-2 {
  color: var(--earth);
  letter-spacing: -.04em;
  text-transform: uppercase;
  font-size: 2.2vw;
  font-weight: 400;
  line-height: 105%;
}

.div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-end;
  display: flex;
}

.referenzen-collection {
  grid-column-gap: var(--inner-margin);
  grid-row-gap: var(--inner-margin);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.referenz-tile {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--coal);
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

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

.footer {
  padding: var(--content-margin);
  grid-column-gap: var(--content-margin);
  grid-row-gap: 40px;
  background-color: var(--earth);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: fixed;
  inset: auto 0% 0%;
}

.footer.placeholder {
  z-index: -2;
  background-color: #0000;
  position: relative;
}

.news-text {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 280px;
  padding: 0;
  display: flex;
  position: absolute;
  inset: auto 4% 6% auto;
}

.news-cta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.footer-placeholder {
  aspect-ratio: 2.73 / 7;
  object-fit: cover;
}

.footer-list-placeholder {
  height: 150px;
}

.logo-placeholder {
  aspect-ratio: 4.68;
}

.body-wrapper {
  z-index: 1;
  position: relative;
}

.tabs {
  display: flex;
}

.tabs-menu {
  flex-flow: column;
  width: 33.333%;
  margin-top: 8px;
  display: flex;
}

.headline-6 {
  color: var(--coal);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 115%;
  text-decoration: none;
}

.headline-6.flyout-link {
  line-height: 90%;
  transition: color .3s;
}

.headline-6.flyout-link:hover {
  color: var(--stone-grey);
}

.headline-6.einzug {
  font-size: clamp(32px, 3.2vw, 64px);
  line-height: 120%;
  display: inline;
}

.tabs-content {
  width: 66.666%;
}

.tab-link {
  border-top: .5px solid var(--coal);
  border-bottom: 0px solid var(--coal);
  background-color: #0000;
  width: 75%;
  margin-top: 0;
  padding: 6px 0;
}

.tab-link.w--current {
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
}

.tab-link.last {
  border-bottom-width: .5px;
}

.tab-link.ueber {
  width: auto;
}

.collection-list-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item-tab {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.tab-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.details-bild {
  aspect-ratio: 1;
  object-fit: cover;
}

.dropdown {
  align-self: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.collection-list-farben {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.farben-label {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.farben-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.produkt-detail-intro {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  height: calc(100vh - 92px);
}

.headline-1 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.5vw;
  font-weight: 400;
  line-height: 95%;
}

.headline-1.bestseller {
  font-size: 5.5vw;
}

.headline-1.bottom {
  margin-bottom: -16px;
}

.headline-1.fade-up.tricks.referenzen {
  margin-bottom: -12px;
}

.heading-1 {
  color: var(--coal);
  text-align: left;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Marund 5002 Corner", Verdana, sans-serif;
  font-size: 8.5vw;
  font-weight: 400;
  line-height: 100%;
}

.heading-1.light {
  color: var(--earth);
}

.nummer-gross {
  color: var(--earth);
  text-align: left;
  letter-spacing: -.04em;
  align-self: flex-start;
  margin-top: 27px;
  margin-bottom: 0;
  font-family: "Marund 5002 Corner", Verdana, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 100%;
  display: none;
}

.nummer-gross.light {
  color: var(--earth);
}

.nummer-gross.fade-up.tricks {
  display: block;
}

.produkt-titel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.produkt-hero-text {
  height: 100%;
  display: flex;
  position: relative;
}

.prdukt-ctas {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
  position: absolute;
  inset: auto 0% 0%;
}

.masse-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr 1fr;
  align-content: end;
  width: auto;
}

.produkt-bild {
  object-fit: cover;
  width: 100%;
  height: calc(100vh - 92px);
}

.produkt-bild._4-3 {
  z-index: 1;
  aspect-ratio: 4 / 3;
  height: auto;
  position: relative;
}

.produkt-bild._4-3.hover {
  z-index: 0;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.produkt-bild._4-3-copy {
  z-index: 1;
  aspect-ratio: 4 / 3;
  position: relative;
}

.produkt-bild._4-3-copy.hover {
  z-index: 0;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.produkt-bild.hover {
  z-index: 0;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.slide {
  width: 50%;
}

.slide-2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 33vw;
  height: auto;
}

.bild-slider.hidden {
  display: none;
}

.bild-slider.referenz {
  margin-bottom: 2%;
}

.slide-1 {
  margin-left: var(--content-margin);
  object-fit: cover;
}

.slider {
  background-color: #0000;
}

.slide-4 {
  width: 33%;
}

.slide-3 {
  object-fit: cover;
  width: 33vw;
  height: auto;
}

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

.swiper-slide {
  flex: none;
  width: 100%;
}

.swiper-slide-image {
  padding-left: var(--inner-margin);
}

.div-produkt-info {
  align-items: flex-end;
  display: flex;
}

.div-50 {
  width: 50%;
}

.produkt-beschreibung {
  flex-flow: column;
  justify-content: space-between;
  min-height: 80vh;
  display: flex;
}

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

.produkt-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--coal);
  flex-flow: column;
  text-decoration: none;
  display: flex;
  position: relative;
}

.produktname {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.filter-text {
  letter-spacing: -.04em;
  margin-bottom: 0;
  font-size: 3.4vw;
  font-weight: 400;
  line-height: 100%;
}

.form, .collection-list {
  grid-column-gap: 1.8vw;
  grid-row-gap: 1.8vw;
  display: flex;
}

.hide {
  width: 0;
  margin-left: 0;
  display: none;
}

.radio-button-field {
  color: var(--earth);
  margin-bottom: 0;
  padding-left: 0;
}

.radio-button-field.fs-cmsfilter_active {
  color: var(--coal);
}

.grey {
  color: var(--stone-grey);
}

.konfigurator-radio {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 0px solid var(--coal);
  border-bottom: .5px solid var(--coal);
  color: var(--earth);
  cursor: pointer;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.konfigurator-radio.fs-cmsfilter_active {
  color: var(--coal);
}

.konfigurator-radio.first {
  border-top-width: .5px;
}

.body-circle {
  color: var(--coal);
  letter-spacing: -.03em;
  margin-bottom: 0;
  margin-left: -8px;
  font-size: 28px;
  line-height: 125%;
}

.body-circle._50 {
  width: 50%;
  margin-bottom: 0;
  margin-right: 8%;
}

.konfig-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  min-height: 47vw;
}

.button {
  background-color: var(--coal);
  color: var(--sand);
  padding: 16px 40px;
  font-size: 20px;
  font-weight: 400;
  transition: background-color .2s;
}

.button:hover {
  background-color: #27292b;
}

.konfigurator-headline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.konfigurator-bilder {
  position: relative;
}

.konfig-bild {
  position: absolute;
  inset: 0%;
}

.referenz-grid {
  margin-right: var(--content-margin);
  margin-left: var(--content-margin);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.referenz-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.referenz-wrapper {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex-flow: column;
  grid-template-rows: 60% 40%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 90vh;
  display: grid;
}

.bestseller-subline {
  color: var(--earth);
  letter-spacing: -.04em;
  text-transform: uppercase;
  margin-bottom: .5vw;
  font-size: 2.2vw;
  font-weight: 400;
  line-height: 105%;
}

.form-block {
  margin-left: var(--content-margin);
}

.masse-grid-wrapper {
  width: 50%;
}

.dropdown-arrow {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding-right: 6px;
  display: flex;
  position: absolute;
  inset: 0 0 0% auto;
}

.form-2, .select-wrapper {
  position: relative;
}

.empty-state {
  background-color: #0000;
  padding: 0;
}

.beige {
  color: var(--earth);
}

.grid-ueber {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-ueber.intro {
  grid-template-rows: auto;
  margin-bottom: 24px;
}

.index {
  flex-flow: column;
  display: flex;
}

.body-overline {
  color: var(--stone-grey);
  letter-spacing: -.02em;
  vertical-align: text-bottom;
  padding-right: 8px;
  font-size: 16px;
}

.ueber-text {
  margin-top: 64px;
  margin-bottom: 64px;
}

.ueber-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 64px;
  margin-bottom: 64px;
  display: flex;
}

.nummer-klein {
  color: var(--stone-grey);
  vertical-align: super;
  font-size: 2vw;
}

.ueber-list-element {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ueber-headline {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 40%;
}

.image-margin {
  margin-top: 30%;
}

.bild-text-ueber {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.text-ueber {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 1200px;
  margin: -5% 0% 0%;
  display: flex;
}

.text-block {
  position: absolute;
}

.modal {
  z-index: 3;
  opacity: 1;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #eceae5e6;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.title-konfiguration {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  height: 65px;
  display: flex;
}

.modal-text {
  flex-flow: column;
  min-width: 440px;
  display: flex;
}

.product-type {
  display: none;
}

.close-icon {
  cursor: pointer;
  position: fixed;
  inset: 32px 32px auto auto;
}

.body-link {
  border-bottom: .5px solid var(--coal);
  color: var(--coal);
  text-decoration: none;
}

.kontakt-adresse {
  margin-right: 16%;
}

.textfelder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.dropdown-50 {
  width: 50%;
  padding-right: 12px;
}

.form-block-2 {
  margin-bottom: 0;
}

.kontakt-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  min-height: 74vh;
}

.link-2 {
  border-bottom: .5px solid var(--stone-grey);
  color: var(--stone-grey);
  text-decoration: none;
}

.radio-button {
  border: .5px solid var(--coal);
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 0;
}

.radio-button.w--redirected-checked {
  border-color: var(--coal);
  background-color: var(--coal);
}

.radio-button.klein {
  -webkit-text-stroke-color: var(--stone-grey);
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.radio-button.klein.w--redirected-checked {
  border-color: var(--stone-grey);
  background-color: var(--stone-grey);
}

.radio-button-field-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 4px;
  padding-left: 0;
  display: flex;
}

.radio-button-field-3 {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.success-message {
  text-align: left;
  background-color: #0000;
  padding: 0;
}

.error-message {
  background-color: #0000;
  margin-top: 16px;
  padding: 0;
}

.bestseller-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--coal);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.label-link {
  border-bottom: .5px solid var(--coal);
  color: var(--coal);
  text-decoration: none;
}

.h1 {
  color: #c7ff94;
  letter-spacing: -.4vw;
  width: 100%;
  font-size: 8.5vw;
  font-weight: 300;
  line-height: 90%;
}

.h1.h-hero {
  margin-bottom: 48px;
}

.h1-serif {
  letter-spacing: 0;
  font-size: 9.5vw;
}

.burger-div {
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: -1px;
  display: flex;
}

.referenzen-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: .5px solid var(--coal);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  height: 32px;
  display: grid;
}

.referenzen-row.first {
  border-top: .5px solid var(--coal);
}

.pre-headline-6 {
  color: var(--stone-grey);
  letter-spacing: -.03em;
  margin-right: 24px;
  font-size: clamp(20px, 2vw, 44px);
  font-weight: 400;
  display: inline;
}

.form-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.nummer-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.empty-state-2 {
  display: block;
}

@media screen and (min-width: 1920px) {
  .body-text {
    font-size: 22px;
  }

  .produkt-detail-intro {
    height: calc(100vh - 92px);
    max-height: calc(100vh - 92px);
  }

  .produkt-bild {
    width: 100%;
    height: calc(100vh - 92px);
  }

  .h1.h-hero {
    font-size: 6.5vw;
  }

  .h1-serif {
    font-size: 7vw;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    height: 100dvh;
  }

  .hero-video {
    width: 33vw;
    height: 45vh;
  }

  .title.h-hero.fade-up.tricks {
    margin-bottom: 10px;
  }

  .label.light.nummer-klein {
    font-size: 14px;
  }

  .label.news {
    padding-bottom: 4px;
  }

  .burger-1 {
    height: 1px;
  }

  .news-teaser {
    width: auto;
  }

  .news-headline {
    font-size: 20px;
  }

  .flyout-nav {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    height: 100vh;
    display: flex;
    transform: translate(0, -100vh);
  }

  .headline-5.flyout-link {
    font-size: 7vh;
  }

  .headline-5.einzug {
    font-size: 40px;
  }

  .nav-list {
    grid-column-gap: 2.4vh;
    grid-row-gap: 2.4vh;
  }

  .spacer:where(.w-variant-b2f651e8-3bdb-d9c0-65ff-e6675dd85f0f) {
    height: 60px;
  }

  .spacer:where(.w-variant-9335cf31-c2b0-6e0f-eee1-49d2c0d1ed2b) {
    display: none;
  }

  .spacer.l {
    height: 60px;
  }

  .spacer.l.mobile-only {
    display: none;
  }

  .flyout-div {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .collection-list-wrapper {
    order: 9999;
    align-self: flex-end;
  }

  .background-video {
    width: 75vh;
    height: 65vh;
  }

  .hero-news {
    width: 33vw;
    height: 50vh;
  }

  .hero-video-subline {
    margin-top: 0;
    top: auto;
  }

  .burger-2, .burger-3 {
    height: 1px;
  }

  .pre-headline-5 {
    font-size: 20px;
  }

  .grid {
    grid-row-gap: 64px;
  }

  .body-text {
    font-size: 18px;
  }

  .body-text._50 {
    width: auto;
  }

  .body-l {
    font-size: 20px;
  }

  .divider {
    height: .5px;
  }

  .headline-4.bestseller.fade-up.tricks {
    font-size: 6vw;
  }

  .paragraph-2 {
    align-self: flex-end;
  }

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

  .footer {
    grid-row-gap: 32px;
    grid-template-rows: auto auto auto;
  }

  .news-text {
    bottom: 10%;
  }

  .tabs-menu {
    padding-right: 32px;
  }

  .headline-6 {
    font-size: 32px;
  }

  .tab-link {
    width: auto;
  }

  .collection-list-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .collection-list-details.konfig {
    grid-template-columns: 1fr 1fr;
  }

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

  .collection-list-farben {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .produkt-detail-intro {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 50% 50%;
    grid-template-columns: 1fr;
  }

  .headline-1.fade-up.tricks {
    font-size: 8vw;
  }

  .heading-1 {
    font-size: 12vw;
  }

  .nummer-gross {
    font-size: 5vw;
  }

  .masse-grid {
    width: auto;
    margin-top: 40px;
  }

  .produkt-bild {
    height: auto;
    display: block;
    overflow: hidden;
  }

  .div-produkt-info {
    flex-flow: column;
  }

  .div-50 {
    width: auto;
  }

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

  .button {
    font-size: 18px;
  }

  .konfigurator-bilder {
    height: auto;
    min-height: 95vw;
  }

  .bestseller-subline {
    align-self: flex-end;
  }

  .div-block-2, .produkt-bild-wrapper {
    flex-flow: column;
    display: flex;
  }

  .masse-grid-wrapper {
    width: 100%;
  }

  .ueber-list {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .nummer-klein {
    letter-spacing: -.03em;
    font-size: 2.5vw;
  }

  .ueber-list-element {
    grid-row-gap: 24px;
  }

  .ueber-headline {
    font-size: 5vw;
  }

  .text-ueber {
    margin-top: 60px;
  }

  .h1.h-hero {
    margin-bottom: 52px;
    font-size: 9.5vw;
  }

  .h1-serif {
    font-size: 10.5vw;
  }

  .referenzen-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: .5px solid var(--coal);
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    height: 32px;
    display: grid;
  }

  .referenzen-row.first {
    height: 32px;
  }

  .pre-headline-6 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    height: 100dvh;
  }

  .title.h-hero.fade-up.tricks {
    margin-bottom: 10px;
  }

  .label.news {
    padding-bottom: 0;
  }

  .nav-link-list {
    display: none;
  }

  .news-headline {
    letter-spacing: -.02em;
    font-size: 16px;
  }

  .flyout-nav {
    height: 100dvh;
    position: fixed;
  }

  .headline-5 {
    font-size: 40px;
  }

  .headline-5.einzug {
    font-size: 32px;
  }

  .headline-5.light, .headline-5.low {
    align-self: flex-end;
  }

  .nav-list.placeholder._1 {
    height: 44px;
  }

  .nav-list.placeholder._2 {
    height: 100px;
  }

  .spacer:where(.w-variant-15c33d23-cccb-b4a6-635d-378239ddfbc3) {
    height: 120px;
  }

  .spacer:where(.w-variant-8bc7fd11-d263-ff56-69d8-41d52153c84c) {
    min-height: 67px;
  }

  .spacer:where(.w-variant-4c81de06-9222-528c-2976-74e7ea78bcf6) {
    height: 32px;
    min-height: 32px;
  }

  .spacer:where(.w-variant-9335cf31-c2b0-6e0f-eee1-49d2c0d1ed2b) {
    display: none;
  }

  .spacer.l.mobile-only {
    display: block;
  }

  .collection-list-wrapper {
    margin-bottom: 0;
  }

  .hero-news {
    height: 55vh;
  }

  .hero-video-subline {
    height: 40px;
  }

  .trenner-text {
    grid-template-columns: .25fr 1fr 1fr;
  }

  .pre-headline-5 {
    font-size: 18px;
  }

  .grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .body-l {
    font-size: 22px;
  }

  .body-l.basic {
    margin-bottom: 9px;
    font-size: 16px;
  }

  .divider.bestseller {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .divider.bestseller.margin {
    margin-top: 16.5px;
  }

  .divider.ueber {
    margin-top: 8px;
    margin-bottom: 8px;
  }

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

  .headline-4.bestseller {
    font-size: 8vw;
  }

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

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

  .news-text {
    bottom: 8%;
  }

  .tabs {
    flex-flow: column;
  }

  .tabs-menu {
    width: auto;
    margin-top: 0;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .tabs-content {
    width: auto;
  }

  .tab-link {
    border-bottom-width: 0;
    margin-top: 0;
  }

  .tab-link.last {
    border-bottom-width: .5px;
  }

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

  .collection-list-farben {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .farben-div {
    width: 100%;
    min-width: 100%;
  }

  .headline-1 {
    font-size: 9vw;
  }

  .heading-1 {
    font-size: 14vw;
  }

  .prdukt-ctas {
    grid-template-columns: .5fr .75fr;
  }

  .masse-grid {
    grid-template-rows: auto auto auto auto;
    height: 100%;
    min-height: 100%;
  }

  .div-produkt-info {
    margin-top: 40px;
  }

  .produkt-beschreibung {
    min-height: 0;
  }

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

  .filter-text {
    font-size: 7vw;
  }

  .konfigurator-bilder {
    min-height: 93vw;
  }

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

  .referenz-wrapper {
    grid-template-rows: 40% 60%;
    height: 75vh;
  }

  .bestseller-subline {
    font-size: 3vw;
  }

  .form-block {
    overflow: scroll;
  }

  .masse-grid-wrapper {
    height: 100%;
  }

  .collection-list-wrapper-2 {
    width: 100%;
  }

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

  .grid-ueber.intro {
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .nummer-klein {
    font-size: 4vw;
  }

  .ueber-list-element {
    grid-template-columns: 1fr;
  }

  .ueber-headline {
    font-size: 7vw;
  }

  .image-margin {
    margin-top: 24px;
  }

  .title-konfiguration {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .image-ueber {
    margin-top: 24px;
    margin-bottom: 60px;
  }

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

  .h1.h-hero {
    margin-bottom: 24px;
    font-size: 11.5vw;
  }

  .h1-serif {
    font-size: 12.5vw;
  }

  .pre-headline-6 {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    height: 100dvh;
  }

  .hero-video {
    width: 50vw;
    height: 40vh;
  }

  .title.h-hero.fade-up.tricks {
    margin-bottom: 10px;
  }

  .nav-bar {
    padding: var(--content-margin-mobil);
    height: 46px;
  }

  .label {
    font-size: 14px;
  }

  .label.basic.produkt {
    margin-top: 12px;
    margin-right: 12px;
  }

  .news-date {
    margin-top: 3px;
    margin-bottom: 4px;
  }

  .news-headline {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .flyout-nav {
    padding: var(--content-margin-mobil);
    flex-flow: column;
    align-items: flex-start;
    height: 100dvh;
    position: fixed;
    transform: translate(0, -100vh);
  }

  .headline-5 {
    font-size: 28px;
  }

  .headline-5.flyout-link {
    font-size: 5vh;
  }

  .headline-5.einzug {
    font-size: 28px;
  }

  .nav-list {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
  }

  .link {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 20px;
  }

  .spacer {
    height: 8px;
  }

  .spacer:where(.w-variant-15c33d23-cccb-b4a6-635d-378239ddfbc3) {
    height: 100px;
    min-height: 100px;
  }

  .spacer:where(.w-variant-b2f651e8-3bdb-d9c0-65ff-e6675dd85f0f) {
    height: 40px;
  }

  .spacer:where(.w-variant-1b6137fd-a8cd-ee15-1985-579c8acf4e52) {
    height: 80px;
    min-height: 80px;
  }

  .spacer:where(.w-variant-4c81de06-9222-528c-2976-74e7ea78bcf6) {
    height: 24px;
    min-height: 24px;
  }

  .spacer:where(.w-variant-8bc7fd11-d263-ff56-69d8-41d52153c84c) {
    height: 46px;
    min-height: 46px;
  }

  .spacer:where(.w-variant-9335cf31-c2b0-6e0f-eee1-49d2c0d1ed2b) {
    display: block;
  }

  .spacer:where(.w-variant-4e607b0d-e2d2-3bff-380e-a41aadedd44b) {
    height: 16px;
    min-height: 16px;
  }

  .spacer.l {
    height: 40px;
  }

  .spacer.m {
    min-height: 40px;
  }

  .spacer.m.mobeil-small {
    height: 16px;
    min-height: 16px;
  }

  .flyout-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 24px;
  }

  .collection-list-wrapper {
    align-self: flex-start;
    width: 75%;
  }

  .label-circle {
    font-size: 20px;
  }

  .hero-news {
    width: 50%;
    height: 50vh;
  }

  .hero-video-subline {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-bar-burger {
    height: 46px;
  }

  .wrapper {
    margin-right: var(--content-margin-mobil);
    margin-left: var(--content-margin-mobil);
  }

  .pre-headline-5 {
    margin-right: 12px;
  }

  .grid {
    grid-row-gap: 32px;
    grid-template-rows: auto 1fr 1.25fr .75fr;
  }

  .body-text {
    font-size: 16px;
  }

  .underline-tile {
    margin-top: 8px;
  }

  .body-l {
    align-self: flex-start;
    font-size: 20px;
  }

  .body-l.basic {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .underline-cta {
    justify-content: space-between;
    align-items: center;
  }

  .divider {
    height: .5px;
  }

  .divider.bestseller {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .divider.ueber {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .grid-bestseller {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .headline-4.bestseller {
    font-size: 9.5vw;
  }

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

  .footer {
    padding: var(--content-margin-mobil);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

  .news-text {
    bottom: 8%;
  }

  .headline-6 {
    font-size: 24px;
  }

  .tab-link {
    border-bottom-width: 0;
    margin-top: 0;
  }

  .tab-link.w--current {
    margin-top: 0;
  }

  .tab-link.last {
    border-bottom-width: .5px;
  }

  .collection-list-farben {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .farben-div {
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
  }

  .produkt-detail-intro {
    height: calc(100dvh - 62px);
  }

  .headline-1 {
    font-size: 12vw;
  }

  .prdukt-ctas {
    grid-template-columns: .5fr .5fr;
  }

  .masse-grid {
    grid-template-rows: auto auto auto auto;
    height: 100%;
  }

  .swiper-slide-image {
    padding-left: var(--content-margin-mobil);
  }

  .div-produkt-info {
    margin-top: 24px;
  }

  .produkt-beschreibung {
    min-height: 0;
  }

  .filter-text {
    font-size: 8vw;
  }

  .form, .collection-list {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .button {
    font-size: 16px;
  }

  .referenz-wrapper {
    height: 90dvh;
  }

  .bestseller-subline {
    font-size: 5vw;
  }

  .form-block {
    margin-left: var(--content-margin-mobil);
  }

  .grid-ueber {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

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

  .ueber-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .nummer-klein {
    vertical-align: super;
    font-size: 5vw;
  }

  .ueber-list-element {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ueber-headline {
    font-size: 8vw;
    line-height: 75%;
  }

  .text-ueber {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 0;
  }

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

  .modal-text {
    min-width: 85%;
  }

  .close-icon {
    top: 24px;
    right: 24px;
  }

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

  .h1.h-hero {
    margin-bottom: 16px;
    font-size: 17vw;
    line-height: 100%;
  }

  .h1.h-hero.fade-up.tricks {
    display: none;
  }

  .h1-serif {
    font-size: 18vw;
    line-height: 90%;
    display: inline;
  }

  .referenzen-row, .referenzen-row.first {
    height: 30px;
  }

  .pre-headline-6 {
    margin-right: 12px;
  }
}

#w-node-_9df0c86f-fec0-88ad-3e05-c2aa4ed82c2e-cc865da5 {
  justify-self: end;
}

#w-node-_11ede255-2064-6969-8218-a88d14318791-cc865da5, #w-node-_05a38f71-718c-ccf9-ec25-593ab9556847-cc865da5, #w-node-a72316cc-11db-40cf-3c0f-e8fdafa610ce-cc865da5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-f0e79b5d-5ae0-0291-8bcf-daae4c2a544d-cc865da5 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c9ef9ed6-d483-b51d-f5cd-66b9ee0ad87b-cc865da5 {
  justify-self: end;
}

#w-node-d0a953a4-4d5c-b2df-fbd8-90bda99afad6-cc865da5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-aa39bfb2-eb30-b439-9770-4aa3bf541275-cc865da5 {
  grid-area: 3 / 3 / 4 / 5;
  align-self: end;
}

#w-node-_977437d1-5548-0db1-b7b5-96e08a920cf8-cc865da5 {
  grid-area: 3 / 5 / 4 / 7;
  align-self: end;
}

#w-node-_88e91095-1798-e118-9242-05c13d54dc09-cc865da5, #w-node-_476232f4-7b0f-7b2a-a1d6-5173fb918a42-cc865da5 {
  grid-area: 4 / 1 / 5 / 4;
}

#w-node-_940425bc-cb57-78a3-904d-c67ae65322d0-cc865da5 {
  grid-area: 4 / 4 / 5 / 7;
}

#w-node-_940425bc-cb57-78a3-904d-c67ae65322d1-cc865da5 {
  grid-area: 4 / 1 / 5 / 4;
}

#w-node-_92228003-1039-785a-2da1-f84a9c30f787-cc865da5, #w-node-_92228003-1039-785a-2da1-f84a9c30f788-cc865da5, #w-node-_92228003-1039-785a-2da1-f84a9c30f789-cc865da5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_92228003-1039-785a-2da1-f84a9c30f78c-cc865da5 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a0f05857-b15c-8cec-e686-13de5cc6851d-cc865da5 {
  justify-self: end;
}

#w-node-_97343b39-13f8-e650-845b-be72fa2b9b6b-cc865da5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_1516bf67-c6fd-4c8c-6133-e30298d2e10d-cc865da5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_04acb07b-1aff-1a55-dc44-ffa7f59c5e65-cc865da5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3534e5ab-e308-ebfc-5ec3-12d72b37a6c7-cc865da5, #w-node-e1e41f71-ca51-294e-1c1c-776569ca92f0-cc865da5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_02409c45-2ff4-73ff-8d2b-91ffd73a8d22-cc865da5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_77af23e3-2720-a9b0-e936-6802832cec53-cc865da5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01deb100-4c7d-ffaa-cfc9-d233cd30b708-cc865da5, #w-node-_2d042d4f-6f48-5086-7b81-89f45413418c-cc865da5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_42f2087d-153c-0fa5-d445-3577393a55d7-cc865da5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ac982d8b-d8b0-6ba3-7e8b-3d88d5bb3ba6-cc865da5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_670d219e-3763-fa91-cb0d-a169a1c2bb42-cc865da5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e5e1a8e-a0e2-9c82-f39d-cde2151c31fa-cc865da5, #w-node-_1ba33d48-3465-6a71-5499-45828d25284d-cc865da5, #w-node-_1ba33d48-3465-6a71-5499-45828d25284e-cc865da5, #w-node-_1ba33d48-3465-6a71-5499-45828d25284f-cc865da5 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_1ba33d48-3465-6a71-5499-45828d252852-cc865da5 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a243ae1b-56d9-d8dd-2f4b-f1f0cb4dd23c-cc865da5 {
  justify-self: end;
}

#w-node-da5f423d-58f1-82ab-648c-2769d168cc40-d168cc3f, #w-node-da5f423d-58f1-82ab-648c-2769d168cc41-d168cc3f, #w-node-da5f423d-58f1-82ab-648c-2769d168cc42-d168cc3f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da5f423d-58f1-82ab-648c-2769d168cc43-d168cc3f {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e2c-c9855e1c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e49-c9855e1c {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_7079fa17-23d3-ac9e-a900-0bbc4e039412-4e039412 {
  justify-self: start;
}

#w-node-_41d52094-8cf9-0cc0-6f45-e6af6c3d8c00-99529cd8, #w-node-_9020dd32-15a0-0ad8-0386-5595bc0a281d-99529cd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1c8c339-90b4-1f15-e9d2-66b281bf9890-99529cd8, #w-node-d3979925-f55d-2467-7a20-58a0e329f29b-99529cd8 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: end;
}

#w-node-ff745078-ed2f-9dc2-fb7f-7d32b8e05dd8-99529cd8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-db5d4281-3913-b2f3-5565-af91728622f6-99529cd8, #w-node-_1c567c95-de7a-89d5-636f-037ac86474c6-a3bfdcbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3549ddb2-4327-d847-d11e-1c80955dfb42-a3bfdcbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_85046cb3-c014-217d-5a4d-3743a3d29c56-a3bfdcbe, #w-node-f5475e4a-25aa-53bc-6f20-aa97e3b75cba-a3bfdcbe {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_25f0f2be-5765-45a1-86a4-798b06eddf91-a3bfdcbe, #w-node-_25f0f2be-5765-45a1-86a4-798b06eddf92-a3bfdcbe, #w-node-_25f0f2be-5765-45a1-86a4-798b06eddf93-a3bfdcbe {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_25f0f2be-5765-45a1-86a4-798b06eddf96-a3bfdcbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_25f0f2be-5765-45a1-86a4-798b06eddf9a-a3bfdcbe {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_25f0f2be-5765-45a1-86a4-798b06eddf9f-a3bfdcbe {
  grid-area: 3 / 1 / 4 / 4;
  align-self: end;
}

#w-node-_44728ff6-1d00-00ae-e448-7580c42d1113-a3bfdcbe, #w-node-_97c7f083-fa5e-9ccf-b582-145e91736ac6-a3bfdcbe, #w-node-_6c8933a2-fc66-f916-55b6-4a510aedd360-a3bfdcbe, #w-node-_5415bb83-53c0-88a5-d606-62b044a59f07-a3bfdcbe, #w-node-c5bcf70b-228c-0179-0964-259a6011335e-a3bfdcbe, #w-node-a34f6428-1334-c0a1-8f0a-3b57c0157aa8-a3bfdcbe, #w-node-_9c109b95-950f-1499-3c23-ee59864ab8e2-a3bfdcbe, #w-node-f8e7d2a0-0bec-84a8-a934-bd87edbefd7a-a3bfdcbe {
  align-self: center;
}

#w-node-_4618a063-d8fc-976a-a94f-d31cb4283fc6-a3bfdcbe, #w-node-_4618a063-d8fc-976a-a94f-d31cb4283fc7-a3bfdcbe {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_4618a063-d8fc-976a-a94f-d31cb4283fca-a3bfdcbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_60383f7c-cc8e-51d9-0f69-2dfd14699eec-dca5f749 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_0064a49c-803c-7c4d-568b-6167a991e760-dca5f749 {
  grid-area: 1 / 5 / 2 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb2f-dca5f749 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_9d3b208d-74b5-093b-2fbe-4b18bc0b3081-dca5f749 {
  grid-area: 4 / 1 / 5 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb31-dca5f749 {
  grid-area: 1 / 3 / 2 / 7;
}

#philosophie.w-node-a4f1ffaf-e46d-2e09-b3e9-665ce3bbf82c-dca5f749 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb33-dca5f749 {
  grid-area: 3 / 4 / 4 / 7;
}

#w-node-a39c5045-de9c-d54d-911c-091d2d687a07-dca5f749 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb30-dca5f749 {
  grid-area: 5 / 2 / 6 / 5;
}

#werte.w-node-ee63cf93-7a66-c7c4-2a9c-fb0bb53c3a12-dca5f749 {
  grid-area: 6 / 1 / 7 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb37-dca5f749 {
  grid-area: 7 / 1 / 8 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb3c-dca5f749, #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb43-dca5f749, #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb4a-dca5f749, #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb51-dca5f749 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ddb52404-f07f-b738-c977-85ac45691d3d-dca5f749 {
  grid-area: 8 / 1 / 9 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb52-dca5f749 {
  grid-area: 9 / 1 / 10 / 5;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb53-dca5f749 {
  grid-area: 9 / 5 / 10 / 7;
}

#team.w-node-_072e00a3-8baf-0c48-3bab-8dab3e062f05-dca5f749 {
  grid-area: 10 / 1 / 11 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb54-dca5f749 {
  grid-area: 11 / 2 / 12 / 5;
}

#w-node-_1e1e8e62-6e05-b29c-fc8b-6099480f06a9-dca5f749 {
  grid-area: 12 / 1 / 13 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb56-dca5f749 {
  grid-area: 13 / 3 / 14 / 6;
}

#w-node-b9d7119c-ba3f-f642-4693-02c24b055e2a-dca5f749 {
  grid-area: 14 / 1 / 15 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5a-dca5f749 {
  grid-area: 15 / 2 / 16 / 6;
}

#w-node-_8a2d3857-15a9-1580-bd6f-9b4121d30ecd-dca5f749 {
  grid-area: 16 / 1 / 17 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5c-dca5f749 {
  grid-area: 17 / 1 / 18 / 5;
}

#handwerkskunst.w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb64-dca5f749 {
  grid-area: 17 / 5 / 18 / 7;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5d-dca5f749 {
  grid-area: 18 / 1 / 19 / 5;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5e-dca5f749 {
  grid-area: 11 / 1 / 12 / 4;
}

#w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb60-dca5f749 {
  grid-area: 12 / 1 / 13 / 4;
}

#w-node-d1e925fe-d69a-9c91-b81c-c65b94a117e9-a106877e, #w-node-_3f961966-9378-0fcf-ea90-d80ab9e364a6-a106877e {
  align-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_11ede255-2064-6969-8218-a88d14318791-cc865da5 {
    grid-column: span 6 / span 6;
  }

  #w-node-f0e79b5d-5ae0-0291-8bcf-daae4c2a544d-cc865da5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c9ef9ed6-d483-b51d-f5cd-66b9ee0ad87b-cc865da5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-aa39bfb2-eb30-b439-9770-4aa3bf541275-cc865da5 {
    grid-area: 3 / 1 / 4 / 4;
    align-self: end;
  }

  #w-node-_977437d1-5548-0db1-b7b5-96e08a920cf8-cc865da5 {
    grid-area: 3 / 4 / 4 / 7;
    align-self: end;
  }

  #w-node-_88e91095-1798-e118-9242-05c13d54dc09-cc865da5 {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-_940425bc-cb57-78a3-904d-c67ae65322d0-cc865da5 {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_92228003-1039-785a-2da1-f84a9c30f78c-cc865da5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-a0f05857-b15c-8cec-e686-13de5cc6851d-cc865da5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-_1ba33d48-3465-6a71-5499-45828d252852-cc865da5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-a243ae1b-56d9-d8dd-2f4b-f1f0cb4dd23c-cc865da5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-da5f423d-58f1-82ab-648c-2769d168cc40-d168cc3f, #w-node-da5f423d-58f1-82ab-648c-2769d168cc41-d168cc3f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e1d-c9855e1c, #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e21-c9855e1c, #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e35-c9855e1c, #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e40-c9855e1c, #w-node-db5d4281-3913-b2f3-5565-af91728622f6-99529cd8, #w-node-cc704516-86f6-0713-5759-f3f3b9993f0b-99529cd8, #w-node-f3d6b7e7-2b1f-f907-4b88-ebae4993da04-99529cd8, #w-node-f1a3f807-e515-ba53-a20f-d5111b325d93-99529cd8, #w-node-d1e925fe-d69a-9c91-b81c-c65b94a117e9-18658565, #w-node-_0ad7afdc-0a8d-1c73-181e-b22fc22b47de-18658565 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_60383f7c-cc8e-51d9-0f69-2dfd14699eec-dca5f749 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: end;
  }

  #w-node-_0064a49c-803c-7c4d-568b-6167a991e760-dca5f749 {
    grid-area: 1 / 4 / 2 / 7;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb33-dca5f749 {
    grid-area: 3 / 3 / 4 / 7;
  }

  #w-node-a39c5045-de9c-d54d-911c-091d2d687a07-dca5f749 {
    grid-row: 4 / 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb54-dca5f749 {
    grid-area: 11 / 1 / 12 / 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb56-dca5f749 {
    grid-area: 13 / 3 / 14 / 7;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5d-dca5f749 {
    grid-area: 18 / 1 / 19 / 7;
  }

  #w-node-d1e925fe-d69a-9c91-b81c-c65b94a117e9-a106877e, #w-node-_3f961966-9378-0fcf-ea90-d80ab9e364a6-a106877e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_11ede255-2064-6969-8218-a88d14318791-cc865da5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f0e79b5d-5ae0-0291-8bcf-daae4c2a544d-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c9ef9ed6-d483-b51d-f5cd-66b9ee0ad87b-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-d0a953a4-4d5c-b2df-fbd8-90bda99afad6-cc865da5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-aa39bfb2-eb30-b439-9770-4aa3bf541275-cc865da5 {
    grid-area: 3 / 1 / 4 / 3;
    align-self: end;
  }

  #w-node-_977437d1-5548-0db1-b7b5-96e08a920cf8-cc865da5 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_88e91095-1798-e118-9242-05c13d54dc09-cc865da5 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_940425bc-cb57-78a3-904d-c67ae65322d0-cc865da5 {
    grid-area: 6 / 1 / 7 / 3;
  }

  #w-node-_92228003-1039-785a-2da1-f84a9c30f78c-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a0f05857-b15c-8cec-e686-13de5cc6851d-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_97343b39-13f8-e650-845b-be72fa2b9b6b-cc865da5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1516bf67-c6fd-4c8c-6133-e30298d2e10d-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_04acb07b-1aff-1a55-dc44-ffa7f59c5e65-cc865da5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3534e5ab-e308-ebfc-5ec3-12d72b37a6c7-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e1e41f71-ca51-294e-1c1c-776569ca92f0-cc865da5, #w-node-_02409c45-2ff4-73ff-8d2b-91ffd73a8d22-cc865da5, #w-node-_77af23e3-2720-a9b0-e936-6802832cec53-cc865da5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_01deb100-4c7d-ffaa-cfc9-d233cd30b708-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2d042d4f-6f48-5086-7b81-89f45413418c-cc865da5, #w-node-_42f2087d-153c-0fa5-d445-3577393a55d7-cc865da5, #w-node-_670d219e-3763-fa91-cb0d-a169a1c2bb42-cc865da5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_7e5e1a8e-a0e2-9c82-f39d-cde2151c31fa-cc865da5, #w-node-_1ba33d48-3465-6a71-5499-45828d252852-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a243ae1b-56d9-d8dd-2f4b-f1f0cb4dd23c-cc865da5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_38405ea9-adac-0934-f182-e33296e65cb6-cc865da5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-da5f423d-58f1-82ab-648c-2769d168cc40-d168cc3f, #w-node-da5f423d-58f1-82ab-648c-2769d168cc41-d168cc3f {
    grid-column: span 2 / span 2;
  }

  #w-node-da5f423d-58f1-82ab-648c-2769d168cc43-d168cc3f, #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e1d-c9855e1c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e21-c9855e1c, #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e2c-c9855e1c, #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e35-c9855e1c, #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e40-c9855e1c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1d01ee40-47e3-4856-b031-0b9fc9855e49-c9855e1c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9020dd32-15a0-0ad8-0386-5595bc0a281d-99529cd8 {
    grid-row: span 1 / span 1;
    align-self: end;
  }

  #w-node-d3979925-f55d-2467-7a20-58a0e329f29b-99529cd8 {
    align-self: start;
  }

  #w-node-_25f0f2be-5765-45a1-86a4-798b06eddf96-a3bfdcbe, #w-node-_4618a063-d8fc-976a-a94f-d31cb4283fca-a3bfdcbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_60383f7c-cc8e-51d9-0f69-2dfd14699eec-dca5f749 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-_0064a49c-803c-7c4d-568b-6167a991e760-dca5f749 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb2f-dca5f749 {
    grid-column-end: 3;
  }

  #w-node-_9d3b208d-74b5-093b-2fbe-4b18bc0b3081-dca5f749 {
    grid-row: 2 / 3;
    grid-column-end: 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb31-dca5f749 {
    grid-area: 2 / 2 / 3 / 5;
  }

  #philosophie.w-node-a4f1ffaf-e46d-2e09-b3e9-665ce3bbf82c-dca5f749 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb33-dca5f749 {
    grid-column: 1 / 5;
    grid-row-start: 3;
  }

  #w-node-a39c5045-de9c-d54d-911c-091d2d687a07-dca5f749 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb30-dca5f749 {
    grid-area: 5 / 1 / 6 / 5;
  }

  #werte.w-node-ee63cf93-7a66-c7c4-2a9c-fb0bb53c3a12-dca5f749, #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb37-dca5f749 {
    grid-column: 1 / 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb3c-dca5f749, #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb43-dca5f749, #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb4a-dca5f749, #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb51-dca5f749 {
    grid-column: span 1 / span 1;
  }

  #w-node-ddb52404-f07f-b738-c977-85ac45691d3d-dca5f749 {
    grid-column-end: 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb52-dca5f749 {
    grid-column-end: 4;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb53-dca5f749 {
    grid-column: 4 / 5;
  }

  #team.w-node-_072e00a3-8baf-0c48-3bab-8dab3e062f05-dca5f749, #w-node-_1e1e8e62-6e05-b29c-fc8b-6099480f06a9-dca5f749 {
    grid-column-end: 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb56-dca5f749 {
    grid-column: 1 / 5;
  }

  #w-node-b9d7119c-ba3f-f642-4693-02c24b055e2a-dca5f749 {
    grid-column-end: 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5a-dca5f749 {
    grid-area: 15 / 1 / 16 / 5;
  }

  #w-node-_8a2d3857-15a9-1580-bd6f-9b4121d30ecd-dca5f749 {
    grid-column-end: 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5c-dca5f749 {
    grid-column: 2 / 5;
  }

  #handwerkskunst.w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb64-dca5f749 {
    grid-area: 18 / 1 / 19 / 3;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5d-dca5f749 {
    grid-area: 19 / 1 / 20 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_977437d1-5548-0db1-b7b5-96e08a920cf8-cc865da5 {
    grid-area: 4 / 1 / 5 / 3;
    align-self: start;
  }

  #w-node-_97343b39-13f8-e650-845b-be72fa2b9b6b-cc865da5, #w-node-_3534e5ab-e308-ebfc-5ec3-12d72b37a6c7-cc865da5, #w-node-e1e41f71-ca51-294e-1c1c-776569ca92f0-cc865da5, #w-node-_01deb100-4c7d-ffaa-cfc9-d233cd30b708-cc865da5, #w-node-_2d042d4f-6f48-5086-7b81-89f45413418c-cc865da5, #w-node-_7e5e1a8e-a0e2-9c82-f39d-cde2151c31fa-cc865da5 {
    grid-column: span 1 / span 1;
  }

  #w-node-da5f423d-58f1-82ab-648c-2769d168cc40-d168cc3f, #w-node-da5f423d-58f1-82ab-648c-2769d168cc41-d168cc3f, #w-node-da5f423d-58f1-82ab-648c-2769d168cc42-d168cc3f, #w-node-da5f423d-58f1-82ab-648c-2769d168cc43-d168cc3f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #philosophie.w-node-a4f1ffaf-e46d-2e09-b3e9-665ce3bbf82c-dca5f749 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb33-dca5f749 {
    grid-row: 4 / 5;
  }

  #w-node-a39c5045-de9c-d54d-911c-091d2d687a07-dca5f749 {
    grid-row: 5 / 6;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb30-dca5f749 {
    grid-row: 6 / 7;
  }

  #werte.w-node-ee63cf93-7a66-c7c4-2a9c-fb0bb53c3a12-dca5f749 {
    grid-row: 7 / 8;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb37-dca5f749 {
    grid-row: 8 / 9;
  }

  #w-node-ddb52404-f07f-b738-c977-85ac45691d3d-dca5f749 {
    grid-row: 9 / 10;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb52-dca5f749 {
    grid-row: 10 / 11;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb53-dca5f749 {
    grid-row: 11 / 12;
    grid-column-start: 3;
  }

  #team.w-node-_072e00a3-8baf-0c48-3bab-8dab3e062f05-dca5f749 {
    grid-row: 12 / 13;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb54-dca5f749 {
    grid-row: 13 / 14;
  }

  #w-node-_1e1e8e62-6e05-b29c-fc8b-6099480f06a9-dca5f749 {
    grid-row: 14 / 15;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb56-dca5f749 {
    grid-row: 15 / 16;
  }

  #w-node-b9d7119c-ba3f-f642-4693-02c24b055e2a-dca5f749 {
    grid-row: 16 / 17;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5a-dca5f749 {
    grid-row: 17 / 18;
  }

  #w-node-_8a2d3857-15a9-1580-bd6f-9b4121d30ecd-dca5f749 {
    grid-row: 20 / 21;
    grid-column-end: 2;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5c-dca5f749 {
    grid-row: 18 / 19;
  }

  #handwerkskunst.w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb64-dca5f749 {
    grid-area: 19 / 1 / 20 / 4;
  }

  #w-node-_7f38cf51-016f-0e15-3f7d-85803f0dfb5d-dca5f749 {
    grid-row: 21 / 22;
  }
}


@font-face {
  font-family: 'Marund 5002 Corner';
  src: url('../fonts/26A1Marund-5002Corner.woff2') format('woff2'), url('../fonts/26A1Marund-5002Corner.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Marund 5002 Corner ';
  src: url('../fonts/26A1Marund-5002Corner.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}