/* Styles für den Editor */
.schrift-rot { color: #F72803; }

.tabelle { border: 1px solid #dedede; border-spacing: 0; }
.tabelle td { padding: 9px 15px; border-top: 1px solid #dedede; }
.tabelle tr:nth-child(1) td { border-top: 0; }
.tabelle tr:nth-child(odd) td { background-color: #fff6d2; }
.tabelle tr:nth-child(even) td { background-color: #FFFDF3; }



/* Styles für die Seite */

.preis-info-tabelle td { padding: 4px 0; }
.preis-info-tabelle-left { width: 205px; }
.preis-info-tabelle-right { text-align: right; font-weight: bold; }

.immo-liste-angefragt { position: absolute; top: 0; right: 0; padding: 5px; background-color: #ffb400; color: #006f3b; width: 45px; height: 43px; border-bottom-left-radius: 5px; text-align: center; font-size: 16pt; border-left: 4px solid #fff; border-bottom: 4px solid #fff; }

#ip-anzahl-info { background-color: #ffe199; font-size: 15pt; padding: 20px 0; }
#ip-anzahl-info span { font-weight: bold; color: #006F3B; font-size: 19pt; }

.ip-sucheanfrage-details { display: flex; padding: 10px 0; }
.ip-suchanfrage-details-left { flex-grow: 1; }
.ip-suchanfrage-details-right { flex: 0 0 150px; display: flex; flex-direction: column; align-items: flex-end; }
.ip-suchanfrage-details-informationen-bereich { padding-bottom: 20px; }
.ip-suchanfrage-details-informationen-bereich:last-child { padding-bottom: 0; }
.ip-suchanfrage-details-informationen-bereich-titel { font-weight: bold; }
.ip-suchanfrage-details-flex { display: flex; flex-wrap: wrap; }
.ip-suchanfrage-details-flex-info { flex: 0 0 50%; display: flex; }
.ip-suchanfrage-details-flex-info-left { flex: 0 0 210px; }
.ip-suchanfrage-details-flex-info-right { flex-grow: 1; }
.ip-suchanfrage-details-flex-info-right .fa-check { color: #dedede; }
.ip-suchanfrage-details-flex-info-right .fa-check.check-aktiv { color: #006f3b; }
.ip-suchanfrage-details-button { padding-bottom: 25px; }
.ip-suchanfrage-details-button:last-child { padding-bottom: 0; }

.ip-anfrage-linie { width: 100%; height: 1px; background-color: #FFB400; }
.ip-anfrage { padding: 10px 0; }
.ip-anfrage-content { display: flex; }
.ip-anfrage-aktion { padding-bottom: 15px; }
.ip-anfrage-aktion:last-child { padding-bottom: 0; }
.ip-anfrage-whg-details { flex-grow: 1; }
.ip-anfrage-aktionen { flex: 0 0 175px; text-align: right; }
.ip-anfrage-aktion.aktion-del { font-weight: bold; }


.ip-anfrage-date { padding-bottom: 9px; }
.ip-anfrage-details { display: flex; flex-wrap: wrap; }
.ip-anfrage-detail { flex: 0 0 50%; display: flex; }
.ip-anfrage-detail-left { flex: 0 0 165px; }
.ip-anfrage-detail-right { flex-grow: 1; }

#anfrage-suche-nav-top { display: flex; justify-content: space-between; }

.custom-file-label::after { content: 'auswählen'; }
#is-art-ip-button { margin-left: auto; }

#stellplatze-flex { display: flex; justify-content: space-between; }
.stellplaetze-container { flex: 0 0 47%; }
.stellplatz-table { display: table; width: 100%; }
.stellplatz-tr { display: table-row; }
.stellplatz-td { display: table-cell; vertical-align: top; border-top: 2px solid #FFB400; padding: 10px 25px 10px 0px; }
.cell-head { font-weight: bold; }
.cell-3 { text-align: center; }
.cell-4 { text-align: center; padding-right: 0; }
.cell-3 img { display: block; height: 35px; margin: 0 auto; }
.cell-4 img { display: block; height: 35px; margin: 0 auto; }
#stellplatz-preis-info { padding-top: 30px; }
.stellplatz-nummer { font-size: 9pt; display: block; }

.stellplatz-kontakt { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; display: none; }
.stellplatz-kotakt-element { display: flex; align-items: center; padding: 0 30px 10px 30px; }
.stellplatz-kotakt-element:last-child { padding-bottom: 0; }
.stellplatz-kontakt-icon img { display: block; width: 23px; }
.stellplatz-kontakt-icon { flex: 0 0 45px; }
.stellplatz-kontakt-text { flex-grow: 1; white-space: nowrap; }
#isc-stellplatz-kontakt { padding-top: 20px; padding-bottom: 15px;  }

#stellplatz-suche-und-kontakt { display: flex; align-items: center; justify-content: space-between; }

#is-flex-mitte-checkboxen-container-v2 { display: flex; }
#is-flex-mitte-slider-v2 { flex-grow: 1; }
#is-flex-mitte-checkboxen-und-button { flex: 0 0 490px; }
#is-flex-mitte-checkboxen-v2 { padding-left: 50px; }
#is-flex-mitte-checkboxen-left { flex: 0 0 220px; }
#is-flex-mitte-checkboxen-right { flex: 0 0 220px; }
#id-flex-mitte-buttons { display: flex; justify-content: flex-end; }

#google-map-kategorien { display: flex; flex-wrap: wrap; }

.google-map-kategorie { display: flex; align-items: center; cursor: pointer; flex: 0 0 33.33333%; padding: 15px 0; }
.google-map-kategorie-icon img { display: block; }
.google-map-kategorie-trenner { flex: 0 0 10px; }

.asp-und-buttons { display: flex; padding-top: 25px; outline: none; }
.asp-und-buttons-asp-daten { flex: 0 0 55%; }
.asp-daten-headline { font-weight: bold; }
.aspdaten-flex { display: flex; }
.aspdaten-asp { flex: 0 0 50%; padding-top: 10px; }
.asp-und-buttons-buttons { flex-grow: 1; }
.buttons-flex { display: flex; }
.button-right { flex: 0 0 50%; padding-top: 10px; outline: none; }
.button-right img { display: block; max-width: 190px; width: 100%; outline: none; }

.ip-suchanfrage { padding-bottom: 45px; }
.ip-suchanfrage:last-child { padding-bottom: 0; }
.ip-suchanfrage-line { width: 100%; height: 1px; background-color: #FFB400; }
.ip-suchanfrage-count { padding-bottom: 10px; }
.ip-suchanfrage-count span { font-weight: bold; }
.ip-sucnafrage-informationen { display: flex; justify-content: space-between; padding: 10px 0; }
.ip-suchanfrage-buttons { display: flex; flex-direction: column; justify-content: space-between; text-align: right; }
.ip-suchanfrage-daten table { color: #707070; }
.ip-daten-name { padding: 3px 15px 3px 0; }
.ip-daten-wert { padding: 3px 0 3px 15px; font-weight: bold; }
.ip-suchanfrage-detele { font-weight: bold; }

#ip-content { display: flex; }
#ip-content-left { flex-grow: 1; }
#ip-content-trenner { flex: 0 0 10%; }
#ip-content-right { flex: 0 0 200px; }

#ip-seitentitel { display: flex; align-items: flex-start; margin-bottom: 18px; }
#ip-seitentitel-icon { flex: 0 0 60px; }
#ip-seitentitel-icon img { display: block; }
#ip-seitentitel-text { flex-grow: 1; }
#ip-seitentitel-text h1 { margin-bottom: 0; }


.ip-navpunkt { display: flex; align-items: center; padding-bottom: 12px; }
.ip-nav-icon { flex: 0 0 19px; }
.ip-nav-icon img { display: block; width: 19px; }
.ip-nav-trenner { flex: 0 0 12px; }
.ip-nav-name { flex-grow: 1; }
.ip-nav-name a { color: #696868; }
.ip-nav-name a:hover { color: #696868; }
.ipnav-activ .ip-nav-name a { color: #006F3B; }

#ip-startboxen { padding-top: 35px; width: 80%; margin: 0 auto; }


#intranet-content { display: flex; }
#intranet-content-left { flex-grow: 1; }
#intranet-content-trenner { flex: 0 0 10%; }
#intranet-content-right { flex: 0 0 225px; }

#intranet-seitentitel { display: flex; align-items: flex-start; margin-bottom: 18px; }
#intranet-seitentitel-icon { flex: 0 0 60px; }
#intranet-seitentitel-icon img { display: block; }
#intranet-seitentitel-text { flex-grow: 1; }
#intranet-seitentitel-text h1 { margin-bottom: 0; }

.intranet-navpunkt { display: flex; align-items: center; padding-bottom: 12px; }
.intranet-nav-icon { flex: 0 0 19px; }
.intranet-nav-icon img { display: block; width: 19px; }
.intranet-nav-trenner { flex: 0 0 12px; }
.intranet-nav-name { flex-grow: 1; }
.intranet-nav-name a { color: #696868; }
.intranet-nav-name a:hover { color: #696868; }
.intranetnav-activ .intranet-nav-name a { color: #006F3B; }



.box-clickable { cursor: pointer; outline: none; }
.box-clickable .box-button-text { position: relative; }
.bbt-normal { opacity: 1; transition: all 350ms ease; }
.bbt-click { opacity: 0; transition: all 350ms ease; position: absolute; left: 0; top: 6px; width: 100%; }
.box-clickable.box-clicked .bbt-normal { opacity: 0; transition: all 350ms ease; }
.box-clickable.box-clicked .bbt-click { opacity: 1; transition: all 350ms ease; }
.boxen4er .box-clickable .box-text h3 { font-size: 1.4rem; }
.boxen4er .box-clickable .box-button-text { font-size: 1.4rem; }


* { padding: 0; margin: 0; }
*:focus { outline: 0; }
html, body { height: 100%; }
body { background-color: #fff;
       font-family: Arial, sans-serif;
       font-weight: 400;
       font-size: 13pt;
       color: #696868;
       position: relative;
       overflow-y: scroll;
     }
     
:root {
  --abstand_immo: 20px;
}

a:focus { outline: none; }
a { color: #006F3B; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { color: #FFB400; text-decoration: none; }


.maps-infowindow { max-width: 480px; }



.back-button { padding-top: 50px; outline: none; }


.form-asp-liste { display: flex; text-align: center; border: 1px solid #d3d3d3; flex-wrap: wrap; justify-content: space-around }
.form-asp { flex: 0 0 33.33333%; }
.form-asp-container { padding: 20px; }
.form-asp-bild img { margin: 0 auto; }
.form-asp-name { padding-top: 10px; }


.einleitung-box { max-width: 238px; width: 100%; float: left; margin-right: 25px; margin-bottom: 25px; }
.einleitung-box-icon { padding: 16px 0; }
.einleitung-box-icon img { display: block; margin: 0 auto; }


.bgsfzd-infos-titel { padding-top: 20px; margin-top: 20px; border-top: 1px solid #ffb400; }
.bgsfzd-infos-titel h2 { color: #006F3B !important; }
.bgsfzd-infos { display: flex; flex-wrap: wrap; justify-content: space-between; }
.bgsfzd-info { padding-right: 30px; padding-bottom: 30px; }


#bgsfz-boxen { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 30px; }
.bgsfz { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/4*100% - (1 - 1/4)*20px); }
.bgsfz:nth-child(4n) { margin-right: 0; }
.bgsfz::after { content: ''; flex: auto; }
.bgsfz:nth-child(-n+4) { margin-top: 0; }
.bgsfz-content { padding-bottom: 20px; border-bottom: 1px solid #ffb400; text-align: center; }
.bgsfz-bild img { display: block; width: 100%; }
.bgsfz-titel { color: #006F3B; font-size: 14pt; font-weight: bold; min-height: 56px; padding: 10px; }
.bgsfz-titel p { margin-bottom: 0; }


.news-container { display: flex; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #FFB400; }
.news-container:last-child { margin-bottom: 0; border: 0; }
.nc-bild { flex: 0 0 25%; }
.nc-bild img { display: block; width: 100%; }
.nc-text { flex-grow: 1; }
.nc-text div { padding: 0 0 0 30px; }
.nc-datum { font-weight: bold; }
.nc-titel { font-weight: bold; }


.gaestewohnung { display: flex; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #FFB400; }
.gaestewohnung:last-child { margin-bottom: 0; border: 0; }
.gaestewohnung-bild { flex: 0 0 25%; }
.gaestewohnung-bild img { display: block; width: 100%; }
.gaestewohnung-button { flex: 0 0 210px; text-align: right; outline: none; }
.gaestewohnung-text-content { padding: 0 30px; }
.gaestewohnung-text-content h5 { font-size: 13pt; font-weight: bold; margin-bottom: 0; }


.content-list { display: flex; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #FFB400; }
.content-list:last-child { margin-bottom: 0; border: 0; }
.content-list-bild { flex: 0 0 25%; }
.content-list-bild img { display: block; width: 100%; }
.content-list-text { flex-grow: 1; }
.content-list-button { flex: 0 0 210px; text-align: right; outline: none; }
.content-list-text-content { padding: 0 30px; }
.content-list-text-content h5 { font-size: 13pt; font-weight: bold; margin-bottom: 0; }



.yellow-button { display: inline-block; background-color: #006f3b; color: #fff; padding: 10px 14px; border-radius: 25px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; outline: none; }
.yellow-button:hover { background-color: #ffb400; color: #fff; }
.yb-small { padding: 4px 14px; }


.hwd-zeiten-asp { display: flex; flex-wrap: wrap; }
.hwd-zeiten { padding-right: 120px; padding-top: 35px; }
.hwd-asp { padding-top: 35px; }

.hwd-sprechzeiten { display: flex; flex-wrap: wrap; }
.hwd-sprechzeit { padding-right: 120px; padding-top: 30px; padding-bottom: 30px; }
.hwd-sprechzeit:last-child { padding-right: 0; }

.schluessel-flex { display: flex; flex-wrap: wrap; }
.schluessel-zeiten { padding-right: 120px; padding-top: 35px; }
.schluessel-asp { padding-top: 35px; }


.werkzeug-zeiten-asp { display: flex; flex-wrap: wrap; }
.werkzeug-zeiten { padding-right: 120px; padding-bottom: 30px; }
.werkzeug-asp { padding-bottom: 30px; }

.werkzeug-maschinen { display: flex; flex-wrap: wrap; }
.werkzeug-maschine { flex: 0 0 25%; padding: 3px 0; }
.werkzeug-maschine div { padding-right: 30px; }



.switch-btn { display: flex; align-items: center; }
.switch-btn-label label { margin-bottom: 0; padding-left: 8px; display: block; margin-top: -4px; }
.switch { position: relative; display: inline-block; width: 40px; height: 19px; margin-bottom: 0; border: 1px solid #777777; border-radius: 34px; }
.switch input {  opacity: 0; width: 0; height: 0; }
.switch-indicator { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }
.switch-indicator:before { position: absolute; content: ""; height: 15px; width: 15px; left: 1px; bottom: 1px; background-color: #FFB400; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.switch input:checked + .switch-indicator { background-color: #006f3b; }
.switch input:focus + .switch-indicator { box-shadow: 0 0 1px #fff; }
.switch input:checked + .switch-indicator:before { -webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px); background-color: #fff; }



#infotext-studenten-azubis { font-size: 12pt; opacity: 0; max-height: 0px; transition: opacity 500ms, max-height 0ms 500ms; border-bottom: 2px solid #fff; }
#infotext-studenten-azubis.show { opacity: 1; max-height: 999px; transition: opacity 750ms, max-height 0s; }



#is-art-buttons { display: flex; }
.is-art-button-container { padding-right: 100px; }
.is-art-button-container:last-child { padding-right: 0; }
.is-art-button { padding: 2px 14px; outline: none; border-radius: 15px; cursor: pointer; display: block; }

.is-button { padding: 6px 14px; outline: none; border-radius: 25px; cursor: pointer; display: block; }

.is-button-white { background-color: #fff; outline: none; color: #4A4848; border: 1px solid #707070; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.is-button-white:hover, .is-button-white-activ { background-color: #006F3B; color: #fff; }

#is-btn-whn-anzeigen { margin-bottom: 15px; min-width: 205px; text-align: center; }
#is-btn-whn-portal { margin-top: 15px; }

.is-wohngebiete-container { display: flex; flex-wrap: wrap; }
.is-wohngebiet { flex: 0 0 25%; padding-top: 6px; }
.is-wohngebiet:nth-child(1) { padding-top: 0; }
.is-wohngebiet:nth-child(2) { padding-top: 0; }
.is-wohngebiet:nth-child(3) { padding-top: 0; }
.is-wohngebiet:nth-child(4) { padding-top: 0; }

#is-flex-mitte { display: flex; /*align-items: center;*/ justify-content: space-between; }
#is-flex-mitte-slider { flex: 0 0 50%; }
#is-flex-mitte-checkboxen {  }
#is-flex-mitte-checkboxen-container { padding: 0 40px; }
#id-flex-mitte-buttons {  }


#asp-seite { display: flex; }
#asp-form { flex-grow: 1; }
#asp-infos { flex: 0 0 500px; }
#asp-infos-container { padding-left: 70px; }

.tabelle-scrollable { overflow-x: auto; }

.immo-suche-container { padding: 10px 55px; border-bottom: 2px solid #fff; }
.isc-dark-yellow { background-color: #FFB400; }
.isc-light-yellow { background-color: rgb(255 180 0 / 0.4); }
.isc-light-green { background-color: #c6dfb7; }
.isc-trenner { width: 100%; height: 2px; background-color: #fff; }

.is-flex { display: flex; }
.is-flex-center { align-items: center; }
.is-flex-feld-name { flex: 0 0 130px; font-weight: bold; }
.is-flex-feld-inhalt { flex-grow: 1; }

.is-checkbox-list { display: flex; flex-wrap: wrap; }
.is-checkbox { flex: 0 0 25%; }

#isc-mitte { padding: 20px 55px 15px 55px; }


.slider {  }
.slider-center { padding-top: 11px; }
.slider-container { padding: 0 7px; }
.slider-values { display: flex; justify-content: space-between; padding-top: 10px; }
.slider-left { flex: 0 0 60px; text-align: left; }
.slider-right { flex: 0 0 60px; text-align: right; }
.noUi-target { box-shadow: none; border: 0; background: #4A4848; }
.noUi-handle { box-shadow: none; border: 1px solid transparent; background-color: rgb(255 255 255); border-radius: 14px; }
.noUi-horizontal { height: 1px; }
.noUi-horizontal .noUi-handle { width: 14px; height: 14px; }
.noUi-handle:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 14px; top: -4px; left: 0px; background: transparent; }
.noUi-handle:after { display: none; }
.noUi-handle-lower { right: -7px !important; }
.noUi-handle-upper { right: -7px !important; }



.clear { clear: both; }

.imgleft { float: left; margin-right:30px; margin-bottom:20px; }
.imgright { float: right; margin-left:30px; margin-bottom:20px; }

#page { max-width: 1920px; margin: 0 auto; position: relative; padding-top: 126px; }
.page-overlay { background-color: rgb(255 255 255 / 0.65); width: 12%; position: absolute; height: 100%; top: 0; z-index: 50; }
#po-left { left: 0; }
#po-right { right: 0; }

.wrap-content { /*max-width: 1034px;*/ max-width: 1240px; margin: 30px auto 0 auto; padding: 0 10px 40px 10px; }
.wrap-content-line { width: 100%; height: 1px; background-color: #FFB400; margin-bottom: 20px; }

.wrap-content h1 { font-size: 1.9rem; color: #006F3B; margin-bottom: 18px; }
.wrap-content h2 { font-size: 1.6rem; color: #006F3B; margin-bottom: 15px; }
.wrap-content h3 { font-size: 1.6rem; color: #000; margin-bottom: 10px; }
.wrap-content h4 { font-size: 1.6rem; color: #000; margin-bottom: 10px; }
.inh-abs-text p:last-child { margin-bottom: 0; }
.inh-abs-text ul { overflow: auto; padding-left: 21px; }
.inh-abs-text ol { overflow: auto; padding-left: 30px; }
.content-trenner { width: 100%; height: 1px; margin: 20px 0; background-color: #FFB400; }

header { position: fixed; top: 0; left: 50%; width: 100%; max-width: 1920px; transform: translateX(-50%); background-color: #fff; height: 126px; z-index: 50; }
#header { border-bottom: 4px solid #FFB400; position: relative; }
#head-desktop { /*width: 76%;*/ max-width: 1220px; margin: 0 auto; display: flex; }
#head-mobile { display: none; }
#mobile-menu-switch { display: none; }
#mobile-navigation { display: none; }
#header-left { /*flex-grow: 1;*/ }
#header-right { flex: 0 0 135px; position: absolute; right: 14%; top: 0; }
#header-right img { display: block; margin-top: 9px; margin-bottom: 6px; }
#header-search-print { /*padding-left: 120px;*/ padding-top: 36px; display: flex; align-items: center; }
#header-search { flex: 0 0 230px; }
#websearch { display: flex; align-items: center; }
#websearch ::-webkit-input-placeholder { color: #006F3B; }
#websearch ::-moz-placeholder { color: #006F3B; }
#websearch :-ms-input-placeholder { color: #006F3B; }
#websearch :-moz-placeholder { color: #006F3B; }
#websearch-input { border: 0; background-color: #EAE9E8; height: 29px; line-height: 21px; padding: 4px 6px; flex: 0 0 202px; width: 100%; }
#websearch-button { border: 0; cursor: pointer; background-color: #EAE9E8; height: 29px; padding: 0 6px; outline: 0; }
#websearch-button img { display: block; }
#header-print { flex-grow: 1; }
#print { display: flex; align-items: center; padding-left: 22px; width: 115px; cursor: pointer; }
#print-icon img { display: block; }
#print-icon { padding-right: 9px; }
#print-text { font-size: 11pt; }
#header-navigation { /*padding-left: 120px;*/ padding-top: 20px; padding-right: 50px; }


#mainnav { font-weight: 300; list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-start; font-size: 11pt; height: 37px; }
.mainli { display: inline-block; display: block; }
.mainli-indicator { position: absolute; left: 20px; bottom: -4px; width: calc(100% - 40px); height: 6px; display: block; }
.mainli.open .mainli-indicator { background-color: #006F3B; }
.mainli.open
#mifirst { width: 100%; left: 0; }
.mainlink { padding: 0 20px; display: block; position: relative; height: 37px; }
.mainlink-text { text-transform: uppercase; display: inline-block; padding-top: 5px; }
.mainli.open .mainlink-text { color: #FFB400; }
.mainli.open .mainsub { color: #FFB400; }
.mainsub { display: inline-block; padding: 5px 0 0 5px; }
#mainnav li:last-child .mainlink { padding-right: 0; }
.sub1container { position: absolute; left: 12%; top: 126px; width: calc(100% - 24%); background-color: rgb(255 255 255 / 0.87); text-align: left; min-height: 46px; }
.sub1 { list-style: none; display: flex; padding-left: 160px; flex-wrap: wrap; }
a.sub1link { display: block; padding: 12px 10px 12px 10px; font-size: 11.25pt; white-space: nowrap;  }
.sub1li { flex: 0 0 25%; }
.mainli:first-child .mainlink { padding-left: 0; padding-right: 0; }


#panorama-picture { border-bottom: 4px solid #FFB400; }
#panorama-picture img { display: block; width: 100%; }



/*.box { outline: 1px dotted red; min-height: 50px; }*/

.boxen2er { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px; }
.boxen2er > div { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/2*100% - (1 - 1/2)*20px); }
.boxen2er > div:nth-child(2n) { margin-right: 0; }
.boxen2er::after { content: ''; flex: auto; }
.boxen2er > div:nth-child(-n+2) { margin-top: 0; }

.boxen3er { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px; }
.boxen3er > div { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/3*100% - (1 - 1/3)*20px); }
.boxen3er > div:nth-child(3n) { margin-right: 0; }
.boxen3er::after { content: ''; flex: auto; }
.boxen3er > div:nth-child(-n+3) { margin-top: 0; }

.boxen4er { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px; }
.boxen4er > div { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/4*100% - (1 - 1/4)*20px); }
.boxen4er > div:nth-child(4n) { margin-right: 0; }
.boxen4er::after { content: ''; flex: auto; }
.boxen4er > div:nth-child(-n+4) { margin-top: 0; }

.box { position: relative; min-height: 185px; }
.box-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box-content { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; flex-direction: column; height: 100%; }
.box-content.box-content-no-icon { justify-content: center; }
.box-icon img { display: block; }
.box-text { text-align: center; }
.box-text h3 { color: #fff; margin-bottom: 0; }
.box-button-text { font-size: 1.6rem; color: #fff; margin-top: 25px; padding: 5px 10px; width: 75%; text-align: center; border: 2px solid #fff; border-radius: 25px; }


.boxen2er .box-content { padding: 20px 20px 25px 20px; }
.boxen2er .box-icon { padding-bottom: 20px; }
.boxen2er .box-text h3 { font-size: 2.35rem; }

.boxen4er .box-content { padding: 20px; }
.boxen4er .box-icon { padding-bottom: 10px; }
.boxen4er .box-text h3 { font-size: 1.6rem; }

.box-dark-green {
 background-color: #006F3B;
 transition: all 0.3s ease-in-out;
 border-radius: 1px;
}

.box-dark-green:hover {
 background-color: #FFB400;
}


.box-light-green { background-color: #70AD48;  transition: background-color 0.25s; border-radius: 1px;}
.box-light-green:hover { background-color:#70AD48;; }

.box-yellow { 
 background-color: #FFB400;
 border-radius: 0px;
 transition: all 0.3s ease-in-out;
}

.box-yellow:hover { background-color: #006F3B; }


.box-grey { background-color:#cAc9c8; transition: background-color 0.3s; border-radius: 1px;}
.box-grey:hover { background-color: #a3a3a3; }




#start-infotext { background-color: #ffffff; padding: 35px; color: #1E3817; margin-bottom: 30px; }
#start-infotext p:last-child { margin-bottom: 0; }
#start-infotext h2 { margin-bottom: 0.9rem; }


#footer { border-top: 4px solid #FFB400; }
#footer-content { /*width: 76%;*/ max-width: 1220px; position: relative; margin: 0 auto; display: flex; padding-bottom: 40px; }
#footer-left { flex-grow: 1; display: flex; padding-top: 25px; /*padding-left: 120px;*/ height: 93px; }
#footer-navigation { font-size: 13pt; }
#footer-navigation a { color: #A3A3A3; display: inline-block; }
#footer-navigation a:hover { color: #A3A3A3; }
#footer-navigation a:nth-child(1){ padding-right: 27px; }
#footer-navigation a:nth-child(2){ padding-right: 27px; }
#footer-navigation a:nth-child(3){ padding-right: 27px; }

#footer-havarie { font-size: 13pt; }
#footer-havarie a:hover { color: #F72803; }
#footer-right { flex: 0 0 170px; position: absolute; top: 0; right: -20px; }
#footer-right img { display: block; width: 70px; padding-top: 15px; }



.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:last-child { margin-bottom: 0; }
#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; }
#cookie-opt-in * { box-sizing: border-box; }
#coi-center {  max-width: 900px; margin: 0 auto; padding-top: 10px; }
#coi-infotext-mobile { display: none; }
#coi-infotext-mobile p { margin-bottom: 0; padding-bottom: 0; }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
.coi-infolinks { padding: 10px 0 5px 0; }
#coi-form-tbl { display: table; width: 100%; }
#coi-form {  }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons button.btn-dark { color: #888; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }
#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }
#cookie-info-spacer {  }
.iframe-daten-info { background-color: rgba(5, 5, 5, 0.16); color: #fff; padding: 50px 10px; text-align: center; }
.idi-text { color: #3a3a3a; }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
@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; }
}




.headline-red h2 { color: #F72803; }





.immo-liste { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px; }
.immo-liste::after { content: ''; flex: auto; }
.immo { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/4*100% - (1 - 1/4)*20px); }
.immo:nth-child(4n) { margin-right: 0; }
.immo:nth-child(-n+4) { margin-top: 0; }

.immo { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.immo-bild { padding-bottom: var(--abstand_immo); position: relative; }
.immo-bild img { display: block; width: 100%; height: 195px; object-fit: cover; object-position: center; }
.immo-headline { padding-bottom: var(--abstand_immo); text-align: left; width: 100%; }
.immo-headline h3 { font-size: 13pt; font-weight: normal; color: #006F3B; margin-bottom: 0; }
.immo-info { padding-bottom: var(--abstand_immo); text-align: left; width: 100%; }
.immo-button { padding-bottom: var(--abstand_immo); border-bottom: 1px solid #FFB400; width: 100%; text-align: center; }
.immo-liste-preis { position: absolute; bottom: 30px; background-color: #ffb400; color: #006f3b; font-weight: bold; padding: 5px 15px 4px 10px; font-size: 14pt; left: 0; /*transform: translateX(-50%);*/ border-bottom-right-radius: 25px; border-top-right-radius: 25px; display: block; border: 4px solid #fff; border-left: 0; }
.immo-liste-preis:hover, .immo-liste-preis:active { color: #006f3b; }




.immo-details-tabs { display: flex; background-color: #FFB400; padding: 8px 20px; /*justify-content: space-between;*/ justify-content: center; }
.immo-details-tab-button .is-button-white { width: 150px; text-align: center; outline: none; }
.immo-details-tab { min-height: 100px;  }

.immo-details-tab-content { padding: 30px 0; }

.tab-content-flex { display: flex; justify-content: space-between; }
.tab-content-flex-left { flex: 0 0 46%; }
.tab-content-flex-right { flex: 0 0 46%; }

.immo-details-table { display: table; width: 100%; }
.immo-details-table-row { display: table-row; }
.immo-details-table-cell { display: table-cell; vertical-align: top; padding: 4px 0 4px 0; }
.immo-details-table-cell.cell-left { width: 205px; }
.immo-details-table-cell.cell-right { font-weight: bold; }

#immo-details-map { width: 100%; height: 450px; }

#immogallery .carousel-control-next, #immogallery .carousel-control-prev { opacity: 1; }
#immogallery .carousel-control-next .fa-stack, #immogallery .carousel-control-prev .fa-stack { font-size: 1.2em; }
#immogallery .fa-circle { color: #ffb400; }
#immogallery .fa-chevron-left, #immogallery .fa-chevron-right { color: #fff; }
#immogallery .carousel-control-next:hover .fa-circle, #immogallery .carousel-control-prev:hover .fa-circle { color: #006F3B; }
#immogallery .carousel-indicators li { background-color: #ffb400; }
#immogallery .carousel-indicators .active { background-color: #ffb400; }
#immogallery img { max-height: 450px; object-fit: contain; }

#imggallery .carousel-control-next, #imggallery .carousel-control-prev { opacity: 1; }
#imggallery .carousel-control-next .fa-stack, #imggallery .carousel-control-prev .fa-stack { font-size: 1.2em; }
#imggallery .fa-circle { color: #ffb400; }
#imggallery .fa-chevron-left, #imggallery .fa-chevron-right { color: #fff; }
#imggallery .carousel-control-next:hover .fa-circle, #imggallery .carousel-control-prev:hover .fa-circle { color: #006F3B; }
#imggallery .carousel-indicators li { background-color: #ffb400; }
#imggallery .carousel-indicators .active { background-color: #ffb400; }
#imggallery img { max-height: 450px; object-fit: contain; }
.carousel-caption { font-weight: 600; color: #fff; }



.immo-detail-share { display: flex; align-items: center; }
.immo-detail-share img { display: block; height: 35px; }
.immo-share-text { text-transform: uppercase; }
.immo-share-link { margin-left: 30px; }
.immo-share-print { margin-left: auto; display: flex; align-items: center; }
.immo-share-print span { padding-left: 8px; color: #696868; }


.immo-details-kontakt { display: flex; align-items: center; justify-content: center; }

.green-button { display: inline-block; padding: 8px 15px; background-color: #006F3B; color: #fff; border-radius: 25px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: 0; outline: none !important; }
.green-button.green-button-small { padding: 5px 10px; font-size: 11pt; }
.green-button:hover { background-color: #ffb400; color: #fff; }
.button-flex { display: flex; align-items: center; outline: none; }
.button-flex img { display: inline-block; height: 31px; margin-right: 6px; }
.button-flex span { display: inline-block; }

.grey-button { display: inline-block; padding: 8px 15px; background-color: #adadad; color: #fff; border-radius: 25px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: 0; outline: none !important; }
.grey-button.grey-button-small { padding: 5px 10px; font-size: 11pt; }
.grey-button:hover { background-color: #808080; color: #fff; }


#ip-suche-buttons { display: flex; align-items: center; justify-content: center; }
#ip-suche-buttons-trenner { width: 50px; }
#ip-suche-buttons .green-button { width: 185px; text-align: center; outline: none; }


.carousel-caption { width: auto; padding: 10px 15px; transform: translateX(-50%); left: 50%; right: auto; border-radius: 25px; background-color: rgb(0 0 0 / 50%); }




#meinewga-infos { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
.wga-info { flex: 0 0 190px; margin: 20px; cursor: pointer; }
.wga-info-bild { display: block; max-width: 190px; width: 100%; }
.wga-info-titel { text-align: center; color: #006f3b; font-size: 19pt; padding-top: 8px; }
#infotext-container { background-color: #fbe49b; padding: 15px; }
#infotext-container p:last-child { margin-bottom: 0; }



#wgad-app-download { display: flex; }
#wgad-app-download-text { flex-grow: 1; }
#wgad-app-download-text > div { padding-right: 35px; }
#wgad-app-download-icons { flex: 0 0 430px; }
#app-downloads { display: flex; justify-content: space-between; }
.app-download { flex: 0 0 189px; }
.app-download img { display: block; width: 100%; max-width: 189px; }



.faq-headline { color: #006F3B; font-weight: bold; }
.faq-frage { position: relative; cursor: pointer; padding: 4px 0; }
.faq-frage:before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 3px; }
.faq-frage.collapsed:before { content: "\f067"; }
.faq-frage > div { padding-left: 30px; }
.faq-antwort { color: #006F3B; padding-left: 30px; font-weight: 600; }
.faq-antwort p:last-child { margin-bottom: 0; padding-bottom: 20px; }



.ip-suche-container { padding: 20px 20px 15px 20px; background-color: rgb(255 180 0 / 0.4); border-bottom: 2px solid #fff; }
#ip-suche-flex { display: flex; }
#ip-suche-slider { flex-grow: 1; }
#ip-suche-trenner { flex: 0 0 5%; }
#ip-suche-ausstattung-und-button { flex: 0 0 440px; position: relative; }
#ip-suche-ausstattung-und-button .switch-btn { margin-left: auto; width: 210px; }
#ip-suche-submit { position: absolute; right: 0; bottom: 0; outline: none; }
#ip-suche-checkboxen-flex { display: flex; }
#ip-suche-checkboxen-left { flex: 0 0 220px; }
#ip-suche-checkboxen-right { flex: 0 0 220px; }

#ip-suche .is-wohngebiet { flex: 0 0 33.33333%; }
#ip-suche .is-wohngebiet:nth-child(4) { padding-top: 6px; }



@media screen and (max-width: 1700px){
	#head-desktop { padding-left: 13%; padding-right: 13%; max-width: 100%; }
	.wrap-content { padding: 0 13% 40px 13%; max-width: 100%; }
  #footer-content { padding-left: 13%; padding-right: 13%; max-width: 100%; }
  #footer-right { right: 13%; }
  #header-right { right: 13%; }
  .ip-anfrage-content { flex-wrap: wrap; }
  .ip-anfrage-aktionen { flex: 0 0 100%; display: flex; padding-top: 25px; }
  .ip-anfrage-aktion { padding-bottom: 0; padding-right: 30px; }
  .ip-anfrage-aktion.aktion-del { padding-top: 4px; order: 1; }
}

@media screen and (max-width: 1600px){
  #head-desktop { /*max-width: 1034px; padding: 0 10px; width: auto;*/ }
  #header-search-print { padding-left: 0; }
  #header-navigation { padding-left: 0; }
  #header-right { flex: 0 0 97px; }
  #footer-content { /*padding: 0 10px 40px 10px; max-width: 1034px; width: auto;*/ }
  #footer-left { padding-left: 0; }
  #footer-right { flex: 0 0 70px; }
  .mainlink { padding: 0 15px; }
  .mainli-indicator { left: 15px; width: calc(100% - 30px); }
  .sub1 { padding-left: 45px; max-width: 1034px; margin: 0 auto; }
  .is-wohngebiet { flex: 0 0 33.33333%; }
  .is-wohngebiet:nth-child(4) { padding-top: 6px; }
  
  .ip-suchanfrage-details-flex-wohnungsdaten .ip-suchanfrage-details-flex-info-left { flex: 0 0 115px; }
}
@media screen and (max-width: 1500px){
  #ip-suche .is-wohngebiet { flex: 0 0 50%; }
  #ip-suche .is-wohngebiet:nth-child(3) { padding-top: 6px; }
  #ip-suche-flex { flex-wrap: wrap; }
  #ip-suche-slider { flex: 0 0 100%; }
  #ip-suche-trenner { display: none; }
  #ip-suche-ausstattung-und-button { flex: 0 0 100%; }
  #ip-suche-submit { position: static; margin: 0 auto; display: block; margin-bottom: 15px; }
  #ip-suche-checkboxen-flex { justify-content: center; padding: 25px 0 15px 0; }
}


@media screen and (max-width: 1400px){
  .page-overlay { width: 8%; }
  .sub1container { width: calc(100% - 16%); left: 8%; }
	#head-desktop { padding-left: 9%; padding-right: 9%; }
	.wrap-content { padding-left: 9%; padding-right: 9%; }
  #footer-content { padding-left: 9%; padding-right: 9%; }
  #footer-right { right: 9%; }
  #header-right { right: 9%; }
}

@media screen and (max-width: 1300px){
  .page-overlay { width: 5%; }
  .sub1container { width: calc(100% - 10%); left: 5%; }
	#head-desktop { padding-left: 6%; padding-right: 6%; }
	.wrap-content { padding-left: 6%; padding-right: 6%; }
  #footer-content { padding-left: 6%; padding-right: 6%; }
  #footer-right { right: 6%; }
  #header-right { right: 6%; }
}

@media screen and (max-width: 1200px){
  .page-overlay { display: none; }
  .sub1container { width: 100%; left: 0; }
	#head-desktop { padding-left: 2%; padding-right: 2%; }
	.wrap-content { padding-left: 2%; padding-right: 2%; }
  #footer-content { padding-left: 2%; padding-right: 2%; }
  #footer-right { right: 2%; }
  #header-right { right: 2%; }
  .form-asp { flex: 0 0 50%; }
}

@media screen and (max-width: 1100px){
  header { height: auto; }
  #page { padding-top: 84px; }
  #header { display: none; }
  #head-mobile { display: block; z-index: 70; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; border-bottom: 4px solid #FFB400; }
  #head-mobile-content { display: flex; padding: 10px 10px 10px 20px; }
  #head-mobile-logo { flex: 0 0 50%; }
  #head-mobile-logo img { display: block; height: 60px; }
  
  .wrap-content { padding-left: 10px; padding-right: 10px; }
  
  #mobile-menu-switch { position: fixed; right: 20px; top: 23px; display: block; z-index: 80; padding: 8px 0 2px 10px; }
  #mm-button { width: 30px; height: 30px; position: relative; cursor: pointer;
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
  }
  #mm-button span { display: block; position: absolute; height: 4px; width: 50%; background: #006F3B; opacity: 1; left: 0;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
  transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
  }
  #mm-button span:nth-child(even) { left: 50%; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
  #mm-button span:nth-child(odd) { left:0px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
  #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; }
  #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 10px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 20px; }
  #mm-button.open span { background: #fff; }
  #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #mm-button.open span:nth-child(1) { left: 3px; top: 7px; }
  #mm-button.open span:nth-child(2) { left: calc(50% - 3px); top: 7px; }
  #mm-button.open span:nth-child(3) { left: -50%; opacity: 0; }
  #mm-button.open span:nth-child(4) { left: 100%; opacity: 0; }
  #mm-button.open span:nth-child(5) { left: 3px; top: 17px; }
  #mm-button.open span:nth-child(6) { left: calc(50% - 3px); top: 17px; }
  
  #siteoverlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75;
		-webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear;
  }
  
  #mobile-navigation { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; max-width: 440px; visibility: hidden;
    -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear;
  }
  #mobile-navigation.open { opacity: 1; visibility: visible; left: 0; }
  #nav-content { width: 100%; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; }
  #ios-menu-korrektur { width: 100%; height: 70px; }
  #mnav-head { padding: 15px 0 5px 0; max-height: 58px; }
  #mnav-head .tbl { width: 80%; margin: 0 auto; }
  #mnav-head .tbl-td { vertical-align: top; }
  #mm-search-btn { width: 46px; }
  #mm-search-btn button { height: 38px; }
  #mm-search-btn span { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; }

  #mnav-body { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; }
  #mnav-body a { text-decoration: none; font-weight: bold; }
  #mnav-body a:hover {  }
  #mnav-body ul { list-style: none; padding: 0; margin: 0; }
  #mnav-body ul li a { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; }
  #mnav-body ul li {  }
  .manv0 { padding-left: 20px; }
  .manv1 { padding-left: 40px; }
  .manv2 { padding-left: 60px; }
  .manv3 { padding-left: 80px; }
  .mnavli0 { position: relative; }
  .mnavli1 { position: relative; }
  .mnavli2 { position: relative; }
  .mnavli3 {  }
  .show-sub-nav { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; color: #006F3B; }
  .marrow { border: 6px solid #0067b3; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
  .isclicked .marrow { border-top-color: transparent; border-bottom-color: #0067b3; }
  .show-sub-nav.isclicked { top: -2px; padding-top: 0; padding-bottom: 12px; }
  .mnavul1 { display: none; }
  .mnavul2 { display: none; }
  .mnavul3 { display: none; }
  
  
  .boxen4er .box-text h3 { font-size: 1.5rem; }
  
  #is-flex-mitte { flex-wrap: wrap; }
  #is-flex-mitte-slider { flex: 0 0 70%; }
  #id-flex-mitte-buttons { flex: 0 0 100%; text-align: center; }
  .is-button { display: inline-block; }
  #is-btn-whn-anzeigen { margin-right: 20px; }
  #is-btn-whn-portal { margin-left: 20px; }
  
  .asp-und-buttons { flex-wrap: wrap; }
  .asp-und-buttons-asp-daten { flex: 0 0 100%; }
  .asp-und-buttons-buttons { flex: 0 0 100%; padding-top: 15px; }
  .aspdaten-flex { flex-wrap: wrap; }
  .aspdaten-asp { flex: 0 0 auto; padding-right: 35px; }
  .buttons-flex { flex-wrap: wrap; }
  .button-right { flex: 0 0 auto; padding-right: 35px; }
  
  #ip-content-trenner { display: none; }
  #ip-content-right { display: none; }
  
  #intranet-content-trenner { display: none; }
  #intranet-content-right { display: none; }
  
  #ip-suche .is-wohngebiet { flex: 0 0 33.33333%; }
  #ip-suche .is-wohngebiet:nth-child(3) { padding-top: 0; }
}

@media screen and (max-width: 1000px){
	.boxen4er .box-text h3 { font-size: 1.6rem; }
  .boxen4er > div:nth-child(4n) { margin: 20px 20px 0 0; }
  .boxen4er > div:nth-child(-n+4) { margin: 20px 20px 0 0; }
  .boxen4er > div { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/2*100% - (1 - 1/2)*20px); }
  .boxen4er > div:nth-child(2n) { margin-right: 0; }
  .boxen4er > div:nth-child(-n+2) { margin-top: 0; }
  
  
  .immo:nth-child(4n) { margin: 20px 20px 0 0; }
  .immo:nth-child(-n+4) { margin: 20px 20px 0 0; }
  .immo { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/2*100% - (1 - 1/2)*20px); }
  .immo:nth-child(2n) { margin-right: 0; }
  .immo:nth-child(-n+2) { margin-top: 0; }
  .immo-bild img { height: 310px; }
  
  
  .bgsfz:nth-child(4n) { margin: 20px 20px 0 0; }
  .bgsfz:nth-child(-n+4) { margin: 20px 20px 0 0; }
  .bgsfz { box-sizing: border-box; margin: 20px 20px 0 0; width: calc(1/2*100% - (1 - 1/2)*20px); }
  .bgsfz:nth-child(2n) { margin-right: 0; }
  .bgsfz:nth-child(-n+2) { margin-top: 0; }
  
  #asp-seite { flex-wrap: wrap; display: block; }
  #asp-infos { flex: 0 0 auto; padding-top: 40px; }
  #asp-infos-container { padding-left: 0px; }
  
  .werkzeug-maschine { flex: 0 0 33.33333%; }
  #is-flex-mitte-slider { flex: 0 0 100%; }
  #id-flex-mitte-buttons { flex: 0 0 auto; padding: 15px 0; }
  #is-btn-whn-anzeigen { margin-right: 0; }
  #is-btn-whn-portal { margin-left: 0; }
  .is-button { display: block; }
  #is-flex-mitte { justify-content: space-evenly; }
  .immo-suche-container { padding: 10px; }
  .is-wohngebiet { flex: 0 0 50%; }
  .is-wohngebiet:nth-child(3) { padding-top: 6px; }
  .is-art-button-container { padding-right: 15px; }
  #is-art-buttons { justify-content: space-evenly; }
  
  .tab-content-flex { flex-wrap: wrap; }
  .tab-content-flex-left { flex: 0 0 100%; }
  .tab-content-flex-right { flex: 0 0 100%; }
  
  
  #wgad-app-download { flex-wrap: wrap; }
  #app-downloads { justify-content: flex-start; }
  #wgad-app-download-text { flex: 0 0 100%; }
  #wgad-app-download-text > div { padding-right: 0; }
  #wgad-app-download-icons { flex: 0 0 100%; }
  .app-download:first-child { padding-right: 20px; }
  .app-download:last-child { padding-left: 20px; }
  
  .form-asp { flex: 0 0 33.33333%; }
  
  #ip-suche .is-wohngebiet { flex: 0 0 50%; }
  #ip-suche .is-wohngebiet:nth-child(3) { padding-top: 6px; }
  
  .google-map-kategorie { flex: 0 0 50%; }
  
  
  #is-flex-mitte { flex-wrap: wrap; }
  #is-flex-mitte-slider-v2 { flex: 0 0 70%; }
  #id-flex-mitte-buttons { flex: 0 0 100%; text-align: center; justify-content: center; }
  #is-flex-mitte-checkboxen-und-button { padding-top: 35px; }
  
  #isc-mitte { padding: 10px; }
  
  #stellplatze-flex { flex-wrap: wrap; }
  .stellplaetze-container { flex: 0 0 100%; }
  .cell-2 { width: 160px; }
  .cell-3 { width: 160px; }
  .cell-4 { width: 160px; }
  #stellplatze-container-right .stellplatz-tr:first-child { display: none; }
  
  /*.stellplatz-kotakt-element { flex: 0 0 100%; padding: 10px 0 5px 5px; }*/
  .stellplatz-kontakt-icon { flex: 0 0 38px; }
  /*.stellplatz-kontakt { padding-top: 5px; padding-bottom: 8px; }*/
}

@media screen and (max-width: 800px){
	#footer-left { flex-wrap: wrap; }
  #footer-navigation { flex: 0 0 100%; }
  #footer-havarie { flex: 0 0 100%; }
  #footer-navigation a:nth-child(3) { padding-right: 0; }
  
  .werkzeug-zeiten { padding-right: 0; flex: 0 0 100%; }
  .werkzeug-asp { flex: 0 0 100%; }
}

@media screen and (max-width: 765px){
	.box { min-height: 25px; }
  .boxen2er > div:nth-child(-n+2) { margin-top: 20px; }
  .boxen2er > div { margin: 20px 0 0 0; width: 100%; }
  .boxen2er > div:nth-child(1) { margin-top: 0; }
  
  .boxen4er > div:nth-child(-n+4) { margin: 20px 0 0 0; }
  .boxen4er > div:nth-child(-n+2) { margin-top: 20px; }
  .boxen4er > div { margin: 20px 0 0 0; width: 100%; }
  .boxen4er > div:nth-child(1) { margin-top: 0px; }
  
  .immo:nth-child(-n+4) { margin: 20px 0 0 0; }
  .immo:nth-child(-n+2) { margin-top: 20px; }
  .immo { margin: 20px 0 0 0; width: 100%; }
  .immo:nth-child(1) { margin-top: 0px; }
  .immo-bild img { height: 250px; }
  
  .bgsfz:nth-child(-n+4) { margin: 20px 0 0 0; }
  .bgsfz:nth-child(-n+2) { margin-top: 20px; }
  .bgsfz { margin: 20px 0 0 0; width: 100%; }
  .bgsfz:nth-child(1) { margin-top: 0px; }
  
  #footer-right { display: none; }
  #footer-navigation a:nth-child(1) { padding-right: 0; }
  #footer-navigation a:nth-child(2) { padding-right: 0; }
  #footer-navigation { display: flex; justify-content: space-between; }
  #footer-havarie { padding-top: 15px; text-align: center; }
  #footer-content { padding: 0 10px 20px 10px; }
  
  .einleitung-box { float: none; margin-right: 0; }
  
  .hwd-zeiten { padding-right: 0; flex: 0 0 100%; }
  .hwd-asp { flex: 0 0 100%; }
    
  .hwd-sprechzeit { padding-right: 0; padding-bottom: 0px; flex: 0 0 100%; }
  .hwd-sprechzeit:last-child { padding-bottom: 30px; }
  
  .schluessel-zeiten { padding-right: 0px; flex: 0 0 100%; }
  .schluessel-asp { flex: 0 0 100%; }
  

  .werkzeug-maschine { flex: 0 0 50%; }
  
  .is-flex { flex-wrap: wrap; }
  .is-flex-feld-name { flex: 0 0 100%; }
  #is-art-buttons { justify-content: space-between; }
  #is-flex-mitte-slider .is-flex-feld-name { text-align: center; }
  #is-flex-mitte-checkboxen { padding: 15px 0 10px 0; }
  .is-wohngebiet-container { padding-right: 20px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  
  .gaestewohnung { flex-wrap: wrap; }
  .gaestewohnung-bild { flex: 0 0 35%; }
  .gaestewohnung-text-content { padding: 15px 0 0 0; }
  .gaestewohnung-button { flex: 0 0 100%; padding-top: 15px; }
  
  .content-list { flex-wrap: wrap; }
  .content-list-bild { flex: 0 0 35%; }
  .content-list-text { flex: 0 0 100%; }
  .content-list-text-content { padding: 15px 0 0 0; }
  .content-list-button { flex: 0 0 100%; padding-top: 15px; }
  
  .news-container { flex-wrap: wrap; }
  .nc-bild { flex: 0 0 35%; }
  .nc-text div { padding-left: 0; padding-top: 15px; }
  
  .immo-details-tabs { padding: 8px; }
  .immo-details-tab-button .is-button-white { width: 130px; }
  
  .immo-share-text { display: none; }
  .immo-share-link { margin-left: 0; margin-right: 15px; }
  
  .immo-details-table-cell.cell-left { width: 50%; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; }
  .immo-details-table-cell.cell-right { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; }

	#anfrage-tabelle { width: 100%; }
  
  .app-download { flex: 0 0 50%; }
  
  .form-asp { flex: 0 0 50%; }
  

	#ip-suche-buttons-trenner { display: none; }
  #ip-suche-buttons { justify-content: space-around; }
  #ip-startboxen { width: auto; }
  .ip-suche-container { padding: 10px; }
  #ip-suche-trenner { display: none; }
  #ip-suche-flex { flex-wrap: wrap; }
  #ip-suche-slider { flex: 0 0 100%; }
  #ip-suche-ausstattung-und-button { flex: 0 0 100%; padding-top: 25px; }
  .ip-suche-container:first-child { padding: 10px; }
  #ip-suche-ausstattung-und-button .switch-btn { margin-left: 0; }
  #ip-suche .is-flex-feld-name { text-align: center; }
  
  .google-map-kategorie { flex: 0 0 100%; }
  
  
  #is-flex-mitte-slider-v2 { flex: 0 0 100%; }
  .is-art-button-container { padding-right: 10; }
  
  .stellplatz-table { font-size: 10pt; }
  .cell-2 { width: 95px; }
  .cell-3 { width: 55px; }
  .cell-4 { width: 60px; }
  
  #stellplatz-suche-und-kontakt { flex-wrap: wrap; }
  #stellplatz-suche { flex: 0 0 100%; /*padding-bottom: 25px;*/ }
  .stellplatz-kotakt-element { padding-left: 0; padding-right: 0; }
  .stellplatz-td { padding: 10px 15px 10px 0px; }
  .cell-4 { padding-right: 0; }
  
  .ip-anfrage-detail { flex: 0 0 100%; }
  
  .ip-suchanfrage-details-flex-info { flex: 0 0 100%; }
  .ip-suchanfrage-details-flex-wohnungsdaten .ip-suchanfrage-details-flex-info-left { flex: 0 0 210px; }
  
  .ip-sucheanfrage-details { flex-wrap: wrap; }
  .ip-suchanfrage-details-left { flex: 0 0 100%; }
  .ip-suchanfrage-details-right { flex: 0 0 100%; flex-direction: row; align-items: center; justify-content: space-around; padding-top: 20px; }
  .ip-suchanfrage-details-button { padding-bottom: 0; }
  
  .preis-info-tabelle { width: 100%; }
  .preis-info-tabelle-left { width: 50%; }
  .preis-info-tabelle-right { text-align: left; }
  .preis-info-tabelle-right > div { width: 82px; text-align: right; }
  
}

@media screen and (max-width: 630px){
	#ip-suche-submit { position: static; margin-top: 15px; }
  #ip-suche-flex { justify-content: center; }
  #ip-suche-ausstattung-und-button { flex: 0 0 auto; text-align: center; }
  #is-art-buttons { flex-wrap: wrap; justify-content: space-around; row-gap: 15px; }
  #is-art-ip-button { margin-left: 0; flex: 0 0 100%; display: flex; justify-content: center; padding-top: 0px; }
  .is-art-button-container { padding-right: 0; }
}

@media screen and (max-width: 580px){
	#is-flex-mitte-checkboxen-container-v2 { flex-wrap: wrap; }
  #is-flex-mitte-checkboxen-left { flex: 0 0 100%; }
  #is-flex-mitte-checkboxen-right { flex: 0 0 100%; }
  #is-flex-mitte-checkboxen-und-button { flex: 0 0 100%; }
  #is-flex-mitte-checkboxen-v2 { padding-left: 0; }
  #ip-suche-checkboxen-flex { flex-wrap: wrap; }
  #ip-suche-checkboxen-left { flex: 0 0 100%; }
  #ip-suche-checkboxen-right { flex: 0 0 100%; }
  #ip-suche-ausstattung-und-button { flex: 0 0 100%; }
}

@media screen and (max-width: 535px){
	.is-wohngebiet { flex: 0 0 100%; }
  .is-wohngebiet:nth-child(2) { padding-top: 6px; }
	#ip-suche .is-wohngebiet { flex: 0 0 100%; }
  #ip-suche .is-wohngebiet:nth-child(2) { padding-top: 6px; }
}

@media screen and (max-width: 465px){
	#ip-suche-buttons { flex-wrap: wrap; }
	#ip-suche-button-left { flex: 0 0 100%; padding-bottom: 15px; text-align: center; }
  #ip-suche-button-right { flex: 0 0 100%; text-align: center; }
}










#consent-banner { position: fixed; bottom: 0; left: 0; 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 175px; }

#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 { text-decoration: underline; font-weight: bold; }*/

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

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


/*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 85%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; }
.consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; }
.consent-banner-unblock-info-link { padding-top: 10px; }
.consent-banner-unblock-info-button { padding-top: 15px; }*/

@media screen and (max-width: 1024px){
  #consent-banner-center { flex-direction: column; gap: 15px; }
  #consent-banner-left { flex: 0 0 100%; }
  #consent-banner-right { flex: 0 0 auto; }
  #content-banner-buttons { flex-direction: row; justify-content: center; }
  .consent-banner-button { flex: 0 0 175px; }
}

@media screen and (max-width: 450px){
  #content-banner-buttons { flex-direction: column; gap: 10px; }
  .consent-banner-button { flex: 0 0 auto; }
}









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