* { padding: 0; margin: 0; }

@view-transition {
  navigation: auto;
}

/* montserrat-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('/static/wib26/fonts/montserrat-v31-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('/static/wib26/fonts/montserrat-v31-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('/static/wib26/fonts/montserrat-v31-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('/static/wib26/fonts/montserrat-v31-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/static/wib26/fonts/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/static/wib26/fonts/montserrat-v31-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/static/wib26/fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/static/wib26/fonts/montserrat-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/static/wib26/fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/static/wib26/fonts/montserrat-v31-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/static/wib26/fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('/static/wib26/fonts/montserrat-v31-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/static/wib26/fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/static/wib26/fonts/montserrat-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/static/wib26/fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('/static/wib26/fonts/montserrat-v31-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/static/wib26/fonts/montserrat-v31-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('/static/wib26/fonts/montserrat-v31-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --leftside-width: 429px;
  --rightside-width: 1448px;
  --bwg-blue: #004F9F;
  --bwg-blue-light: #e6eef6;
  --bwg-green: #6CB85E;
  --bwg-yellow: #FFCE00;
  --navsuche-abstand: 50px;
  --content-abstand: 80px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

strong, b {
  font-weight: 700;
}

.img-container, .img-container a {
  position: relative;
  display: block;
}
.img-icon {
	position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: var(--bwg-blue);
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  border: 1px solid #fff;
}
.img-icon svg {
  color: #fff;
}
.imgleft {
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}
.imgright {
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}
.clear {
  clear: both;
}
.content-trenner{
  /* width: 100%;
  height: 35px; */
}

body {
  color: var(--bwg-blue);
  font-family: 'Montserrat';
  font-size: 1rem;
}

.wrap {
  max-width: calc(var(--leftside-width) + var(--rightside-width));
  margin: 0 auto;
}

.page {
  display: flex;
  gap: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.navsuche {
  flex: 0 0 var(--leftside-width);
}

.content {
  flex-grow: 1;
}


.logo {
  height: 113px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: var(--content-abstand);
}

.logo img {
  height: 65px;
  display: block;
}



.navsuche-head {
  display: flex;
  align-items: center;
  padding-left: var(--navsuche-abstand);
  height: 72px;
}

.headlink-search {
  background-color: var(--bwg-green);
  color: #fff;
  height: 42px;
  width: 42px;
  border-radius: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  margin-right: 19px;
}

.headlink-serviceportal {
  background-color: var(--bwg-blue-light);
  color: var(--bwg-blue);
  height: 42px;
  width: 138px;
  border-radius: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 19px;
  text-decoration: none;
}

.headlink-facebook {
  margin-right: 13px;
}

.headlink-facebook, .headlink-instagram {
  font-size: 1.2rem;
}


.nav-content {
  padding-left: var(--navsuche-abstand);
}
#navigation ul, #navigation ul li {
  list-style: none;
  padding-left: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

#navigation a {
  text-decoration: none;
  font-size: 1.4rem;
  border-bottom: 4px solid transparent;
}
#navigation a:active, #navigation a:hover, #navigation a:focus, #navigation a.active {
  border-bottom: 4px solid var(--bwg-green);
  transition: all 250ms ease-in-out;
}


.skip-link {
  position: absolute;
  top: 10px;
  left: -9999px;
  background-color: var(--bwg-blue);
  color: #fff !important;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 4px;
  z-index: 1000;
  transition: left 0.3s;
}
/* Sobald der Skip-Link den Fokus erhält, wird er in den sichtbaren Bereich verschoben */
.skip-link:focus {
  left: 10px;
}


#wohnungssuche {
  background-color: var(--bwg-blue);
  color: #fff;
  padding: var(--navsuche-abstand);
}
#wohnungssuche-form {
  background-color: #fff;
  color: var(--bwg-blue);
  border-radius: 24px;
  padding: 24px;
}
#wsuche-ergebnis {
  font-weight: 700;
}
#wsuche-ergebnis, #ws-submit {
  text-align: center;
  padding-top: 24px;
}

.slider-titel {
  text-align: center;
}

