@font-face {
  font-family: Noe Display;
  src: url("/api/media/file/40-67763d934e4f74f02f3238f4_NOE-DISPLAY-REGULAR.TTF?v=18b0fe68cc1e") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noedisplay;
  src: url("/api/media/file/43-677e1363688dfc4a87f0c810_NoeDisplay-Thin.woff2?v=fc9e3576e2f3") format("woff2"), url("/api/media/file/42-677e13636604c417f8e6ecc6_NoeDisplay-Thin.eot?v=5a9e20946f04") format("embedded-opentype"), url("/api/media/file/41-677e13631a303bde7a7d7e3c_NoeDisplay-Thin.woff?v=b1c91741d002") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Switzer;
  src: url("/api/media/file/0-66fe7255283e714971fc8713_Switzer-Medium.ttf?v=d2231c5f42db") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Switzer;
  src: url("/api/media/file/1-66fe7255283e714971fc8714_Switzer-Regular.ttf?v=6d326cbfc9f0") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Switzer;
  src: url("/api/media/file/2-66fe7255283e714971fc871c_Switzer-Light.ttf?v=12d8e6b8bbca") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--hintergrund: #f5efdd;
  --fonts--body: Switzer, sans-serif;
  --color--text: #343633;
  --fonts--headings: "Noe Display", Arial, sans-serif;
  --text--heading-2\<deleted\|variable-242a4580-b2e2-2b54-aefc-5e1955810f62\>: 82px;
  --color--primary: #b7966a;
  --white: white;
  --color--secondary: #ececf0;
  --color--dark-beige: #b7966a;
  --text--heading-3\<deleted\|variable-9d9f6eb1-b159-1d47-047e-5fc64211bb1d\>: 64px;
  --black: black;
  --wein-text: #3d3e1f;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("/api/media/file/214-custom-checkbox-checkmark.589d534424.svg?v=25b40854984b");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

.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;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.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;
  }
}

body {
  background-color: var(--color--hintergrund);
  font-family: var(--fonts--body);
  color: var(--color--text);
  letter-spacing: .5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6em;
  display: block;
}

h1 {
  font-family: var(--fonts--headings);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 104px;
  font-weight: 400;
  line-height: 1em;
}

h2 {
  font-family: var(--fonts--headings);
  font-size: var(--text--heading-2\<deleted\|variable-242a4580-b2e2-2b54-aefc-5e1955810f62\>);
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.1em;
}

h3 {
  font-family: var(--fonts--headings);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1em;
}

h4 {
  font-family: var(--fonts--headings);
  letter-spacing: .25px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2em;
}

h5 {
  font-family: var(--fonts--headings);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3em;
}

h6 {
  font-family: var(--fonts--headings);
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3em;
}

p {
  letter-spacing: .2px;
  margin-bottom: .8em;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
}

