@charset "UTF-8";
/*Button*/
.wp-block-button {
  /*Button-Icon*/
  /*Outline*/
}
.wp-block-button .wp-block-button__link {
  font-size: var(--paragraph);
  text-transform: none;
  color: var(--wp--preset--color--secondary);
}
.wp-block-button.mb-button-icon.bi .wp-block-button__link {
  padding: var(--buttonInner);
  padding-right: calc(var(--abstandIcon) + var(--buttonPaddingLR) + 20px);
  padding-left: calc(var(--abstandIcon) + var(--buttonPaddingLR));
  text-align: left;
}
.wp-block-button.mb-button-icon.bi:before {
  padding-right: var(--abstandIcon);
  right: 5px;
  top: 13px;
  position: absolute;
  z-index: 1;
  color: var(--wp--preset--color--secondary);
}
.wp-block-button.mb-button-outline.mb-button-icon.bi:before {
  color: var(--wp--preset--color--contrast);
}
.wp-block-button.mb-button-outline.mb-button-icon.bi:hover:before {
  color: var(--wp--preset--color--secondary);
}
.wp-block-button.mb-button-outline .wp-element-button {
  border: 1px solid var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--contrast);
}
.wp-block-button.mb-button-outline .wp-element-button:hover {
  color: var(--wp--preset--color--secondary);
  border: 1px solid var(--wp--preset--color--primary);
}
.wp-block-button.button-wide {
  width: 100%;
}
.wp-block-button.button-wide a {
  width: 100%;
}

/*Bilder*/
main figure.wp-block-image {
  margin-bottom: var(--mbfse--margin-bottom-inline);
}

/*Trenner*/
.wp-block-post-content .wp-block-separator {
  margin-bottom: var(--mbfse--margin-bottom-block);
  width: 100% !important;
  border-top: 1px solid;
}

/*List Marker*/
main ul {
  padding-inline-start: 15px;
  padding-left: 15px;
}
main ul li {
  padding-left: 5px;
}
main ul li::marker {
  content: "-";
}
main ul li:not(:last-child) {
  margin-bottom: 10px;
}

/*Tabellen*/
.wp-block-table table tr td {
  border: none;
  border-top: var(--mbfse--border-style);
}
.wp-block-table table tr td:not(:first-child) {
  border-left: var(--mbfse--border-style);
}
.wp-block-table table tr:first-child td {
  padding-top: 20px;
  border-top: 2px solid var(--wp--preset--color--contrast);
}
.wp-block-table table tbody tr:last-child td {
  padding-bottom: 20px;
}
.wp-block-table table tfoot {
  border: none;
}
.wp-block-table .wp-element-caption {
  font-size: 9px;
}

/*Allg. Spaltenlayout*/
main .wp-block-columns {
  gap: var(--mbfse--margin-bottom-inline);
}

/*CustomClass*/
.kachel-text-padding > div > h3,
.kachel-text-padding > div > p {
  padding-left: 20px;
  padding-right: 20px;
}

/*Hero*/
.mbfse-hero.wp-block-cover {
  z-index: 1;
}
.mbfse-hero.wp-block-cover .wp-block-cover__inner-container {
  height: 100%;
}

/*Wohnbereiche*/
.wohnbereiche-kacheln > div {
  display: flex;
  flex-direction: column;
}
.wohnbereiche-kacheln > div > * {
  margin-bottom: var(--mbfse--margin-bottom-inline) !important;
}
.wohnbereiche-kacheln > div *:last-child {
  margin-bottom: 0;
}
.wohnbereiche-kacheln > div .wp-block-group {
  padding: 20px;
  gap: var(--mbfse--margin-bottom-inline);
}
.wohnbereiche-kacheln > div .wp-block-buttons {
  align-self: center;
  margin-top: auto;
  margin-bottom: 0;
}

/*Wohnungsinformationen / Immobilien-Seite*/
.wohnungsinformationen {
  justify-content: space-between;
}
.wohnungsinformationen > div:first-child {
  padding-top: var(--mbfse--margin-bottom-inline);
}
.wohnungsinformationen > div:first-child figure:last-child:before {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.6) 69%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
@media (max-width: 480px) {
  .wohnungsinformationen > div:first-child {
    max-width: 100%;
  }
  .wohnungsinformationen > div:first-child figure:last-child,
  .wohnungsinformationen > div:first-child figure:last-child img,
  .wohnungsinformationen > div:first-child figure:last-child:before {
    width: 100%;
  }
}

@media (max-width: 781px) {
  .einleitung-wohnbereiche p.block-distance-bottom {
    margin-bottom: 0 !important;
  }
}