.slider-table {
  display: table;
  width: 100%;
}
.slider-row {
  display: table-row;
}
.slider-td {
  display: table-cell;
  vertical-align: top;
}
.slider-left {
  width: 35px;
  text-align: right;
  font-weight: 700;
}
.slider-right {
  width: 35px;
  text-align: left;
  font-weight: 700;
}

.slider-inner {
  padding: 2px 20px 0 20px;
}

.noUi-handle:after, .noUi-handle:before {
  display: none;
}

.noUi-target {
  box-shadow: none;
  background: #b6dcaf;
  border: 0;
  border-radius: 16px;
}

.noUi-horizontal {
  height: 16px;
}

.noUi-horizontal .noUi-handle {
  height: 16px;
  width: 16px;
  box-shadow: none;
  top: 0;
  border-radius: 16px;
  border: 0;
  background: var(--bwg-green);
}
.noUi-horizontal .noUi-handle-upper {
  right: 0;
}

.slider + .slider {
  padding-top: 5px;
}

.footer {
  background-color: var(--bwg-yellow);
}

.footer a {
  color: var(--bwg-blue);
  text-decoration: none;
}
.footer-nav {
  display: flex;
  justify-content: space-between;
  padding: 25px 35px;
}
.copyright {
  text-align: center;
  padding: 0 25px 25px 25px;
}


.wrap-startbild {
  position: relative;
}
.startbild {
  width: 100%;
  display: block;
  object-fit: cover;
}
.startbild-overlay {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
}

.start-claim {
  padding-top: 80px;
  display: flex;
  justify-content: flex-end;
  padding-right: var(--content-abstand);
  padding-left: var(--content-abstand);
}

.start-claim span {
  color: var(--bwg-green);
}

.start-claim h1 {
  font-weight: 700;
  font-size: calc(1.375rem + 0.9vw);
}


#header-mobile {
  display: none;
}


.link-serviceportal {
  background-color: var(--bwg-blue-light);
  color: var(--bwg-blue);
  height: 42px;
  width: 100%;
  border-radius: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 19px;
  text-decoration: none;
}

.offcanvas-icons > div {
  display: flex;
  gap: 15px;
  font-size: 1.5rem;
}

#seitentitel {
  padding-bottom: 25px;
}
#seitentitel h1 {
  font-weight: 700;
}

#subnavi {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  padding-bottom: 30px;
  flex-wrap: wrap;
}

#subnavi a {
  border-bottom: 4px solid transparent;
  text-decoration: none;
}

#subnavi a:active, #subnavi a:hover, #subnavi a:focus, #subnavi a.active {
  border-bottom: 4px solid var(--bwg-green);
  transition: all 250ms ease-in-out;
}

.news-liste {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.aktuelles-meldung {
  border: 1px solid #80a7cf;
}

.aktuelles-bild > a {
  display: block;
  position: relative;
}

.aktuelles-bild img {
  max-height: 350px;
  object-fit: cover;
}

.aktuelles-content {
  padding: 48px;
}

#content {
  padding: 0 var(--content-abstand) var(--content-abstand) var(--content-abstand);
}

.aktuelles-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.aktuelles-tags > * {
  border-radius: 0.3rem;
  padding: 3px 10px;
}

.aktuelles-tags a {
  text-decoration: none;
}

.aktuelles-datum {
  background-color: var(--bwg-blue-light);
  color: var(--bwg-blue);
}

.aktuelles-17F3036E171 {
  background-color: #fff5cc;
  color: var(--bwg-blue);
}
.aktuelles-17F3036E171 svg {
  color: var(--bwg-yellow);
}


.aktuelles-17F4062E1CE {
  background-color: #f5e3e8;
  color: var(--bwg-blue);
}
.aktuelles-17F4062E1CE svg {
  color: #cd738a;
}

.aktuelles-katglobal {
  background-color: #f5e3e8;
  color: var(--bwg-blue);
}
.aktuelles-katglobal svg {
  color: #cd738a;
}


.aktuelles-titel {
  padding-top: 20px;
}


.bildgala {
  display: grid;
  gap: 3em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-top: 2em;
}
.gala-bild-container img {
  display: block;
  width: 100%;
}