a {
  color: var(--color--primary);
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

strong {
  font-weight: 500;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-top: 48px;
  margin-bottom: 48px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.navabar {
  z-index: 999;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 4.5em;
  display: flex;
  position: fixed;
  inset: 0% 0 auto;
}

.container {
  width: 100%;
  max-width: 90em;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.container.widgets {
  background-color: #f5efdd;
}

.container.overlay-container {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.container.top {
  margin-top: 100px;
}

.container.footer {
  padding-left: 160px;
  padding-right: 160px;
}

.container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.container.news {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5.5%;
  padding-right: 5.5%;
}

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

.container.recycling {
  flex-flow: column;
  margin-top: 100px;
  display: flex;
}

.navbar-content {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center start;
  width: 100%;
  height: 4.5em;
  position: relative;
}

.navbar-content.classic {
  grid-template-columns: 1fr 2.75fr 1fr;
}

.navbar-content.gold {
  background-color: var(--color--primary);
}

.navbar-brand {
  min-width: 160px;
  max-width: 240px;
}

.navbar-brand.w--current {
  max-width: 13em;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu.left {
  justify-content: flex-end;
  align-items: center;
  height: 4.5em;
  padding-left: 2em;
}

.menu-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 16px;
  transition: all .2s;
  display: flex;
}

.menu-link:hover {
  background-color: #ffffff0a;
}

.menu-link.desktop {
  display: none;
}

.menu-line {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.navbar-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  display: flex;
}

.button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--color--primary);
  background-color: var(--color--primary);
  color: #fff;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  white-space: nowrap;
  word-break: normal;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  padding: 12px 40px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button:hover {
  opacity: .83;
}

.button.small {
  min-width: 140px;
  padding: 6px 24px;
  font-size: 11px;
}

.button.small.nav-button {
  min-width: 140px;
}

.button.inverted {
  color: var(--white);
  background-color: #ececf000;
  border: 1px solid #ececf02e;
}

.button.inverted:hover {
  border-color: #ececf0;
}

.page-wrapper {
  flex-direction: column;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section {
  background-color: var(--color--secondary);
  padding-top: 2em;
  padding-bottom: 6em;
}

.section.space-xl {
  background-color: #f5efdd;
  padding-top: 192px;
  padding-bottom: 192px;
}

.section.space-xl.bg-white {
  background-color: #f5efdd;
}

.section.bg-white {
  background-color: #f5efdd;
  padding-bottom: 0;
}

.section.bg-white.vallahkrise {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.bg-white._40px-copy {
  z-index: 0;
  padding-top: 1.2em;
  position: relative;
}

.section.bg-white.bottom {
  padding-top: 40px;
}

.section.bg-white._0em {
  padding-top: 0;
}

.section.bg-white.news {
  z-index: 3;
  padding-top: 5.5%;
  position: relative;
}

.section.bg-white.margin-top {
  margin-top: 7em;
}

.section.size-l {
  background-color: #f5efdd;
  padding-top: 144px;
  padding-bottom: 144px;
}

.section.size-l.bg-white-copy {
  z-index: 0;
  position: relative;
}

.section.no-padding-copy-copy {
  background-color: #f5efdd;
  padding-top: 6.5em;
  padding-bottom: 0;
}

.section.no-padding-copy-copy.paddings {
  width: 100svw;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.section.no-padding-copy-copy.paddings.nodpadding {
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.section.space-xl-copy {
  background-color: #f5efdd;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.blog {
  background-color: #f5efdd;
  padding-top: 4em;
  padding-bottom: 0;
}

.section.bg-white-copy {
  background-color: #f5efdd;
  margin-left: 5%;
  margin-right: 5%;
  padding-bottom: 0;
}

.section.bg-white-copy.vallahkrise {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.bg-white-copy._40px-copy {
  z-index: 0;
  padding-top: 1.2em;
  position: relative;
}

.section.bg-white-copy.bottom {
  padding-top: 40px;
}

.section.bg-white-copy._0em {
  padding-top: 0;
}

.section.bg-white-copy.news {
  z-index: 3;
  padding-top: 5.5%;
  position: relative;
}

.brand-wrapper.center {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.brand-wrapper.center.mobile {
  display: none;
}

.footer {
  background-color: #b7966a;
  width: 100%;
  margin-top: auto;
  overflow: visible;
}

.footer-main {
  flex-direction: column;
  display: flex;
}

.footer-cta {
  border-bottom: 1px solid #ececf0;
  padding: 40px 12em;
  display: flex;
}

.footer-cta.center {
  justify-content: center;
  align-items: flex-start;
}

.footer-columns {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 40px;
  padding-bottom: 96px;
  display: grid;
}

.footer-cta-rows {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-group {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  display: flex;
}

.button-group.footer {
  margin-right: 0;
  padding: 0 22px 0 0;
}

.footer-menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #ececf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-menu.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-menu.hide {
  display: none;
}

.vertical-links {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vertical-links.align-right {
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
}

.vertical-links.align-right.bottom0pd {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
}

.text-small {
  color: var(--color--primary);
  letter-spacing: .5px;
  text-transform: none;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.4em;
}

.text-small.muted {
  opacity: .8;
}

.text-small.uppercase {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-size: 13px;
}

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

.text-small.margin-minus {
  margin-top: -1em;
}

.hover-link {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px none var(--color--primary);
  color: var(--color--primary);
  letter-spacing: 2.8px;
  -webkit-text-stroke-color: var(--color--primary);
  text-transform: uppercase;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hover-link.w--current {
  color: var(--color--dark-beige);
  font-weight: 500;
}

.hover-link.light {
  border-bottom-color: var(--color--secondary);
  color: var(--color--secondary);
  -webkit-text-stroke-color: var(--color--secondary);
  padding-bottom: 2px;
  font-size: 15px;
  overflow: hidden;
}

.hover-link.light.w--current {
  opacity: .6;
}

.hover-link.light.hide.w--current {
  display: flex;
}

.hover-link.top {
  width: 16%;
  margin-top: 40px;
}

.display-text {
  text-transform: uppercase;
  word-break: keep-all;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 122px;
  font-weight: 400;
  line-height: 1.2em;
}

.display-text.maxsize {
  font-family: Noe Display, Arial, sans-serif;
  font-size: 6em;
  line-height: 1em;
}

.display-text.smaller {
  font-size: 5em;
}

.hover-link-line {
  z-index: 1;
  background-color: var(--color--primary);
  width: 100%;
  height: 1px;
  color: var(--color--text);
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
}

.hover-link-line.light {
  background-color: var(--color--secondary);
}

.hover-link-line.white {
  background-color: var(--white);
  height: .06em;
}

.text-quote {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--color--primary);
  flex-flow: column;
  margin-bottom: 1.2em;
  font-family: Noedisplay, Arial, sans-serif;
  font-size: 2em;
  line-height: 1.3em;
  display: flex;
}

.text-large {
  letter-spacing: 1px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6em;
}

.text-large._17px {
  font-size: 1.1em;
}

.text-large._17px.small {
  max-width: 70%;
}

.container-s {
  width: 100%;
  max-width: none;
}

.container-s.center {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-terms {
  background-color: var(--color--secondary);
  padding-top: 29px;
  padding-bottom: 29px;
}

.terms-container {
  flex-direction: row;
  justify-content: center;
  width: 60%;
  display: flex;
}

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

.terms-row.gap-48 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.jumbo-text-scroll {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 0;
  overflow: hidden;
}

.jumbo-text-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  white-space: nowrap;
  word-break: normal;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
}

.jumbo-text {
  font-family: Playfairdisplay;
  font-size: 10vw;
  line-height: 10vw;
}

.jumbo-text.italic {
  font-style: normal;
}

.hero-section {
  color: #fff;
  flex-direction: column;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section.hero-slim {
  background-color: var(--color--primary);
  min-height: 0;
}

.hero-section.hero-home {
  padding-top: 0;
}

.hero-section.hero-slim-copy {
  z-index: 2;
  background-color: var(--color--primary);
  background-image: linear-gradient(#00000080, #00000080), url("/api/media/file/89-67b6d83c34c3ab56715e64ab_roter-Faden-2-.jpg?v=384d1a5887dd");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 90vh;
  min-height: 0;
}

.hero-section.hero-slim-copy.top {
  margin-top: 100px;
}

.hero-content {
  z-index: 20;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 72px;
  padding-bottom: 72px;
  display: flex;
  position: relative;
}

.hero-content.hero-xl {
  background-color: #b7966a00;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: 100px;
}

.hero-content.hero-xl.bottomtext {
  padding-top: 3.75em;
  padding-bottom: 6.25em;
}

.hero-widgets {
  z-index: 3;
  background-color: var(--color--hintergrund);
  position: relative;
}

.hero-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.hero-text.bottom {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
}

.hero-headline {
  z-index: 9999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.container-xl {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.hero-widget {
  background-color: var(--color--primary);
  flex-direction: row;
  flex: 1;
  min-height: 220px;
  padding: 32px;
  display: flex;
}

.hero-widget.quick-links-copy {
  background-color: #fff0;
  min-height: 0;
  margin-bottom: 0;
  padding-bottom: 3.5em;
}

.widget-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.widget-row.horizontal {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

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

.hero-media {
  z-index: 5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-overlay {
  z-index: 2;
  background-image: linear-gradient(#00000038, #0000007a), linear-gradient(#00000047, #00000047);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.navbar-scroll-bg {
  background-image: linear-gradient(to bottom, var(--color--primary), var(--color--primary)), linear-gradient(180deg, var(--color--primary), #fff0);
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.intro-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.container-l {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 849px;
  display: flex;
}

.container-l.sizeup {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  max-width: 90%;
  display: flex;
}

.container-l.newsbeitrag {
  max-width: 90%;
}

.hide {
  display: none;
}

.intro-grid-top {
  grid-column-gap: 74px;
  grid-row-gap: 74px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intro-grid-top.gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.intro-grid-top.gap.padding {
  margin-bottom: 6em;
}

.quote-box {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: flex-start;
  padding: 4em 3.0625em;
  display: flex;
}

.intro-grid-image {
  height: 0;
  max-height: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.intro-grid-image.grid-image-bottom.bottom {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 0%;
  display: flex;
}

.intro-rows {
  grid-column-gap: 9em;
  grid-row-gap: 9em;
  flex-direction: column;
  display: flex;
}

.grid-image {
  object-position: 50% 50%;
  position: absolute;
  inset: 0% 0 auto;
}

.grid-image.center {
  object-position: 40% 50%;
}

.grid-image.center.square {
  aspect-ratio: 1;
  object-fit: cover;
  width: auto;
  height: auto;
  position: relative;
}

.image, .image.hide {
  display: block;
}

.discover-rows {
  grid-column-gap: 148px;
  grid-row-gap: 148px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.offset-title {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.offset-title-heading {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.offset-title-text {
  padding-left: 64px;
}

.small-divider {
  background-color: var(--color--primary);
  width: 64px;
  height: 4px;
}

.page-card {
  width: 100%;
  color: var(--color--text);
}

.page-card.offset {
  padding-top: 64px;
}

.card-media {
  height: 0;
  padding-bottom: 72%;
  position: relative;
  overflow: hidden;
}

.card-media.large {
  padding-bottom: 80%;
}

.card-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.card-text.centered {
  justify-content: center;
  align-items: center;
  padding-right: 0;
}

.card-line {
  background-color: var(--color--primary);
  width: 40%;
  height: 4px;
  position: absolute;
  inset: -1px auto auto 0%;
}

.container-xs {
  width: 100%;
  max-width: 320px;
}

.container-xs._400px {
  max-width: 400px;
}

.container-xs._400px.flex {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-top: 6.5em;
  display: flex;
}

.container-xs._400px.flex.mitte {
  grid-column-gap: 8em;
  grid-row-gap: 8em;
  justify-content: center;
  align-items: flex-end;
  padding-top: 0;
}

.container-xs._400px.gaps {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-top: 6.5em;
  display: flex;
}

.scroll-card-graphic {
  opacity: .07;
  width: 50%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.scroll-card-graphic.xl {
  z-index: 0;
  width: 90%;
}

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

.next-grid {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  grid-template-rows: auto;
}

.where-to-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--color--primary);
  color: var(--color--secondary);
  flex-direction: column;
  justify-content: space-between;
  padding: 42px;
  display: flex;
  position: relative;
}

.promo-image-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  width: 100%;
}

.promo-image-media {
  min-height: 100vh;
  position: relative;
}

.promo-image-media.lef {
  width: 100%;
  height: 100%;
  min-height: auto;
  padding-top: 0;
}

.promo-image-content {
  justify-content: center;
  align-items: center;
  padding: 60px 40px;
  display: flex;
}

.promo-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.promo-row.more {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
}

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

.promo-info {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.promo-info.bottom {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  margin-bottom: 40px;
}

.little-tag {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--color--primary);
  flex-direction: column;
  display: flex;
}

.little-tag.hide {
  display: none;
}

.grid-2-col {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 2em;
  padding-right: 2em;
  display: grid;
}

.grid-2-col.popup {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}

.grid-2-col.popus {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-2-col._2-columns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-2-col.gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

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

.content-right.left {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: flex-start;
  align-items: flex-start;
}

.content-right.left-copy {
  justify-content: space-between;
  align-items: center;
}

.content-row {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 2em;
  display: flex;
}

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

.content-row.gap-48-copy {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  padding-bottom: 16px;
}

.content-row.family {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.accordion-title {
  border-top: 1px solid var(--color--primary);
  border-bottom: 1px solid var(--color--primary);
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.accordion-title:hover {
  color: var(--color--primary);
  padding-left: 16px;
}

.sidebar-content-grid {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.content-sidebar {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.richtext {
  padding-top: 0;
}

.richtext h2 {
  color: var(--color--primary);
  font-size: var(--text--heading-3\<deleted\|variable-9d9f6eb1-b159-1d47-047e-5fc64211bb1d\>);
  margin-top: 32px;
  margin-bottom: 16px;
}

.richtext h4 {
  font-family: var(--fonts--body);
  color: var(--color--primary);
  letter-spacing: .1px;
  text-transform: none;
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
}

.richtext blockquote {
  border-left-style: none;
  border-left-color: var(--color--primary);
  color: var(--color--primary);
  letter-spacing: .2px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 24px 48px 5px 0;
  font-family: Noedisplay, Arial, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 100;
  line-height: 1.2em;
}

.richtext p {
  margin-bottom: 16px;
}

.richtext h1 {
  color: var(--color--primary);
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 92px;
  line-height: 1.1em;
}

.richtext h3 {
  color: var(--color--primary);
  text-transform: uppercase;
  margin-top: 32px;
  margin-bottom: 16px;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5em;
}

.richtext h5 {
  color: var(--color--primary);
  letter-spacing: .5px;
  text-transform: none;
  margin-top: 32px;
  margin-bottom: 16px;
  font-family: Switzer, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
}

.richtext h6 {
  font-family: var(--fonts--body);
  color: var(--color--primary);
  letter-spacing: .5px;
  text-transform: none;
  margin-top: 5px;
  margin-bottom: 16px;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
}

.richtext ul {
  padding-left: 20px;
}

.richtext li {
  letter-spacing: .32px;
  padding-bottom: 8px;
  padding-left: 4px;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
}

.richtext a {
  border-style: none none solid;
  border-width: 0 0 2px;
  border-color: black black var(--color--primary);
  color: var(--color--text);
  font-weight: 400;
}

.richtext a:hover {
  color: var(--color--primary);
}

.richtext strong {
  font-weight: 500;
}

.sidebar-nav {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: sticky;
  top: 140px;
}

.sidebar-sticky {
  flex: 1;
  position: relative;
}

.overlay-menu {
  z-index: 8;
  background-color: var(--color--primary);
  width: 100%;
  height: 100%;
  color: var(--color--secondary);
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.ovelray-menu-container {
  flex-direction: row;
  flex: 1;
  display: flex;
  overflow: scroll;
}

.ovelray-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  align-self: stretch;
  align-items: center;
  padding-top: 192px;
  padding-bottom: 192px;
  padding-right: 0;
  display: block;
}

.ovelray-grid.topless {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  padding-top: 100px;
  display: flex;
}

.overlay-nav {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.7104px;
  display: flex;
}

.overlay-nav.right {
  justify-content: space-between;
  align-items: center;
}

.overlay-nav.left {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  display: flex;
}

.overlay-nav-item {
  font-family: var(--fonts--headings);
  color: var(--color--secondary);
  text-align: left;
  text-transform: uppercase;
  border-bottom: 4px solid #ececf000;
  font-size: 104px;
  line-height: 1em;
  transition: all .2s;
  overflow: hidden;
}

.overlay-nav-item:hover {
  border-bottom-color: var(--color--secondary);
}

.overlay-nav-text {
  text-align: center;
  font-size: 28px;
  line-height: 1em;
}

.overlay-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: right;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.centered-title {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.overlay-menu-mark {
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
  transform: scale(2);
}

.div-block {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.collection-list {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.collection-list.rows {
  flex-flow: wrap;
  display: flex;
}

.form {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  width: 100%;
  margin-top: -1.8em;
  display: flex;
}

.form-row {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  display: flex;
}

.form-input {
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #3436335e;
  height: auto;
  margin-bottom: 0;
  padding: 16px 0;
}

.form-input::placeholder {
  font-family: var(--fonts--body);
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 400;
}

.form-input.password {
  border-bottom-color: var(--color--secondary);
  min-width: 420px;
  height: 60px;
  color: var(--color--secondary);
  text-align: center;
  padding-left: 0;
  padding-right: 12px;
}

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

.icon-box {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border: 1px none var(--color--primary);
  color: var(--color--text);
  flex-direction: column;
  padding: 72px 48px;
  display: flex;
  overflow: visible;
}

.icon-box.padding-delete {
  padding-left: 0;
  padding-right: 0;
}

.icon-box._2 {
  z-index: 2;
  position: relative;
}

.icon-box-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.icon-box-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
}

.cms-category-list-wrapper {
  margin-top: 0;
}

.cms-category-collection-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-link {
  color: var(--color--text);
  border-bottom: 0 #7c282c00;
  flex: 0 auto;
  align-self: auto;
  padding-bottom: 0;
  font-weight: 400;
  line-height: 1.4em;
  transition: all .2s;
}

.text-link:hover {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-bottom: 0;
}

.text-link.w--current {
  color: var(--color--primary);
  border-bottom-color: #7c282c;
  margin-top: 0;
}

.text-link.light {
  color: #fff;
  font-weight: 400;
  transition-duration: .15ms;
}

.text-link.light:hover, .text-link.light.w--current {
  border-bottom-color: var(--color--secondary);
}

.collection-list-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.team-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top: 1px none var(--color--primary);
  border-bottom: 1px none var(--color--primary);
  flex-flow: row;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.team-card.line-copy {
  border: 1px #000;
  border-top: .5px #b7966a;
  border-bottom: .5px solid #b7966a;
  border-radius: 0;
  width: 100%;
  min-width: 100%;
  padding-top: 8em;
  padding-bottom: 8em;
}

.team-card.line-copy.team {
  margin-left: 0;
  margin-right: 0;
  padding: 5em 40px;
}

.team-card-image {
  border-radius: 0;
  width: 50%;
  height: auto;
  display: block;
  overflow: hidden;
}

.team-card-image.hide-on-phone {
  border-radius: 0;
}

.team-card-image.hide-on-pc {
  display: none;
}

.team-card-info {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.team-card-info.half {
  max-width: 50%;
}

.cms-team {
  width: 100%;
  margin-top: -1px;
}

.team-card-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.team-card-bio {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.divider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f5efdd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.divider.space {
  height: 6em;
}

.divider.space.more-space {
  height: 8em;
}

.divider.space.nospoace {
  height: 5em;
  padding-top: 0;
  padding-bottom: 0;
}

.divider-line {
  background-color: var(--color--secondary);
  flex: 1;
  height: .0625em;
}

.brand-mark-wrapper {
  width: 3.75em;
  color: var(--color--primary);
}

.icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.icon.icon-xl {
  width: 80px;
  height: 80px;
}

.icon.icon-xs {
  align-items: center;
  width: 16px;
  height: 16px;
}

.utility-page-wrap {
  background-color: var(--color--primary);
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  color: var(--color--secondary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-wrap.password {
  background-color: var(--color--dark-beige);
}

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

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

.utility-page-form.password {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
}

.profile-info-single {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profile-thumbnail {
  border-radius: 240px;
  width: 240px;
  height: 240px;
  overflow: hidden;
}

.overlay-top-menu {
  display: none;
  overflow: hidden;
}

.social-links-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--color--secondary);
  display: flex;
}

.social-link {
  color: var(--color--secondary);
  border: 1px #000;
  text-decoration: none;
  transition: all .2s;
}

.social-link:hover {
  opacity: .68;
}

.icon-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.icon-list.center {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
}

.icon-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--color--primary);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.icon-box-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uppercase-text {
  font-family: var(--fonts--body);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
}

.uppercase-text.text-muted {
  font-size: .9em;
}

.uppercase-text.text-muted.johannes.mobile {
  display: none;
}

.uppercase-text.atttributes {
  margin-top: 20px;
  font-size: 26px;
}

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

.text-muted {
  opacity: .8;
}

.quick-links-mobile {
  display: none;
}

.image-mono {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 20%;
}

.image-mono.copy {
  object-position: 50% 50%;
}

.image-mono.head {
  object-position: 50% 35%;
}

.fade-in {
  width: 100%;
  height: 100%;
}

.card-content-wrap {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.top-nav-link {
  font-family: var(--fonts--body);
  color: var(--color--secondary);
  letter-spacing: 2.8px;
  text-transform: uppercase;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  transition: all .2s;
}

.top-nav-link:hover {
  opacity: .67;
}

.top-nav {
  background-color: #ddd0;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.top-nav-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.top-nav-dropdown {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--color--secondary);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.top-nav-dropdown-icon {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
}

.nav-dropdown-link {
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px solid #00000012;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.nav-dropdown-link:hover {
  color: var(--color--primary);
  padding-left: 32px;
}

.nav-dropdown-list.w--open {
  background-color: #fff;
  min-width: 340px;
  padding-bottom: 16px;
  top: 53.5938px;
  left: 50%;
  transform: translate(-50%);
}

.heading-style-1 {
  font-family: var(--fonts--headings);
  text-transform: uppercase;
  font-size: 104px;
  font-weight: 400;
  line-height: 1.2em;
}

.heading-style-2 {
  font-family: var(--fonts--headings);
  color: var(--color--primary);
  letter-spacing: -.5px;
  text-transform: uppercase;
  font-size: 82px;
  font-weight: 400;
  line-height: 1.1em;
}

.heading-style-2.normal {
  text-transform: none;
  font-family: Noedisplay, Arial, sans-serif;
  font-size: 1.875em;
  line-height: 1.3em;
}

.heading-style-3 {
  font-family: var(--fonts--headings);
  letter-spacing: -2px;
  text-transform: uppercase;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1em;
}

.heading-style-3.denkart {
  color: var(--color--primary);
}

.heading-style-4 {
  font-family: var(--fonts--headings);
  letter-spacing: -.2px;
  text-transform: uppercase;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1.2em;
}

.heading-style-4.min {
  text-transform: none;
  font-size: 2em;
}

.heading-style-4.centered {
  text-align: center;
  text-transform: none;
}

.heading-style-4.centered.smaller {
  font-size: 35px;
}

.heading-style-4.gold {
  color: var(--color--primary);
}

.heading-style-4.smaller-top {
  font-size: 2em;
}

.heading-style-5 {
  font-family: var(--fonts--headings);
  letter-spacing: -.5px;
  text-transform: capitalize;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2em;
}

.content-left-bottom.hoght {
  height: 100%;
}

.checkbox-field {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 13px;
  display: flex;
}

.news-category-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.dropdown-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--color--text);
  border-bottom: 1px solid #00000012;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.preloader {
  z-index: 99;
  background-color: var(--color--secondary);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  overflow: hidden;
}

.preloader-logo {
  width: 40px;
  color: var(--color--primary);
}

.preloader-lottie {
  filter: contrast(200%);
  width: 160px;
  height: 160px;
  position: absolute;
  top: 49.7%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-success-message {
  color: #1b4e02;
  background-color: #daebe4;
}

.text-block-2 {
  color: var(--white);
  font-size: 1em;
}

.carousal {
  flex-flow: row;
  width: 100%;
  max-width: 1440px;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
}

.carousal.hide {
  display: none;
}

.zero-content {
  background-color: #b7966a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.carousal-wrapper {
  width: 100%;
  display: flex;
  overflow: clip;
}

.quote-image {
  opacity: 1;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  max-height: 978px;
  display: block;
  position: relative;
  overflow: clip;
}

.quote-image._0 {
  opacity: 0;
}

.quote-image._0.terroir {
  object-fit: cover;
  object-position: 50% 0%;
}

.quote-image.hidden {
  display: none;
}

.image-9 {
  z-index: 3;
  aspect-ratio: 928 / 545;
  object-fit: contain;
  width: 170%;
  position: absolute;
  top: 393px;
  left: 14%;
  overflow: visible;
}

.image-9.weineinkauf {
  z-index: 3;
  top: 466px;
  left: -12%;
  overflow: visible;
}

.image-9.weineinkauf._2 {
  z-index: 1;
  display: inline-flex;
}

.image-9.geschichte {
  z-index: 3;
  overflow: visible;
}

.image-9.weimer {
  width: 70%;
  top: 266px;
  left: 30%;
}

.signatur-quote {
  font-family: var(--fonts--body);
  color: var(--color--primary);
  text-transform: none;
  margin-top: -43px;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 148%;
}

.signatur-quote.smalled {
  margin-top: 40px;
  font-size: 18px;
  line-height: 1.6em;
}

.signatur-quote.smalled.padding-site {
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.1em;
}

.signatur-quote.smalled.padding-site.black {
  color: var(--black);
}

.signatur-quote.top {
  margin-top: 10px;
}

.signatur-quote.home {
  margin-top: -.7em;
}

.signatur-quote.margin {
  margin-top: -.6em;
}

.div-block-19-copy-2 {
  z-index: 1;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 148%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-p3 {
  color: #3d3e1fcc;
  font-size: 16px;
  font-weight: 400;
  line-height: 148%;
}

.main-p3._100-wide {
  text-align: center;
  width: 100%;
  font-size: 1.1em;
  line-height: 1.6em;
}

.image-12 {
  aspect-ratio: 1;
  flex: none;
  width: 24px;
}

.familie-section {
  z-index: 20;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #f5efdd;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 90em;
  padding: 188px 5.5% 80px;
  display: flex;
  position: relative;
  overflow: clip;
}

.familie-section.margin.padding {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
}

.familienstory {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero {
  background-image: url("/api/media/file/100-67b6d84010598e4a1fafd901_Startseite-ganz-oben-.jpg?v=84cb54faa6ea");
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100svw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: clip;
}

.footer-partner-wrapper {
  background-color: #fefbed;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 120px;
  display: flex;
}

.div-block-26 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  padding: 5% 5% 5% 15%;
  display: flex;
}

.div-block-26.kontakt {
  padding-left: 0%;
}

.div-block-26.kontakt.new {
  padding-right: 0%;
}

.showroom-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  background-color: #f5efdd;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 90em;
  padding-top: 200px;
  padding-left: 5.5%;
  padding-right: 5.5%;
  display: flex;
  position: relative;
  overflow: clip;
}

.showroom-section.padding.lagrein {
  display: none;
}

.showroom-section._100padding.width {
  padding-left: 0%;
  padding-right: 0%;
}

.showroom-section._100padding.width.top {
  padding-top: 140px;
}

.div-block-32 {
  width: auto;
  color: var(--black);
  background-color: #fdfbed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-32.w--current {
  color: var(--black);
}

.div-block-19 {
  color: #3d3e1f;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  border-bottom: 1px solid #3d3e1f;
  flex-flow: column;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 148%;
  display: flex;
}

.footer-contact-wrapper {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  width: 100%;
  max-width: 90em;
  padding: 90px 5.5% 74px;
  display: flex;
}

.carousal-list-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: none;
  width: auto;
  display: flex;
}

.carousal-list-wrapper.hide {
  display: none;
}

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

.image-10.zentral {
  object-position: 50% 100%;
}

.image-10.square {
  aspect-ratio: 1;
}

.main-h2 {
  color: var(--color--primary);
  font-family: Noe Display, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 108%;
}

.main-h2.small {
  color: var(--wein-text);
  font-size: clamp(1px, 3.5vw, 22px);
}

.main-h2.small.tiny {
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(1px, 3.5vw, 18px);
}

.main-h2.smaller {
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(1px, 3.5vw, 20px);
}

.main-h2.centered {
  text-align: center;
}

.main-h2.small-copy {
  color: var(--wein-text);
  font-size: clamp(1px, 3.5vw, 22px);
}

.main-h2.small-copy.tiny {
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(1px, 3.5vw, 18px);
}

.div-block-15 {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  background-color: #faf6e7;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 45px;
  display: flex;
}

.div-block-29 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: #b7966a;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 148%;
  text-decoration: none;
  display: flex;
}

.div-block-33 {
  background-color: #b7966a;
  width: 1px;
  display: none;
}

.h3-styling {
  color: var(--color--primary);
  text-align: left;
  letter-spacing: -1.44px;
  text-transform: uppercase;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 105%;
}

.h3-styling.gold {
  color: var(--color--primary);
}

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

.quote-inner {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-section {
  background-color: #b7966a1f;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 240px;
  display: flex;
  position: relative;
}

.footer-section.full-page-scroll-section.last {
  background-color: #f5efdd;
  height: auto;
  min-height: 100vh;
  margin-top: 0;
  overflow: hidden;
}

.main-p4 {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.6em;
}

.main-p4.large {
  font-size: 18px;
  line-height: 148%;
}

.main-p4.large.center {
  text-align: center;
}

.image-7 {
  aspect-ratio: 140 / 488;
  flex: none;
  width: 30%;
}

.no-overflow-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100svw;
  display: flex;
  position: relative;
  overflow: clip;
}

.main-heading-1 {
  letter-spacing: -1.44px;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 105%;
}

.main-heading-1.gold {
  color: var(--color--primary);
  font-family: Noedisplay, Arial, sans-serif;
  font-weight: 400;
}

.main-heading-1.gold.small {
  font-size: 50px;
}

.main-heading-1.gold.small.top-contact {
  margin-top: 20px;
}

.quote-section {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: #f5efdd;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 120px;
  display: flex;
  position: relative;
  overflow: clip;
}

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

.div-block-14._6.start {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div-block-14._6-copy {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.gallery-section {
  flex-flow: column;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.gallery-section.anapssung {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.quote-wrapper {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-28 {
  grid-column-gap: 28px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-28.center {
  justify-content: flex-start;
  align-items: center;
}

.div-block-23 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  aspect-ratio: 1440 / 1000;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: center;
  width: 100%;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 2em;
  display: grid;
}

.grape-icon {
  aspect-ratio: 82 / 48;
  width: 82px;
}

.footer-head-wrapper {
  grid-column-gap: 8em;
  grid-row-gap: 8em;
  background-color: #fdfbed;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
}

.footer-head-wrapper.heigh {
  padding-top: 1em;
  padding-bottom: 1em;
}

.image-8 {
  aspect-ratio: 756 / 1002;
  object-fit: cover;
  object-position: 50% 50%;
  width: 50%;
  max-height: none;
}

.image-8.gap16 {
  object-position: 50% 50%;
  max-height: 100vh;
  padding-right: 16px;
}

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

.main-heading-2 {
  color: var(--black);
  text-transform: uppercase;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 84px;
  font-weight: 400;
  line-height: 105%;
}

.main-heading-2.hidden {
  color: var(--color--primary);
  font-family: Noe Display, Arial, sans-serif;
  font-size: 4em;
  font-weight: 100;
  display: block;
}

.div-block-21 {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  max-width: none;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-21.padding-left {
  width: 50%;
  padding-right: 1.5em;
}

.div-block-21.padding-left.width-100._3 {
  z-index: 3;
}

.image-11 {
  aspect-ratio: 742 / 537;
  width: 100%;
}

.carousal-item {
  aspect-ratio: 150 / 100;
  object-fit: cover;
  height: 90%;
}

.hero-gradiant {
  z-index: 1;
  background-color: #0000001f;
  display: block;
  position: absolute;
  inset: 0;
}

.carousal-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  flex: none;
  margin-right: 16px;
  display: flex;
}

.carousal-list.hide {
  display: none;
}

.carousal-list.second {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}

.bg-image {
  z-index: 0;
  aspect-ratio: 973 / 571;
  object-fit: contain;
  width: 68%;
  display: none;
  position: absolute;
  top: 279px;
  right: -10%;
}

.div-block-20 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #b7966a03;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: visible;
}

.body-3 {
  background-color: var(--color--hintergrund);
  color: var(--color--dark-beige);
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-49 {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 59%;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  display: flex;
}

.div-block-49.left {
  margin-left: 0;
  margin-right: auto;
}

.heading-3 {
  color: #444;
  text-align: center;
  width: 100%;
  margin-top: 140px;
  margin-bottom: 0;
  font-family: Noe Display, Arial, sans-serif;
  font-size: clamp(2px, 6.2vw, 90px);
  font-weight: 300;
  line-height: 120%;
}

.div-block-58 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  width: 89%;
  max-width: 959px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.universal-bg {
  z-index: 0;
  background-color: #b7966a1f;
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.div-block-62 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.h2 {
  color: #444;
  text-align: center;
  margin-bottom: 48px;
  font-family: Noe Display, Arial, sans-serif;
  font-size: clamp(2px, 5.14vw, 50px);
  font-weight: 400;
  line-height: 120%;
}

.h3 {
  font-family: Noedisplay, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 120%;
}

.h3.white {
  color: #fff;
  font-weight: 400;
}

.h3.gold {
  color: #b7966a;
  margin-top: 40px;
}

.h3.gold-quot {
  color: var(--color--primary);
  margin-top: 40px;
}

.full-page-scroll-section {
  scroll-snap-align: start;
  width: 100%;
  height: 100vh;
}

.full-page-scroll-section.third {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
  position: relative;
  overflow: hidden;
}

.full-page-scroll-section.fifth {
  z-index: 0;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.full-page-scroll-section.sixth {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.full-page-scroll-section.first {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.full-page-scroll-section.forth {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-18 {
  aspect-ratio: 99 / 58;
  width: 99px;
}

.p {
  color: var(--color--primary);
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
}

.p.white {
  color: #fff;
}

.section-7 {
  height: auto;
  overflow: hidden;
}

.section-8, .section-9, .section-10, .section-11, .section-12 {
  overflow: hidden;
}

.body-5 {
  background-color: #b7966a1f;
}

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

.paragraph-3 {
  font-family: Switzer, sans-serif;
}

.paragraph-3.logo {
  color: var(--color--primary);
  font-family: Noedisplay, Arial, sans-serif;
  font-size: 25px;
  line-height: 1.2em;
}

.paragraph-3.logo.margin {
  color: var(--color--primary);
  margin-bottom: 0;
}

.paragraph-3.logo.margin.denkart {
  width: 100%;
  height: 100%;
  font-weight: 100;
}

.footer-wrapper-history {
  background-color: #f5efdd;
  overflow: hidden;
}

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

.section-13 {
  background-color: var(--white);
  overflow: hidden;
}

.div-block-76 {
  background-image: url("/api/media/file/44-677e197f9830f0b16113fc85_Denkart-7-.jpg?v=a1cbcab99cf7");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.div-block-77 {
  overflow: hidden;
}

.paragraph-4 {
  margin-bottom: 0;
  font-size: 1.1em;
  line-height: 1.6em;
}

.paragraph-5 {
  font-size: 1.1em;
}

.footer-wrapper {
  overflow: hidden;
}

.paragraph-7 {
  font-size: 1em;
  line-height: 1.6em;
}

.section-15, .section-16 {
  background-color: var(--white);
  overflow: hidden;
}

.body-8 {
  background-color: #f5efdd;
  font-size: 15px;
  overflow: visible;
}

.body-9 {
  background-color: #f5efdd;
}

.div-block-82 {
  overflow: hidden;
}

.section-17 {
  background-color: #f5efdd;
  padding-bottom: 100px;
}

.timeline_component {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-colour-lightgrey {
  color: var(--black);
  text-align: right;
  font-size: 1em;
  font-weight: 300;
}

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

.page-wrapper-2 {
  z-index: 0;
  background-color: #0000;
  border-radius: 20px;
  position: relative;
}

.timeline_image-wrapper {
  background-image: linear-gradient(138deg, #000, #0000 28%), url("/api/media/file/54-6799f740b70a502539537a34_Image-Background.png?v=e5f4706baba0");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 0;
  overflow: hidden;
}

.timeline_progress-bar-2 {
  z-index: -3;
  background-color: #fff;
  background-image: linear-gradient(#2e2e29, #a3a38d 51%, #a3a38d);
  width: .18em;
  height: 50vh;
  display: block;
  position: fixed;
  inset: 0 auto 50vh;
}

.section-timeline-2 {
  z-index: -3;
  background-color: #f5efdd;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-bottom: 60px;
  position: relative;
}

.timeline_date-text-2 {
  font-family: var(--fonts--headings);
  color: var(--black);
  text-align: right;
  letter-spacing: -.03em;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  top: auto;
}

.container-2 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.timeline_progress {
  z-index: -3;
  background-color: #414141;
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.timeline_circle {
  background-color: #fff;
  border-radius: 100%;
  width: .8em;
  min-width: .8em;
  max-width: .8em;
  height: .8em;
  min-height: .8em;
  max-height: .8em;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

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

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

.text-block-15 {
  color: var(--black);
  text-align: center;
  font-size: 1em;
  font-weight: 400;
  transition: all .5s ease-in-out;
}

.text-block-15:hover {
  text-align: left;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color--primary);
  text-decoration-color: var(--color--primary);
  text-underline-position: under;
}

.image-19 {
  object-position: 50% 30%;
}

.hero-overlay-copy {
  z-index: 2;
  background-image: linear-gradient(#00000038 64%, #0000007a), linear-gradient(#00000012, #00000012);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.quote {
  color: var(--color--primary);
  margin-bottom: 0;
  font-family: Noedisplay, Arial, sans-serif;
  font-size: 1.7em;
  line-height: 1.3em;
}

.body-10 {
  background-color: #f5efdd;
}

.cru-ncf-map-settings {
  display: none;
}

.cru-ncf-dynamic-map {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 80%;
  min-width: 80%;
  max-width: none;
  margin: 2rem auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.cru-ncf-dynamic-map.hide {
  display: none;
}

.cru-ncf-map {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cru-ncf-map-item-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cru-ncf-map-items {
  flex: 1;
  width: 22em;
  padding: 0 1.25em 1.25em;
  overflow: scroll;
}

.cru-ncf-map-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #b7966ab0;
  border: 1px #000;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  padding: 1.25rem;
  transition: opacity .2s;
  display: block;
  box-shadow: 2px 2px 5px #0003;
}

.cru-ncf-map-list-item.einkauf {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: .65rem .95rem;
}

.ncf-map-loading-state {
  color: #777;
  background-color: #f0f0f0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ncf-map-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  height: 75vh;
  margin-bottom: 2rem;
  display: grid;
  overflow: hidden;
}

.ncf-map-wrapper.footer-map {
  grid-template-columns: 1fr;
  width: 40em;
  height: 28em;
}

.ncf-map-wrapper.einkauf {
  grid-column-gap: 0rem;
}

.spinner-illustration {
  color: #d3d3d3;
  background-color: #f0f0f0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.ncf-map-inner-wrapper {
  z-index: 1;
  flex: 3 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.ncf-map-inner-wrapper.widht {
  width: auto;
}

.ncf-filter-reset {
  color: #111;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .5rem .75rem;
  display: flex;
}

.ncf-filter-reset.hide {
  display: none;
}

.cru-ncf-zoom-controls-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 7px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
  overflow: visible;
}

.ncf-zoomin-button {
  z-index: 401;
  cursor: pointer;
  background-color: #fff;
  background-image: url("/api/media/file/108-67b6e5089d595b040b098558_Plus.svg?v=c45ffeb95015");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 1px solid #57595e;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  right: 0;
  overflow: clip;
  box-shadow: 1px 1px 5px #0003;
}

.ncf-zoomout-button {
  z-index: 401;
  cursor: pointer;
  background-color: #fff;
  background-image: url("/api/media/file/111-67b6e50a9c74c733458dce8a_Minus.svg?v=536c6136fab9");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 1px solid #57595e;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  right: 0;
  box-shadow: 1px 1px 5px #0003;
}

.ncf-list-item-style-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ncf-guide-main-headline {
  font-size: 32px;
}

.ncf-guide-headline {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: 125%;
}

.ncf-style-heading-wrapper {
  margin-bottom: 1rem;
}

.ncf-filter-chip {
  cursor: pointer;
  border: 1px #57595e;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  transition: all .2s;
  display: flex;
}

.cru-ncf-map-styleguide {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #f0f0f0;
  border-radius: 16px;
  flex-flow: column;
  margin-top: 2rem;
  padding: 2rem;
  display: block;
}

.cru-ncf-empty-state {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.ncf-tooltip-popup-wrapper {
  width: 100%;
}

.ncf-tooltip-pop-up-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.cru-ncf-pin-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cru-ncf-pin {
  background-color: var(--color--hintergrund);
  background-image: url("/api/media/file/109-67b6e50954d97ef015a9c405_Map-Pin-New.svg?v=aa1622f1f84c");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 99999em;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding-left: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.cru-ncf-pin.hover {
  opacity: .55;
}

.cru-ncf-pin.einkauf {
  background-color: #fdfbed;
  background-image: none;
  width: 2rem;
  height: 2rem;
}

.cru-ncf-pin.footer {
  background-color: var(--color--primary);
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}

.cru-ncf-pin.default {
  background-color: var(--color--primary);
  background-image: none;
  width: 2rem;
  height: 2rem;
}

.cru-ncf-pin.active {
  background-image: url("/api/media/file/17-677274b9f1625bc0d61fe0f6_2.png?v=043a6f0475c8");
  background-position: 50%;
  background-size: 2em;
  width: 2em;
  height: 2em;
}

.ncf-tooltip-popup-inner-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.ncf-seperator {
  opacity: 0;
  width: 0;
  max-width: 0;
  height: 0;
  max-height: 0;
}

.cru-ncf-pop-up {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20rem;
  max-width: 20em;
  padding: 1.5rem;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 24px 1px #0000001a;
}

.cru-ncf-pop-up.einkauf {
  width: 22em;
  height: 9em;
  max-height: 9em;
}

.ncf-popup-close {
  cursor: pointer;
  background-color: #fffc;
  background-image: url("/api/media/file/107-67b6e507321c815e1f380593_Dismiss.svg?v=c1cb1d3bfd73");
  background-position: 50%;
  background-size: 20px 20px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: .5rem;
  display: flex;
  position: absolute;
  inset: .75rem .75rem auto auto;
}

.ncf-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: break-spaces;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-right: 19px;
  font-size: 1.125rem;
  line-height: 125%;
  text-decoration: underline;
  display: flex;
}

.cru-ncf-tooltip {
  background-color: #fff;
  border-radius: .5rem;
  padding: .25rem .5rem;
  box-shadow: 1px 1px 10px 2px #0000001a;
}

.item-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.cru-ncf-list-item-embed {
  background-color: #ff6c6c;
  border-radius: 4px;
  margin-bottom: .5rem;
}

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

.paragraph-4-copy {
  padding-right: 40px;
  font-size: 1.1em;
}

.familien-image {
  background-color: #f5efdd;
  background-image: linear-gradient(#f5efdd, #fff0 47%);
  width: 100%;
  position: relative;
  overflow: visible;
  transform: scale(1.1);
}

.image-22 {
  aspect-ratio: 1;
  object-fit: cover;
}

.image-23 {
  aspect-ratio: 1;
  object-position: 50% 50%;
}

.image-24 {
  aspect-ratio: 1;
  object-position: 50% 100%;
}

.himmel {
  background-image: linear-gradient(#f5efdd, #fbf9f169 19%, #fff0 40% 50%), url("/api/media/file/46-677e19802f4017aad7273a11_Denkart-oder-Terroir.jpg?v=ea181e82f2f0");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  height: 800px;
}

.uppercase-text-2 {
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-family: Switzer, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4em;
}

.uppercase-text-2.text-field {
  padding-bottom: 1.5em;
}

.hero_content {
  min-height: 100dvh;
  padding-top: 4.7rem;
  display: flex;
}

.page-wrapper-3 {
  overflow: visible;
}

.hero_side-banner {
  position: absolute;
  inset: 0% 0% 0% 75%;
}

.main-title_wrap {
  max-width: 900px;
}

.bg-image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-image-2.has-mobile-opacity-75 {
  object-fit: contain;
  font-size: 6.75rem;
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
}

.hero_title {
  margin-top: auto;
  margin-bottom: auto;
}

.main-title {
  z-index: 10;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.75rem;
  line-height: 1;
  position: relative;
}

.main-title.fade-up {
  z-index: 0;
  color: var(--color--primary);
  font-size: 5.75rem;
}

.section_padding {
  border-bottom: 1px solid #505050;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.section_padding.small {
  border-bottom-style: none;
  position: relative;
}

.product-grid-2 {
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
  overflow: visible;
}

.no-script {
  z-index: 99999;
  color: #fff;
  background-color: #000;
  position: relative;
}

.product-rich-text.fade-up {
  color: #000;
  font-size: 15px;
}

.text-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.text-grid.m-0 {
  place-items: start end;
  height: 100%;
  margin-top: 0;
  position: relative;
}

.hero_decor {
  width: 500px;
  position: absolute;
  top: 50%;
  left: -100px;
  transform: translate(0, -50%);
}

.hero_decor.right {
  opacity: .25;
  object-fit: contain;
  width: 900px;
  top: 30%;
  left: auto;
  right: 0;
}

.hero-2 {
  padding-bottom: 2px;
  position: relative;
}

.hero-2.section-padding {
  padding-bottom: 6em;
}

.header {
  z-index: 9999;
  background-color: #141414;
  background-image: url("/api/media/file/113-67bf017830508fc5bb82ea99_red-bar.jpg?v=ed3eed3bd505");
  background-position: 50% -10px;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.menu-button-2 {
  background-color: #fff0;
  padding: 0;
  transition: opacity .3s linear;
}

.menu-button-2:hover {
  opacity: .75;
}

.menu-button-2:focus-visible, .menu-button-2[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 1px solid #fff;
}

.menu-button-2.w--open {
  background-color: #fff0;
}

.accessibility {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  top: -9999px;
  left: -99999px;
  overflow: hidden;
}

.accessibility:focus {
  z-index: 999999999;
  width: auto;
  height: auto;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}

.section-19 {
  color: #fff;
  margin-top: 4em;
}

.offset-left {
  padding-left: 0;
  position: relative;
}

.hero_holder {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.section-20 {
  background-color: #ececf0;
  padding-top: 96px;
  padding-bottom: 96px;
}

.section-20.size-l {
  padding-top: 144px;
  padding-bottom: 144px;
}

.section-20.size-l.bg-white {
  background-color: #ececf000;
}

.section-20.size-l.bg-white.new-copy {
  padding-top: 3em;
  padding-bottom: 3em;
  overflow: visible;
}

.section-20.size-l.bg-white.vordergrund {
  z-index: 4;
  padding-top: 3em;
  padding-bottom: 3em;
  position: relative;
  overflow: visible;
}

.div-block-86 {
  width: 100%;
  height: 60em;
  position: sticky;
}

.h2-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
}

.h2-heading.text-weight-medium {
  font-weight: 500;
}

.h2-heading.text-weight-medium.gold {
  color: #b7966a;
}

.logo-awards {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 14em;
  padding: 40px 0;
  display: flex;
}

.logo-awards.hide {
  display: none;
}

.logo-awards.smaller {
  height: 12em;
}

.logo-awards.bigger, .logo-awards.riserva {
  height: 16em;
}

.title-row {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.title-row.row-center {
  justify-content: center;
  align-items: center;
}

.max-width-regular {
  width: 100%;
  max-width: 550px;
}

.paragraph-large {
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large.text-color-gray-600 {
  color: var(--color--primary);
  margin-top: -43px;
  font-size: 20px;
  font-weight: 300;
}

.paragraph-large.text-color-gray-600.black-copy {
  color: var(--black);
}

.logo-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

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

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

.grid-three-column._3.lower-gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 55%;
}

.grid-three-column._5-row {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-three-column._5-row._6row {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

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

.title-center-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 520px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-21 {
  margin-top: 60px;
}

.image-25, .image-26 {
  object-fit: contain;
  width: 100%;
}

.image-26.new {
  padding-top: 10px;
  padding-bottom: 10px;
}

.image-27 {
  object-fit: contain;
  width: 100%;
}

.newsletter {
  width: auto;
  color: var(--black);
  cursor: pointer;
  background-color: #fdfbed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.newsletter.w--current {
  color: var(--black);
}

.button-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--color--primary);
  background-color: var(--color--primary);
  color: #fff;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  white-space: nowrap;
  word-break: normal;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  padding: 12px 40px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-2:hover {
  opacity: .83;
}

.form-input-2 {
  text-align: center;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #3436335e;
  height: auto;
  margin-bottom: 0;
  padding: .9em 0;
  font-size: 1em;
}

.form-input-2::placeholder {
  letter-spacing: 0;
  font-family: Switzer, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.form-input-2.select {
  color: var(--color--text);
  font-size: 17px;
}

.form-checkbox-2 {
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-right: 4px;
}

.form-checkbox-2.w--redirected-checked {
  background-color: var(--color--primary);
  background-image: none;
  border-style: none;
}

.heading-style-9 {
  letter-spacing: -2px;
  text-transform: uppercase;
  margin-bottom: -.3em;
  padding-bottom: 0;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.1em;
}

.section-22 {
  background-color: #ececf0;
  padding-top: 96px;
  padding-bottom: 96px;
}

.section-22.size-l {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-22.size-l.bg-white {
  background-color: var(--white);
  border-radius: 0;
  height: 100%;
  position: relative;
}

.content-right-3 {
  grid-column-gap: 4.5em;
  grid-row-gap: 4.5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

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

.page-padding {
  padding-left: 2em;
  padding-right: 2em;
  overflow: visible;
}

.page-container {
  width: 100%;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.st-magdalener {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.st-magdalener.hidden {
  display: none;
}

.showroom-flexbox {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  display: flex;
}

.showroom-flexbox.weine {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
}

.global-container {
  width: 100%;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.lagrein-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.story-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #b7966a03;
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.story-section.padding {
  width: auto;
  margin-top: 16px;
  margin-left: 16px;
}

.story-section.padding.anpassung {
  margin-top: 0;
  margin-left: 0;
  display: block;
  overflow: visible;
}

.h1-styling {
  color: var(--color--primary);
  letter-spacing: -1.44px;
  text-transform: none;
  font-family: Noedisplay, Arial, sans-serif;
  font-size: 72px;
  font-weight: 100;
  line-height: 105%;
}

.h2-styling {
  color: var(--color--primary);
  letter-spacing: -1.44px;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 4em;
  line-height: 105%;
}

.h2-styling.centered {
  text-align: center;
  width: 90%;
}

.story-flex {
  flex-flow: row;
  width: auto;
  margin-top: 1em;
  margin-left: 1em;
  display: flex;
}

.story-flex.home {
  margin-top: 3em;
}

.story-flex.home.bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.gallery-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1440 / 1000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: auto;
  height: auto;
  max-height: none;
  margin-left: 16px;
  margin-right: 16px;
  display: grid;
}

.gallery-inner.familie {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.gallery-inner.familie.high {
  max-height: none;
}

.gallery-inner.familie.high.width.delete {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: 0;
  margin-right: 0;
}

.gallery-inner.familie.none {
  max-height: 40em;
}

.gallery-flex {
  background-color: #f5efdd;
  flex-flow: column;
  padding-top: 6.25em;
  padding-bottom: 6.25em;
  display: flex;
  position: relative;
  overflow: visible;
}

.gallery-flex.up-padding {
  padding-top: 1em;
}

.gallery-flex.padding {
  padding-top: 0;
  padding-bottom: 0;
}

.gallery-flex.start {
  padding-top: 16px;
}

.men-weine {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  display: flex;
}

.story-text-wrapper {
  z-index: 5;
  grid-column-gap: 2.875em;
  grid-row-gap: 2.875em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: none;
  padding: 5%;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-block-17 {
  font-size: 1em;
  overflow: visible;
}

.text-block-17._3 {
  z-index: 3;
  font-size: 1.1em;
  position: relative;
}

.paragraph-10 {
  font-size: 1em;
}

.formular-pop-up {
  z-index: 99999;
  background-color: #0000006b;
  padding: 2.2em 19.3em;
  display: none;
  position: fixed;
  inset: 0%;
}

.paragraph-11 {
  margin-top: -3.5em;
  font-size: 1.1em;
}

.close-button {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  position: absolute;
  inset: 4% 2% auto auto;
}

.close-button.seit {
  width: 100%;
  height: 100%;
  position: static;
}

.line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.line.up {
  transform: translate(0, -3px)rotate(45deg);
}

.line.down {
  transform: translate(0, -21px)rotate(-45deg);
}

.language-switcher {
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-11 {
  background-color: #f5efdd;
}

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

.blog-hero-image-wrapper {
  background-image: url("/api/media/file/78-67b6d83966f606dc93502221_Startseite-4-.jpg?v=11f3199a8ea6");
  background-position: 50%;
  background-size: cover;
  width: 100svw;
  height: 100svh;
}

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

.story-hero-image-wrapper {
  background-image: url("/api/media/file/94-67b6d83e1d73361416ccb063_Geschichte-4-.jpg?v=a61f37cf8859");
  background-position: 50%;
  background-size: cover;
  width: 100svw;
  height: 100svh;
}

.body-12 {
  background-color: #f5efdd;
}

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

.media-wrapper {
  background-image: url("/api/media/file/211-background-image.svg?v=ab545a515404");
  background-position: 50%;
  background-size: cover;
  width: 100svw;
  height: 100svh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.home-media-image {
  background-image: url("/api/media/file/100-67b6d84010598e4a1fafd901_Startseite-ganz-oben-.jpg?v=84cb54faa6ea");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

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

.old-hero-flex {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.small {
  font-size: 15px;
}

.text-block-21 {
  font-size: 20px;
}

.small-copy {
  color: var(--color--primary);
  font-size: 15px;
  font-weight: 500;
}

.absolut-gradiant {
  background-image: none;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.absolut-gradiant.down {
  z-index: 10;
  background-image: linear-gradient(#f5efdd 13%, #f5efdd0f 35%);
  display: block;
  position: absolute;
  inset: 0%;
  transform: scale(1.1);
}

.new-image-wrapper {
  width: 100%;
  position: relative;
  overflow: visible;
}

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

.footer-new-container {
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
}

.heading-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.terms-flexbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mainbody {
  background-color: var(--color--hintergrund);
}

.presskit-content-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  position: relative;
}

.pressekit-img-inner {
  width: 100%;
  height: 100%;
}

.image-29 {
  object-fit: cover;
}

.hero-img-gradiant---absolut {
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.pressekit-content-inner {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pressekit-content-inner.padding-bottom {
  padding-bottom: 8em;
}

.pressekit-content-inner.padding-bottom.hide {
  display: none;
}

.h1-global-styling {
  color: var(--white);
  font-size: 6em;
  line-height: 1;
}

.informationsection---pressekit {
  overflow: hidden;
}

.informationsection---pressekit.margin {
  margin-top: 3.5em;
}

.page-padding---pressekit {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.container---pressekit {
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.information---inner {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.einleitung---info---wrapper {
  grid-column-gap: 7.2em;
  grid-row-gap: 7.2em;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.einleitung---info---wrapper.hide {
  display: none;
}

.h2-global-styling_pressekit {
  color: var(--color--primary);
  text-align: center;
  font-size: 3em;
}

.info--bersicht-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pressekit-trennlinie {
  background-color: var(--color--primary);
  width: 80%;
  height: 1px;
}

.pressekit-trennlinie.last {
  margin-bottom: 5em;
}

.pressekit-trennlinie.margin {
  margin-top: .8em;
  margin-bottom: .8em;
}

.info-logo-wrapper {
  grid-column-gap: 2.2em;
  grid-row-gap: 2.2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.logo-img-wrapper {
  width: 50%;
}

.pressekit-flexbox-inner {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pressekit-download-text {
  text-decoration: underline;
}

.pressekit-download-text.big {
  font-size: 1.5em;
}

.pressekit-download-text.smaller {
  font-size: .9em;
}

.pressekit-gallery-wrapper {
  width: 100%;
}

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

.pressekit-grid-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.grid-img-item {
  object-fit: cover;
  width: 20em;
  height: 100%;
}

.lightbox-link {
  z-index: 5;
  cursor: pointer;
  height: 35em;
  position: relative;
}

.gallery-gradiant {
  background-image: linear-gradient(135deg, #fff0, #000000cf);
  position: absolute;
  inset: 0%;
}

.lightbox-title {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 5% 5% auto;
}

.text-block-23 {
  padding-bottom: 18px;
  font-size: 1.5em;
  text-decoration: underline;
}

.gallery-split-flex {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.gallery-download-section {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding-left: 4em;
  display: flex;
}

.einzel_download-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.img-behinde {
  z-index: 2;
  opacity: .43;
  height: 25em;
  position: absolute;
  transform: translate(-300px);
}

.pressekit-wein-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.wein-layer {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  background-color: #faf6e7;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4em;
  padding-bottom: .75em;
  display: flex;
}

.pressekit-wein-img {
  aspect-ratio: 140 / 488;
  flex: none;
  width: 34%;
}

.wein-download-link {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ncf-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  overflow: visible;
}

.ncf-label-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.ncf-address-search-bar {
  cursor: auto;
  border: 1px solid #000;
  border-left-color: #57595e;
  border-radius: 12px 0 0 12px;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
  padding-left: .75rem;
  padding-right: .75rem;
}

.ncf-pop-up-close {
  cursor: pointer;
  background-color: #fffc;
  background-image: url("/api/media/file/107-67b6e507321c815e1f380593_Dismiss.svg?v=c1cb1d3bfd73");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: .5rem;
  display: flex;
  position: absolute;
  inset: .75rem .75rem auto auto;
}

.map-text-wrapper {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  flex-flow: column;
  display: flex;
}

.text-block-24 {
  color: var(--white);
  font-size: 1em;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
}

.image-30 {
  object-fit: contain;
}

.image-30.einkauf {
  background-color: #fdfbed;
  background-image: url("/api/media/file/17-677274b9f1625bc0d61fe0f6_2.png?v=043a6f0475c8");
  background-position: 50%;
  background-size: cover;
  border-radius: 999em;
  width: 1.5em;
  height: 1.5em;
}

.image-30.weineinkauf {
  width: 1.5em;
  height: 1.5em;
}

.text-block-26 {
  border: 1px #000;
  font-size: .8em;
  text-decoration: underline;
}

.desktop, .mobile {
  display: inline-block;
}

.home-media-image-desktop {
  background-image: url("/api/media/file/100-67b6d84010598e4a1fafd901_Startseite-ganz-oben-.jpg?v=84cb54faa6ea");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.gallery-image {
  object-fit: cover;
  height: 100%;
}

.gallery-image.margin-right {
  margin-right: 40px;
}

.gallery-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gallery-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-areas: ".";
  margin-top: 5em;
  margin-bottom: 5em;
}

.gallery-section-2 {
  padding: 3em 3% 0;
}

.pressekit-logo {
  justify-content: center;
  align-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
}

.image-31 {
  width: 50%;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
}

.einleitung-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 2.5em;
  padding-bottom: 5em;
  display: flex;
}

.text-wrapper {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.heading-4 {
  color: var(--color--primary);
  font-size: 3em;
}

.heading-4.width {
  width: 100%;
}

.paragraph-15 {
  color: var(--color--text);
}

.paragraph-15.width {
  width: 100%;
}

.text-wrapper-home {
  width: 70%;
}

.gallery-home-item {
  width: 100%;
  height: 30em;
  max-height: 30em;
}

.gallery-home-item.zentral {
  height: 30em;
  max-height: 30em;
}

.gallery-home-item.zentral.high, .gallery-home-item.max-high {
  height: auto;
  max-height: none;
}

.gallery-home-item.neutral, .gallery-home-item.delete {
  height: 100%;
  max-height: none;
}

.gallery-home-item.grid {
  height: 100%;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
}

.familie-galerie {
  background-color: #f5efdd;
}

.verkauf-flex {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  max-height: 100%;
  display: flex;
  overflow: visible;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 60%;
}

.image-grid-item {
  background-image: url("/api/media/file/98-67b6d83f14e92df0c24c91fd_Margareth-2-.jpg?v=3689737f85aa");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.image-grid-item.scale {
  object-position: 50% 100%;
  background-image: url("/api/media/file/171-67e258cb094645914fd79ec6_Margareth-2-1.jpg?v=4d33a8f59e2b");
  background-size: cover;
}

.code-embed, .code-embed-2 {
  opacity: 1;
}

.weinlese-image {
  object-fit: cover;
  object-position: 50% 50%;
}

.pop-up-gutscheine {
  z-index: 999;
  background-color: #0000004d;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.pop-up-gutscheine.hide {
  display: none;
}

.pop-up-gutscheine-wrapper {
  background-color: #f5efdd;
  box-shadow: 2px 2px 5px #0003;
}

.pop-up-global-container {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 90em;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 2em;
  display: flex;
}

.pop-up-h3-styling {
  color: var(--color--primary);
  text-align: left;
  font-size: 2.5em;
}

.pop-up-h3-styling.h5 {
  font-size: 1em;
}

.pop-up-h3-styling.h5-copy {
  font-size: 1.3em;
}

.gutschein-text-wrapper {
  width: auto;
}

.gutschein-text-wrapper.centered {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.gutscheine-text-flex {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gutscheine-text-flex.center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.text-wraper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.text-wraper.center {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.gutschein-vorlage-wrapper {
  width: 80%;
}

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

.gutschein-grid-item {
  width: 80%;
  height: 100%;
  position: relative;
}

.gutschein-formular-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
}

.form-2 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-name-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 37.5em;
  display: grid;
}

.form-grid-item.radio {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.textarea {
  background-color: #f5efdd;
}

.radio-button {
  opacity: .4;
  border: 1px solid #000;
  border-radius: 9999px;
  width: 1em;
  height: 1em;
  margin-top: 0;
  box-shadow: inset 2px 2px 5px #0003;
}

.radio-button.w--redirected-checked {
  border-color: var(--color--primary);
  background-color: var(--color--primary);
  box-shadow: inset -2px 2px 5px #0003;
}

.radio-button-label {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 300;
}

.radio-button-label.uppercase-text-2 {
  font-size: .8em;
  font-weight: 500;
}

.radio-button-field {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 2.5rem;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 1.25rem;
  height: 1.25rem;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 2.75rem;
  height: 1.5rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-banner_button {
  border: 2px solid var(--color--dark-beige);
  background-color: var(--color--primary);
  opacity: 1;
  color: #fff;
  text-align: center;
  border-radius: 999rem;
  min-width: 7rem;
  margin-left: 1rem;
  padding: .125rem 1.25rem;
  font-size: .9rem;
  transition: color .3s;
}

.fs-cc-banner_button.fs-cc-button-alt {
  min-width: 7rem;
  color: var(--color--text);
  -webkit-text-stroke-color: #9ea700;
  background-color: #f5f5f500;
  border-style: none;
  text-decoration: underline;
}

.fs-cc-banner_close-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-manager_component-2 {
  z-index: 999;
  display: block;
  position: fixed;
  inset: auto auto 1.25rem 1.25rem;
}

.fs-cc-manager_button {
  background-color: var(--color--primary);
  color: #333;
  cursor: pointer;
  border-radius: 999rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: .75rem .5rem 1rem;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_label {
  color: var(--color--text);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 1rem;
  height: 1rem;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 2.5rem 2rem;
  overflow: scroll;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #03052499;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_title {
  color: var(--color--text);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_form {
  background-color: var(--color--hintergrund);
  border-radius: 0;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_button {
  border: 2px solid var(--color--primary);
  background-color: var(--color--primary);
  border-radius: 999rem;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  border-color: var(--color--primary);
  background-color: var(--color--hintergrund);
  color: var(--color--text);
  -webkit-text-stroke-color: #9ea700;
}

.fs-cc-manager_icon {
  width: 1.8rem;
  height: 1.8rem;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.fs-cc-banner_text {
  color: #616161;
  margin-right: 1.5rem;
  font-size: .8em;
  text-decoration: none;
}

.fs-cc-banner_component-2 {
  z-index: 998;
  background-color: #f5efdd;
  border-top: 1px solid #4353ff29;
  padding: 1em 2rem;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 999rem;
  margin-left: .75rem;
  padding: .625rem;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid var(--color--text);
  color: var(--color--text);
  -webkit-text-stroke-color: #0085ca;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.fs-cc-banner_text-link.hide, .fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_close {
  z-index: 1;
  background-color: var(--color--hintergrund);
  color: #333;
  cursor: pointer;
  border-radius: 100%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: -.75rem -.75rem auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_component-4 {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_space-small {
  margin-bottom: .75rem;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs_text {
  color: var(--color--text);
  font-size: .75rem;
}

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

.datenschutz-hero-wrapper {
  z-index: 10;
  position: relative;
}

.datenschutz-bg {
  z-index: -5;
  background-image: linear-gradient(#0000004d, #0000004d), url("/api/media/file/80-67b6d8397af39c9bbe3ed213_0-4-.JPG?v=da72f2dc50eb");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 100svh;
  position: absolute;
  inset: 0%;
}

.datenschutz-hero-inner {
  justify-content: center;
  align-items: flex-end;
  height: 100svh;
  padding-top: 2em;
  padding-bottom: 6em;
  display: flex;
}

.heading-5 {
  color: var(--color--secondary);
  font-size: 4.5em;
}

.rich-text-block-2 {
  padding-top: 4em;
}

.rich-text-block-2.imprint {
  width: 70%;
}

.rich-text-block-2.imprint-copy {
  width: 70%;
  padding-top: 2em;
}

.italic-text {
  font-style: normal;
}

.pr-ferenzen {
  color: #494949;
  text-decoration: underline;
}

.text-span, .text-span-2, .text-span-3, .text-span-4, .text-span-5, .text-span-6 {
  color: var(--wein-text);
}

.weinbrief {
  width: 100%;
}

.footer-head-bg {
  background-color: #fdfbed;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.beispiel-wrapper {
  background-color: var(--color--hintergrund);
  border: 2px solid #b7966a4f;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  position: absolute;
  inset: 2% auto auto 2%;
  box-shadow: 2px 2px 3px #0003;
}

.text-block-28 {
  color: var(--wein-text);
  font-weight: 500;
}

.text-span-7 {
  font-weight: 400;
}

.gutschein-pop-up {
  z-index: 99999;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: none;
  position: fixed;
  inset: 0%;
}

.gutschein-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: scroll;
}

.gutschein-inner.padding {
  max-width: 90%;
  max-height: 90%;
}

.text-block-29 {
  font-size: 1em;
}

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

.text-block-29.center.width {
  max-width: 80%;
}

.gutschein-close-buttin {
  cursor: pointer;
  border: 1px #000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-top: 10px;
  display: flex;
  position: absolute;
  inset: 2% 2% auto auto;
}

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

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

.section-x-small {
  padding: 36px 5%;
  position: relative;
}

.section-x-small.background-gray-100 {
  background-color: #f3f4f6;
}

.section-x-small.background-gray-100.new {
  background-color: #fdfbed;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.logo {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

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

.logo-carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.code-embed-3 {
  display: none;
}

.logo-carousel-content {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.logo-card {
  background-color: #fdfbed;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.logo-icon-wrapper {
  color: #9ca3b0;
  width: 6em;
  height: 5em;
  transition: color .3s;
}

.logo-icon-wrapper:hover {
  color: #384252;
}

.logo-carousel-gradient {
  z-index: 1;
  background-image: linear-gradient(90deg, #fdfbed, #fff0);
  width: 10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.logo-carousel-gradient.right {
  background-image: linear-gradient(90deg, #fff0, #fdfbed);
  inset: 0% 0% 0% auto;
}

.image-35 {
  width: 1em;
  height: 1em;
  overflow: visible;
}

.gradiant-denkart {
  background-image: linear-gradient(#f5efdd, #fff0 32%);
  position: absolute;
  inset: 0%;
}

.sort-flex-wrapper {
  min-height: 2em;
}

.flexbox-geschichte {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.lightbox-link-2 {
  height: 100%;
}

.lightbox-link-2.width {
  width: 100%;
}

.wein-sticky-wrapper {
  min-height: 100svh;
}

.wein-sticky-wrapper.section-padding {
  padding-bottom: 6em;
}

.wein-sticky-inner {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sticky-wein-left {
  width: 50%;
}

.sticky-wein-right {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: sticky;
  top: 7.5em;
}

.padding-site {
  padding-left: 2em;
  padding-right: 2em;
}

.image-36 {
  object-fit: contain;
  width: 100%;
}

.section-23 {
  color: #fff;
}

.div-block-98 {
  width: 100%;
  height: 60em;
  position: sticky;
}

.signatur-quote-2 {
  color: #b7966a;
  text-transform: none;
  margin-top: -43px;
  font-family: Switzer, sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 148%;
}

.signatur-quote-2.top {
  margin-top: 10px;
}

.hover-link-2 {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #b7966a;
  letter-spacing: 2.8px;
  -webkit-text-stroke-color: #b7966a;
  text-transform: uppercase;
  border-bottom: 1px #b7966a;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hover-link-2.w--current {
  color: #b7966a;
  font-weight: 500;
}

.hover-link-2.top {
  width: 16%;
  margin-top: 40px;
}

.image-37 {
  object-fit: contain;
  width: 100%;
}

.div-block-99 {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  background-color: #faf6e7;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 45px;
  display: flex;
}

.main-h2-2 {
  color: #b7966a;
  font-family: Noe Display, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 108%;
}

.main-h2-2.smaller {
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(1px, 3.5vw, 20px);
}

.main-h2-2.small {
  color: #3d3e1f;
  font-size: clamp(1px, 3.5vw, 22px);
}

.main-h2-2.small.tiny {
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(1px, 3.5vw, 18px);
}

.section-24 {
  margin-top: 60px;
}

.hover-link-line-2 {
  z-index: 1;
  color: #343633;
  background-color: #b7966a;
  width: 96%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
}

.image-38 {
  aspect-ratio: 140 / 488;
  flex: none;
  width: 34%;
}

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

.div-block-100._6-copy {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.adressen-rich-text {
  color: #34363394;
  font-size: .9em;
}

.adressen-rich-text p {
  font-size: .9em;
}

.lang-de, .lang-it, .lang-en {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.link-block-6 {
  position: relative;
}

.div-block-101 {
  background-image: linear-gradient(#00000036, #00000036);
  position: absolute;
  inset: 0%;
}

.link-block-7 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-102 {
  background-color: #f5efdd;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.weinbrief_wrapper {
  z-index: 1;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-top: 20px;
  padding-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 148%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-104 {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.image-39 {
  width: auto;
  max-height: 80vh;
}

.weinbrief-link-de {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pressekit-wein-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.link-styling {
  text-align: center;
  font-size: 1em;
  text-decoration: underline;
}

.weinbrief-link-it {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.weinbrief-link-en {
  justify-content: center;
  align-items: center;
  display: flex;
}

.rebschnit-3col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2em;
  display: grid;
}

.image-wrapper-rebschnitt {
  padding-bottom: 0;
}

.code-embed-4 {
  display: none;
}

.maps {
  background-color: #ececf000;
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: flex;
}

.div-block-105 {
  flex-flow: column;
  display: flex;
}

.image-40 {
  margin-top: 16px;
}

.link-2, .link-3 {
  font-size: 1.1em;
  line-height: 1.7em;
}

.div-block-106 {
  flex-flow: column;
  display: flex;
}

.link-5 {
  font-size: 1.1em;
  font-weight: 400;
  line-height: .8em;
}

.lang-de-brief {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px none var(--color--primary);
  color: var(--color--primary);
  letter-spacing: 2.8px;
  -webkit-text-stroke-color: var(--color--primary);
  text-transform: uppercase;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lang-de-brief.w--current {
  color: var(--color--dark-beige);
  font-weight: 500;
}

.lang-de-brief.light {
  border-bottom-color: var(--color--secondary);
  color: var(--color--secondary);
  -webkit-text-stroke-color: var(--color--secondary);
  padding-bottom: 2px;
  font-size: 15px;
  overflow: hidden;
}

.lang-de-brief.light.w--current {
  opacity: .6;
}

.lang-de-brief.top {
  width: 16%;
  margin-top: 40px;
}

.lang-en-brief {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px none var(--color--primary);
  color: var(--color--primary);
  letter-spacing: 2.8px;
  -webkit-text-stroke-color: var(--color--primary);
  text-transform: uppercase;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lang-en-brief.w--current {
  color: var(--color--dark-beige);
  font-weight: 500;
}

.lang-en-brief.light {
  border-bottom-color: var(--color--secondary);
  color: var(--color--secondary);
  -webkit-text-stroke-color: var(--color--secondary);
  padding-bottom: 2px;
  font-size: 15px;
  overflow: hidden;
}

.lang-en-brief.light.w--current {
  opacity: .6;
}

.lang-en-brief.top {
  width: 16%;
  margin-top: 40px;
}

.lang-it-brief {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px none var(--color--primary);
  color: var(--color--primary);
  letter-spacing: 2.8px;
  -webkit-text-stroke-color: var(--color--primary);
  text-transform: uppercase;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lang-it-brief.w--current {
  color: var(--color--dark-beige);
  font-weight: 500;
}

.lang-it-brief.light {
  border-bottom-color: var(--color--secondary);
  color: var(--color--secondary);
  -webkit-text-stroke-color: var(--color--secondary);
  padding-bottom: 2px;
  font-size: 15px;
  overflow: hidden;
}

.lang-it-brief.light.w--current {
  opacity: .6;
}

.lang-it-brief.top {
  width: 16%;
  margin-top: 40px;
}

.grid-item-presse, .grid-item-it, .grid-item-en {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
}

.image-pfannenstiel {
  object-fit: contain;
  width: 100%;
}

.image-pfannenstiel.decanter {
  padding-top: 17px;
  padding-bottom: 17px;
}

.image-rose, .image-boden, .image-riserva, .image-annver {
  object-fit: contain;
  width: 100%;
}

.familien-wrapper {
  background-color: #f5efdd;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.best-of-vernatsc {
  color: var(--black);
  margin-top: -30px;
  margin-bottom: 0;
}

.auszeichnungen-lightbox {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  aspect-ratio: 1440 / 1000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: center;
  width: 100%;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 2em;
  display: grid;
}

.div-block-107 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  padding-right: 0;
  display: grid;
}

.div-block-108 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  display: flex;
}

.success-message {
  background-color: #daebe4;
}

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

.wein-image {
  aspect-ratio: 140 / 488;
  flex: none;
  width: 30%;
}

.wein-image.start {
  width: 50%;
}

.div-block-109 {
  background-color: var(--black);
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-6 {
  color: var(--color--primary);
  font-size: 35px;
}

.image-41 {
  width: 16em;
}

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

.image-42 {
  object-fit: contain;
  width: 32px;
}

.empty-state {
  opacity: 0;
  height: 1px;
}

.rebschnit-2col-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2em;
  display: grid;
}

.image-43 {
  height: 500px;
}

.rebscnitt-gallerie {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2em;
  display: grid;
}

.div-block-111 {
  z-index: 2;
  position: absolute;
  inset: 7% 7% auto auto;
}

.image-44, .link-de, .link-it, .link-en {
  width: 200px;
  transform: rotate(12deg);
}

.linkblock-logo {
  display: none;
}

@media screen and (min-width: 1280px) {
  .navabar {
    width: 100%;
  }

  .container-xs._400px.flex {
    grid-column-gap: 7.7em;
    grid-row-gap: 7.7em;
  }

  .container-xs._400px.gaps {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .promo-row.more {
    justify-content: center;
    align-items: center;
  }

  .content-right.left-copy {
    justify-content: space-between;
    align-items: flex-end;
  }

  .overlay-nav-text {
    font-size: 27px;
  }

  .overlay-top-menu {
    display: none;
  }

  .image-8.gap16 {
    padding-right: 16px;
  }

  .cru-ncf-pin {
    height: 2rem;
    padding-left: .1875em;
    padding-right: .1875em;
  }

  .hero_content {
    padding-top: 6.25rem;
  }

  .main-title {
    font-size: 8rem;
  }

  .section_padding {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .text-grid {
    grid-column-gap: 8.125rem;
    grid-row-gap: 8.125rem;
  }

  .header {
    background-position: 50% 0;
  }

  .hero_holder {
    padding-top: 6.875rem;
  }

  .main {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .navabar {
    width: 100%;
  }

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

  .section.bg-white._40px-copy.margin {
    margin-top: 4em;
  }

  .section.no-padding-copy-copy.paddings.nodpadding {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section.bg-white-copy._40px-copy.margin {
    margin-top: 4em;
  }

  .container-xs._400px.flex {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }

  .container-xs._400px.gaps {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
  }

  .promo-image-media.lef {
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .promo-image-content {
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 3.75em;
  }

  .promo-image-content.padding-0 {
    padding-top: 0;
  }

  .promo-row.more {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    justify-content: center;
    align-items: center;
  }

  .ovelray-grid.topless {
    grid-column-gap: 2.9em;
    grid-row-gap: 2.9em;
    padding-top: 29px;
  }

  .overlay-nav-item {
    font-size: 5em;
  }

  .overlay-nav-text {
    font-size: .3em;
  }

  .cms-category-collection-list {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .divider.space.more-space {
    padding-top: 0;
    padding-bottom: 4.5em;
    overflow: visible;
  }

  .divider.space.nospoace {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .overlay-top-menu {
    display: none;
  }

  .fade-in.flex {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .quote-image {
    max-height: 100%;
  }

  .image-9.geschichte {
    z-index: -2;
    width: 50%;
    top: 288px;
    left: 56%;
  }

  .familie-section {
    background-color: #f5efdd;
  }

  .familie-section.margin {
    margin-bottom: 90px;
  }

  .div-block-26.kontakt.new {
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .showroom-section {
    background-color: #f5efdd00;
  }

  .showroom-section.minuspadding {
    padding-top: 111px;
  }

  .footer-contact-wrapper {
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .main-h2.smaller.start {
    font-size: clamp(1px, 3.5vw, 19px);
  }

  .main-h2.small-copy {
    font-size: clamp(1px, 3.5vw, 18px);
  }

  .div-block-15.padding {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }

  .image-7 {
    width: 23%;
  }

  .image-8.gap16 {
    aspect-ratio: auto;
  }

  .div-block-21 {
    width: 40%;
  }

  .div-block-21.padding-left {
    padding-right: 1.5em;
  }

  .div-block-20 {
    max-height: none;
  }

  .body-3 {
    background-color: #f5efdd;
  }

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

  .section-17.flex {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cru-ncf-dynamic-map {
    width: auto;
    max-width: 90rem;
  }

  .cru-ncf-map-items {
    width: 22em;
  }

  .cru-ncf-map-list-item.einkauf {
    height: auto;
  }

  .ncf-map-wrapper.einkauf {
    width: 100%;
  }

  .ncf-zoomin-button {
    background-color: var(--color--hintergrund);
    border-color: #34363340;
    border-radius: 999px;
  }

  .ncf-zoomout-button {
    background-color: var(--color--hintergrund);
    border-width: .5px;
    border-color: #34363340;
    border-radius: 999px;
  }

  .cru-ncf-map-styleguide {
    display: none;
  }

  .cru-ncf-pin.einkauf, .cru-ncf-pin.default {
    background-image: none;
    width: 2em;
    height: 2em;
  }

  .ncf-title {
    font-size: 1em;
    text-decoration: underline;
  }

  .item-wrapper {
    height: 100%;
  }

  .familien-image {
    background-color: var(--color--hintergrund);
    background-image: linear-gradient(#fefbed, #fff0 47%);
    background-position: 0 0;
  }

  .content-right-3 {
    grid-column-gap: 5.5em;
    grid-row-gap: 5.5em;
  }

  .gallery-inner.familie.high.width {
    aspect-ratio: auto;
    width: 100svw;
  }

  .gallery-flex.up-padding {
    justify-content: flex-start;
    align-items: center;
  }

  .blog-gallery-image-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .absolut-gradiant.down {
    background-image: linear-gradient(#f5efdd 13%, #0000 35%);
    overflow: hidden;
  }

  .heading-container {
    grid-column-gap: 2.1em;
    grid-row-gap: 2.1em;
  }

  .heading-container.padding {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-top: 5.2em;
  }

  .text-block-24 {
    font-size: 1em;
    font-weight: 300;
    line-height: 1em;
    text-decoration: none;
  }

  .text-block-26 {
    text-decoration: underline;
  }

  .gallery-home-item.zentral.high, .gallery-home-item.max-high {
    height: 40em;
  }

  .verkauf-flex {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    justify-content: center;
    overflow: visible;
  }

  .grid-2 {
    width: 50%;
  }

  .image-grid-item {
    width: 100%;
    height: 50em;
  }

  .weinlese-image {
    height: 90%;
  }

  .pop-up-global-container {
    justify-content: center;
    align-items: center;
    padding-bottom: 2em;
  }

  .gutschein-grid-item {
    width: 70%;
  }

  .form-2 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    padding-bottom: .5em;
  }

  .gutschein-pop-up {
    justify-content: center;
    align-items: center;
    padding-bottom: 2em;
  }

  .sort-flex-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 2em;
    display: flex;
  }

  .lightbox-link-2 {
    width: 100%;
  }

  .wein-sticky-wrapper.margin {
    margin-top: 10em;
  }

  .adressen-rich-text {
    font-size: .9em;
  }

  .div-block-104 {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .wein-image {
    width: 23%;
  }

  .wein-image.start {
    width: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .container-xs._400px.flex {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }

  .container-xs._400px.gaps {
    grid-column-gap: 1.1em;
    grid-row-gap: 1.1em;
  }

  .promo-image-grid {
    grid-template-rows: auto;
  }

  .ovelray-grid.topless {
    justify-content: flex-start;
    align-items: center;
    padding-top: 100px;
  }

  .overlay-nav.left {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
  }

  .overlay-nav-item {
    font-size: 10em;
  }

  .overlay-nav-text {
    font-size: .2em;
  }

  .overlay-top-menu {
    display: none;
  }

  .fade-in {
    position: relative;
  }

  .image-9.geschichte {
    width: 40%;
    top: 351px;
    left: 60%;
  }

  .showroom-section._100padding {
    padding-left: 0%;
    padding-right: 0%;
  }

  .showroom-section._100padding.width {
    max-width: 110em;
  }

  .footer-contact-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-21.padding-left {
    padding-right: 1.5em;
  }

  .cru-ncf-dynamic-map {
    width: auto;
  }

  .cru-ncf-dynamic-map.siz {
    flex-flow: row;
    justify-content: space-between;
    display: flex;
  }

  .cru-ncf-map-item-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
  }

  .cru-ncf-map-items {
    width: 22em;
    overflow: scroll;
  }

  .cru-ncf-map-list-item.einkauf {
    width: 100%;
    display: flex;
  }

  .cru-ncf-map-styleguide {
    display: none;
  }

  .item-wrapper {
    height: 100%;
  }

  .global-container {
    max-width: 110em;
  }

  .absolut-gradiant.down {
    margin-top: -1px;
    transform: none;
  }

  .heading-container.padding {
    grid-column-gap: 1.7em;
    grid-row-gap: 1.7em;
    padding-top: 4em;
  }

  .text-block-24 {
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 1em;
    font-weight: 300;
    line-height: 1em;
  }

  .gallery-home-item {
    width: 100%;
  }

  .sort-flex-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 2em;
  }

  .div-block-102 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .image-wrapper-rebschnitt {
    margin-top: 0;
  }

  .maps {
    justify-content: center;
    align-items: center;
  }

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

  .familien-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 82px;
    line-height: 1.2em;
  }

  h2 {
    font-size: 54px;
    line-height: 1.2em;
  }

  .container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .container.widgets {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-content {
    height: 84px;
  }

  .page-wrapper {
    overflow: visible;
  }

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

  .section.space-xl {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.size-l {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .section.space-xl-copy {
    padding-top: 96px;
    padding-bottom: 96px;
  }

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

  .footer-cta-rows {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .button-group {
    flex-direction: column;
  }

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

  .display-text {
    font-size: 92px;
    line-height: 87.6875px;
  }

  .text-quote {
    font-size: 38px;
    line-height: 52px;
  }

  .container-s.tablet-full {
    max-width: 100%;
  }

  .terms-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .jumbo-text {
    font-size: 20vw;
  }

  .hero-section {
    min-height: 0;
  }

  .hero-content {
    padding-top: 192px;
    padding-bottom: 136px;
  }

  .hero-widgets {
    overflow: hidden;
  }

  .widget-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: row;
    align-items: center;
  }

  .widget-row.horizontal {
    flex-direction: column;
  }

  .quote-box {
    padding-left: 0;
  }

  .page-card.offset {
    padding-top: 0;
  }

  .cms-3-columns {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

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

  .promo-image-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .promo-image-media {
    height: 50vh;
    min-height: 520px;
  }

  .promo-image-content {
    padding: 72px 24px;
  }

  .grid-2-col {
    grid-template-columns: .75fr 1fr;
  }

  .accordion-title {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .sidebar-content-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
    position: relative;
  }

  .content-sidebar {
    flex-direction: column;
    position: static;
    top: 0;
  }

  .richtext blockquote {
    font-size: 36px;
    line-height: 1.5em;
  }

  .sidebar-nav {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .sidebar-mobile-menu {
    width: 100%;
    color: var(--color--primary);
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .overlay-nav.left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .overlay-nav-item {
    font-size: 84px;
    line-height: 84px;
  }

  .overlay-nav-text {
    font-size: 62px;
  }

  .profile-info-single {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .top-nav-link {
    width: 100%;
    font-family: var(--fonts--headings);
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 8px 32px;
    font-size: 24px;
    text-decoration: none;
  }

  .top-nav {
    position: static;
  }

  .top-nav-menu {
    background-color: var(--color--primary);
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .top-nav-dropdown, .top-nav-dropdown.w--open {
    padding-right: 32px;
  }

  .nav-dropdown-link {
    border-bottom-color: #ffffff12;
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .nav-dropdown-list {
    position: relative;
  }

  .nav-dropdown-list.w--open {
    color: var(--color--secondary);
    background-color: #ffffff12;
    top: 0;
  }

  .menu-button {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    background-color: #fff0;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 40px;
    height: 32px;
    padding: 0;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #fff0;
    transform: rotate(45deg);
  }

  .menu-button-inside {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .heading-style-1 {
    font-size: 82px;
  }

  .heading-style-2 {
    font-size: 74px;
  }

  .heading-style-3 {
    font-size: 62px;
  }

  .heading-style-4 {
    font-size: 42px;
  }

  .dropdown-info {
    color: var(--color--secondary);
    border-bottom-color: #ffffff12;
    padding-left: 32px;
  }

  .top-nav-dropdown-item {
    width: 100%;
  }

  .cru-ncf-map-item-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .cru-ncf-map-items {
    padding-right: 0;
  }

  .section_padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

  .section-20 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-20.size-l {
    padding-top: 92px;
    padding-bottom: 92px;
  }

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

  .heading-style-9 {
    font-size: 62px;
  }

  .section-22 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-22.size-l {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .gallery-image {
    width: 100%;
  }

  .gallery-image.margin-right {
    margin-right: 20px;
  }

  .gallery-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }
}

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

  h1 {
    font-size: 64px;
  }

  h2 {
    font-size: 48px;
    line-height: 1.2em;
  }

  h3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6em;
  }

  figcaption {
    opacity: .58;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4em;
  }

  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .navbar-content {
    grid-template-columns: 1fr 1.5fr;
    height: 64px;
  }

  .navbar-content.classic {
    grid-template-columns: 1fr 2.75fr;
  }

  .nav-menu {
    justify-content: center;
  }

  .menu-link {
    width: 80px;
    height: 52px;
  }

  .menu-link:hover {
    background-color: #fff0;
  }

  .navbar-right {
    display: none;
  }

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

  .section.space-xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.size-l {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.space-xl-copy {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .footer-columns {
    grid-row-gap: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .button-group {
    flex-direction: column;
  }

  .button-group.footer {
    width: 100%;
  }

  .vertical-links.align-right {
    align-items: flex-start;
  }

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

  .display-text {
    font-size: 64px;
    line-height: 1.2em;
  }

  .text-quote {
    font-size: 32px;
    line-height: 1.4em;
  }

  .text-large {
    font-size: 20px;
    line-height: 28px;
  }

  .container-s {
    max-width: 420px;
  }

  .container-s.tablet-full {
    max-width: 100%;
  }

  .terms-row {
    flex-direction: column;
  }

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

  .hero-section {
    min-height: 0;
  }

  .hero-section.hero-slim, .hero-section.hero-slim-copy {
    padding-top: 80px;
  }

  .hero-content {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .hero-widget {
    min-height: auto;
  }

  .hero-widget.quick-links-copy {
    padding: 16px 24px;
    position: relative;
  }

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

  .widget-row.horizontal {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: stretch;
  }

  .widget-title.quick-links {
    cursor: pointer;
  }

  .intro-grid-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

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

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

  .discover-rows {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .offset-title, .offset-title-heading {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .offset-title-text {
    padding-left: 0;
  }

  .page-card.offset {
    padding-top: 0;
  }

  .card-media {
    padding-bottom: 52%;
  }

  .card-media.large {
    padding-bottom: 51%;
  }

  .card-text {
    padding-bottom: 32px;
  }

  .cms-3-columns {
    flex: 1;
    grid-template-columns: 1fr;
  }

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

  .where-to-card {
    grid-column-gap: 184px;
    grid-row-gap: 184px;
    min-height: 420px;
  }

  .promo-image-content {
    padding-top: 64px;
    padding-bottom: 64px;
  }

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

  .title-block, .promo-info {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

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

  .grid-2-col {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

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

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

  .content-row.gap-48, .content-row.gap-48-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .accordion-title {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 17px;
    font-weight: 400;
  }

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

  .richtext h2 {
    font-size: 52px;
  }

  .richtext blockquote {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 32px;
  }

  .richtext ol {
    padding-left: 21px;
  }

  .ovelray-menu-container {
    overflow: scroll;
  }

  .ovelray-grid {
    grid-template-columns: 1fr;
    padding-top: 160px;
    padding-bottom: 0;
  }

  .overlay-nav.right {
    align-items: flex-start;
    padding-bottom: 96px;
  }

  .overlay-nav.left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .overlay-nav-item {
    font-size: 64px;
    line-height: 64px;
  }

  .overlay-nav-text {
    font-size: 42px;
    line-height: 42px;
  }

  .overlay-info {
    text-align: left;
    align-items: flex-start;
  }

  .icon-box {
    margin-top: -1px;
  }

  .cms-category-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
  }

  .brand-mark-wrapper {
    width: 32px;
  }

  .profile-info-single {
    border-bottom: 1px solid var(--color--primary);
    align-self: stretch;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .profile-thumbnail {
    width: 180px;
    height: 180px;
  }

  .quick-links-mobile, .widget-row-menu {
    display: flex;
  }

  .menu-button {
    transition: all .2s;
  }

  .menu-button.w--open {
    background-color: #fff0;
    transform: rotate(45deg);
  }

  .heading-style-1 {
    font-size: 52px;
  }

  .heading-style-2 {
    font-size: 48px;
  }

  .heading-style-3 {
    font-size: 44px;
  }

  .heading-style-4 {
    font-size: 36px;
  }

  .heading-style-5 {
    font-size: 28px;
  }

  .news-category-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
  }

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

  .timeline_date-text-2 {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_left {
    text-align: left;
  }

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

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .cru-ncf-map-items {
    height: 50vh;
    overflow: scroll;
  }

  .ncf-map-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 90vh;
    display: flex;
  }

  .ncf-map-inner-wrapper {
    height: 50vh;
    max-height: 480px;
  }

  .hero_content {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .bg-image-2.has-mobile-opacity-75 {
    opacity: .7;
  }

  .main-title {
    font-size: 4.5rem;
    line-height: 1;
  }

  .section_padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .product-grid-2 {
    grid-row-gap: 3rem;
  }

  .text-grid {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .text-grid.m-0 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .hero_decor.right {
    display: none;
  }

  .hero_holder {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-20 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-20.size-l {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading {
    font-size: 40px;
  }

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

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

  .heading-style-9 {
    font-size: 44px;
  }

  .section-22 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-22.size-l {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .gallery-image.margin-right {
    margin-bottom: 20px;
    margin-right: 0;
  }

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

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    letter-spacing: .1px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
    overflow: visible;
  }

  h1 {
    font-size: 52px;
  }

  h4 {
    line-height: 1.2em;
  }

  p {
    font-size: 16px;
    line-height: 1.4em;
  }

  .navabar {
    height: 7em;
  }

  .navabar.gold {
    background-color: var(--color--primary);
  }

  .container {
    max-width: 90em;
    padding-top: .5em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .container.widgets {
    padding-left: 0;
    padding-right: 0;
  }

  .container.footer {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-left: 39px;
    padding-right: 39px;
    display: flex;
  }

  .container.padding {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container.gallery {
    max-width: 100%;
  }

  .container.wein-logos {
    padding-left: 0;
    padding-right: 0;
  }

  .container.quotre {
    padding-left: 1em;
    padding-right: 1em;
  }

  .navbar-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    height: 5em;
    margin-top: 9px;
  }

  .nav-menu.left {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
  }

  .menu-link {
    width: 4em;
    height: 100%;
  }

  .menu-link.hide-mobile {
    display: none;
  }

  .menu-link.desktop {
    display: flex;
  }

  .button.inverted {
    min-width: 12em;
    padding-left: 0;
    padding-right: 0;
    font-size: .8em;
  }

  .page-wrapper {
    background-color: #f5efdd;
    overflow: visible;
  }

  .page-wrapper.overflow-hidden {
    overflow: hidden;
  }

  .section.bg-white {
    padding-top: 0;
  }

  .section.bg-white.vallahkrise {
    margin-top: 40px;
  }

  .section.bg-white._40px-copy {
    padding-bottom: 0;
  }

  .section.no-padding-copy-copy.paddings.nodpadding {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section.space-xl-copy {
    padding-top: 7px;
  }

  .section.blog, .section.bg-white-copy {
    padding-top: 0;
  }

  .section.bg-white-copy.vallahkrise {
    margin-top: 40px;
  }

  .section.bg-white-copy._40px-copy {
    padding-bottom: 0;
  }

  .brand-wrapper.center {
    justify-content: center;
    align-items: center;
    margin-top: 2px;
  }

  .brand-wrapper.center.mobile {
    display: flex;
  }

  .brand-wrapper.center.desktop {
    display: none;
  }

  .footer-main {
    flex-flow: column;
  }

  .footer-cta {
    padding-left: 0;
    padding-right: 0;
  }

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

  .footer-columns.padding {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-right: 0;
    padding-left: 2em;
    padding-right: 2em;
  }

  .footer-cta-rows {
    grid-column-gap: 47px;
    grid-row-gap: 47px;
    flex-flow: column;
  }

  .button-group {
    grid-column-gap: 1.8em;
    grid-row-gap: 1.8em;
    flex-flow: row;
  }

  .button-group.footer {
    flex-flow: row;
  }

  .button-group.weineinkauf {
    margin-top: 10px;
  }

  .footer-menu {
    justify-content: flex-start;
    align-items: center;
  }

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

  .hover-link.top {
    width: 26%;
  }

  .display-text {
    font-size: 58px;
  }

  .display-text.maxsize {
    font-size: 2.8em;
  }

  .display-text.smaller {
    font-size: 2.5em;
  }

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

  .text-large {
    font-size: 18px;
    line-height: 26px;
  }

  .text-large._17px {
    font-size: 1em;
  }

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

  .footer-terms {
    padding-top: 24px;
  }

  .terms-container {
    width: 25%;
  }

  .terms-container.full {
    width: 100%;
  }

  .jumbo-text-wrapper {
    align-items: center;
  }

  .jumbo-text {
    margin-bottom: 0;
    line-height: 20vw;
  }

  .hero-section.hero-home {
    height: 100svh;
    min-height: auto;
    overflow: visible;
  }

  .hero-section.hero-slim-copy {
    padding-top: 0;
  }

  .hero-content {
    padding-top: 1.875em;
    padding-bottom: 1.875em;
  }

  .hero-widgets {
    overflow: hidden;
  }

  .hero-text.bottom {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
  }

  .hero-widget.quick-links-copy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .widget-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    align-items: flex-start;
  }

  .widget-row.horizontal {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .widget-title.quick-links {
    align-self: stretch;
    width: 100%;
  }

  .hero-media {
    position: absolute;
    inset: 0%;
  }

  .hero-overlay {
    background-image: linear-gradient(#00000038, #0000007a), linear-gradient(#00000047, #00000047);
    position: absolute;
    inset: 0%;
  }

  .container-l.newsbeitrag {
    max-width: 100%;
    padding-top: 1em;
  }

  .quote-box.mobil {
    padding-right: 0;
  }

  .card-media {
    padding-bottom: 50%;
  }

  .card-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 0;
  }

  .container-xs._400px.flex {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    padding-top: 1.8em;
  }

  .container-xs._400px.flex.mitte {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .container-xs._400px.gaps {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    padding-top: 1.8em;
  }

  .cms-3-columns {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: nowrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .where-to-card {
    margin-left: -16px;
    margin-right: -16px;
    padding: 32px 16px;
  }

  .promo-image-media.lef {
    height: 20em;
  }

  .promo-image-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .promo-info.bottom {
    margin-bottom: 65px;
  }

  .grid-2-col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-2-col.popus {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .grid-2-col._2-columns {
    grid-template-columns: 1fr;
  }

  .grid-2-col._2-columns.kontakt {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .content-right.left-copy {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .content-row.gap-48, .content-row.gap-48-copy {
    padding-top: 2em;
  }

  .content-row.family {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    padding-bottom: 6em;
  }

  .richtext blockquote {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 1.4em;
  }

  .richtext ol {
    padding-left: 17px;
  }

  .overlay-nav.right {
    justify-content: space-between;
    align-items: center;
  }

  .overlay-nav-item {
    font-size: 4em;
    line-height: 40px;
  }

  .overlay-nav-text {
    font-size: 25px;
    line-height: 35px;
  }

  .overlay-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }

  .centered-title {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .form-row {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .icon-box {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    padding: 20px 0;
  }

  .cms-category-list-wrapper {
    border-top: 1px solid var(--color--primary);
    border-bottom: 1px solid var(--color--primary);
    width: 100%;
    height: auto;
  }

  .cms-category-collection-list {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.5em;
  }

  .cms-category-collection-list.mobile-cat {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 1.5em;
  }

  .collection-list-wrapper.hide {
    margin-top: 0;
  }

  .team-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
  }

  .team-card.line-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 2.5em;
  }

  .team-card.line-copy.team {
    padding: 2.5em 0;
  }

  .team-card-image {
    width: 100%;
    height: 100%;
    display: block;
  }

  .team-card-image.hide-on-phone {
    display: none;
  }

  .team-card-image.hide-on-pc {
    width: 100%;
    min-height: 50%;
    display: block;
  }

  .team-card-info {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    align-items: center;
  }

  .team-card-info.half {
    max-width: none;
    padding-top: 0;
  }

  .team-card-title {
    text-align: center;
    align-items: center;
    width: 100%;
    padding-top: 2.5em;
  }

  .team-card-title.norma-copy.duplicated {
    padding-top: 0;
  }

  .team-card-bio {
    text-align: center;
    align-items: center;
  }

  .divider.space.more-space, .divider.space.nospoace {
    height: 4em;
    padding-top: 0;
  }

  .overlay-top-menu {
    display: none;
  }

  .uppercase-text.text-muted {
    object-fit: fill;
    position: relative;
  }

  .uppercase-text.text-muted.johannes {
    display: none;
  }

  .uppercase-text.text-muted.johannes.mobile {
    display: flex;
  }

  .uppercase-text.atttributes {
    z-index: 10;
    font-size: 13px;
    position: relative;
  }

  .widget-row-menu {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .top-nav-link {
    padding-left: 24px;
  }

  .top-nav-dropdown, .top-nav-dropdown.w--open {
    padding-right: 24px;
  }

  .nav-dropdown-link {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-dropdown-list.w--open {
    min-width: 100%;
  }

  .heading-style-2 {
    font-size: 2.5em;
  }

  .news-category-list {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .dropdown-info {
    display: none;
  }

  .image-9.weineinkauf {
    top: 952px;
  }

  .image-9.geschichte {
    width: 100%;
    top: 637px;
    left: 8%;
  }

  .image-9.weimer {
    top: 315px;
    left: 40%;
  }

  .signatur-quote {
    font-size: 1em;
  }

  .signatur-quote.smalled {
    text-align: left;
  }

  .signatur-quote.smalled.padding-site {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .signatur-quote.weineinkauf {
    margin-top: -20px;
  }

  .div-block-19-copy-2 {
    width: 23em;
  }

  .div-block-19-copy-2.a-bit-longer {
    width: 24em;
  }

  .main-p3._100-wide {
    width: 100%;
  }

  .familie-section.margin.padding {
    padding-top: 140px;
  }

  .hero {
    background-image: url("/api/media/file/135-67d041284644147aea2997b0_Familie-5--min.jpg?v=2ec25930af72");
    background-size: cover;
    width: 100svw;
    height: 100vh;
  }

  .div-block-26 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1%;
    padding-right: 1%;
  }

  .div-block-26.kontakt.new {
    justify-content: center;
    align-items: center;
  }

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

  .showroom-section._100padding {
    padding-top: 100px;
  }

  .div-block-32 {
    width: 90%;
    padding-top: 9px;
  }

  .footer-contact-wrapper {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-left: 3.5%;
    display: flex;
  }

  .image-10 {
    object-position: 30% 50%;
  }

  .main-h2.small, .main-h2.small.tiny, .main-h2.smaller {
    font-size: 1.2em;
  }

  .main-h2.grid-smaller, .main-h2.grid-smallest {
    font-size: .6em;
  }

  .main-h2.small-copy, .main-h2.small-copy.tiny {
    font-size: 1.2em;
  }

  .div-block-15 {
    padding-top: 50px;
  }

  .div-block-33 {
    width: 80%;
    height: 1px;
  }

  .h3-styling {
    font-size: 2.3em;
  }

  .h3-styling.gold {
    font-size: 2em;
  }

  .h3-styling.gold.auto {
    line-height: 120%;
  }

  .image-7 {
    width: 60%;
    max-width: 60%;
  }

  .main-heading-1.gold {
    font-size: 2.4em;
  }

  .main-heading-1.gold.small.top-contact {
    text-align: center;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 35px;
  }

  .div-block-14._6 {
    grid-template-columns: 1fr;
  }

  .div-block-14._6.start {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-14._6-copy {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .gallery-section.anapssung {
    z-index: 10;
    background-color: var(--color--hintergrund);
    position: relative;
  }

  .div-block-28 {
    flex-flow: column;
  }

  .div-block-23 {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-head-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .image-8 {
    width: 100%;
  }

  .image-8.gap16 {
    padding-right: 0;
  }

  .div-block-27 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    justify-content: flex-start;
    align-items: center;
  }

  .main-heading-2 {
    font-size: 2.5em;
  }

  .main-heading-2.hidden {
    font-size: 1.8em;
  }

  .div-block-21 {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    width: 100%;
  }

  .div-block-21.padding-left {
    padding-right: 0;
  }

  .div-block-21.padding-left.width-100 {
    width: 100%;
  }

  .div-block-20 {
    flex-flow: column;
    height: 100%;
    max-height: none;
  }

  .div-block-49 {
    flex-flow: column;
  }

  .h3.gold, .h3.gold-quot {
    font-size: 1.5em;
  }

  .full-page-scroll-section.forth {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .paragraph-3.logo {
    font-size: 1.55em;
  }

  .paragraph-4, .paragraph-4.team {
    text-align: center;
    font-size: .9em;
  }

  .paragraph-5 {
    font-size: 1em;
  }

  .text-colour-lightgrey {
    text-align: left;
  }

  .timeline_centre {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
  }

  .timeline_right {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .timeline_progress {
    width: .18em;
  }

  .timeline_left {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .timeline_item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 48px 1fr;
    grid-auto-flow: row;
  }

  .quote {
    text-align: left;
    font-size: 1.2em;
  }

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

  .cru-ncf-dynamic-map {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .cru-ncf-map-item-list {
    height: auto;
  }

  .cru-ncf-map-items {
    width: 100%;
    padding-left: .6em;
    padding-right: .6em;
  }

  .cru-ncf-map-list-item {
    padding-top: .65rem;
    padding-bottom: .65rem;
  }

  .ncf-map-wrapper.footer-map {
    width: 100%;
  }

  .ncf-filter-reset {
    padding: 6px 12px;
  }

  .cru-ncf-zoom-controls-wrapper {
    top: 1rem;
    right: 1rem;
  }

  .cru-ncf-map-styleguide {
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .cru-ncf-pop-up {
    width: 280px;
  }

  .cru-ncf-pop-up.einkauf {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 24em;
    max-width: none;
    height: 9em;
    max-height: 9em;
  }

  .himmel {
    height: 300px;
  }

  .hero_content {
    min-height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .hero_side-banner {
    width: 100%;
    height: 25em;
    margin-top: 60px;
    position: static;
    inset: auto auto 9% 0%;
    transform: rotate(0);
  }

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

  .bg-image-2.has-mobile-opacity-75 {
    opacity: 1;
    overflow: hidden;
  }

  .hero_title {
    margin-top: 67px;
  }

  .main-title.fade-up {
    font-size: 2.5rem;
  }

  .main-title.fade-up.wein {
    font-size: 2rem;
  }

  .main-title.fade-up.wein.pfannenstiel {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .section_padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section_padding.small {
    margin-top: 0;
  }

  .hero-2 {
    position: relative;
  }

  .header {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .hero_holder {
    padding-left: 1em;
    padding-right: 1em;
  }

  .section-20.size-l.bg-white.new-copy, .section-20.size-l.bg-white.vordergrund {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-bottom: 0;
  }

  .h2-heading.text-weight-medium.gold {
    font-size: 32px;
  }

  .logo-awards {
    height: 5em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-awards.lower.smaller {
    height: 10em;
  }

  .logo-awards.smaller {
    height: 5em;
  }

  .logo-awards.riserva {
    height: 17em;
  }

  .paragraph-large.text-color-gray-600.black-copy {
    margin-top: -75px;
    font-size: 10px;
    line-height: 10px;
  }

  .logo-wrapper {
    width: 100%;
  }

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

  .grid-three-column._3.lower-gap {
    grid-template-columns: 1fr;
    width: 80%;
  }

  .grid-three-column._5-row {
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .title-center-small {
    margin-bottom: 56px;
  }

  .image-25 {
    width: 75%;
  }

  .image-26 {
    width: 100%;
  }

  .image-26.gault {
    width: 60%;
  }

  .newsletter {
    width: 90%;
  }

  .button-2 {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: .8em;
  }

  .form-input-2 {
    font-size: .9em;
  }

  .heading-style-9 {
    margin-top: 36px;
    margin-bottom: 1.5em;
    font-size: 2em;
  }

  .section-22.size-l.bg-white {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-right-3 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: stretch;
  }

  .page-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .page-padding.active {
    padding-left: 2em;
    padding-right: 2em;
  }

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

  .showroom-flexbox {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .global-container {
    padding-left: .6em;
    padding-right: .6em;
  }

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

  .lagrein-wrapper.grids {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .h1-styling {
    font-size: 2.4em;
  }

  .h2-styling {
    font-size: 1.8em;
  }

  .story-flex {
    flex-flow: column;
  }

  .story-flex.home {
    margin-left: 0;
  }

  .gallery-inner {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    place-items: start center;
    width: 100%;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
  }

  .gallery-inner.familie {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .gallery-inner.familie.high.width.delete {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .gallery-inner.familie.none {
    max-height: none;
  }

  .gallery-flex {
    position: static;
  }

  .story-text-wrapper {
    width: 100%;
    margin-top: 2em;
    padding-left: 0%;
    padding-right: 0%;
  }

  .formular-pop-up {
    padding: 1.8em 1.4em;
    display: none;
  }

  .paragraph-11 {
    font-size: .8em;
  }

  .language-switcher {
    margin-top: -18px;
  }

  .home-hero-container.hide {
    display: none;
  }

  .small {
    font-size: .8em;
  }

  .text-block-21 {
    font-size: 1em;
  }

  .heading-container {
    grid-column-gap: .2em;
    grid-row-gap: .2em;
  }

  .text-block-22 {
    text-align: center;
    font-size: .9em;
  }

  .paragraph-12, .paragraph-13, .paragraph-14 {
    font-size: 1.1em;
  }

  .checkbox-label {
    font-size: .9em;
  }

  .terms-flexbox {
    flex-flow: row;
    width: 100%;
  }

  .terms-flexbox.aligh {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h1-global-styling {
    font-size: 4em;
  }

  .page-padding---pressekit {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-container {
    max-width: 20em;
  }

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

  .gallery-section-2.padding-0 {
    padding-left: 0%;
    padding-right: 0%;
  }

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

  .text-wrapper.width, .text-wrapper-home {
    width: 100%;
  }

  .gallery-home-item {
    width: 100%;
    height: 100%;
    max-height: none;
  }

  .gallery-home-item.delete {
    min-width: 100%;
  }

  .verkauf-flex {
    grid-column-gap: 2.4em;
    grid-row-gap: 2.4em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .grid-2 {
    flex: 0 auto;
    width: 100%;
    height: 400px;
    display: block;
  }

  .pop-up-global-container {
    grid-column-gap: 1.1em;
    grid-row-gap: 1.1em;
    padding-top: 6em;
    padding-left: .7em;
    padding-right: .7em;
  }

  .pop-up-h3-styling {
    font-size: 2em;
  }

  .gutschein-text-wrapper {
    width: 100%;
  }

  .text-wraper {
    grid-column-gap: 1.9em;
    grid-row-gap: 1.9em;
  }

  .gutschein-vorlage-wrapper {
    width: 100%;
  }

  .grid-3 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    place-items: center;
    width: 100%;
  }

  .gutschein-grid-item, .gutschein-formular-wrapper {
    width: 100%;
  }

  .form-name-wrapper {
    grid-column-gap: 1.2em;
    grid-row-gap: 1.2em;
    width: 100%;
  }

  .form-grid-item {
    width: auto;
  }

  .form-grid-item.radio {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .radio-button-label.uppercase-text-2 {
    font-size: .8em;
  }

  .radio-button-field {
    padding-left: 0;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -1.5rem .75rem auto auto;
  }

  .fs-cc-prefs_component-4 {
    padding: 1.5rem;
  }

  .rich-text-block-2.imprint-copy {
    width: 100%;
  }

  .text-span-6.wein {
    font-size: 2rem;
  }

  .beispiel-wrapper {
    width: 2em;
    height: 2em;
  }

  .gutschein-pop-up {
    display: none;
    position: fixed;
    inset: 0%;
  }

  .gutschein-inner.padding {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-29 {
    font-size: .8em;
  }

  .logo {
    padding-left: 0;
    padding-right: 0;
  }

  .lightbox-link-2 {
    width: 100%;
    min-width: 100%;
  }

  .wein-sticky-inner {
    flex-flow: column;
  }

  .sticky-wein-left {
    width: 100%;
    margin-top: 30px;
  }

  .sticky-wein-right {
    width: 100%;
    position: static;
  }

  .padding-site.logo-wein {
    padding-left: 0;
    padding-right: 0;
  }

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

  .link-block-presse {
    width: 10em;
  }

  .signatur-quote-2 {
    font-size: 1em;
  }

  .hover-link-2 {
    font-size: 13px;
  }

  .hover-link-2.top {
    width: 26%;
  }

  .div-block-100._6-copy {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .adressen-rich-text p {
    font-size: .9em;
  }

  .lang-de, .lang-it, .lang-en {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .weinbrief_wrapper {
    width: 23em;
  }

  .div-block-104.mapss {
    flex-flow: column;
  }

  .rebschnit-3col {
    grid-template-columns: 1fr;
  }

  .text-block-30, .text-block-31 {
    text-align: center;
  }

  .lang-de-brief {
    font-size: 13px;
  }

  .lang-de-brief.top {
    width: 26%;
  }

  .lang-en-brief {
    font-size: 13px;
  }

  .lang-en-brief.top {
    width: 26%;
  }

  .lang-it-brief {
    font-size: 13px;
  }

  .lang-it-brief.top {
    width: 26%;
  }

  .grid-item-presse, .grid-item-it, .grid-item-en {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image-pfannenstiel {
    object-fit: contain;
    width: 100%;
    padding-left: 0;
  }

  .image-rose, .image-boden {
    width: 65%;
  }

  .image-riserva {
    width: 100%;
  }

  .image-annver {
    width: 70%;
  }

  .text-span-8 {
    white-space: nowrap;
  }

  .best-of-vernatsc {
    color: var(--black);
    text-align: center;
    font-size: 12px;
  }

  .auszeichnungen-lightbox {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-107 {
    grid-template-columns: 1.5fr;
  }

  .div-block-108 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
    display: flex;
  }

  .wein-image {
    width: 30%;
    max-width: 60%;
  }

  .div-block-110 {
    justify-content: flex-start;
    align-items: center;
  }

  .rebschnit-2col-copy, .rebscnitt-gallerie {
    grid-template-columns: 1fr;
  }

  .div-block-111 {
    top: 13%;
  }

  .image-44, .link-de, .link-it, .link-en {
    width: 120px;
  }
}

#w-node-_8c5e1c1d-5c3b-abce-39b5-83ce0b1b9899-71fc86ed {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8c5e1c1d-5c3b-abce-39b5-83ce0b1b989a-71fc86ed {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_8c5e1c1d-5c3b-abce-39b5-83ce0b1b989b-71fc86ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00cdf08a-ae89-6d96-da94-6fdd60ef1b4c-71fc86ed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e4c48653-e18c-3d67-4b61-b739b0aba2ba-71fc86ed {
  grid-area: 3 / 3 / 5 / 5;
}

#w-node-_6c1f412a-3f21-61a1-a9e3-622f0974ec50-71fc86ed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_527ea80c-c785-bcf3-96ee-39184a8b4c23-71fc86ed {
  grid-area: 2 / 2 / 3 / 5;
}

#w-node-_3c209a43-22b2-f5ed-77ee-b1e51ac918bb-71fc86ed {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_8cc4008e-aa29-9cc3-61c4-bf55d0e8b28e-71fc86ed, #w-node-_1c095dbd-5a68-15b9-d3fb-3f70089db18b-71fc86ed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7c8ce70d-108c-071d-2fcd-b50821c4274f-ca8e1d1f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_9569b02c-f5db-6834-b800-19486c807a01-ca8e1d1f {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_7d2f9950-ba42-f8cb-51d0-73d75faa5f3d-ca8e1d1f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_58d209ac-dc97-e156-0fb2-71a5aba80faf-ca8e1d1f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b975a79f-e126-82a3-4462-37a4d97b9431-ca8e1d1f, #w-node-b975a79f-e126-82a3-4462-37a4d97b9436-ca8e1d1f {
  justify-self: center;
}

#w-node-b975a79f-e126-82a3-4462-37a4d97b943b-ca8e1d1f {
  place-self: center;
}

#w-node-b975a79f-e126-82a3-4462-37a4d97b9455-ca8e1d1f, #w-node-b975a79f-e126-82a3-4462-37a4d97b9462-ca8e1d1f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1829-474f1823, #w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1855-474f1823 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Anfahrt.w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1834-474f1823 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1848-474f1823 {
  align-self: start;
}

#w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1845-474f1823, #w-node-_8988c782-05ec-c465-004b-259cfc6c99a6-fc6c99a0, #w-node-_8988c782-05ec-c465-004b-259cfc6c99a3-fc6c99a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8988c782-05ec-c465-004b-259cfc6c99b3-fc6c99a0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_3d06d675-44bd-2587-0222-7d79c0a38e07-fc6c99a0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch end;
}

#w-node-_48ec10fa-7f5f-4e2e-c2bd-5fe1f70b1d74-71fc86ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48ec10fa-7f5f-4e2e-c2bd-5fe1f70b1dbf-71fc86ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-dd749370-bca0-ea83-1756-ff94af4a6950-71fc86f1, #w-node-_1c5b92cd-2732-9add-f6dd-2b5818974081-71fc86f1, #w-node-_4090f246-3e1d-b083-a4a4-f4fcdc879b6f-71fc86f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a0f0096-320d-2f6c-1eb0-805bba46fc70-71fc86f1, #w-node-_07d9b54f-089b-c731-7844-dfed7044ef5d-71fc86f1, #w-node-e4ea299a-1c11-8c47-53f1-d2936f8d46e5-71fc86fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_59a84b7c-45a4-e1d4-d76b-9c6d5aee345c-71fc86fe, #w-node-_59a84b7c-45a4-e1d4-d76b-9c6d5aee3471-71fc86fe, #w-node-ac838f4f-41cd-7d08-d735-ed7b114592f0-71fc86fe, #w-node-_712a5864-8540-32cc-23b9-b91c431f4e9f-71fc8705 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e8e585a-2ffb-4af4-a7a6-626b97059dd4-71fc8705 {
  align-self: end;
}

#w-node-c7f81c47-dcb1-99f2-896a-b3e405e0a91c-71fc8705 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c7f81c47-dcb1-99f2-896a-b3e405e0a91e-71fc8705 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-c7f81c47-dcb1-99f2-896a-b3e405e0a920-71fc8705 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c7f81c47-dcb1-99f2-896a-b3e405e0a921-71fc8705 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e071d552-ab24-f9bb-d118-9adfdc2044e1-71fc8705 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5530785c-d529-9da3-eafd-aea01ca70150-4358c109, #w-node-b215b195-e762-5f1a-8c81-4dd5502f5fe1-4358c109, #w-node-_5530785c-d529-9da3-eafd-aea01ca7014c-4358c109 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5530785c-d529-9da3-eafd-aea01ca70159-4358c109 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_5530785c-d529-9da3-eafd-aea01ca7016f-4358c109 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch end;
}

#w-node-_91dc2785-9313-3c59-b3d7-73032cc4d923-4358c109, #w-node-_6131151e-5cce-3344-5584-4d87d0b606b0-4358c109 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_17144aaa-1e9f-0144-7966-c75979c958eb-4358c109 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6131151e-5cce-3344-5584-4d87d0b606b1-4358c109 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e7510b5-2b00-225b-8ea1-98b9e2c593d9-4358c109 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6131151e-5cce-3344-5584-4d87d0b606b2-4358c109, #w-node-b0aeb682-1884-2f1c-2821-c7e823a45159-00f6bd5d, #w-node-b0aeb682-1884-2f1c-2821-c7e823a4515b-00f6bd5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29debf30-a4aa-b046-8a2e-6f65b896696d-00f6bd5d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_29debf30-a4aa-b046-8a2e-6f65b896696e-00f6bd5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29debf30-a4aa-b046-8a2e-6f65b896696f-00f6bd5d {
  grid-area: 2 / 1 / 3 / 7;
}

#w-node-_29debf30-a4aa-b046-8a2e-6f65b8966970-00f6bd5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29debf30-a4aa-b046-8a2e-6f65b896696b-00f6bd5d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_29debf30-a4aa-b046-8a2e-6f65b896696c-00f6bd5d {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-e3622268-0146-3534-568c-d4a6075dd2d9-9dfbddf1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3622268-0146-3534-568c-d4a6075dd2e6-9dfbddf1 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_6e28ecb1-51ff-ab5a-b13b-270421317ef1-9dfbddf1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6e28ecb1-51ff-ab5a-b13b-270421317ee5-9dfbddf1 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f6df208b-700f-c90f-4775-676e9cbd5392-9dfbddf1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6df208b-700f-c90f-4775-676e9cbd5393-9dfbddf1 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-f6df208b-700f-c90f-4775-676e9cbd5394-9dfbddf1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f6df208b-700f-c90f-4775-676e9cbd5395-9dfbddf1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebc5ca3d-ed61-0077-c1e2-2ce6a29925dc-17fa381a, #w-node-_22e88c9d-154f-61c1-b0a0-1484771856c6-17fa381a {
  align-self: center;
}

#w-node-_8e9d917f-0d19-61e6-ac2b-644e5b68e259-01713647 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a38a6472-2faa-0542-c150-a8ceb761bcc3-dd49ec1e, #w-node-d1e8d9a8-302b-7d76-c13f-af37eeb4da48-dd49ec1e, #w-node-_19267aa8-ce10-9e03-6a0e-743cfd0518ee-dd49ec1e, #w-node-_0dc52913-550f-52b6-30bf-a67e6810d91d-dd49ec1e, #w-node-e22c05c0-e248-497b-82c7-8809d85536bf-dd49ec1e, #w-node-_0c279182-db39-36ec-7711-5ac8ac417277-dd49ec1e, #w-node-a15d4948-240c-7283-a4dd-bc23ccf5e235-dd49ec1e, #w-node-_2f218355-6b16-5abe-7153-7214d748a16b-dd49ec1e, #w-node-_393a9e07-6ddb-25a7-0d6a-a21331781bf9-dd49ec1e {
  place-self: center;
}

#w-node-d0e55fac-5575-1727-6eb4-dbf224b239ed-dd49ec1e, #w-node-_34ae1c95-7d62-bd29-e565-d62a0a5fc4cd-dd49ec1e, #w-node-_33e3b445-001b-d199-ca60-97294e8a0048-dd49ec1e, #w-node-efdc4a34-fdfc-27b1-0e02-0a3e36e44245-dd49ec1e, #w-node-b545135d-1b0f-3f0c-5e74-25942b65297c-dd49ec1e, #w-node-bdde5f51-9de7-9c62-7b6e-fef35ff52c57-dd49ec1e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_35fc4207-05be-afcc-9c7d-b608b1487746-46ceb11d, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca2e-40f86ec5, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca32-40f86ec5, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca36-40f86ec5, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca3a-40f86ec5, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca3e-40f86ec5, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca42-40f86ec5, #w-node-eb2c996b-3dc5-1d23-f88e-035923992590-4c8713f3, #w-node-eb2c996b-3dc5-1d23-f88e-035923992590-44b40eef, #w-node-_1f006bac-e9b2-e7f4-0d82-6e5ce279af92-11258b1c, #w-node-_1f006bac-e9b2-e7f4-0d82-6e5ce279af96-11258b1c, #w-node-_1f006bac-e9b2-e7f4-0d82-6e5ce279af9a-11258b1c, #w-node-_1f006bac-e9b2-e7f4-0d82-6e5ce279af9e-11258b1c, #w-node-_17790975-3053-68f7-baa6-0b66dc872f90-11258b1c {
  align-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-_7c8ce70d-108c-071d-2fcd-b50821c4274f-ca8e1d1f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_48fc3d28-e78f-79bf-afbd-41b913e1816c-71fc86fe {
    justify-self: end;
  }

  #w-node-b0aeb682-1884-2f1c-2821-c7e823a45159-00f6bd5d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start end;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_48fc3d28-e78f-79bf-afbd-41b913e1816c-71fc86fe {
    justify-self: end;
  }

  #w-node-b0aeb682-1884-2f1c-2821-c7e823a45159-00f6bd5d {
    place-self: start end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_48ec10fa-7f5f-4e2e-c2bd-5fe1f70b1dbf-71fc86ee {
    order: -9999;
  }

  #w-node-ebc5ca3d-ed61-0077-c1e2-2ce6a29925e0-17fa381a, #w-node-_35fc4207-05be-afcc-9c7d-b608b148774e-46ceb11d, #w-node-_35fc4207-05be-afcc-9c7d-b608b1487752-46ceb11d, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca36-40f86ec5, #w-node-_1f006bac-e9b2-e7f4-0d82-6e5ce279afa2-11258b1c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8988c782-05ec-c465-004b-259cfc6c99a6-fc6c99a0 {
    justify-self: end;
  }

  #w-node-_3d06d675-44bd-2587-0222-7d79c0a38e07-fc6c99a0 {
    justify-self: stretch;
  }

  #w-node-_48ec10fa-7f5f-4e2e-c2bd-5fe1f70b1dbf-71fc86ee {
    order: -9999;
  }

  #w-node-_5530785c-d529-9da3-eafd-aea01ca7014c-4358c109 {
    justify-self: end;
  }

  #w-node-_5530785c-d529-9da3-eafd-aea01ca7016f-4358c109 {
    justify-self: stretch;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be09-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be0d-00f6bd5d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be0f-00f6bd5d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3c66926b-108e-dfd7-c9f8-4a0811d2be1b-00f6bd5d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be1a-00f6bd5d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be16-00f6bd5d, #w-node-ef8106d4-1027-f878-f826-d4539ee2be3c-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be40-00f6bd5d, #w-node-ef8106d4-1027-f878-f826-d4539ee2be52-00f6bd5d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be4e-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_23123d6f-5d56-6a75-cd9d-ea6e80237177-00f6bd5d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_23123d6f-5d56-6a75-cd9d-ea6e80237179-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-fcbe665a-6d0e-31f1-ac77-5ecff9e0c366-00f6bd5d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-fcbe665a-6d0e-31f1-ac77-5ecff9e0c368-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2bdd9a8e-5092-4ed1-d14c-1726e55fa15f-00f6bd5d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2bdd9a8e-5092-4ed1-d14c-1726e55fa161-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ebc5ca3d-ed61-0077-c1e2-2ce6a29925e0-17fa381a, #w-node-_35fc4207-05be-afcc-9c7d-b608b148774e-46ceb11d, #w-node-_35fc4207-05be-afcc-9c7d-b608b1487752-46ceb11d, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca36-40f86ec5, #w-node-_1f006bac-e9b2-e7f4-0d82-6e5ce279afa2-11258b1c {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8c5e1c1d-5c3b-abce-39b5-83ce0b1b9899-71fc86ed, #w-node-_8c5e1c1d-5c3b-abce-39b5-83ce0b1b989a-71fc86ed, #w-node-_00cdf08a-ae89-6d96-da94-6fdd60ef1b4c-71fc86ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e4c48653-e18c-3d67-4b61-b739b0aba2ba-71fc86ed {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_6c1f412a-3f21-61a1-a9e3-622f0974ec50-71fc86ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_527ea80c-c785-bcf3-96ee-39184a8b4c23-71fc86ed {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_3c209a43-22b2-f5ed-77ee-b1e51ac918bb-71fc86ed, #w-node-_8cc4008e-aa29-9cc3-61c4-bf55d0e8b28e-71fc86ed, #w-node-_1c095dbd-5a68-15b9-d3fb-3f70089db18b-71fc86ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7c8ce70d-108c-071d-2fcd-b50821c4274f-ca8e1d1f {
    grid-area: 2 / 1 / 3 / 4;
    align-self: start;
  }

  #w-node-_9569b02c-f5db-6834-b800-19486c807a01-ca8e1d1f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1855-474f1823 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #Anfahrt.w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1834-474f1823 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1845-474f1823 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8988c782-05ec-c465-004b-259cfc6c99a6-fc6c99a0 {
    grid-area: 2 / 1 / 2 / 2;
    justify-self: end;
  }

  #w-node-c7f81c47-dcb1-99f2-896a-b3e405e0a91c-71fc8705 {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }

  #w-node-c7f81c47-dcb1-99f2-896a-b3e405e0a91e-71fc8705 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_5530785c-d529-9da3-eafd-aea01ca70150-4358c109, #w-node-b215b195-e762-5f1a-8c81-4dd5502f5fe1-4358c109 {
    align-self: auto;
  }

  #w-node-_5530785c-d529-9da3-eafd-aea01ca7014c-4358c109 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_91dc2785-9313-3c59-b3d7-73032cc4d923-4358c109 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_17144aaa-1e9f-0144-7966-c75979c958eb-4358c109 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3c66926b-108e-dfd7-c9f8-4a0811d2be1b-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be16-00f6bd5d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be54-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be52-00f6bd5d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ef8106d4-1027-f878-f826-d4539ee2be4e-00f6bd5d {
    grid-row: 2 / 3;
  }

  #w-node-_23123d6f-5d56-6a75-cd9d-ea6e80237170-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_23123d6f-5d56-6a75-cd9d-ea6e80237179-00f6bd5d {
    grid-row: 2 / 3;
  }

  #w-node-fcbe665a-6d0e-31f1-ac77-5ecff9e0c35f-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-fcbe665a-6d0e-31f1-ac77-5ecff9e0c368-00f6bd5d {
    grid-row: 2 / 3;
  }

  #w-node-_2bdd9a8e-5092-4ed1-d14c-1726e55fa158-00f6bd5d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2bdd9a8e-5092-4ed1-d14c-1726e55fa161-00f6bd5d {
    grid-row: 2 / 3;
  }

  #w-node-_29debf30-a4aa-b046-8a2e-6f65b896696f-00f6bd5d {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-e3622268-0146-3534-568c-d4a6075dd2e6-9dfbddf1, #w-node-_6e28ecb1-51ff-ab5a-b13b-270421317ee5-9dfbddf1 {
    grid-area: 2 / 1 / 3 / 3;
    align-self: auto;
  }

  #w-node-f6df208b-700f-c90f-4775-676e9cbd5392-9dfbddf1, #w-node-f6df208b-700f-c90f-4775-676e9cbd5394-9dfbddf1, #w-node-c8e0a19c-97f6-5a5d-5251-77f9f263ca32-40f86ec5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Noe Display';
  src: url('/api/media/file/40-67763d934e4f74f02f3238f4_NOE-DISPLAY-REGULAR.TTF?v=18b0fe68cc1e') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noedisplay';
  src: url('/api/media/file/43-677e1363688dfc4a87f0c810_NoeDisplay-Thin.woff2?v=fc9e3576e2f3') format('woff2'), url('/api/media/file/42-677e13636604c417f8e6ecc6_NoeDisplay-Thin.eot?v=5a9e20946f04') format('embedded-opentype'), url('/api/media/file/41-677e13631a303bde7a7d7e3c_NoeDisplay-Thin.woff?v=b1c91741d002') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('/api/media/file/0-66fe7255283e714971fc8713_Switzer-Medium.ttf?v=d2231c5f42db') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('/api/media/file/1-66fe7255283e714971fc8714_Switzer-Regular.ttf?v=6d326cbfc9f0') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('/api/media/file/2-66fe7255283e714971fc871c_Switzer-Light.ttf?v=12d8e6b8bbca') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}