/*Wohnungen Custom-Query-Loop*/
.wohnungs-loop > div {
  display: flex;
  flex-direction: row;
  border: var(--mbfse--border-style);
  border-radius: var(--jmq-border-radius);
  align-items: center;
  --wohnungsloop-abstand:20px;
  margin-bottom: var(--mbfse--margin-bottom-inline);
}
.wohnungs-loop > div p {
  margin-bottom: 0 !important;
  padding: 5px var(--wohnungsloop-abstand);
  /*Status*/
}
.wohnungs-loop > div p:last-child {
  display: flex;
  align-items: center;
}
@media (max-width: 414px) {
  .wohnungs-loop > div p:last-child {
    font-size: 11px;
  }
}
.wohnungs-loop > div p:last-child:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-right: var(--wohnungsloop-abstand);
}
.wohnungs-loop > div p.Verkauft:before {
  background-color: #E3080F;
}
.wohnungs-loop > div p.Reserviert:before {
  background-color: #FFA700;
}
.wohnungs-loop > div p:not(:last-child) {
  border-right: var(--mbfse--border-style);
  min-width: 100px;
}
@media (max-width: 480px) {
  .wohnungs-loop > div p:not(:last-child) {
    text-align: center;
  }
}
@media (max-width: 375px) {
  .wohnungs-loop > div p:not(:last-child) {
    min-width: 94px;
  }
}
.wohnungs-loop > div.go-to-post:after {
  content: "\f138";
  position: absolute;
  font-family: "bootstrap-icons";
  right: 10px;
}
.wohnungs-loop > div a {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media (max-width: 480px) {
  .wohnungs-loop > div {
    --wohnungsloop-abstand:10px;
  }
}

/*Single Wohnung*/
.single-wohnungen {
  /*Einleitung*/
}
.single-wohnungen .parts-single-wohnung {
  display: flex;
  margin: 0 auto var(--mbfse--margin-bottom-block);
  max-width: var(--wp--style--global--content-size);
  gap: var(--mbfse--margin-bottom-block);
}
.single-wohnungen .parts-single-wohnung figure {
  margin: 0 !important;
}
.single-wohnungen .parts-single-wohnung figure img {
  width: auto;
}
.single-wohnungen .parts-single-wohnung figure img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  aspect-ratio: inherit;
  height: 102px;
}
.single-wohnungen .parts-single-wohnung > div {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter {
  color: #00B8F1;
  margin-left: 0 !important;
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter p {
  font-size: var(--wp--preset--font-size--x-large);
  margin-bottom: 0 !important;
  font-weight: 500;
}
@media (max-width: 375px) {
  .single-wohnungen .parts-single-wohnung .subline-quadratmeter p {
    font-size: var(--wp--preset--font-size--large);
  }
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter p::before {
  content: "";
  width: 48px;
  height: 58px;
  background-image: url(../img/JMQ-Icon-Gesamtwohnflaeche-schwarz.svg);
  display: inline-block;
  background-size: contain;
  margin-right: 20px;
  filter: brightness(0) saturate(100%) invert(68%) sepia(88%) saturate(4052%) hue-rotate(157deg) brightness(100%) contrast(101%);
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter sup {
  font-weight: 500;
  font-size: 20px;
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter span {
  text-align: right;
  line-height: 100%;
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter.n-w {
  color: #40AF9F;
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter.n-w p::before {
  filter: brightness(0) saturate(100%) invert(57%) sepia(71%) saturate(338%) hue-rotate(122deg) brightness(91%) contrast(88%);
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter.n-o {
  color: #F36A39;
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter.n-o p::before {
  filter: brightness(0) saturate(100%) invert(42%) sepia(62%) saturate(833%) hue-rotate(331deg) brightness(101%) contrast(96%);
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter.s-o {
  color: #87C846;
}
.single-wohnungen .parts-single-wohnung .subline-quadratmeter.s-o p::before {
  filter: brightness(0) saturate(100%) invert(93%) sepia(14%) saturate(3689%) hue-rotate(30deg) brightness(93%) contrast(66%);
}
.single-wohnungen .parts-single-wohnung .wohnung-title-preis {
  margin-right: 0 !important;
}
.single-wohnungen .parts-single-wohnung .wohnung-title-preis h1 {
  margin-top: 0 !important;
  font-size: var(--wp--preset--font-size--large);
  text-align: right;
}
.single-wohnungen .parts-single-wohnung .wohnung-title-preis p {
  margin-bottom: 0;
  font-size: var(--wp--preset--font-size--large);
  line-height: 100%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .single-wohnungen .parts-single-wohnung {
    gap: 35px;
  }
}
@media (max-width: 601px) {
  .single-wohnungen .parts-single-wohnung {
    flex-direction: column;
  }
  .single-wohnungen .parts-single-wohnung .wohnung-title-preis {
    margin-left: 0 !important;
  }
  .single-wohnungen .parts-single-wohnung .wohnung-title-preis h1 {
    text-align: left;
  }
}
.single-wohnungen .wp-block-post-content {
  /*Grundrisse*/
}
.single-wohnungen .wp-block-post-content > .wp-block-columns:first-child > div > figure::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 16px;
  background-image: url(../img/JMQ-Icon-Search.svg);
}
.single-wohnungen .wp-block-post-content > .wp-block-columns:not(.hochwertige-ausstattung):not(:first-child) {
  gap: 80px;
  /*Tabellen-Wrap*/
}
@media (min-width: 782px) {
  .single-wohnungen .wp-block-post-content > .wp-block-columns:not(.hochwertige-ausstattung):not(:first-child) > div:last-child {
    max-width: 40%;
  }
}
.single-wohnungen .wp-block-post-content > .wp-block-columns:not(.hochwertige-ausstattung):not(:first-child) > div:last-child .wp-block-table table {
  table-layout: auto;
}
.single-wohnungen .wp-block-post-content > .wp-block-columns:not(.hochwertige-ausstattung):not(:first-child) > div:last-child .wp-block-table table tr td.has-text-align-right {
  max-width: 130px;
}
.single-wohnungen .wp-block-post-content > .wp-block-columns:not(.hochwertige-ausstattung):not(:first-child) > div:last-child .wp-block-table table .wp-element-caption {
  margin-top: 10px;
}
@media (max-width: 414px) {
  .single-wohnungen .wp-block-post-content h3 {
    font-size: 22px;
  }
}
@media (max-width: 390px) {
  .single-wohnungen .wp-block-post-content h3 {
    font-size: 24px;
  }
}

/*Ankerpunkte*/
#suedosten,
#suedwesten,
#nordosten,
#nordwesten {
  scroll-margin-top: 80px;
}

/*Kontakt*/
main .kontakt-wrapper {
  gap: var(--mbfse--margin-bottom-block);
}
main .kontakt-wrapper > div {
  max-width: 540px;
  border: var(--mbfse--border-style);
  border-radius: 8px;
  background-color: #fafafa;
  padding: 40px;
}

/*Störer*/
.termin-stoerer {
  position: fixed;
  top: 90vh;
  right: 40px;
}
.termin-stoerer .wp-block-button.mb-button-icon.bi:before {
  top: 24px;
}

.header-storer {
  position: absolute;
  bottom: 0vh;
  right: 0;
  max-width: 412px;
  background-color: white;
  border-radius: 8px;
  padding: 0 0 20px;
  overflow: hidden;
}
.header-storer p, .header-storer h3, .header-storer .wp-block-buttons {
  padding-left: 20px;
  padding-right: 20px;
}
.header-storer h3 {
  font-size: 22px;
  margin-bottom: 5px !important;
  margin-block-end: 5px !important;
}
.header-storer p {
  font-size: 14px;
  margin-bottom: 10px !important;
  margin-block-end: 10px !important;
}
.header-storer .wp-block-buttons {
  margin-top: 20px;
}
@media (max-width: 601px) {
  .header-storer figure {
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  .header-storer p:last-of-type {
    display: none;
  }
}
@media (max-width: 414px) {
  .header-storer p, .header-storer h3, .header-storer .wp-block-buttons {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-storer h3 {
    font-size: 21px;
  }
  .header-storer p strong {
    font-weight: 400;
  }
}
@media (max-width: 390px) {
  .header-storer figure {
    aspect-ratio: 16/8;
  }
  .header-storer h3 {
    font-size: 19px;
  }
  .header-storer p {
    font-size: 13px;
  }
}

/*Tabelle*/
.impressum-tabelle.wp-block-table table tr:first-child td {
  border-top: var(--mbfse--border-style);
}
.impressum-tabelle.wp-block-table table tr:last-child td {
  border-bottom: var(--mbfse--border-style);
}
.impressum-tabelle.wp-block-table table tr:nth-child(even) td {
  background: #f2f2f2;
}

/*Verstecken*/
body:not(.postid-190) .hochwertige-ausstattung,
.hide {
  display: none !important;
}

/*Swiper*/
.swiper {
  --swiper-pagination-color:var(--wp--preset--color--primary);
  gap: 0 !important;
  margin-block-end: 80px !important;
  margin-bottom: 80px !important;
}
.swiper .swiper-wrapper {
  margin-bottom: 40px;
}/*# sourceMappingURL=content.css.map */