.aktion {
  display: flex;
  gap: 48px;
  align-items: center;
  border: 1px solid #80a7cf;
}
.aktion-bild {
  flex: 0 0 40%;
}
.aktion-bild img {
  display: block;
  width: 100%;
}
.aktion-content {
  flex-grow: 1;
  padding: 15px 0 
}
.aktion-titel {
  padding-bottom: 15px;
}
.aktion-liste-button {
  padding-top: 15px;
}

.aktion + .aktion {
  margin-top: 48px;
}

.aktion-detail-bild {
  float: right;
  max-width: 30%;
  margin-left: 50px;
}
.aktion-detail-bild img {
  width: 100%;
}
.aktion-button {
  display: none;
}

#infoboxen {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
  padding-top: 50px;
}
.infobox {
  width: 100%;
  max-width: 442px;
  background-color: var(--bwg-blue-light);
  margin: 0 auto;
}
.infobox-content {
  padding: 44px 32px;
}
.infobox-asp-bild img {
  display: block;
  width: 100%;
}
.infobox-titel {
  padding-bottom: 15px;
}
.infobox-asp-info {
  padding-bottom: 15px;
}

#big-wohnungssuche {
  background-color: var(--bwg-blue-light);
  border-radius: 15px;
  padding: 40px;
}

#immo-suche-flex {
  display: flex;
  justify-content: space-between;
}

#immo-suche-slider {
  flex: 0 0 350px;
}
#immo-suche-ausstattung {
  flex: 0 0 350px;
}
#immo-suche-submit {
  flex: 0 0 300px;
}

.slider-big-table {
  display: table;
  width: 100%;
  padding-bottom: 5px;
}
.slider-big-table.last-slider {
  padding-bottom: 0;
}

#immo-suche-ausstattung-liste {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

#ws-liste {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 33px;
  grid-row-gap: 48px;
  padding-top: 48px;
}

.wsl-element {
  border: 1px solid #80a7cf;
}
.wsle-content {
  padding: 45px;
}
.wsle-bild {
  position: relative;
}
.wsle-bild img {
  display: block;
  width: 100%;
  height: 235px;
  object-fit: cover;
}
.wsle-aktion {
  position: absolute;
  left: 21px;
  top: 21px;
  border-radius: 0.3rem;
  padding: 3px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 21px - 21px);
}
.wsle-aktion-181AE8CB85F {
  background-color: #cd738a;
  color: #fff;
}
.wsle-aktion-global {
  background-color: #cd738a;
  color: #fff;
}
.wsle-headline h3 {
  font-size: 1.65rem;
}

.wsle-infos {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 15px;
  padding-bottom: 35px;
}

.wsle-infos > div {
  display: flex;
  gap: 5px;
}
.wsle-infos > div > div:nth-child(2) {
  font-weight: 700;
}

.wsle-headline {
  padding-bottom: 10px;
}
.wsle-adresse {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-bottom: 40px;
}
.wsle-adresse > div:nth-child(1) {
  font-size: 1.5rem;
}
.wsle-miete {
  color: var(--bwg-green);
  padding-bottom: 40px;
}

#immogrid-container {
  display: grid;
  grid-template-columns: 1fr 400px;
  grid-template-rows: 1fr;
  grid-gap: 50px;
  padding-bottom: 50px;
}
#immogrid-gala {
  grid-area: 1 / 1 / 2 / 2;
  width: 100%; 
}
#immogrid-info {
  grid-area: 1 / 2 / 2 / 3;
}
#immogrid-daten {
  grid-area: 2 / 1 / 3 / 3;
}


/* zum ändern der Höhe der Galerie muss in den folgenden 3 Definitionen die max-height angepasst werden! */
#carouselimmobilder .carousel-inner > .carousel-item { height: 475px; }
#carouselimmobilder .carousel-inner > .carousel-item > .carousel-item-content { max-height: 500px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; }
#carouselimmobilder .carousel-item { text-align: center; }
#carouselimmobilder .carousel-item img { max-height: 475px; max-width: 100%; }
#carouselimmobilder .carousel-fa-prev, .carousel-fa-next { color: #294594; font-size: 20pt; padding: 13px; background-color: #fff; width: 45px; height: 45px; border-radius: 45px; }
/* #carouselimmobilder .carousel-caption { background-color: rgba(0, 0, 0, 0.52); left: 0; right: 0; padding-top: 6px; padding-bottom: 6px; bottom: 0; font-size: 10pt; } */
#carouselimmobilder .carousel-caption { position: static; right: auto; left: auto; bottom: auto; padding-top: 6px; padding-bottom: 6px; font-size: 17pt; color: #333; }

