:root {
  --darkgree: #2e4a33;
  --darkgray: #4a4a4a;
  --rose: #fff6f1;
  --gol: #c6a664;
  --lightgold: beige;
}

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

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

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

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

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

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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



h1 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: Playfair Display, sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 95px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  color: var(--darkgree);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

p {
  color: var(--darkgray);
  margin-bottom: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

li {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

label {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  display: block;
}

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

.section.hero {
  background-color: var(--darkgree);
  color: var(--darkgree);
  background-image: url('../images/Außenbereich_5-1.jpg');
  background-position: 50%;
  background-size: cover;
  height: 95vh;
  padding-top: 200px;
  padding-bottom: 160px;
  position: relative;
}

.section.footer {
  background-color: var(--darkgree);
}

.container {
  flex: 1;
  margin-left: 50px;
  margin-right: 50px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.container.content {
  margin-left: 150px;
  padding-left: 20px;
}

.h1-style.darkgreen {
  color: var(--darkgree);
  font-size: 72px;
}

.caption {
  font-family: Montserrat, sans-serif;
  line-height: 22px;
}

.caption.gray {
  color: var(--darkgray);
  background-color: #fff6f100;
}

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

.paragraph {
  color: var(--darkgree);
}

.gray {
  color: var(--darkgray);
}

.button {
  background-color: var(--gol);
  color: var(--rose);
  border-radius: 10px;
  margin-top: 20px;
  padding: 14px 40px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.button.secondary {
  background-color: #c6a66400;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.button.secondary.w--open {
  padding-left: 0;
}

.button.navbar {
  margin-top: 0;
}

.text-block {
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.max-700px {
  -webkit-text-fill-color: inherit;
  background-color: #fff5efad;
  background-clip: border-box;
  border-radius: 2px;
  max-width: 700px;
  margin-left: 100px;
  padding: 20px;
  position: relative;
  top: 139px;
}

.bg_img {
  background-image: linear-gradient(#d1151580, #d1151580);
  width: 100%;
  height: 100vh;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.nav {
  z-index: 99;
  background-color: var(--darkgree);
  justify-content: space-between;
  align-items: center;
  height: 70px;
  margin-right: 0;
  padding-right: 0;
  display: block;
  position: fixed;
  inset: 0% 0 auto 0%;
}

.nav_wrapper {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
}

.nav_wrapper.impressum {
  padding-top: 25px;
}

.select-field {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff0;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

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

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

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

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide {
  background-color: var(--darkgree);
  border-radius: 5px;
  padding-left: 10px;
  position: absolute;
  left: 0;
  overflow: visible;
}

.nav-dropdown-link {
  color: var(--rose);
  padding: 5px 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  overflow: visible;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.list_item {
  color: var(--rose);
  margin-left: 16px;
  margin-right: 16px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.div-block {
  align-self: auto;
  position: static;
}

.nav_link_wrapper {
  padding-top: 0;
  position: static;
  inset: auto 0% 0%;
}

.bold {
  color: var(--darkgree);
  margin-bottom: 0;
  font-weight: 600;
}

.line {
  background-color: var(--gol);
  color: var(--gol);
  border-radius: 16px;
  width: 4px;
  height: 100px;
  margin-left: 10px;
  position: absolute;
  top: 923px;
  overflow: visible;
}

.heading {
  margin-bottom: 16px;
  font-family: Playfair Display, sans-serif;
}

.zusammenfassung {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 5px;
  display: flex;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.trenner {
  background-color: var(--darkgree);
  width: 1px;
  height: 40px;
  margin-left: 40px;
  margin-right: 40px;
  position: static;
  top: 36px;
}

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

.heading-4 {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.div-block-3 {
  align-items: baseline;
  padding-top: 0;
  display: flex;
}

.heading-5 {
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
}

.list {
  pointer-events: auto;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.list-item {
  margin-left: 20px;
  padding-bottom: 10px;
  padding-right: 40px;
}

.ausstattung {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content {
  flex-flow: column;
  margin-left: 150px;
  margin-right: 150px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.content.footer {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

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

.div-block-4.lagegrid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

.heading-6 {
  font-weight: 400;
}

.div-block-5 {
  background-color: var(--rose);
  mix-blend-mode: normal;
  border-radius: 20px;
  margin-left: 0;
  padding: 20px;
}

.div-block-5.boxshadow {
  border-radius: 20px;
  box-shadow: 0 10px 20px #0003;
}

.div-block-5.contactform {
  padding-left: 0;
}

.paragraph-2 {
  text-align: left;
  padding-top: 20px;
}

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

.alignmid {
  text-align: center;
  padding-bottom: 10px;
}

.div-block-6 {
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.dropdown {
  margin-right: 20px;
  padding-left: 10px;
}

.field-label {
  font-family: Montserrat, sans-serif;
}

.field-label.light {
  color: var(--lightgold);
  font-weight: 700;
}

.text-field {
  height: 150px;
}

.inputfield {
  border: 1px solid var(--gol);
  background-color: #fff;
  border-radius: 5px;
}

.text-field-2 {
  border: 1px solid var(--gol);
}

.success-message {
  background-color: #a5dba6;
  border-radius: 5px;
}

.text-block-2 {
  color: var(--darkgree);
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  display: block;
  position: static;
}

.error-message {
  border-radius: 5px;
}

.checkbox {
  margin-bottom: 0;
}

.footerinfos {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: var(--lightgold);
  text-align: left;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.footertext {
  font-family: Playfair Display, sans-serif;
  font-size: 14px;
}

.breadcrumb_nav {
  color: var(--gol);
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 50px;
  margin-right: auto;
  font-family: Playfair Display, sans-serif;
  text-decoration: none;
  display: flex;
}

.arrow {
  padding-left: 10px;
  padding-right: 10px;
}

.breadcrumb.w--current {
  color: var(--gol);
  text-decoration: none;
}

.text {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.text.gray {
  padding-bottom: 5px;
}

.text.gray.semi {
  font-weight: 500;
}

.div-block-7 {
  margin-top: 10px;
}

.footer-trenner {
  background-color: var(--gol);
  border-radius: 5px;
  width: 1px;
  height: 80px;
}

.lightbox-link {
  width: 30%;
  height: 30%;
}

.lightbox-link.vorschau {
  justify-content: flex-start;
  align-items: flex-start;
  width: 5%;
  height: 5%;
  display: block;
  position: relative;
}

.lightbox-link.miniatur {
  width: 20%;
}

.center {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  vertical-align: baseline;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.slide {
  background-image: url('../images/Außenbereich_2.jpeg');
  background-position: 50%;
  background-size: cover;
}

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

.impressum {
  padding-bottom: 40px;
}

.heading-10, .heading-11 {
  color: var(--darkgree);
}

.div-block-9 {
  padding-bottom: 10px;
}

.heading-12 {
  color: var(--darkgree);
}

.hamburger_wrapper {
  max-height: 60px;
  display: none;
}

.lottie-animation {
  width: 36px;
  height: 36px;
  padding: 0;
}

.slide-nav {
  display: block;
}

.div-block-10 {
  justify-content: space-around;
  align-items: stretch;
  width: 300px;
  height: 100px;
  display: flex;
}

.image {
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: fill;
}

.vorschau {
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 300px;
  display: flex;
}

.rundgang{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 100%;
}

.iframe-rundgang{
  max-width: 95vw;
  display: block;  
  margin: auto;  
}

@media screen and (max-width: 991px) {
  p {
    font-family: Montserrat, sans-serif;
    line-height: 32px;
  }

  .container {
    margin-right: 0;
  }

  .button.navbar {
    display: none;
  }

  .max-700px {
    margin-left: 0;
    position: absolute;
  }

  .nav {
    display: flex;
  }

  .nav_wrapper {
    padding-left: 20px;
    font-size: 12px;
  }

  .container-2 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

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

  .zusammenfassung {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .heading-3 {
    width: auto;
  }

  .trenner {
    display: none;
  }

  .div-block-3 {
    width: auto;
  }

  .list-item {
    margin-left: 20px;
  }

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

  .content {
    margin-left: 100px;
    margin-right: 100px;
  }

  .div-block-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .div-block-4.lagegrid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

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

  .div-block-5.boxshadow, .div-block-5.contactform {
    display: block;
  }

  .dropdown {
    top: auto;
  }

  .text-field.inputfield {
    box-sizing: border-box;
    text-align: left;
    object-fit: fill;
    object-position: 0% 0%;
    overflow: auto;
  }

  .checkbox {
    border: 1px solid var(--gol);
    border-radius: 0;
  }

  .footerinfos {
    text-align: left;
  }

  .footerinfos.rightaligned {
    text-align: right;
    justify-content: flex-start;
    align-items: stretch;
  }

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

  .div-block-8 {
    flex: 1;
  }

  .vorschau {
    width: 150px;
  }
  .rundgang {
    display: none !important; /* Rundgang verstecken */
  }
}

@media screen and (max-width: 767px) {
  .container {
    margin-right: 50px;
  }

  .max-700px {
    max-height: 500px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .div-block {
    position: relative;
  }

  .nav_link_wrapper {
    flex-flow: column;
    display: none;
  }

  .zusammenfassung {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .list-item {
    line-height: 25px;
  }

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

  .dropdown {
    margin-top: 0;
  }

  .lightbox-link {
    width: 100%;
    height: 100%;
  }

  .hamburger_wrapper {
    flex: 0 auto;
    display: block;
  }

  .icon-2 {
    box-sizing: border-box;
    aspect-ratio: auto;
    text-align: center;
    -webkit-text-stroke-color: var(--gol);
    position: static;
    inset: 0%;
  }

  .menu-button-2 {
    padding: 0;
    display: block;
    position: static;
    inset: 0% auto auto 0%;
    overflow: visible;
  }

  .menu-button-2.w--open {
    background-color: var(--darkgree);
  }

  .navbar-2 {
    color: var(--gol);
    -webkit-text-stroke-color: var(--lightgold);
    background-color: #fff0;
  }

  .lottie-animation-2 {
    width: 28px;
    height: 28px;
  }

  .lottie-animation-3 {
    z-index: 9;
    cursor: pointer;
    width: 28px;
    height: 28px;
    position: relative;
  }

  .hamburger_menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--darkgree);
    border-radius: 0 0 0 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 20vh;
    height: 100vh;
    margin-top: 0;
    margin-right: -300px;
    padding-top: 80px;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .vorschau {
    width: 300px;
  }
  .rundgang {
    display: none; /* Rundgang verstecken */
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 24px;
  }

  .section {
    padding-top: 60px;
  }

  .section.hero {
    height: 70vh;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .h1-style.darkgreen {
    font-size: 52px;
    line-height: 64px;
  }

  .caption.gray {
    max-width: 300px;
    max-height: 50px;
    font-size: 12px;
  }

  .gray {
    padding-right: 0;
    font-size: 16px;
  }

  .button {
    cursor: pointer;
    margin-top: 10px;
    padding: 10px 20px;
  }

  .button.secondary {
    margin-top: -20px;
  }

  .button.navbar {
    display: none;
    overflow: visible;
  }

  .text-block {
    font-size: 14px;
  }

  .max-700px {
    top: 40px;
  }

  .nav {
    height: 60px;
  }

  .nav_wrapper {
    justify-content: flex-end;
  }

  .container-2 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .nav-dropdown-link {
    font-size: 12px;
  }

  .div-block {
    flex: 1;
    position: relative;
    inset: auto;
  }

  .nav_link_wrapper {
    display: none;
  }

  .bold {
    font-size: 16px;
  }

  .heading {
    font-size: 24px;
  }

  .zusammenfassung {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .trenner {
    display: none;
  }

  .list-item {
    margin-left: 0;
    padding-right: 20px;
    font-size: 16px;
    list-style-type: disc;
    position: static;
  }

  .ausstattung {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 100%;
  }

  .content {
    margin-left: 10px;
    margin-right: 20px;
  }

  .div-block-4 {
    grid-template-columns: 100%;
    margin-right: 0;
  }

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

  .div-block-5.boxshadow {
    margin-right: 20px;
    display: block;
  }

  .div-block-5.contactform {
    display: block;
  }

  .paragraph-2 {
    margin-right: 20px;
    padding-right: 0;
  }

  .paragraph-2.gray {
    margin-right: 0;
  }

  .div-block-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dropdown {
    vertical-align: middle;
    margin-top: 40px;
    display: block;
    position: static;
    top: auto;
  }

  .field-label.light {
    text-align: left;
  }

  .text-field.inputfield {
    word-break: normal;
    overflow-wrap: break-word;
    display: block;
    position: static;
    overflow: auto;
  }

  .footerinfos {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .footerinfos.rightaligned {
    text-align: left;
    justify-content: flex-start;
    align-items: stretch;
  }

  .footertext {
    text-align: left;
  }

  .footer-trenner {
    width: 80px;
    height: 1px;
  }

  .heading-8 {
    font-size: 24px;
  }

  .heading-9 {
    margin-top: 10px;
  }

  .text-block-3 {
    margin-right: 10px;
  }

  .right-arrow, .left-arrow {
    display: none;
  }

  .vorschau {
    width: 250px;
  }
  .rundgang {
    display: none; /* Rundgang verstecken */
  }
}



#w-node-f3bb1bdc-f0b7-dd1b-a742-7ca86abebb7e-ca51a4ef, #w-node-_28643c40-15ab-17dc-75a4-d1e03ba41692-ca51a4ef, #w-node-_198e818d-faca-2145-e653-524e31ed90c0-24f4262f, #w-node-f3bb1bdc-f0b7-dd1b-a742-7ca86abebb7e-24f4262f, #w-node-_28643c40-15ab-17dc-75a4-d1e03ba41692-24f4262f {
  align-self: start;
}

@media screen and (max-width: 479px) {
  #w-node-_01701d68-f4ab-a9b8-d35e-e454eff28abe-ca51a4ef, #w-node-cfdd2f57-20dc-a544-c280-651886e9545d-ca51a4ef {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f3bb1bdc-f0b7-dd1b-a742-7ca86abebb7e-ca51a4ef {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_01701d68-f4ab-a9b8-d35e-e454eff28abe-24f4262f, #w-node-cfdd2f57-20dc-a544-c280-651886e9545d-24f4262f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f3bb1bdc-f0b7-dd1b-a742-7ca86abebb7e-24f4262f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}