:root {
  --lines: #d3dff0;
  --white: white;
  --bg: #f8faff;
  --schatten: #d4d4d4;
  --slate-grey: #597a96;
  --deep-sky-blue: #12aaeb;
  --bd-blau: #004789;
  --hg-blau: #f2f3f578;
  --dark-grey: #97a4b4;
  --tomato: #fe5d3c;
  --white-smoke: #f2f3f5;
  --royal-blue: #116dde;
  --light-steel-blue: #afbccd;
  --hg-ei: #fffae10f;
}

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

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

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

h1 {
  color: #597a96;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 27px;
}

h2 {
  color: #597a96;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 30px;
}

h3 {
  color: #597a96;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

h4 {
  color: #597a96;
  letter-spacing: .1px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h5 {
  color: #597a96;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

h6 {
  color: #597a96;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #899da7;
  letter-spacing: .1px;
  margin-bottom: 7px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 22px;
}

a {
  color: #12aaeb;
  text-decoration: none;
}

li {
  color: #97a4b4;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14.5px;
  line-height: 22px;
}

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

figcaption {
  color: #97a4b4;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
  font-style: italic;
  line-height: 12px;
}

.navbar {
  z-index: 50;
  border-top: 1px solid var(--lines);
  background-color: var(--white);
  width: 100%;
  height: auto;
}

.body {
  font-family: Source Sans Pro, sans-serif;
  font-size: 100%;
  line-height: 100%;
}

.body.gray {
  background-color: var(--bg);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.property-hero-section {
  background-color: #97a4b4;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content-wrapper {
  padding: 25px 25px 20px;
  position: relative;
}

.content-wrapper.white-and-bottom-border {
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 50px;
}

.content-wrapper.rounded-corners {
  box-shadow: 4px 4px 10px -6px var(--schatten);
  background-color: #fff;
  border-radius: 20px;
}

.mini-title {
  color: #97a4b4;
  letter-spacing: 1px;
  text-transform: none;
  font-family: Opensans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}

.mini-title.white {
  color: #fff;
  font-family: Opensans, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.mini-title.white.button-capital {
  text-transform: uppercase;
}

.mini-title.dark-blue {
  color: #597a96;
  font-weight: 700;
}

.mini-title.deep-sky-blue {
  color: #12aaeb;
}

.mini-title.titlecard {
  margin-top: 5px;
  margin-bottom: 10px;
}

.mini-title-link {
  color: #97a4b4;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
}

.mini-title-link:hover {
  border-bottom: 1px solid #97a4b4;
}

.mini-title-link.white {
  color: #fff;
}

.mini-title-link.white:hover {
  border-bottom-color: #fff;
}

.mini-title-link.bottom-border {
  margin-bottom: 5px;
}

.mini-title-link.deep-sky-blue {
  color: #12aaeb;
}

.hero-header {
  z-index: 20;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.hero-header.bottom-border {
  flex: 1;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.hero-header.on-slide {
  margin-bottom: 40px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
}

.hero-header.relative {
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.tab-link-box-1 {
  text-align: center;
  background-color: #12aaebbf;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
  margin-right: 6px;
  padding: 15px 35px 13px;
  transition: background-color .3s;
}

.tab-link-box-1:hover {
  background-color: #12aaebd9;
}

.tab-link-box-1._70-percent {
  background-color: #12aaebcc;
}

.tab-link-box-1._70-percent:hover {
  background-color: #12aaebe8;
}

.column-left {
  width: 65%;
  display: inline-block;
}

.column-right {
  float: right;
  width: 35%;
}

.bar {
  color: #97a4b4;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  line-height: 9px;
  display: inline-block;
}

.property-details._88-percent {
  width: 84%;
}

.tags-container {
  float: right;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-top: 26px;
  font-family: Montserrat, sans-serif;
  font-size: 7px;
  line-height: 11px;
}

.tags-container.absolute {
  width: auto;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.tags-container.on-slide {
  margin-top: 0;
  margin-left: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

.details-container {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 17px;
  padding-bottom: 13px;
}

.overview-container {
  border-top: 1px solid var(--lines);
  border-right: 1px solid var(--lines);
  border-left: 1px solid var(--lines);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.asking-price-box {
  border-bottom: 1px solid var(--lines);
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
}

.price-text {
  color: #12aaeb;
  font-family: Source Sans Pro, sans-serif;
  font-size: 25px;
  line-height: 25px;
  display: inline-block;
}

.price-text.medium {
  font-size: 20px;
  line-height: 19px;
}

.dollar-sign {
  color: #12aaeb;
  margin-right: 2px;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -3px;
}

.dollar-sign.small {
  font-size: 13px;
}

.overview-item {
  float: left;
  border-top: 1px solid var(--lines);
  border-right: 1px solid var(--lines);
  text-align: center;
  border-bottom: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-top: 26px;
  padding-bottom: 18px;
  display: flex;
}

.overview-item._33-percent {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: solid;
  border-right-color: #edeef2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  width: 33.33%;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 10px;
}

.overview-item._33-percent.no-right-border {
  border-right-style: none;
}

.overview-item._33-percent.no-left-inner-padding {
  padding-left: 0;
}

.overview-item._2 {
  border-top-style: none;
  border-top-color: #f2f3f5;
  border-bottom-style: solid;
  border-right-style: none;
  border-right-color: #f2f3f5;
  border-bottom-color: var(--lines);
}

.overview-item._3 {
  border-top-style: none;
  border-top-color: #f2f3f5;
  border-right-color: var(--lines);
}

.overview-item._4 {
  border-top-style: none;
  border-top-color: #f2f3f5;
  border-right-style: none;
  border-right-color: #f2f3f5;
}

.overview-item._5 {
  border-top-color: var(--lines);
  border-right-color: var(--lines);
}

.overview-item._6 {
  border-top-color: var(--lines);
  border-bottom-color: #f2f3f5;
  border-right-style: none;
  border-right-color: #f2f3f5;
}

.overview-item._1 {
  border-top-style: none;
  border-top-color: #f2f3f5;
  border-right-color: var(--lines);
  border-bottom-style: solid;
  border-bottom-color: var(--lines);
}

.property-icon {
  width: 32%;
  margin-bottom: 10px;
}

.property-icon.small {
  width: 20.5%;
  max-width: 45px;
  margin-right: 8px;
}

.property-icon.medium {
  width: 22%;
  max-width: 30px;
  margin-right: 8px;
}

.overview-flex-container {
  flex-wrap: wrap;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

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

.number {
  margin-right: 2px;
}

.number.small {
  font-size: 12.8px;
  line-height: 12px;
}

.number.montserrat {
  color: #fff;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.overview-text-box {
  display: flex;
}

.more-details-link {
  background-color: #12aaeb;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 20px;
  padding-top: 16px;
  padding-bottom: 15px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.more-details-link:hover {
  background-color: #19a0e1;
}

.property-overview-container {
  margin-left: 20px;
}

.property-section {
  width: 100%;
  margin-top: 50px;
}

.property-section.less-top-border {
  margin-top: 10px;
}

.property-section.no-top-border {
  margin-top: 0;
}

.title {
  color: #597a96;
  letter-spacing: .1px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Ebgaramond, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.title.all-caps {
  text-transform: none;
  font-family: Opensans, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.title.regular {
  letter-spacing: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
}

.section-title-box {
  border-bottom: 1px solid var(--lines);
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 5px;
  padding-right: 10px;
  position: relative;
}

.section-title-box.no-bottom-border {
  width: 100%;
  margin-bottom: 0;
  text-decoration: none;
  display: block;
  position: relative;
}

.section-title-box.top-border {
  margin-top: 20px;
}

.section-title-box.white-bottom-line {
  border-bottom-color: #fff;
}

.flex-grid {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.flex-grid.on-features {
  justify-content: space-between;
  align-items: stretch;
}

.flex-grid.on-quantity, .flex-grid.on-type-of-property {
  justify-content: flex-start;
  margin-top: 10px;
}

.flex-grid.top-border {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 45px;
}

.flex-grid.on-vertical-items {
  justify-content: space-between;
  align-items: stretch;
}

.flex-grid.on-mini-services {
  justify-content: space-between;
  margin-top: 40px;
}

.flex-grid.rows {
  flex-flow: column;
  align-items: flex-end;
}

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

.flex-grid.bottom-divider {
  border-bottom: 1px solid #efeff0;
  justify-content: center;
  padding-bottom: 60px;
}

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

.flex-grid.top-and-bottom-border {
  margin-top: 15px;
  margin-bottom: 15px;
}

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

.flex-grid.on-services {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.flex-grid.less-top-border {
  margin-top: 25px;
}

.flex-grid._90-percent {
  width: 90%;
}

.flex-grid._90-percent.left, .flex-grid.on-mobile {
  justify-content: flex-start;
}

.flex-grid.top-and-bottom-divider {
  border-top: 1px solid #efeff0;
  border-bottom: 1px solid #efeff0;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 40px;
}

.gallery-item {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 25%;
  min-height: 222px;
  display: flex;
}

.pop-up-image-container {
  z-index: 1000;
  text-align: center;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.close-pop-up {
  z-index: 6;
  background-color: #12aaeb;
  background-image: url('../images/Close_1Close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 3px;
  width: 35px;
  height: 35px;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.pop-up-image-2 {
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  max-height: 90vh;
  display: none;
  position: relative;
  overflow: auto;
}

.pop-up-image-3 {
  max-width: 90%;
  max-height: 90%;
  display: none;
  position: relative;
  overflow: auto;
}

.pop-up-image-4 {
  max-width: 90vw;
  max-height: 90vh;
  display: none;
  position: relative;
  overflow: auto;
}

.slider {
  width: 100%;
  height: 680px;
  overflow: hidden;
}

.slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 680px;
  position: relative;
}

.slide._80-vh {
  background-image: url('../images/Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.slide.hero-section-1 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/02.Front.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-top: 212px;
}

.slide.hero-section-2 {
  background-image: url('../images/photo-1446144525544-808f420174ec.jpg');
  padding-top: 212px;
}

.slide.hero-section-3 {
  background-image: linear-gradient(#00000042, #00000042), url('../images/LJ515CPAKI-1.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 212px;
}

.slide-nav {
  font-size: 9px;
  display: block;
}

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

.slide-2, .slide-3, .slide-4, .slide-5, .slide-6, .slide-7, .slide-8 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.left-arrow {
  opacity: .8;
  transition: opacity .3s;
}

.left-arrow:hover {
  opacity: 1;
}

.left-arrow.offset {
  color: #97a4b4cc;
  transition: color .2s;
  left: -10%;
}

.left-arrow.offset:hover {
  color: #97a4b459;
}

.right-arrow {
  opacity: .8;
  transition: opacity .3s;
}

.right-arrow:hover {
  opacity: 1;
}

.right-arrow.offset {
  color: #97a4b4cc;
  transition-property: color;
  right: -10%;
}

.right-arrow.offset:hover {
  color: #97a4b459;
}

.pop-up-image-5 {
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  max-height: 90vh;
  display: none;
  position: relative;
  overflow: auto;
}

.pop-up-image-1 {
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.map {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 25px;
}

.detail-box {
  border-bottom: 1px solid #f2f3f5;
  padding: 15px 10px 5px;
}

.checkmark-box {
  float: left;
  width: 2%;
  margin-top: 2px;
  margin-right: 5px;
  display: block;
}

.detail-text {
  float: left;
  width: 97%;
  display: block;
}

.for-sale-icon {
  width: 32%;
  margin-bottom: 8px;
}

.for-rent-icon, .sold-icon, .foreclosure {
  width: 32%;
  margin-bottom: 10px;
}

.tag {
  text-align: center;
  letter-spacing: 1px;
  background-color: #fe5d3c;
  border-radius: 3px;
  min-width: 65px;
  padding: 7px 9px 5px;
  font-size: 8px;
  font-weight: 500;
}

.tag.for-rent {
  background-color: #116dde;
  border-radius: 3px;
}

.tag.sold {
  background-color: #ff2b42;
}

.tag.foreclosure {
  background-color: #ff2e5f;
  min-width: 88px;
  max-width: 88px;
}

.tag.agent {
  background-color: #01b630;
  min-width: 71px;
  max-width: 75px;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.tag.rented {
  background-color: #ff2b42;
  position: relative;
}

.agent-container {
  width: 41%;
  display: inline-block;
}

.contact-form.on-property-page {
  z-index: 50;
  float: right;
  width: 59%;
  padding-top: 15px;
  padding-left: 20px;
  display: inline-block;
  position: relative;
}

.agent-picture {
  border: 6px solid var(--bg);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
  position: relative;
}

.agent-picture._30-percent {
  width: 33%;
  height: auto;
  min-height: 250px;
  margin-bottom: 0;
  margin-right: 15px;
  display: inline-block;
}

.contact-details {
  border: 1px solid var(--lines);
  width: 100%;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.contact-details._70-percent {
  float: right;
  width: 65%;
  padding-top: 0;
  display: inline-block;
}

.agents-short-message {
  margin-bottom: 15px;
  display: block;
}

.contact-item {
  border-bottom: 1px solid var(--lines);
  justify-content: flex-start;
  align-items: center;
  padding: 17px 10px;
  text-decoration: none;
  display: flex;
}

.contact-item.no-bottom-border {
  border-bottom-style: none;
  display: block;
}

.contact-item.top-border {
  border-top: 1px solid var(--lines);
  border-bottom-color: var(--lines);
  margin-top: 5px;
}

.contact-item.no-side-border {
  margin-left: 0;
  margin-right: 0;
}

.contact-item.no-bottom-border-add-border {
  border-bottom-style: none;
  margin-bottom: 5px;
}

.contact-icon {
  width: 5%;
  margin-right: 15px;
  padding-top: 2px;
}

.contact-icon.large {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  padding-top: 0;
}

.contact-icon.small {
  width: 18px;
}

.paragraph {
  margin-bottom: 24px;
  font-family: Opensans, sans-serif;
}

.paragraph.on-contact-details {
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.paragraph.small {
  font-size: 12.8px;
  line-height: 12px;
}

.paragraph.white {
  color: #fff;
}

.paragraph.montserrat {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.paragraph.big {
  font-size: 15px;
  line-height: 23px;
}

.paragraph.medium {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-family: Opensans, sans-serif;
  font-size: 15.5px;
  line-height: 26px;
}

.paragraph.medium.para-white {
  color: #fff;
  text-align: center;
  padding-left: 450px;
  padding-right: 450px;
}

.paragraph.medium.paragraph-detail {
  color: var(--slate-grey);
  text-align: left;
  margin-top: 20px;
  font-family: Opensans, sans-serif;
}

.paragraph.medium.center {
  color: var(--slate-grey);
  text-align: center;
  align-items: center;
  padding-top: 0;
  font-family: Opensans, sans-serif;
  display: flex;
}

.paragraph.medium.center.begruessungstext {
  color: var(--slate-grey);
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
}

.paragraph.medium.center.begruessunstext-2 {
  color: var(--slate-grey);
  text-align: left;
}

.paragraph.medium.center.bewertungstext {
  justify-content: center;
  font-family: Opensans, sans-serif;
}

.paragraph.footer-anschrift {
  font-family: Opensans, sans-serif;
}

.mini-arrow {
  width: 4px;
  margin-left: 2px;
  position: relative;
  top: 1px;
}

.property-code-tag {
  color: #97a4b4;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 8.5px;
  line-height: 12px;
  display: inline-block;
}

.property-code-box {
  background-color: var(--bg);
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px 10px 5px;
  display: inline-block;
}

.text-field {
  border: 1px solid var(--lines);
  color: #97a4b4;
  border-radius: 3px;
  height: 50px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 20px;
  transition: border-color .35s;
}

.text-field:hover, .text-field:focus {
  border-color: #c8d4e2;
}

.text-field.name {
  border-right-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 49%;
  padding-left: 20px;
  font-family: Opensans, sans-serif;
  display: inline-block;
}

.text-field.name:hover {
  border-right-width: 2px;
}

.text-field.name:focus {
  border-right-width: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.text-field.name.mini {
  border-right-width: 1px;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-field.name.mini:hover, .text-field.name.mini:focus {
  border-width: 1px;
  border-color: var(--deep-sky-blue);
}

.text-field.last-name {
  float: right;
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 49.5%;
  padding-left: 20px;
  font-family: Opensans, sans-serif;
  display: inline-block;
  position: relative;
  left: -2px;
}

.text-field.last-name:hover, .text-field.last-name:focus {
  border-left-width: 2px;
}

.text-field.email {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-left: 20px;
  font-family: Opensans, sans-serif;
}

.text-field.email.mini {
  height: 40px;
  margin-bottom: 10px;
}

.text-field.email.mini:hover, .text-field.email.mini:focus {
  border-color: var(--deep-sky-blue);
}

.text-field.phone {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-left: 20px;
  font-family: Opensans, sans-serif;
  transition: all .2s;
}

.text-field.property-code {
  background-image: url('../images/576429b78c5f55a428ed3ef3_House-icon-1.png');
  background-position: 12px;
  background-repeat: no-repeat;
  background-size: 23px;
  padding-left: 42px;
  font-family: Open Sans, sans-serif;
}

.text-field.property-code.mini {
  height: 40px;
  margin-bottom: 10px;
}

.text-field.property-code.mini:hover, .text-field.property-code.mini:focus {
  border-color: var(--deep-sky-blue);
}

.text-field.email-on-newsletter {
  border-left: 1px solid var(--lines);
  background-image: url('../images/Email_1Email.png');
  background-position: 14px;
  background-repeat: no-repeat;
  background-size: 15px;
  border-right-style: none;
  border-radius: 0;
  width: 35%;
  padding-left: 42px;
  display: inline-block;
}

.text-field.email-on-newsletter:hover, .text-field.email-on-newsletter:focus {
  background-position: 13px;
  border-left-width: 2px;
  border-left-color: #c8d4e2;
  padding-left: 41px;
}

.text-field.name-on-newsletter {
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: var(--lines);
  background-image: url('../images/User_1User.png');
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 3px 0 0 3px;
  width: 35%;
  padding-left: 42px;
  display: inline-block;
}

.text-field.name-on-newsletter:hover, .text-field.name-on-newsletter:focus {
  border-color: #c8d4e2;
  border-right-width: 2px;
}

.text-field.adress {
  padding-left: 20px;
  font-family: Opensans, sans-serif;
}

.form-wrapper {
  margin-top: 15px;
  position: relative;
}

.submit-button {
  background-color: var(--bd-blau);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 15px;
  width: 30%;
  padding-top: 17px;
  padding-bottom: 15px;
  font-family: Opensans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  transition: background-color .2s;
  display: inline-block;
}

.submit-button:hover {
  background-color: #004789ba;
}

.submit-button.on-newsletter {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 29%;
  height: 50px;
  display: inline-block;
  position: relative;
  top: -8px;
}

.submit-button.on-blog {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 29%;
  height: 50px;
  position: relative;
  top: -9px;
}

.select-field {
  background-color: var(--bg);
  color: #aeaeae;
  border: 1px solid #f4f5f9;
  border-radius: 3px;
  height: 40px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.text-area {
  border: 1px solid var(--lines);
  color: #97a4b4;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 3px;
  min-height: 133px;
  margin-bottom: 15px;
  padding-top: 12px;
  padding-left: 20px;
  font-family: Opensans, sans-serif;
  font-size: 13px;
  line-height: 20px;
  transition: border-color .2s;
}

.text-area:hover, .text-area:focus {
  border-color: #c8d4e2;
}

.text-area.mini {
  color: #97a4b4;
  background-position: 16px 17px;
  min-height: 100px;
  margin-bottom: 10px;
}

.text-area.mini:hover, .text-area.mini:focus {
  border-color: var(--deep-sky-blue);
}

.rented-icon {
  width: 32%;
  margin-bottom: 10px;
}

.link-box {
  border-bottom: 1px solid var(--lines);
  width: 100%;
  padding-top: 15px;
  padding-bottom: 7px;
  padding-left: 10px;
  text-decoration: none;
}

.link-box.to-a-section {
  padding-bottom: 15px;
}

.arrows {
  color: #01b630;
  margin-left: 3px;
  margin-right: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 8.5px;
  line-height: 12px;
  display: inline-block;
  position: relative;
  top: -1px;
}

.link-to-section-container {
  margin-top: 5px;
}

.flex-item {
  width: 50%;
}

.flex-item.feature {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32.5%;
  min-height: 165px;
  padding-top: 18px;
  padding-bottom: 0;
  transition: background-color .2s;
  display: flex;
}

.flex-item.feature:hover, .flex-item.feature.w--current {
  background-color: var(--bg);
}

.flex-item.feature.right-border {
  margin-right: 10px;
}

.flex-item.feature._25-percent {
  width: 24%;
}

.flex-item.feature._25-percent.w--current {
  background-color: var(--bg);
}

.flex-item.quantity {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32%;
  max-width: 150px;
  min-height: 100px;
  margin-right: 10px;
  padding-top: 15px;
  padding-bottom: 0;
  transition: background-color .2s;
  display: flex;
}

.flex-item.quantity:hover, .flex-item.quantity.w--current {
  background-color: var(--bg);
}

.flex-item.price-option {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 3px;
  width: auto;
  max-height: 40px;
  margin-right: 6px;
  padding-top: 9px;
  padding-bottom: 0;
  padding-right: 15px;
}

.flex-item.price-option.w--current {
  background-color: var(--bg);
  padding-left: 40px;
}

.flex-item.price-option.highest {
  background-image: url('../images/Arrow-up_1Arrow-up.png');
  background-position: 13px;
  background-repeat: no-repeat;
  background-size: 8px;
  transition: background-color .2s;
}

.flex-item.price-option.highest:hover {
  background-color: var(--bg);
}

.flex-item.price-option.highest.w--current {
  padding-left: 30px;
}

.flex-item.price-option.lowest {
  background-image: url('../images/Arrow-down_1Arrow-down.png');
  background-position: 13px;
  background-repeat: no-repeat;
  background-size: 8px;
}

.flex-item.price-option.lowest.w--current {
  padding-left: 30px;
}

.flex-item.property-type {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 23%;
  max-width: 140px;
  margin-right: 8px;
  padding-top: 20px;
  display: flex;
}

.flex-item.property-type:hover, .flex-item.property-type.w--current {
  background-color: var(--bg);
}

.flex-item.latest-featured {
  border-bottom: 1px solid var(--lines);
  width: 100%;
  margin-bottom: 17px;
  padding-bottom: 17px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.comma {
  color: #97a4b4;
  text-transform: uppercase;
  margin-right: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 8.5px;
  line-height: 12px;
  display: inline-block;
}

.comma.white {
  color: #fff;
}

.location-title-box {
  width: 100%;
  height: 16px;
  margin-bottom: 7px;
}

.description-text-box {
  margin-top: 10px;
}

.asking-price-text-box {
  margin-top: 5px;
}

.asking-price-text-box.top-and-bottom-border {
  margin-top: 13px;
  margin-bottom: 10px;
}

.asking-price-text-box.bottom-border {
  margin-bottom: 10px;
}

.button {
  text-align: center;
  background-color: #12aaeb;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  margin-top: 0;
  padding-top: 9px;
  text-decoration: none;
  transition: background-color .2s;
  display: block;
}

.button:hover {
  background-color: #19a0e1;
}

.empty-state {
  background-color: var(--bg);
  color: #97a4b4;
  text-align: center;
  background-image: url('../images/House2-icon_1House2-icon.png');
  background-position: 50% 18px;
  background-repeat: no-repeat;
  background-size: 39px;
  padding-top: 60px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.empty-state.on-slide {
  background-color: var(--bg);
  background-position: 50%;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 680px;
  padding-top: 367px;
  display: block;
  position: relative;
  inset: 0;
}

.title-link-box {
  text-decoration: none;
}

.title-link-box.block {
  margin-top: 5px;
  display: block;
}

.title-link-box.block:hover {
  text-decoration: underline;
}

.title-link-box.top-border {
  margin-top: 5px;
  display: block;
}

.header-section {
  background-image: url('../images/57752651251486d4703bd476_mm.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 100%;
  min-height: 250px;
  padding-top: 100px;
  padding-bottom: 30px;
  display: block;
  position: relative;
  overflow: hidden;
}

.header-section.contact-us {
  background-image: linear-gradient(#00000038, #00000038), url('../images/02.Front.jpg');
  background-position: 0 0, 50% 40%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.header-section.services {
  background-image: linear-gradient(#00000021, #00000021), url('../images/photo-1461418126083-a84e9ca935de-1.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.header-section.large {
  min-height: 410px;
  padding-top: 240px;
}

.header-section.about-us {
  background-image: linear-gradient(#00000021, #00000021), url('../images/photo-1445437303333-50e823122ca6.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 400px;
}

.header-section.dark {
  background-image: linear-gradient(#0000002b, #0000002b), url('../images/57752651251486d4703bd476_mm.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.heading-1.big {
  color: #fff;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 49px;
}

.heading-1.on-main-hero {
  color: #fff;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 65px;
  font-weight: 800;
  line-height: 65px;
  display: none;
}

.heading-1.bold {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.underline {
  background-color: var(--bd-blau);
  border-radius: 3px;
  width: 100px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.underline.less-bottom-border {
  margin-bottom: 10px;
}

.underline.big {
  background-color: #004789;
  width: 140px;
  height: 6px;
  display: none;
}

.underline.inline-block {
  background-color: var(--bd-blau);
  border-radius: 2px;
  width: 100px;
  height: 2px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.underline.inline-block.underline-white {
  background-color: #fff;
  margin-bottom: 0;
}

.underline.inline-block.kontakt-line {
  margin-bottom: 40px;
}

.underline.inline-block.underline2 {
  margin-bottom: 12px;
}

.location-link-box {
  opacity: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 290px;
  margin-bottom: 10px;
  transition: opacity .2s ease-in;
  display: block;
  position: relative;
  overflow: hidden;
}

.location-text-box {
  margin-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.horizontal-box {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 30%;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.horizontal-box._70-percent {
  background-color: var(--bg);
  border-radius: 0 3px 3px 0;
  width: 70%;
  height: auto;
  padding: 15px 20px 5px;
}

.horizontal-flex-container {
  flex-direction: column;
  display: flex;
}

.horizontal-flex {
  display: flex;
}

.horizontal-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: absolute;
  inset: 0;
}

.overlay {
  background-image: linear-gradient(#fff0 25%, #0009);
  display: block;
  position: absolute;
  inset: 0;
}

.overlay.darker {
  background-image: linear-gradient(#fff0 47%, #000000f2);
}

.overlay.soft {
  background-image: linear-gradient(#fff0 47%, #00000040);
}

.tab-link {
  text-align: center;
  background-color: #afbccd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  min-width: 160px;
  margin-right: 6px;
  padding: 13px 35px;
}

.tab-link.w--current {
  text-align: center;
  background-color: #12aaeb;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.tabs-content {
  border-top: 1px solid var(--lines);
  background-color: #fff;
}

.feature-icon {
  max-width: 50px;
  margin-bottom: 10px;
}

.feature-icon.top-border {
  margin-top: 10px;
}

.quantity-number {
  color: #97a4b4;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  line-height: 29px;
}

.tab-pane {
  margin-top: 25px;
}

.tab-pane.less-top-border {
  margin-top: 20px;
}

.brand {
  justify-content: center;
  align-items: center;
  height: 75px;
  margin-right: 10px;
  padding-top: 6px;
  transition: transform .2s, opacity .2s;
  display: flex;
}

.brand:hover {
  opacity: .7;
  transform: scale(.95);
}

.brand.w--current {
  padding-top: 4px;
}

.brand.centered {
  margin-bottom: 10px;
}

.dropdown-list.w--open {
  border-top: 1px solid var(--lines);
  border-bottom: 1px solid var(--lines);
  background-color: #fff;
}

.dropdown-toggle {
  color: var(--bd-blau);
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 76px;
  padding: 33px 30px 0;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.nav-link {
  color: var(--bd-blau);
  letter-spacing: 1px;
  text-transform: uppercase;
  width: auto;
  height: 76px;
  padding-top: 33px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Opensans, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.nav-link:hover {
  border-bottom: 3px solid var(--bd-blau);
}

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

.nav-menu {
  z-index: 50000;
  float: left;
}

.top-of-navbar {
  border-top: 3px solid var(--bd-blau);
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 5px;
}

.scroll-down-button {
  z-index: 30;
  cursor: pointer;
  background-color: #12aaebb3;
  background-image: url('../images/Scroll-down-icon_1Scroll-down-icon.png');
  background-position: 50% 56%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 44px;
  height: 36px;
  transition: background-color .3s;
  position: absolute;
  bottom: 0;
  right: 0;
}

.scroll-down-button:hover {
  background-color: #12aaebd9;
}

.scroll-down-button.w--current {
  background-position: 50% 56%;
}

.full-overlay {
  z-index: 10;
  background-image: linear-gradient(#0000 58%, #000000b3);
  display: block;
  position: absolute;
  inset: 0;
}

.social-icons-container {
  justify-content: flex-end;
  width: 200px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.social-icons-container.on-footer {
  width: 20%;
  position: relative;
}

.navbar-container {
  position: relative;
}

.social-icon-box {
  align-self: center;
  margin-right: 16px;
  transition: opacity .2s;
}

.social-icon-box:hover {
  opacity: .7;
}

.top-of-menu-bar {
  text-align: right;
  flex-wrap: wrap;
  padding-top: 12px;
  padding-bottom: 10px;
  position: relative;
}

.top-of-menu-bar.flex {
  justify-content: center;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 17px;
  display: flex;
}

.top-of-menu-item {
  text-align: right;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: inline-block;
}

.top-of-menu-item.absolute {
  margin-top: 15px;
  position: absolute;
  top: 0;
  right: 0;
}

.top-of-menu-item.centered {
  text-align: center;
  margin-top: 15px;
  position: relative;
}

.top-menu-text-box {
  border-right: 1px solid var(--lines);
  margin-right: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: inline-block;
}

.top-menu-text-box.no-right-border {
  border-right-style: none;
  margin-right: 4px;
}

.top-menu-text {
  color: var(--bd-blau);
  letter-spacing: 2px;
  font-family: Opensans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.overview-flex-blue-item {
  align-self: center;
  padding-top: 11px;
  padding-left: 30px;
  padding-right: 20px;
  display: flex;
}

.overview-flex-blue-item.apartment {
  background-image: url('../images/Building-blue-icon_1Building-blue-icon.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 16px;
}

.overview-flex-blue-item.bedrooms {
  background-image: url('../images/Bedroom-blue_1Bedroom-blue.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 32px;
  padding-left: 45px;
}

.overview-flex-blue-item.bathroom {
  background-image: url('../images/Bathroom-blue_1Bathroom-blue.png');
  background-position: -6px;
  background-repeat: no-repeat;
  background-size: 35px;
  padding-left: 32px;
}

.overview-flex-blue-item.square-feet {
  background-image: url('../images/Square-feet-blue_1Square-feet-blue.png');
  background-position: -6px;
  background-repeat: no-repeat;
  background-size: 35px;
  padding-left: 39px;
}

.overview-flex-blue-item.land {
  background-image: url('../images/Land-blue_1Land-blue.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 26px;
  padding-left: 40px;
}

.overview-flex-blue-item.office {
  background-image: url('../images/Office-blue_1Office-blue.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 35px;
}

.overview-flex-blue-item.house {
  background-image: url('../images/House-blue_1House-blue.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 35px;
}

.overview-flex-blue-item.parking-spaces {
  background-image: url('../images/Parking-blue_1Parking-blue.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 35px;
}

.fixed-contact-form-container {
  z-index: 80;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.fixed-contact-form-wrapper {
  position: relative;
}

.fixed-contact-form-box {
  width: 280px;
  margin-right: 5%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.fixed-contact-form-tab {
  cursor: pointer;
  background-color: #12aaeb;
  background-image: url('../images/Email-green-dot_1Email-green-dot.png');
  background-position: 19px;
  background-repeat: no-repeat;
  background-size: 18px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  padding-top: 5px;
  padding-left: 45px;
  padding-right: 60px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.fixed-contact-form-tab:hover {
  background-color: #12a3e1;
}

.fixed-contact-form-arrow {
  background-color: #12a3e1;
  border-top-right-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 47px;
  height: 50px;
  padding-top: 2px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fixed-contact-form-body {
  border-right: 1px solid var(--lines);
  border-left: 1px solid var(--lines);
  background-color: #fff;
  flex-wrap: nowrap;
  padding: 15px 15px 5px;
}

.support-girl {
  background-color: #ccc;
  background-image: url('../images/Support-girl_1Support-girl.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45px;
  border: 3px solid #efefef;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: relative;
  top: 2px;
}

.fixed-contact-form-column._20-percent {
  width: 20%;
  margin-right: 4%;
  display: inline-block;
}

.fixed-contact-form-column.floated-right {
  float: right;
  width: 75%;
  position: relative;
  top: -2px;
}

.fixed-contact-form-text {
  margin-top: 3px;
  font-family: Open Sans, sans-serif;
  font-size: 11.8px;
  font-weight: 400;
  line-height: 15px;
  position: relative;
}

.footer-column {
  width: 21.5%;
  font-family: Opensans, sans-serif;
}

.footer-column._40-percent {
  width: 32%;
  margin-right: 20px;
  font-family: Opensans, sans-serif;
}

.footer-column._40-percent.kontaktdaten {
  width: 100%;
}

.title-box {
  margin-bottom: 15px;
}

.title-box.less-bottom-border {
  margin-bottom: 5px;
}

.title-box.top-border {
  margin-top: 15px;
}

.title-box.on-side-menu {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 0;
  padding-bottom: 10px;
  position: relative;
}

.footer-link {
  color: #97a4b4;
  cursor: pointer;
  width: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  font-family: Opensans, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

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

.footer-link.w--current {
  font-family: Opensans, sans-serif;
}

.footer {
  background-color: #fff;
  padding-top: 50px;
  overflow: hidden;
}

.credits-section {
  border-top: 1px solid var(--lines);
  margin-top: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.credits-wrapper {
  position: relative;
}

.credits-container {
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
}

.navbar-wrapper {
  width: 100%;
  overflow: hidden;
}

.hero-section {
  background-image: url('../images/57752651251486d4703bd476_mm.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 680px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section.flex-centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-section.cta {
  background-image: linear-gradient(#0003, #0003), url('../images/CTA-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 720px;
  display: flex;
}

.main-hero-container {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.main-hero-subtitle-text {
  color: #fff;
  margin-top: -53px;
  margin-bottom: 25px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
  display: none;
}

.content-section {
  text-align: left;
  background-color: #094585;
  background-image: linear-gradient(#ffffffd9, #ffffffd9), url('../images/HG.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 100px;
  overflow: hidden;
}

.content-section.gray {
  background-color: var(--bg);
  background-image: linear-gradient(#ffffff96, #ffffff96), url('../images/HG.jpg'), url('../images/041.jpg');
  background-position: 0 0, 50%, 50%;
  background-size: auto, auto, auto;
  padding-bottom: 50px;
  box-shadow: 1px 1px 3px #000;
}

.content-section.no-top-padding {
  padding-top: 0;
}

.content-section.dark-grey {
  background-image: linear-gradient(#f9f9f980, #f9f9f980), url('../images/HG.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
}

.header-box {
  text-align: center;
  width: 70%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-box.leistungen {
  margin-top: 20px;
  margin-bottom: 20px;
}

.header-box.kundenmeinung {
  margin-bottom: 20px;
}

.header-box.unser-service {
  margin-top: 20px;
}

.vertical-flex-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  min-height: 240px;
  display: block;
  position: relative;
}

.vertical-flex-box {
  flex-direction: column;
  width: 100%;
  padding: 15px 15px 18px;
  display: flex;
}

.vertical-flex-box.gray {
  background-color: #f9f9f9;
}

.team-member-pic {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 18px;
  width: 100%;
  height: 250px;
  display: block;
  position: relative;
}

.short-box-message {
  margin-bottom: 10px;
}

.special-section {
  background-color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.special-section.intro {
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 25px;
}

.special-container {
  min-height: 230px;
  position: relative;
}

.girl {
  width: 54%;
  margin-left: -173px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.special-box {
  float: right;
  width: 67%;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.special-title-box {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 10px;
  padding-bottom: 3px;
  position: relative;
}

.divider-line {
  background-color: #ededed;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.form.on-newsletter {
  margin-top: 20px;
}

.special-divider {
  background-color: #c8d4e2;
  width: 2px;
  height: 50px;
  display: none;
  position: relative;
  top: 13px;
}

.heading-2.white {
  color: #fff;
}

.mini-title-box {
  margin-bottom: 10px;
}

.mini-title-box.less-bottom-padding {
  margin-bottom: 5px;
}

.mini-title-box.white {
  color: #fff;
}

.feature-column {
  float: left;
  width: 81%;
}

.feature-column._20-percent {
  text-align: center;
  width: 15%;
  min-width: 40px;
  margin-right: 15px;
}

.item-box {
  border-bottom: 1px solid var(--lines);
  flex-direction: row;
  align-items: flex-start;
  padding-top: 9px;
  padding-bottom: 3px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.item-box.bottom-border {
  margin-bottom: 35px;
}

.checkmark-blue {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.testimonial-pic {
  border: 3px solid #e9e9e9;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  margin-bottom: 10px;
  display: inline-block;
}

.testimonial-pic._1 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-width: 4px;
  margin-top: 15px;
}

.testimonial-pic._2 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-2.jpg');
  background-position: 9%;
  background-repeat: repeat;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._3 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-3.jpg');
  background-position: 50% -4%;
  background-repeat: repeat;
  background-size: 160px;
  margin-top: 15px;
}

.testimonial-pic._4 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-4.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._5 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-5.jpg');
  background-position: 0%;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._6 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-6.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._7 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-7.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._8 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-8.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._9 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._10 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-10.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._11 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-11.jpg');
  background-position: 61%;
  background-size: cover;
  margin-top: 15px;
}

.testimonial-pic._12 {
  background-image: url('../images/Baumgaertner-und-Duscher-Immobilienmakler-Schwandorf-Wackersdorf-12.jpg');
  background-position: 30%;
  background-size: cover;
  margin-top: 15px;
}

.testimonials-slider {
  background-color: #0000;
  height: auto;
  margin-bottom: 25px;
}

.testimonial-slide {
  text-align: center;
  width: 33.5%;
  height: auto;
}

.scroll-down-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.blog-grid-box {
  width: 49%;
}

.blog-grid-box._100-percent {
  width: 100%;
}

.blog-flex {
  display: flex;
}

.blog-flex.bottom-border {
  margin-top: 5px;
  margin-bottom: 50px;
}

.post-thumbnail {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 195px;
  display: block;
  position: relative;
}

.blog-preview-box {
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 10px 15px 20px 10px;
}

.post-summary-box {
  margin-top: 10px;
}

.link-underline {
  color: #12aaeb;
  border-bottom: 1px solid #12aaeb;
  padding-bottom: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  text-decoration: none;
  display: inline-block;
}

.link-underline.dark-blue {
  color: #597a96;
  border-bottom-style: none;
}

.link-underline.dark-blue:hover {
  text-decoration: underline;
}

.date-container {
  flex-direction: column;
  margin-top: 10px;
  margin-right: 10px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.date-box {
  background-color: #12aaeb;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  display: flex;
}

.date-box.top {
  background-color: #12aaebd9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  font-family: Oswald, sans-serif;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.date-box.bottom {
  background-color: #12aaebd9;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.date-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.featured-post-flex {
  width: 56%;
  margin-right: 20px;
}

.featured-post-flex._45-percent {
  width: 45%;
  margin-right: 0;
}

.featured-image-box {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  height: 290px;
  display: block;
  position: relative;
}

.featured-preview-text-box {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
}

.latest-featured {
  width: 100%;
}

.latest-featured-item {
  width: 78%;
  padding-left: 10px;
  padding-right: 10px;
}

.latest-featured-item._20-percent {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.go-up-container {
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 40px;
  margin-bottom: 50px;
  position: relative;
}

.go-up-box {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-right: 30px;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.go-up-text {
  color: #97a4b4;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  line-height: 12px;
  text-decoration: none;
}

.intro-image {
  background-image: url('../images/photodune-15470227-explaining-details-s-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 180px;
  position: relative;
}

.intro-image._3 {
  background-image: url('../images/photodune-10992024-deal-s-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.intro-image._2 {
  background-image: url('../images/photodune-10992129-presenting-new-flat-s-1.jpg');
  background-size: cover;
}

.intro-image.about-us {
  background-image: url('../images/photodune-15470227-explaining-details-s-1.jpg');
  height: 230px;
}

.intro-text-box {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px 15px 15px;
}

.intro-text-box.inner-padding {
  background-color: var(--bg);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-top: 15px;
  padding-bottom: 10px;
}

.mini-white-icon {
  margin-top: 15px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.corner {
  opacity: .85;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

._50-percent {
  width: 48%;
  padding-right: 30px;
  position: relative;
}

._50-percent.right-padding {
  padding-right: 15px;
}

._50-percent.centered {
  text-align: center;
}

._33-percent-special {
  text-align: center;
  flex: 1;
  align-self: stretch;
  width: 30%;
  padding: 20px 25px;
}

._33-percent-special._1 {
  border-top: 1px solid var(--lines);
  border-bottom: 1px solid var(--lines);
  border-left: 1px solid var(--lines);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

._33-percent-special._2 {
  border: 1px solid var(--lines);
}

._33-percent-special._3 {
  border-top: 1px solid var(--lines);
  border-right: 1px solid var(--lines);
  border-bottom: 1px solid var(--lines);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.post-image-container {
  background-color: #fff;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 450px;
  margin-top: 30px;
  position: relative;
}

.post-header {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 15px;
  padding-bottom: 10px;
}

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

.final-dots-text {
  color: #12aaeb;
  letter-spacing: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}

.related-post {
  margin-top: 50px;
  margin-bottom: 20px;
}

.intro-header-box {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.container {
  position: relative;
}

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

.container.flex {
  justify-content: flex-end;
  display: flex;
}

.agents-flex {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.hidden-box-1 {
  background-color: #fff;
}

.hide-show-box {
  width: 40px;
  height: 40px;
  padding-top: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.vertical-line {
  color: #597a96;
  background-color: #97a4b4;
  width: 15px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -7px;
}

.horizontal-line {
  background-color: #97a4b4;
  width: 15px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -8px;
}

.post-preview-box {
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 32%;
  margin-bottom: 20px;
}

.post-preview-box.gray {
  background-color: var(--bg);
}

.post-preview-box._50-percent-on-post-preview {
  width: 49%;
}

.post-preview-text-box {
  padding: 10px 15px 20px;
}

.intro-box {
  background-color: var(--bg);
  width: 32.5%;
}

.flex-main-features {
  border: 1px solid var(--lines);
  border-radius: 5px;
  width: 49%;
  margin-bottom: 20px;
  padding: 15px 20px;
  display: flex;
}

.location-preview {
  width: 32.5%;
}

.vertical-item {
  background-color: var(--bg);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 49%;
  margin-bottom: 20px;
}

.main-features {
  border: 0px solid var(--lines);
  background-color: var(--white);
  text-align: center;
  border-radius: 18px;
  width: 41%;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 23px 25px;
  display: block;
  box-shadow: 4px 4px 10px -6px #d4d4d4;
}

.main-features:hover {
  background-color: var(--hg-blau);
}

.main-features.last {
  border-radius: 18px;
}

.main-features.marktwert {
  display: block;
}

.testimonial-item {
  text-align: center;
  background-color: #fff;
  border: 0 solid #dedede;
  border-radius: 18px;
  width: 95%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 30px;
  display: inline-block;
  box-shadow: 6px 0 10px -6px #0000002e;
}

.our-team-item {
  width: 32.5%;
}

.our-team-item._50-percent {
  padding-right: 0;
}

.our-team-text-box {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 14px 15px;
}

.overview-mini-item {
  border-right: 1px solid var(--lines);
  flex-direction: row;
  align-items: center;
  width: 24%;
  height: 25px;
  padding-top: 6px;
  padding-left: 10px;
  display: flex;
}

.overview-mini-item.no-left-padding {
  padding-left: 0;
}

.overview-mini-item.no-right-divider {
  border-right-style: none;
}

.overview-mini-item.large {
  width: 26%;
  padding-right: 10px;
}

.flex-mini-item {
  border-right: 1px solid #edeef2;
  flex: 1;
  align-items: center;
  width: 33%;
  height: 25px;
  padding-top: 7px;
  padding-left: 10px;
  display: flex;
}

.flex-mini-item.no-left-padding {
  flex: 0 auto;
  padding-left: 0;
}

.flex-mini-item.no-right-divider {
  border-right-style: none;
}

.contact-us-flex {
  flex-wrap: wrap;
  display: flex;
}

.contact-us-box {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 25px 20px;
  display: block;
}

.services-box {
  width: 60%;
  padding-left: 20px;
}

.service-image-box {
  border-radius: 3px;
  width: 40%;
  height: 200px;
  position: relative;
}

.service-image-box._2 {
  background-image: url('../images/BD-Geschaeftsfuehrer2_1.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  position: relative;
}

.service-image-box._1 {
  background-image: url('../images/BD-Geschaeftsfuehrer_1.avif');
  background-position: 50% 10%;
  background-size: cover;
  border-radius: 8px;
  position: relative;
}

.service-image-box._1:hover {
  width: 40%;
}

.service-image-box._3 {
  background-image: url('../images/photodune-10992024-deal-s-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
}

.contact-us-special {
  background-color: var(--bg);
  text-align: center;
  border-radius: 5px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.contact-us-special.top-border {
  margin-top: 20px;
}

.button-rounded {
  background-color: var(--bd-blau);
  color: #fff;
  text-align: center;
  border-radius: 15px;
  width: auto;
  min-width: 150px;
  height: 45px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 100%;
  font-weight: 700;
  transition: background-color .2s;
}

.button-rounded:hover {
  background-color: #004789ba;
}

.button-rounded.top-border {
  margin-top: 15px;
}

.button-rounded.button-footer {
  margin-left: 0;
}

.button-rounded.button-footer.maps {
  margin-top: 20px;
}

.button-rounded.maps {
  margin-top: 10px;
}

.about-us-box {
  width: 70%;
  margin-bottom: 30px;
}

.about-us-box._30-percent {
  width: 30%;
  padding-left: 20px;
}

.about-us-image {
  border-radius: 8px;
  margin-bottom: 10px;
  position: relative;
}

.about-us-text-box {
  position: relative;
}

.side-menu-container {
  background-color: #fff;
  border-right: 1px solid #f2f3f5;
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  min-width: 20%;
  max-width: 360px;
  padding-top: 2%;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.side-menu-tabs {
  border-bottom: 1px solid var(--lines);
  background-color: #fff;
  width: 100%;
  display: block;
}

.side-menu-tabs:hover {
  background-color: #f6f6f6;
}

.side-menu-tabs.w--current {
  background-color: #f9f9f9;
  left: 1px;
}

.side-menu-tabs.location.w--current {
  background-color: #f9f9f9;
  background-position: 28px 38%;
  padding-left: 59px;
}

.side-menu-tabs.top-divider {
  border-top: 1px solid var(--lines);
}

.side-menu-box-link {
  border-bottom: 1px solid var(--lines);
  color: #97a4b4;
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 10px;
  text-decoration: none;
  position: relative;
}

.side-menu-box-link:hover {
  color: #97a4b4;
  text-decoration: underline;
}

.side-menu-box-link.on-inner-pages {
  border-bottom-color: var(--lines);
}

.side-menu-box {
  margin-bottom: 25px;
}

.dropdown-toggle-on-side-menu {
  width: 100%;
  padding-top: 26px;
  padding-bottom: 15px;
  padding-left: 60px;
}

.dropdown-toggle-on-side-menu:hover {
  background-color: var(--bg);
  padding-left: 60px;
}

.dropdown-toggle-on-side-menu.w--open {
  background-color: var(--bg);
  border-right: 1px solid #f9f9f9;
}

.dropdown-toggle-on-side-menu.apartment {
  background-image: url('../images/Building-blue-icon_2Building-blue-icon.png');
  background-position: 15px 51%;
  background-repeat: no-repeat;
  background-size: 45px;
}

.dropdown-toggle-on-side-menu.house {
  background-image: url('../images/House-blue_1House-blue.png');
  background-position: 26px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.dropdown-toggle-on-side-menu.location {
  background-image: url('../images/Pin-blue_1Pin-blue.png');
  background-position: 31px 45%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.dropdown-list-on-side-menu.w--open {
  z-index: 500;
  background-color: var(--bg);
  border-right: 1px solid #f2f3f5;
  width: 150px;
  height: 104vh;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: -255px 100% -260px;
}

.dropdown-list-on-side-menu.property-type.w--open {
  height: 104vh;
  top: -347px;
}

.dropdown-list-on-side-menu.location.w--open {
  height: 104vh;
  top: -439px;
  left: 100%;
  overflow: auto;
}

.side-menu-arrow {
  color: #01b630;
  transform: rotate(-90deg);
}

.side-menu-header {
  text-align: center;
  margin-bottom: 50px;
  padding-left: 28px;
  padding-right: 28px;
}

.easy-finder-icon {
  margin-bottom: 15px;
}

.special-dropdown-list.w--open {
  height: 100vh;
  top: 0;
  bottom: 0;
  right: 0;
}

.special-dropdown-toggle {
  text-align: center;
  background-color: #12aaeb;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  padding: 16px 20px 15px 23px;
  transition: background-color .2s;
  position: fixed;
  bottom: 50%;
  left: -51px;
  transform: rotate(90deg);
}

.special-dropdown-toggle:hover {
  background-color: #19a0e1;
}

.dropdown-arrow {
  color: var(--bd-blau);
  top: 5px;
}

.dropdown-text {
  margin-right: 5px;
  font-family: Opensans, sans-serif;
}

.dropdown-link {
  border-right: 1px solid var(--lines);
  border-bottom: 1px solid var(--lines);
  border-left: 1px solid var(--lines);
  color: #597a96;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: auto;
  min-width: 150px;
  padding: 20px 15px 20px 27px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  transition: background-color .2s;
}

.dropdown-link:hover {
  background-color: var(--bg);
}

.dropdown-link.w--current {
  color: #97a4b4;
}

.dropdown-link.last {
  border-bottom-style: none;
}

.footer-contact-item {
  border-bottom: 1px solid var(--lines);
  padding: 18px 10px 13px;
  position: relative;
}

.footer-contat-icon {
  float: left;
  text-align: center;
  width: 7%;
  height: 100%;
  margin-top: 2px;
  margin-right: 12px;
  display: inline-block;
}

.footer-contact-text {
  float: left;
  width: 80%;
  display: inline-block;
}

.credits-text-box {
  flex-wrap: wrap;
  display: flex;
}

.credits-box {
  flex: 1;
}

.inline-text {
  margin-bottom: 0;
  margin-right: 3px;
  display: inline-block;
}

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

.pop-up-image-6, .pop-up-image-7, .pop-up-image-8 {
  max-width: 90vw;
  max-height: 90vh;
  display: none;
  position: relative;
  overflow: auto;
}

.close-pop-up-2, .close-pop-up-3, .close-pop-up-4, .close-pop-up-5, .close-pop-up-6, .close-pop-up-7, .close-pop-up-8 {
  background-color: #12aaeb;
  background-image: url('../images/Close_1Close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 3px;
  width: 35px;
  height: 35px;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.title-link {
  color: #597a96;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}

.title-link:hover {
  text-decoration: underline;
}

.title-link.white {
  color: #fff;
}

.title-link.big {
  font-size: 16px;
}

.title-link.small {
  font-size: 14px;
}

.heading-link {
  text-decoration: none;
}

.paragraph-link {
  color: #97a4b4;
  letter-spacing: .1px;
  font-family: Opensans, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  display: inline;
}

.paragraph-link:hover {
  text-decoration: underline;
}

._50-percent-listing-item {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 49%;
  height: 290px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

._50-percent-listing-text-box {
  padding: 15px 15px 18px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.overlay-hover {
  opacity: .61;
  background-image: linear-gradient(#0000 59%, #000);
  position: absolute;
  inset: 0;
}

.tab-link-box-2 {
  text-align: center;
  background-color: #12aaebcc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
  margin-right: 6px;
  padding: 15px 35px 13px;
  transition: background-color .2s;
}

.tab-link-box-2:hover {
  background-color: #12aaebe8;
}

.tab-link-box-3 {
  text-align: center;
  background-color: #12aaebcc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
  padding: 15px 35px 13px;
  transition: background-color .2s;
}

.tab-link-box-3:hover {
  background-color: #12aaebe8;
}

.row-licensing {
  border-bottom: 1px solid var(--lines);
  padding-bottom: 20px;
}

.row-licensing.top-border {
  margin-top: 30px;
}

.dropdown-link-large {
  border-right: 1px solid var(--lines);
  border-bottom: 1px solid var(--lines);
  border-left: 1px solid var(--lines);
  color: #597a96;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: auto;
  min-width: 180px;
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.dropdown-link-large:hover {
  background-color: var(--bg);
}

.dropdown-link-large.w--current {
  color: #97a4b4;
}

.dropdown-link-large.house {
  color: var(--bd-blau);
  background-image: url('../images/Haus.png');
  background-position: 11%;
  background-repeat: no-repeat;
  background-size: 26px;
  min-width: 180px;
  font-family: Open Sans, sans-serif;
  transition: background-color .2s;
}

.dropdown-link-large.apartment {
  color: var(--bd-blau);
  background-image: url('../images/Wohnen.svg');
  background-position: 11%;
  background-repeat: no-repeat;
  background-size: 27px;
  min-width: 180px;
  font-family: Open Sans, sans-serif;
}

.dropdown-link-large.office {
  color: var(--bd-blau);
  background-image: url('../images/Gewerbe.svg');
  background-position: 11%;
  background-repeat: no-repeat;
  background-size: 27px;
  font-family: Open Sans, sans-serif;
}

.dropdown-link-large.land {
  color: var(--bd-blau);
  background-image: url('../images/Grundstueck.svg');
  background-position: 11%;
  background-repeat: no-repeat;
  background-size: 26px;
  border-bottom-style: none;
  font-family: Open Sans, sans-serif;
}

.success-message {
  color: #97a4b4;
  background-color: #f9f9f9;
  width: auto;
  margin-top: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.success-message.on-fixed-contact-form {
  width: auto;
  margin-bottom: 227px;
  padding-top: 25px;
  padding-bottom: 25px;
  line-height: 18px;
}

.error-message {
  width: auto;
  padding-top: 14px;
  padding-bottom: 6px;
}

.error-message.on-fixed-contact-form {
  width: auto;
  padding-top: 7px;
  padding-bottom: 3px;
}

.how-to-image {
  margin-bottom: 15px;
}

.how-to-box {
  margin-top: 20px;
  margin-bottom: 30px;
}

.about-us-image-box {
  margin-bottom: 10px;
  position: relative;
}

.template-feature {
  background-color: #fff;
  border-radius: 5px;
  width: 25%;
  max-width: 235px;
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 15px 40px 20px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 5px 5px 45px #afbccd59;
}

.blue-circle {
  background-color: #12aaeb;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -20px;
  right: -10px;
}

.blue-circle.shield {
  background-image: url('../images/Shield_1Shield.png');
  background-position: 45% 63%;
  background-repeat: no-repeat;
  background-size: 23px;
}

.blue-circle.server {
  background-image: url('../images/Server_1Server.png');
  background-position: 45% 62%;
  background-repeat: no-repeat;
  background-size: 23px;
}

.blue-circle.padlock {
  background-image: url('../images/Padlock_1Padlock.png');
  background-position: 46% 61%;
  background-repeat: no-repeat;
  background-size: 23px;
}

.blue-circle.cloud {
  background-image: url('../images/Cloud_1Cloud.png');
  background-position: 45% 62%;
  background-repeat: no-repeat;
  background-size: 35px;
}

.blue-circle.tablet {
  background-image: url('../images/Tablet_1Tablet.png');
  background-position: 46% 63%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.blue-circle.rayo {
  background-image: url('../images/Rayo_1Rayo.png');
  background-position: 49% 65%;
  background-repeat: no-repeat;
  background-size: 19px;
}

.blue-circle.pig {
  background-image: url('../images/Pig_1Pig.png');
  background-position: 48% 62%;
  background-repeat: no-repeat;
  background-size: 33px;
}

.blue-circle.smile {
  background-image: url('../images/Smile_1Smile.png');
  background-position: 48% 63%;
  background-repeat: no-repeat;
  background-size: 26px;
}

.blue-circle.chat {
  background-image: url('../images/Chat_1Chat.png');
  background-position: 46% 64%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.cta-section {
  background-image: url('../images/CTA-2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 30px;
  padding-top: 52px;
  padding-bottom: 52px;
}

.cta-box {
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 415px;
  height: 415px;
  display: flex;
  position: relative;
}

.cta-box-front {
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  padding: 39px;
  display: flex;
}

.layout-box {
  box-shadow: none;
  border: 5px solid #f3f4f5;
  height: 400px;
  margin-bottom: 12px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.layout-container {
  text-align: center;
  width: 30%;
}

.icons-box {
  border: 1px solid var(--lines);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 18%;
  margin-bottom: 20px;
  margin-right: 2%;
  padding-top: 23px;
  padding-bottom: 23px;
  display: flex;
}

.social-icon {
  margin-right: 15px;
}

.colored-bg {
  background-color: #12aaeb;
  padding-top: 19px;
  padding-bottom: 19px;
}

.see-image {
  background-color: #0009;
  background-image: url('../images/Magnifier_1Magnifier.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  transition: background-color .3s;
  position: relative;
}

.see-image:hover {
  background-color: #000c;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.update {
  z-index: 10000;
  color: #121212;
  text-align: center;
  cursor: pointer;
  background-color: #fdff39;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-top: 10px;
  margin-left: 30px;
  padding-top: 18px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.update:hover {
  color: #212121;
}

.bottom-margin-image {
  border-bottom: 1px solid #a4aebe;
  margin-bottom: 20px;
}

.div-block {
  z-index: 100;
  background-color: #111;
  display: none;
  position: fixed;
  inset: 0%;
}

.search {
  display: flex;
}

.search-input {
  height: 40px;
}

.hero-overlay {
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(#edf5fcab, #edf5fcab), linear-gradient(#0000005e, #0000005e), url('../images/02.Front.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  justify-content: center;
  align-items: center;
  height: 90vh;
  max-height: 400px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.hero-overlay.hero-kontakt {
  background-image: linear-gradient(#bfc5cbab, #bfc5cbab), url('../images/041.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.centered-container {
  text-align: center;
  flex: 1;
}

.paragraph-2 {
  font-family: Open Sans, sans-serif;
}

.paragraph-2.kontaktformular {
  margin-top: 20px;
  font-family: Opensans, sans-serif;
}

.unser-team {
  display: block;
}

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

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

.heading-3 {
  color: var(--bd-blau);
  text-align: center;
  padding-bottom: 5px;
  font-family: Ebgaramond, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 46px;
}

.heading-4 {
  color: var(--bd-blau);
  font-family: Ebgaramond, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.heading-5 {
  font-family: Ebgaramond, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.heading-6 {
  color: var(--bd-blau);
  font-family: Ebgaramond, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.heading-counter, .heading-8 {
  color: var(--bd-blau);
  font-family: Ebgaramond, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.heading-9, .heading-10 {
  color: var(--bd-blau);
  font-family: Ebgaramond, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.heading-11 {
  font-family: Ebgaramond, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

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

.image {
  color: var(--bd-blau);
}

.image-2 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-12, .heading-13 {
  color: var(--bd-blau);
  font-family: Ebgaramond, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

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

.container-number {
  border: 2px solid #cacaca;
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 38px;
  display: flex;
}

.number-holder {
  justify-content: center;
  align-items: center;
  width: 33%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.counter {
  color: var(--bg);
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 10px 0;
  font-family: Opensans, sans-serif;
  font-size: 60px;
  font-weight: 600;
  display: flex;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 0 90px;
}

.counter-title {
  color: var(--bg);
  text-align: center;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 20px;
  font-family: Ebgaramond, sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  overflow: visible;
}

.counter-bd {
  background-color: var(--bd-blau);
  background-image: linear-gradient(#003b72f2, #003b72f2), url('../images/Counter-BG.jpg'), url('../images/Kontakt.jpg');
  background-position: 0 0, 50%, 50% 80%;
  background-size: auto, cover, auto;
  background-attachment: scroll, fixed, fixed;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 70px;
  padding-bottom: 100px;
}

.heading-14 {
  color: #fff;
  text-align: center;
  font-family: Ebgaramond, sans-serif;
  font-size: 30px;
}

.div-block-4 {
  padding-top: 0;
  padding-bottom: 40px;
}

.link-2 {
  font-family: Opensans, sans-serif;
  line-height: 22px;
}

.paragraph-4, .paragraph-5 {
  line-height: 25px;
}

.paragraph-6 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 25px;
}

.paragraph-7 {
  color: #fff;
  text-align: center;
  padding-left: 300px;
  padding-right: 300px;
  display: none;
}

.section-2 {
  background-color: var(--bd-blau);
}

.div-block-5 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.paragraph-8 {
  font-family: Opensans, sans-serif;
}

.paragraph-9 {
  text-align: left;
  font-family: Opensans, sans-serif;
}

.paragraph-10 {
  font-family: Opensans, sans-serif;
}

.div-block-6 {
  border-radius: 0;
  padding-left: 40px;
}

.image-3 {
  border-radius: 8px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.heading-15 {
  margin-top: 50px;
  font-family: Opensans, sans-serif;
}

.container-3 {
  display: flex;
}

.container-3.c2 {
  padding-left: 10px;
}

.paragraph-11 {
  width: 0;
  font-size: 50px;
}

.paragraph-12 {
  color: #fcfeff;
}

.div-block-7 {
  color: #fff;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.paragraph-13 {
  color: var(--bg);
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Opensans, sans-serif;
  font-size: 60px;
  font-weight: 600;
  display: flex;
}

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

.paragraph-14 {
  font-family: Opensans, sans-serif;
}

.paragraph-15 {
  margin-top: -17px;
  font-family: Opensans, sans-serif;
}

.paragraph-16 {
  font-family: Opensans, sans-serif;
}

.checkbox-label {
  color: var(--dark-grey);
  margin-bottom: 20px;
  font-family: Opensans, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
}

.paragraph-17, .heading-16, .paragraph-18, .bold-text, .link-3, .link-4, .link-5, .link-6, .link-7, .link-8, .link-9, .link-10, .link-11, .link-12, .link-13, .link-14, .link-15, .link-16, .link-17, .link-18, .link-19, .link-20, .bold-text-2, .link-21, .link-22, .link-23, .link-24, .link-25, .link-26, .link-27, .link-28, .link-29, .link-30, .link-31, .link-32, .link-33, .link-34, .link-35, .link-36, .link-37, .link-38, .link-39, .bold-text-3, .link-40, .link-41, .link-42, .link-43, .link-44, .link-45, .link-46, .link-47, .link-48, .link-49, .link-50, .link-51, .link-52, .link-53, .link-54, .link-55, .link-56, .link-57, .link-58, .link-59, .bold-text-4, .link-60, .link-61, .link-62, .link-63, .link-64, .link-65, .link-66, .link-67, .link-68, .link-69, .link-70, .link-71, .link-72, .link-73, .link-74, .link-75, .link-76, .link-77, .link-78, .link-79, .bold-text-5, .link-80, .link-81, .link-82, .link-83, .link-84, .link-85, .link-86, .paragraph-19, .rich-text-block-2, .paragraph-20 {
  font-family: Opensans, sans-serif;
}

.grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 61px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.paragraph-21 {
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.telefon {
  border-top: 1px solid #0000;
  border-bottom: 1px solid var(--lines);
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.image-4 {
  margin-top: -28px;
}

.image-5 {
  border-radius: 8px;
}

.social-icons-container-copy {
  justify-content: flex-end;
  width: 200px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.social-icons-container-copy.on-footer {
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 13px;
  position: relative;
}

.social-icons-container-footer {
  justify-content: flex-end;
  width: 200px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.social-icons-container-footer.on-footer {
  width: 20%;
  position: relative;
}

.logo-footer {
  margin-bottom: 15px;
}

.logo-footer.less-bottom-border {
  margin-bottom: 5px;
}

.logo-footer.top-border {
  margin-top: 15px;
}

.logo-footer.on-side-menu {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 0;
  padding-bottom: 10px;
  position: relative;
}

.davidschmidtmedien {
  font-family: Opensans, sans-serif;
}

.mobilephone {
  margin-left: 7px;
  margin-right: 18px;
}

.girl_tablet, .girl_mobile {
  display: none;
}

.online-bewertung {
  border: 3px solid var(--bd-blau);
  box-shadow: 4px 4px 7px 0 var(--schatten);
  border-radius: 6px;
  padding: 80px 10px 50px;
  transition: all .2s;
  display: block;
  transform: translate(0);
}

.online-bewertung:hover {
  transform: scale(1.04);
  box-shadow: 10px 10px 7px #d4d4d47d;
}

.image-6 {
  max-width: 15%;
}

.paragraph-22 {
  font-family: Opensans, sans-serif;
}

.heading-17 {
  color: var(--bd-blau);
  font-family: Opensans, sans-serif;
}

.wertermittlung-aufzaehlung {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.column-3 {
  justify-content: flex-end;
  display: flex;
}

.aufzaehlung {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.image-7 {
  max-width: 20%;
  margin-left: 55px;
}

.aufzaehlung-text {
  text-align: left;
  margin-bottom: 0;
  font-family: Opensans, sans-serif;
  font-size: 16px;
}

.aufzaehlung-collum {
  margin-top: 8px;
  margin-bottom: 8px;
}

.image-8 {
  margin: 15px 35%;
}

.persoenliche-bewertung {
  border: 0px solid var(--dark-grey);
  box-shadow: 4px 4px 7px 0 var(--schatten);
  border-radius: 6px;
  transition: all .2s;
  display: block;
}

.persoenliche-bewertung:hover {
  transform: scale(1.04);
  box-shadow: 10px 10px 7px #d4d4d47d;
}

.div-block-9 {
  border: 3px solid var(--bd-blau);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 30px 10px 50px;
}

.div-block-10 {
  background-color: var(--bd-blau);
  border-radius: 6px 6px 0 0;
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.paragraph-23 {
  color: #fff;
  flex-direction: row;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: Opensans, sans-serif;
}

.image-9 {
  max-width: 10%;
  padding: 4px;
}

.heading-18 {
  text-align: left;
  font-family: Ebgaramond, sans-serif;
}

.paragraph-24 {
  text-align: center;
  padding-left: 80px;
  padding-right: 80px;
  font-family: Opensans, sans-serif;
}

.youtube {
  margin-top: 20px;
  margin-bottom: 60px;
}

.heading-19 {
  font-family: Opensans, sans-serif;
}

.paragraph-25 {
  margin-bottom: 20px;
  font-family: Opensans, sans-serif;
}

.bewertungstool {
  margin-top: 40px;
}

.bold-text-6 {
  color: var(--bd-blau);
}

.youtube-link {
  display: block;
}

.link-block {
  display: none;
}

.heading-20, .heading-21 {
  font-family: Opensans, sans-serif;
}

.hof, .ippisch {
  display: none;
}

.columns {
  display: flex;
}

.aktuelles {
  background-color: var(--bd-blau);
  background-image: none;
  padding-top: 40px;
  padding-bottom: 40px;
}

.aktuelles-h2 {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-family: Opensans, sans-serif;
  font-size: 26px;
  font-weight: 600;
}

.aktuelles-teasertext {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-family: Opensans, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.aktuelles-h3 {
  color: var(--white);
  text-align: center;
  font-family: Opensans, sans-serif;
}

.accordion-header {
  color: #222;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  min-height: 72px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.accordion-heading {
  color: var(--white);
  flex: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 16px;
  font-family: Exo, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.plus-line-h {
  background-color: var(--white);
  width: 100%;
  height: 2px;
  position: absolute;
}

.accordion-plus {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: flex;
  position: absolute;
  right: 0;
}

.plus-line-v {
  background-color: var(--white);
  width: 2px;
  height: 100%;
  position: absolute;
}

.accordion-item {
  text-align: left;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: -1px;
  transition: box-shadow .4s, background-color .4s;
  display: block;
  overflow: hidden;
}

.accordion-icon {
  width: 43px;
  margin-right: 12px;
  padding-top: 5px;
}

.accordion-text {
  color: #fff;
  padding-bottom: 10px;
  font-family: Opensans, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.bold-text-7 {
  font-family: Opensans, sans-serif;
}

.list-item {
  color: #fff;
  font-family: Opensans, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.ihre-aufgaben {
  color: #fff;
  margin-top: 25px;
  margin-bottom: 15px;
  font-family: Opensans, sans-serif;
  font-weight: 600;
}

.footer-text {
  font-family: Opensans, sans-serif;
  font-size: 8px;
  line-height: 12px;
}

.list-kontakt-landingpage {
  background-color: var(--bg);
  text-align: center;
  border-radius: 5px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.list-kontakt-landingpage.top-border {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.list-item-landingpage {
  color: #5f5f5f;
  text-align: left;
  margin-bottom: 10px;
  font-family: Opensans, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-areas: ". Area";
}

._2buttons-div {
  padding-top: 40px;
}

.button-rounded-left {
  background-color: var(--bd-blau);
  color: #fff;
  text-align: center;
  border-radius: 15px;
  width: auto;
  min-width: 150px;
  height: 45px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 10px;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 100%;
  font-weight: 700;
  transition: background-color .2s;
}

.button-rounded-left:hover {
  background-color: #004789ba;
}

.button-rounded-left.top-border {
  margin-top: 15px;
}

.button-rounded-left.button-footer {
  margin-left: 0;
}

.button-rounded-left.button-footer.maps {
  margin-top: 20px;
}

.button-rounded-left.maps {
  margin-top: 10px;
}

.button-rounded-right {
  background-color: var(--bd-blau);
  color: #fff;
  text-align: center;
  border-radius: 15px;
  width: auto;
  min-width: 150px;
  height: 45px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 10px;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 100%;
  font-weight: 700;
  transition: background-color .2s;
}

.button-rounded-right:hover {
  background-color: #004789ba;
}

.button-rounded-right.top-border {
  margin-top: 15px;
}

.button-rounded-right.button-footer {
  margin-left: 0;
}

.button-rounded-right.button-footer.maps {
  margin-top: 20px;
}

.button-rounded-right.maps {
  margin-top: 10px;
}

.grid-3-landingpage {
  grid-template-rows: auto;
  grid-template-areas: ". Area";
}

@media screen and (min-width: 1280px) {
  .mini-title {
    font-weight: 400;
  }

  .title {
    font-size: 20px;
  }

  .paragraph, .paragraph.footer-anschrift {
    text-align: left;
  }

  .footer-column._40-percent {
    text-align: left;
    font-family: Opensans, sans-serif;
  }

  .content-section.gray {
    background-image: linear-gradient(#ffffff96, #ffffff96), url('../images/HG.jpg'), url('../images/041.jpg');
    background-position: 0 0, 50%, 50%;
    background-size: auto, auto, auto;
  }

  .content-section.dark-grey {
    background-image: linear-gradient(#ffffff96, #ffffff96), url('../images/HG.jpg');
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .main-features:hover {
    background-color: #efefef40;
  }

  .contact-us-special {
    background-color: #f9fafc;
  }

  .footer-contact-item, .footer-contat-icon, .footer-contact-text {
    font-family: Opensans, sans-serif;
  }

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

  .grid {
    margin-left: 220px;
    margin-right: 220px;
  }

  .paragraph-8, .paragraph-9, .paragraph-10 {
    text-align: left;
    font-family: Open Sans, sans-serif;
  }

  .list-kontakt-landingpage {
    background-color: #f9fafc;
  }
}

@media screen and (min-width: 1920px) {
  .accordion-text {
    font-size: 19px;
    line-height: 24px;
  }
}

@media screen and (max-width: 991px) {
  .column-left {
    width: 58%;
  }

  .column-right {
    width: 42%;
  }

  .overview-flex-container.no-inner-padding {
    width: 90%;
  }

  .flex-grid.top-and-bottom-border {
    margin-top: 20px;
  }

  .flex-grid.on-mobile {
    justify-content: flex-start;
  }

  .gallery-item {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    width: 50%;
  }

  .pop-up-image-2, .pop-up-image-3, .pop-up-image-4 {
    width: 90%;
  }

  .slide.hero-section-1 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/02.Front.jpg');
    background-position: 0 0, 10%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .slide-nav.hide {
    display: block;
    position: relative;
  }

  .pop-up-image-5, .pop-up-image-1 {
    width: 90%;
  }

  .agent-picture._30-percent {
    width: 37%;
  }

  .contact-details._70-percent {
    width: 60%;
  }

  .paragraph.medium.para-white {
    padding-left: 100px;
    padding-right: 100px;
    display: block;
  }

  .paragraph.medium.center.begruessungstext {
    text-align: center;
  }

  .horizontal-box {
    width: 40%;
  }

  .brand.centered {
    display: none;
  }

  .dropdown-toggle {
    padding-top: 29px;
  }

  .nav-menu {
    background-color: #f9f9f9;
  }

  .social-icons-container.on-footer {
    order: -1;
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .top-of-menu-item.absolute {
    margin-top: 0;
  }

  .top-of-menu-item.centered {
    text-align: right;
    margin-top: 0;
  }

  .footer-column {
    width: 20%;
  }

  .content-section {
    background-image: linear-gradient(#ffffffd9, #ffffffd9), url('../images/HG.jpg');
    background-position: 0 0, 50%;
    background-size: auto, auto;
  }

  .special-section {
    margin-top: 0;
  }

  .girl {
    margin-left: -80px;
  }

  .overview-mini-item {
    flex: 1;
  }

  .overview-mini-item.no-right-divider {
    display: none;
  }

  .overview-mini-item.large {
    border-right-style: none;
    padding-right: 0;
  }

  .overview-mini-item._3 {
    border-right-style: none;
  }

  .flex-mini-item {
    border-bottom: 1px #edeef2;
    border-right-style: none;
    flex: 0 auto;
    width: 49%;
    margin-bottom: 15px;
    padding-bottom: 3px;
    padding-left: 0;
  }

  .flex-mini-item.no-left-padding {
    border-right-style: solid;
  }

  .flex-mini-item.no-right-divider {
    margin-bottom: 0;
    padding-left: 0;
  }

  .button-rounded.button-footer {
    margin-left: 0;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .special-dropdown {
    left: -5px;
  }

  .dropdown-text {
    line-height: 16px;
  }

  .menu-button {
    height: 75px;
    padding-top: 28px;
    padding-bottom: 0;
  }

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

  .burger-menu {
    color: #97a4b4;
  }

  .credits-text-box {
    width: 60%;
  }

  .pop-up-image-6, .pop-up-image-7, .pop-up-image-8 {
    width: 90%;
  }

  .dropdown-link-large.house {
    background-position: 4%;
    padding-left: 70px;
  }

  .dropdown-link-large.apartment {
    background-image: url('../images/Wohnen.svg');
    background-position: 4%;
    background-repeat: no-repeat;
    background-size: 27px;
    padding-left: 70px;
  }

  .dropdown-link-large.office {
    background-image: url('../images/Gewerbe.svg');
    background-position: 4%;
    background-repeat: no-repeat;
    background-size: 27px;
    padding-left: 70px;
  }

  .dropdown-link-large.land {
    background-position: 4%;
    padding-left: 70px;
  }

  .template-feature {
    width: 33%;
  }

  .hero-overlay.hero-kontakt {
    background-image: linear-gradient(#bfc5cbab, #bfc5cbab), url('../images/041.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .heading-3 {
    text-align: center;
    line-height: 32px;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    margin-left: 150px;
    margin-right: 150px;
  }

  .counter-title {
    padding-bottom: 40px;
  }

  .counter-bd {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-7 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .social-icons-container-copy.on-footer, .social-icons-container-footer.on-footer {
    order: -1;
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .online-bewertung {
    padding-top: 110px;
    padding-bottom: 50px;
  }

  .image-7 {
    margin-left: 25px;
  }

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

  .button-rounded-left.button-footer, .button-rounded-right.button-footer {
    margin-left: 0;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .content-wrapper.white-and-bottom-border {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .content-wrapper.rounded-corners {
    border-radius: 0;
  }

  .hero-header {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
  }

  .hero-header.bottom-border, .hero-header.justify-start, .hero-header.relative {
    display: block;
  }

  .tab-link-box-1 {
    flex: 1;
    min-width: 32%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-box-1.w--current {
    padding-left: 5px;
    padding-right: 5px;
  }

  .column-left {
    width: 100%;
    margin-bottom: 30px;
  }

  .column-right {
    width: 100%;
  }

  .overview-item {
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-color: #f4f5f9;
    border-right-style: none;
    width: 33%;
  }

  .overview-item._2 {
    border-right-style: solid;
    border-right-color: var(--lines);
  }

  .overview-item._3 {
    border-bottom-color: var(--lines);
  }

  .overview-item._4 {
    border-right-style: solid;
    border-right-color: var(--lines);
    border-bottom-style: none;
  }

  .overview-item._5 {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .overview-item._6 {
    border-bottom-style: none;
  }

  .overview-item._1 {
    border-right-style: solid;
    border-right-color: var(--lines);
  }

  .property-overview-container {
    margin-left: 0;
  }

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

  .flex-grid.top-border {
    justify-content: center;
  }

  .flex-grid.bottom-divider {
    padding-bottom: 30px;
  }

  .flex-grid.justify-start.hide {
    display: none;
  }

  .flex-grid._90-percent {
    justify-content: flex-start;
    width: 100%;
  }

  .flex-grid.top-and-bottom-divider {
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide.hero-section-1 {
    background-position: 10%;
  }

  .checkmark-box {
    width: 3%;
  }

  .detail-text {
    width: 95%;
  }

  .agent-container {
    width: 100%;
    margin-bottom: 20px;
  }

  .contact-form.on-property-page {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .agent-picture {
    height: 400px;
  }

  .agent-picture._30-percent {
    width: 100%;
    min-height: 450px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .contact-details._70-percent {
    width: 100%;
  }

  .contact-icon.large {
    max-width: 20px;
  }

  .flex-item.feature {
    width: 48.9%;
    margin-bottom: 10px;
  }

  .flex-item.feature._25-percent {
    width: 49%;
  }

  .flex-item.feature._3 {
    width: 100%;
  }

  .flex-item.quantity {
    width: 31%;
    margin-bottom: 10px;
  }

  .asking-price-text-box.bottom-border {
    margin-bottom: 0;
  }

  .heading-1.big {
    font-size: 6vw;
    line-height: 1.1em;
  }

  .heading-1.on-main-hero {
    font-size: 10vw;
    line-height: 1em;
  }

  .horizontal-box {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 250px;
    margin-bottom: 0;
  }

  .horizontal-box._70-percent {
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    width: 100%;
  }

  .horizontal-flex {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .feature-icon.top-border {
    margin-bottom: 0;
  }

  .brand {
    margin-left: 10px;
  }

  .scroll-down-button {
    margin-right: 5%;
  }

  .scroll-down-button.on-property-page {
    display: none;
  }

  .social-icons-container {
    position: relative;
  }

  .social-icons-container.on-footer {
    justify-content: flex-start;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 0;
    display: block;
  }

  .top-menu-text-box {
    border-right-style: none;
    margin-right: 0;
    padding-right: 0;
    display: block;
  }

  .top-menu-text-box.no-right-border {
    margin-right: 0;
  }

  .overview-flex-blue-item.parking-spaces, .fixed-contact-form-container {
    display: none;
  }

  .footer-column._40-percent {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .title-box {
    display: flex;
  }

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

  .main-hero-subtitle-text {
    font-size: 3vw;
    line-height: 1.5em;
  }

  .content-section.no-top-padding {
    padding-bottom: 0;
  }

  .header-box {
    width: 100%;
  }

  .special-section {
    border-radius: 5px;
  }

  .girl {
    display: none;
  }

  .special-box {
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-column {
    width: 100%;
  }

  .testimonial-slide {
    width: 50%;
  }

  .scroll-down-container {
    display: block;
  }

  .blog-flex.bottom-border {
    flex-direction: column;
  }

  .featured-post-flex {
    width: 100%;
    margin-right: 0;
  }

  .featured-post-flex._45-percent {
    width: 100%;
  }

  .featured-preview-text-box {
    margin-bottom: 30px;
  }

  .latest-featured-item {
    width: 100%;
  }

  .latest-featured-item._20-percent {
    height: 90px;
  }

  ._50-percent {
    width: 100%;
    margin-top: 20px;
    padding-right: 0;
  }

  ._50-percent.right-padding {
    width: 100%;
  }

  ._33-percent-special {
    flex: 0 auto;
    width: 49%;
    margin-bottom: 20px;
  }

  ._33-percent-special._1 {
    border-right: 2px solid #efeff0;
    border-radius: 5px;
    flex: 0 auto;
  }

  ._33-percent-special._2 {
    border-radius: 5px;
  }

  ._33-percent-special._3 {
    border-left: 2px solid #efeff0;
    border-radius: 5px;
  }

  .post-image-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .post-preview-box, .post-preview-box.gray {
    width: 49%;
  }

  .intro-box {
    width: 49%;
    margin-bottom: 20px;
  }

  .flex-main-features {
    flex-direction: column;
    padding-top: 10px;
  }

  .location-preview {
    width: 49%;
  }

  .vertical-item {
    width: 100%;
  }

  .main-features {
    width: 100%;
    margin-bottom: 20px;
  }

  .main-features.last {
    margin-bottom: 0;
  }

  .testimonial-item {
    width: 95%;
    margin-bottom: 20px;
  }

  .our-team-item {
    width: 49%;
    margin-bottom: 20px;
  }

  .overview-mini-item._3 {
    border-right-style: none;
  }

  .flex-mini-item {
    border-bottom-style: none;
    border-right-style: solid;
    flex: 1;
    width: 33%;
    padding-top: 8px;
    padding-bottom: 0;
    padding-left: 10px;
  }

  .flex-mini-item.no-right-divider {
    flex: 0 auto;
    width: 34%;
    padding-left: 10px;
  }

  .services-box {
    width: 100%;
    padding-left: 0;
  }

  .service-image-box {
    width: 100%;
    height: 280px;
    margin-bottom: 10px;
  }

  .about-us-box {
    width: 100%;
    margin-bottom: 30px;
  }

  .about-us-box._30-percent {
    width: 100%;
    padding-left: 0;
  }

  .footer-contact-item {
    padding-left: 5px;
  }

  .credits-text-box {
    width: 100%;
  }

  .tab-link-box-2 {
    flex: 1;
    min-width: 32%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-box-3 {
    flex: 1;
    min-width: 32%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .dropdown-link-large.house {
    background-image: url('../images/Haus.png');
    background-position: 6%;
    background-repeat: no-repeat;
    background-size: 26px;
  }

  .dropdown-link-large.apartment, .dropdown-link-large.office, .dropdown-link-large.land {
    background-position: 6%;
  }

  .template-feature {
    width: 47%;
    margin-right: 20px;
    padding-right: 62px;
  }

  .layout-container {
    width: 48%;
    margin-bottom: 30px;
  }

  .icons-box {
    width: 31.3%;
  }

  .update {
    margin-left: 10px;
  }

  .hero-overlay {
    max-height: 300px;
    padding: 40px 20px;
  }

  .hero-overlay.hero-kontakt {
    background-image: linear-gradient(#bfc5cbab, #bfc5cbab), url('../images/041.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .heading-3 {
    line-height: 38px;
  }

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

  .grid {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    margin-left: 70px;
    margin-right: 70px;
  }

  .paragraph-9 {
    text-align: left;
  }

  .div-block-6 {
    padding-left: 0;
  }

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

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

  .social-icons-container-copy {
    position: relative;
  }

  .social-icons-container-copy.on-footer {
    justify-content: flex-start;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 0;
    display: block;
  }

  .social-icons-container-footer {
    position: relative;
  }

  .social-icons-container-footer.on-footer {
    justify-content: flex-start;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 0;
    display: block;
  }

  .logo-footer {
    display: flex;
  }

  .girl_tablet {
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .online-bewertung {
    padding-top: 80px;
  }

  .heading-17 {
    font-size: 23px;
  }

  .image-7 {
    max-width: 15%;
  }

  .aufzaehlung-text {
    font-size: 20px;
  }

  .aufzaehlung-collum {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .column-4 {
    margin-top: 50px;
  }

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

  .accordion-header {
    min-height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .accordion-heading {
    font-size: 17px;
    line-height: 24px;
  }

  .accordion-plus {
    width: 14px;
    height: 14px;
  }

  .accordion-text {
    margin-left: 4px;
    margin-right: 4px;
    padding-bottom: 24px;
  }

  .grid-3-landingpage {
    grid-template: "."
                   "Area"
                   / 1fr;
  }
}

@media screen and (max-width: 479px) {
  .mini-title-link {
    margin-bottom: 15px;
    margin-right: 5px;
  }

  .hero-header {
    height: auto;
  }

  .tab-link-box-1, .property-details._88-percent {
    width: 100%;
  }

  .tags-container {
    width: 100%;
    margin-top: 0;
    position: relative;
  }

  .tags-container.absolute {
    top: 0;
    right: 0;
  }

  .overview-item {
    width: 50%;
  }

  .overview-item._2, .overview-item._3 {
    border-right-style: none;
    width: 100%;
  }

  .overview-item._4, .overview-item._5 {
    border-bottom-style: solid;
    border-right-style: none;
    border-bottom-color: var(--lines);
    width: 100%;
  }

  .overview-item._6 {
    width: 100%;
  }

  .overview-item._1 {
    border-right-style: none;
    width: 100%;
  }

  .property-icon.small {
    max-width: 30px;
  }

  .section-title-box.top-border {
    padding-right: 0;
  }

  .flex-grid.on-quantity, .flex-grid.on-type-of-property {
    justify-content: space-between;
  }

  .flex-grid.bottom-divider {
    padding-bottom: 30px;
  }

  .flex-grid._90-percent, .gallery-item {
    width: 100%;
  }

  .slide.hero-section-1 {
    background-position: 7%;
  }

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

  .checkmark-box {
    width: 5%;
  }

  .detail-text {
    width: 92%;
  }

  .tag {
    margin-bottom: 10px;
  }

  .agent-picture._30-percent {
    min-height: 350px;
  }

  .paragraph.medium.para-white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph.medium.center.begruessungstext {
    text-align: center;
    font-size: 16px;
  }

  .text-field.email-on-newsletter {
    border-left-width: 2px;
    border-right-style: solid;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 25px;
  }

  .text-field.name-on-newsletter {
    border-right-width: 2px;
    border-radius: 3px;
    width: 100%;
  }

  .submit-button {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .submit-button.on-newsletter {
    border-radius: 3px;
    width: 100%;
  }

  .flex-item.feature {
    width: 100%;
    margin-bottom: 10px;
  }

  .flex-item.feature.right-border, .flex-item.feature.right-border.w--current {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .flex-item.feature._25-percent {
    width: 100%;
  }

  .flex-item.quantity {
    flex: 1;
    max-width: none;
  }

  .flex-item.price-option.lowest {
    margin-bottom: 5px;
  }

  .flex-item.price-option.lowest.w--current {
    margin-bottom: 10px;
  }

  .flex-item.property-type {
    flex: 1;
    width: 48%;
    max-width: none;
    margin-bottom: 10px;
  }

  .flex-item.latest-featured {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-1.big {
    font-size: 10vw;
  }

  .heading-1.on-main-hero {
    font-size: 9vw;
  }

  .tab-link, .tab-link.w--current {
    border-radius: 3px;
    margin-bottom: 10px;
  }

  .tabs-content {
    border-top-style: none;
  }

  .social-icons-container.on-footer {
    order: -1;
    padding-bottom: 30px;
  }

  .top-of-menu-item {
    width: 100%;
  }

  .overview-flex-blue-item.bedrooms {
    padding-right: 10px;
  }

  .overview-flex-blue-item.house {
    margin-bottom: 5px;
  }

  .fixed-contact-form-container {
    display: none;
  }

  .fixed-contact-form-box {
    width: 90%;
  }

  .fixed-contact-form-column._20-percent {
    max-width: 55px;
    margin-right: 2%;
  }

  .fixed-contact-form-column.floated-right {
    width: 77%;
  }

  .footer-column {
    width: 50%;
    margin-bottom: 30px;
  }

  .main-hero-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .main-hero-subtitle-text {
    font-size: 5vw;
  }

  .content-section.gray {
    box-shadow: none;
  }

  .content-section.dark-grey {
    background-image: linear-gradient(#ffffffd9, #ffffffd9), url('../images/HG.jpg');
    background-position: 0 0, 50%;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
  }

  .special-section {
    margin-top: 20px;
  }

  .girl {
    display: none;
  }

  .special-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-column._20-percent {
    width: 28%;
  }

  .testimonials-slider {
    margin-left: -25px;
    margin-right: -25px;
  }

  .testimonial-slide {
    width: 100%;
    padding-left: 13px;
    padding-right: 13px;
  }

  .link-underline {
    display: inline;
  }

  .latest-featured-item {
    padding-top: 5px;
  }

  .latest-featured-item._20-percent {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    width: 100%;
  }

  ._50-percent {
    width: 100%;
  }

  ._50-percent.right-padding {
    margin-bottom: 30px;
  }

  ._33-percent-special, .post-preview-box, .post-preview-box.gray, .post-preview-box._50-percent-on-post-preview, .intro-box, .flex-main-features, .location-preview {
    width: 100%;
  }

  .main-features {
    margin-left: 0;
    margin-right: 0;
  }

  .our-team-item {
    width: 100%;
    margin-right: 0;
  }

  .overview-mini-item {
    border-right-style: none;
    flex: 0 auto;
    width: 100%;
    margin-bottom: 13px;
    padding-left: 0;
  }

  .overview-mini-item.no-right-divider {
    margin-bottom: 0;
    display: flex;
  }

  .overview-mini-item.large {
    width: 100%;
  }

  .flex-mini-item {
    border-right-style: none;
    width: 50%;
    margin-bottom: 15px;
  }

  .flex-mini-item.no-left-padding {
    border-right-style: solid;
  }

  .flex-mini-item.no-right-divider {
    width: 80%;
    margin-bottom: 0;
    padding-left: 0;
  }

  .button-rounded.button-footer {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .credits-text-box {
    margin-bottom: 0;
  }

  .credits-box {
    margin-bottom: 0;
    margin-right: 5px;
  }

  ._50-percent-listing-item {
    width: 100%;
  }

  .dropdown-link-large.house {
    background-image: url('../images/Haus.png');
    background-position: 10%;
    background-repeat: no-repeat;
    background-size: 26px;
  }

  .dropdown-link-large.apartment, .dropdown-link-large.office, .dropdown-link-large.land {
    background-position: 10%;
  }

  .template-feature {
    width: 100%;
    margin-right: 0;
    padding-right: 60px;
  }

  .cta-box {
    border-radius: 5px;
    width: 100%;
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .cta-box-front {
    border-radius: 5px;
    width: 90%;
    height: auto;
    padding: 20px;
  }

  .layout-container {
    width: 100%;
    margin-bottom: 30px;
  }

  .icons-box {
    width: 47.5%;
  }

  .contact-message-flex {
    display: flex;
  }

  .hero-overlay {
    background-image: linear-gradient(#ffffffba, #ffffffba), linear-gradient(#0000005e, #0000005e), url('../images/02.Front.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0, 0 0, 50%, 50%;
    background-size: auto, auto, cover, auto;
    max-height: 400px;
  }

  .hero-overlay.hero-kontakt {
    background-image: linear-gradient(#bfc5cbab, #bfc5cbab), url('../images/041.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .centered-container {
    text-align: left;
  }

  .heading-3 {
    font-size: 30px;
    line-height: 32px;
  }

  .counter {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .counter-title {
    padding-top: 0;
  }

  .heading-14 {
    font-size: 36px;
    line-height: 38px;
  }

  .paragraph-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-8 {
    max-width: 100%;
  }

  .column, .column-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-3.c3 {
    padding-left: 10px;
  }

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

  .image-4 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .social-icons-container-copy.on-footer, .social-icons-container-footer.on-footer {
    order: -1;
    justify-content: center;
    padding-bottom: 30px;
    display: flex;
  }

  .girl_tablet {
    display: none;
  }

  .girl_mobile {
    display: block;
  }

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

  .button-rounded-left {
    margin-bottom: 0;
    margin-right: 0;
  }

  .button-rounded-left.button-footer {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .button-rounded-right {
    margin-left: 0;
  }

  .button-rounded-right.button-footer {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .list {
    padding-left: 20px;
  }
}

#w-node-ff839112-cdf9-dd12-0687-622d3ba89291-328cb5ae, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-8cce341b, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-e6f74fad, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-6504fa46, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-488594fa, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-94a60ae9, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-5096a5c5, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-caf86580, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-f54ac8cd, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-b5cbccd9, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-f0596d74, #w-node-ff839112-cdf9-dd12-0687-622d3ba89291-485f9e4d {
  align-self: center;
}


@font-face {
  font-family: 'Ebgaramond';
  src: url('../fonts/EBGaramond-Bold.ttf') format('truetype'), url('../fonts/EBGaramond-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ebgaramond';
  src: url('../fonts/EBGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ebgaramond';
  src: url('../fonts/EBGaramond-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ebgaramond';
  src: url('../fonts/EBGaramond-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}