#carouselimmobilder .carousel-inner > .carousel-item a {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.carousel-item .img-icon {
  right: 50%;
  transform: translateX(50%);
}




#immogrid-daten-flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 80px;
  margin-bottom: 75px;
  justify-content: flex-start;
  padding-top: 50px;
}
.immogrid-daten-flex-item {
  flex: 0 0 auto;
}
.immogrid-daten-flex-item .wsle-wert {
  font-size: 18pt;
  font-weight: 700;
}


#immo-energie-text {
  display: table;
}
.energie-wert {
  display: table-row;
}
.energiew-left, .energiew-right {
  display: table-cell;
}



.immo-daten {
  display: flex;
  gap: 80px;
  padding-bottom: 50px;
}

.immo-daten > div {
  flex: 0 0 calc(50% - 40px);
}

.immo-daten-tag-info {
  display: flex;
  gap: 10px;
  padding-bottom: 50px;
}

.tag-adresse {
  background-color: var(--bwg-blue-light);
  color: var(--bwg-blue);
  border-radius: 0.3rem;
  padding: 3px 10px;
}

.tag-ausstattung {
  background-color: #ffeb99;
  color: var(--bwg-blue);
  border-radius: 0.3rem;
  padding: 3px 10px;
}

.ausstattung-tags {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px;
}

.tag-aktion-181AE8CB85F {
  background-color: #cd738a;
  color: #fff;
}

.immo-headline {
  padding-bottom: 40px;
}


.absatz-farbig {
  padding: 50px;
}

.absatz-blau {
  background-color: var(--bwg-blue-light);
}

.absatz-gelb {
  background-color: #fff5cc;
}

.absatz-gruen {
  background-color: #e2f1df;
}

.absatz-rot {
  background-color: #f5e3e8;
}

article + article {
  margin-top: 50px;
}


.kontakt-container {
  display: flex;
  gap: 50px;
  padding-bottom: 50px;
}
.kontakt-container > div {
  padding: 50px;
}
.kontakt-adresse {
  flex: 0 0 calc(50% - 25px);
}
.kontakt-zeiten {
  flex: 0 0 calc(50% - 25px);
}

#kontakt1 {
  background-color: #f5e3e8;
}

#kontakt2 {
  background-color: var(--bwg-blue-light);
}

#kontakt3 {
  background-color: #fff5cc;
}


.link-liste {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}

.link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 260px;
  border: 1px solid #80a7cf;
}

.link a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 225px;
  width: 90%;
}

.link img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 225px;
}

.asp-liste {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}
.asp {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.asp-bild img {
  display: block;
  width: 100%;
}
.asp-bereich {
  font-weight: 700;
  padding-top: 5px;
}
.asp-daten {
  padding: 50px;
  background-color: #e6eef6;
  flex-grow: 1;
}
.asp-telefon {
  padding-top: 30px;
}
.asp-email {
  padding-top: 10px;
}


.footer-box {
  background-color: var(--bwg-green);
  display: flex;
  gap: 40px;
  position: relative;
  margin-left: calc(0px - var(--content-abstand));
  width: calc(100% + var(--content-abstand) + var(--content-abstand));
  margin-top: var(--content-abstand);
}
.footer-box > div:nth-child(1) {
  flex: 0 0 258px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.footer-box > div:nth-child(1) img {
  display: block;
  width: 258px;
  margin-top: auto;
}
.footer-box > div:nth-child(2) {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.footer-box > div:nth-child(3) {
  /* flex: 0 0 128px; */
  flex: 0 0 258px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.footer-box > div:nth-child(3) img {
  width: 128px;
  display: block;
}
.footer-box-content {
  padding: 25px 0;
  color: #fff;
}

.footer-box-content h2 {
  color: var(--bwg-blue);
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:focus-visible {
  color: #fff;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary:focus-visible {
  color: var(--bwg-green);
  background-color: #f0f8ef !important;
}



.notdienst-listen {
  display: flex;
  gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
}
.notdienst-listen > div {
  flex: 0 0 calc(50% - 25px);
}

.notdienst-listen h2 {
  padding-bottom: 10px;
}

.notdienst-ok h5 {
  color: var(--bwg-green);
  padding-bottom: 10px;
}

.notdienst-error h5 {
  color: #CD738A;
  padding-bottom: 10px;
}


.notdienst-ok .liste > ul {
    list-style: none;
    padding-left: 0;
}

.notdienst-ok .liste > ul > li {
    position: relative;
    padding-left: 30px;
}

.notdienst-ok .liste > ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%236CB85E' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.notdienst-error .liste > ul {
    list-style: none;
    padding-left: 0;
}

.notdienst-error .liste > ul > li {
    position: relative;
    padding-left: 30px;
}


.notdienst-error .liste > ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23CD738A' d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM232 296L408 296C421.3 296 432 306.7 432 320C432 333.3 421.3 344 408 344L232 344C218.7 344 208 333.3 208 320C208 306.7 218.7 296 232 296z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}




@media screen and (max-width: 1700px){
  #immo-suche-ausstattung-liste {
    grid-column-gap: 0px;
  }
  #immo-suche-ausstattung {
    flex: 0 0 315px;
  }
  #immo-suche-slider {
    flex: 0 0 270px;
  }
}

@media screen and (max-width: 1600px){
  #immo-suche-ausstattung-liste {
    grid-template-columns: 1fr;
    grid-row-gap: 0px
  }
  #immo-suche-ausstattung {
    flex: 0 0 165px;
  }
  #ws-liste {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1500px){
  .navsuche-head {
    display: none;
  }
  .nav-content {
    display: none;
  }
  .logo {
    display: none;
  }
  .page {
    flex-direction: column;
  }
  #skipLink {
    order: 0;
  }
  .content {
    order: 1;
    width: 100%;
  }
  .navsuche {
    order: 2;
    padding-top: 60px;
    width: 100%;
  }
  #header-mobile {
    display: flex;
    align-items: center;
    height: 75px;
    padding: 0 16px;
  }
  #header-mobile header {
    width: 100%;
  }
  #header-mobile-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  #header-mobile-menu-button {
    font-size: 1.6rem;
    order: 1;
  }
  #header-mobile-logo {
    order: 2;
  }
  #header-mobile-logo img {
    display: block;
    height: 43px;
  }
  .footer-nav {
    justify-content: center;
    gap: 30px;
  }

  #mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #mobile-menu-list > li {
    /* border-bottom: 1px solid #d3d3d3; */
  }
  #mobile-menu-list > li:first-child {
    /* border-top: 1px solid #d3d3d3; */
  }
  .mobile-menu-submenu1 .mobile-menu-element {
    /* border-top: 1px solid #d3d3d3; */
  }
  .mobile-menu-submenu1 .mobile-menu-element a {
    padding-left: 20px;
  }

  .mobile-menu-element {
    display: flex;
    padding: 3px;
  }

  .mobile-menu-element > a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 4px 0;
    text-decoration: none;
  }

  .mobile-menu-element-submenu-button {
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18pt;
    border-left: 1px solid #d3d3d3;
  }

  .mobile-menu-submenu1 {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
  }
  #immo-suche-ausstattung-liste {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  #immo-suche-ausstattung {
    flex: 0 0 350px;
  }
  #immo-suche-slider {
    flex: 0 0 350px;
  }
  #ws-liste {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1300px){
  #immo-suche-ausstattung-liste {
    grid-column-gap: 0px;
  }
  #immo-suche-ausstattung {
    flex: 0 0 315px;
  }
  #immo-suche-slider {
    flex: 0 0 270px;
  }
}

@media screen and (max-width: 1200px){
  #immo-suche-ausstattung-liste {
    grid-template-columns: 1fr;
    grid-row-gap: 0px
  }
  #immo-suche-ausstattung {
    flex: 0 0 165px;
  }
  #immogrid-container {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  #immogrid-infos {
    order: 3;
    max-width: 400px;
  }
  #immogrid-daten {
    grid-area: auto;
  }
  .footer-box > div:nth-child(1) {
    display: none;
  }
  .footer-box > div:nth-child(3) {
    display: none;
  }
  .footer-box-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1100px){
  #immo-suche-flex {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  #immo-suche-slider {
    flex: 0 0 400px;
  }
  #immo-suche-ausstattung {
    flex: 0 0 210px;
  }
  #ws-liste {
    grid-template-columns: repeat(2, 1fr);
  }
  .immo-daten {
    flex-wrap: wrap;
    gap: 50px;
  }
  .immo-daten > div {
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 1000px){
  .news-liste {
    grid-template-columns: 1fr;
  }
  h1, h2, h3, h4, h5, h6 {
    hyphens: auto;
  }
  .kontakt-container {
    flex-direction: column;
    gap: 50px;
  }
  .link-liste {
    grid-template-columns: repeat(2, 1fr);
  }
  .asp-liste {
    grid-template-columns: 1fr;
  }
  .notdienst-listen {
    flex-direction: column;
  }
}

@media screen and (max-width: 900px){
  #ws-liste {
    grid-template-columns: 1fr;
  }
  #immo-suche-slider {
    flex: 0 0 100%;
  }
  #immo-suche-ausstattung {
    flex: 0 0 100%;
  }
  #immo-suche-submit {
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 765px){
  :root {
    --content-abstand: 20px;
    --navsuche-abstand: 20px;
  }
  .start-claim {
    justify-content: flex-start;
    word-break: break-all;
  }
  .footer-nav {
    flex-wrap: wrap;
  }
  .aktion {
    flex-direction: column;
    gap: 20px;
  }
  .aktion-content {
    padding: 15px;
  }
  #subnavi {
    justify-content: center;
  }
  #seitentitel {
    text-align: center;
    padding-bottom: 15px;
  }
  .aktion-detail-bild {
    float: none;
    max-width: 100%;
    margin-left: 0px;
    padding-bottom: 20px;
  }
  #big-wohnungssuche {
    padding: 20px;
  }
  .wsle-content {
    padding: 20px;
  }
  .absatz-farbig {
    padding: 20px;
  }
  .link-liste {
    grid-template-columns: 1fr;
  }
  .asp-daten {
    padding: 20px;
  }
  .kontakt-container > div {
    padding: 20px;
  }
}







#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: rgb(255, 255, 255); color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #173597; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button									{  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #173597; margin-top: 10px; cursor: pointer; }
#cookie-info-spacer                 { height: 105px; width: 100%; }

.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }
.cookie-info-text p { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.iframe-daten-info { background-color: rgb(128 128 128 / 22%); padding: 50px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
.idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #67a8d6; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 6px 10px; }

#cookie-opt-in * { box-sizing: border-box; }                                    
#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#coi-center { max-width: 900px; margin: 0 auto; }
#coi-infotext-mobile { display: none; }
.coi-infolinks { padding: 10px 0 5px 0; }
.coi-infolinks a, .coi-infolinks a:hover { color: #FBBA00; }
#coi-form { padding-top: 10px; }
#coi-form-tbl { display: table; width: 100%; }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-checkbox { padding-right: 20px; }
#cookie-opt-in label { display: inline-block; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form button { border: 0; cursor: pointer; background-color: #FBBA00; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 10px; }
#coi-form button.btn-dark { background-color: #464646; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }
#cookie-info-spacer { width: 100%; height: 33px; }
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}

#consent-banner { position: fixed; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; }
#consent-banner, #consent-banner * { box-sizing: border-box; }
#consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; }
#consent-banner-left { flex-grow: 1; }
#consent-banner-right { flex: 0 0 220px; }

#content-banner-buttons { display: flex; flex-direction: column; gap: 25px; }
.consent-banner-button > button { width: 100%; }

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
#consent-banner-links a, #consent-banner-links a:hover { color: #faba01; }

#consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; }

.cb-btn { background-color: #FBBA00; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }
.form-check { display: flex; gap: 5px; }






#designbody { background: none; background-color: #fff !important; color: #1b1b1b; font-size: 10pt; font-weight: 400; font-family: Arial, Sans-serif; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 1rem; }
.mceContentBody { padding-top: 0!important; }