*                                     { padding: 0; margin: 0; }

body                                  { font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #052652; font-size: 12pt; }
body.hide-overflow 										{ overflow-x: hidden; overflow-y: scroll; position: fixed; width: 100%; }

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

a                                     { color: #d71e17; }
a:hover                               { color: #d71e17; }

h1                                    { font-size: 2.5rem; }
h2                                    { font-size: 2.0rem; }
h3                                    { font-size: 1.5rem; }
h4                                    { font-size: 1.0rem; }

.clear                                { display: block; clear: both; }

#sitzung-liste { padding: 30px 0; }
.sitzung-liste-eintrag { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid rgb(228, 228, 228); }
.sitzung-liste-eintrag:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.sitzung-liste-eintrag-container { display: block; padding: 10px; }
.sitzung-liste-eintrag-container:hover { background-color: #b8daff; }

#sitzung-dokumente { padding-top: 25px; }
#sitzung-dokumente a { display: block; padding: 10px; border-bottom: 2px solid #e4e4e4; }
#sitzung-dokumente a:last-child { border-bottom: 0; }
#sitzung-dokumente a:hover { background-color: #b8daff; }

#head-mobile                          { display: none; }
#mobile-menu-switch                   { display: none; }
#mobile-navigation                    { display: none; }
#head-wrap                            { max-width: 2000px; margin: 0 auto; display: flex; padding: 0 4.5%; width: 100%; }
#head-left                            { flex: 0 0 20.77777%; }
#head-right                           { flex-grow: 1; position: relative; }
#logo-desktop                         { padding: 37px 0 45px 0; }
#logo-desktop a                       { display: block; }
#logo-desktop a img                   { display: block; width: 100%; }

#suche-startbild-wrap                 { background-color: #e8f4ff; }
#suche-startbild                      { display: flex; max-width: 2000px; margin: 0 auto; }
#start-wohnungssuche                  { flex: 0 0 50%; }
#startbild                            { flex: 0 0 50%; position: relative; }
#startbild img                        { display: block; width: 100%; }
#startbild-text                       { position: absolute; bottom: 30px; right: 30px; background-color: rgba(204, 217, 230, 0.77); color: #fff; font-size: 20pt; padding: 12px 10px; }
#startbild-text div:nth-child(1)      { padding-right: 30px; }
#startbild-text div:nth-child(2)      { padding-left: 60px; }
.bild-orange                          { color: #e72019; }
.bild-schwarz                         { color: #000; }

#start-content                        { max-width: 600px; width: 100%; padding: 0 10px; float: right; position: relative; height: 100%; text-align: center; }
#start-content-tbl                    { display: table; position: relative; width: 100%; height: 100%; }
#start-content-td                     { display: table-cell; position: relative;  width: 100%; height: 100%; vertical-align: middle; }
#start-titel h1                       { text-transform: uppercase; font-size: 2.5rem; }
#start-titel h1 span:nth-child(1)     { display: block; }
#start-titel h1 span:nth-child(2)     { display: block; font-size: 2.2rem; }

#main-navigation                      { padding-top: 8.5%; }
#navigation                           { padding: 0 24.91228% 0 6.87719%; }
#navigation ul                        { list-style: none; }
#mainnav                              { margin-bottom: 0; display: flex; justify-content: space-between; width: 100%; }
.mainli                               { display: block; padding: 7px 0; position: relative; font-size: 15pt; line-height: 15pt; white-space: nowrap; }
.mainlink                             { text-transform: uppercase; display: inline-block; }
.mainsub                              { padding: 0 7px; cursor: pointer; display: inline-block; color: #e72019; }
.sub1                                 { background-color: #010000; position: absolute; left: 0; top: 34px; z-index: 200; padding: 0; }
.sub1                                 { -webkit-box-shadow: 0px 6px 13px 0 #1515157d; box-shadow: 0px 6px 13px 0 #1515157d; }
.sub1li                               { display: block; width: auto; min-width: 175px; padding: 6px 10px; border-top: 1px solid rgba(165, 165, 165, 0.2); font-size: 13pt; }
.sub1li:first-child                   { border-top: 0; }
a.sub1link                            { color: #ffffff; }

#kontakt-suche                        { position: absolute; display: flex; top: 43px; right: 0; font-size: 19pt; }
#head-kontakt                         { display: none; }
#head-kontakt-icon                    { float: left; padding-right: 20px; }
#head-kontakt-icon a, #head-kontakt-icon a:hover {  color: #6f6f6f; }
#head-kontakt-text                    {  float: left; }
#head-suche                           { padding-left: 62px; }
#head-suche a, #head-suche a:hover    { color: #4c4c4c; }
#head-suche a i                       { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }



.suche-slider                         { height: 48px; }
.slider-table                         { display: table; width: 100%; }
.slider-td                            { display: table-cell; vertical-align: top; }
.slider-td.slider-left                { width: 55px; text-align: center; }
.slider-td.slider-right               { width: 55px; text-align: center; }
.slider-td span                       { display: block; padding-top: 19px; font-weight: 600; }
.slider-center                        { position: relative; padding: 0 5px 0 5px; }
.slider-titel                         { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.slider-inner                         { padding-top: 26px; }
/*.noUi-target                          { box-shadow: none; border: 0; background: #dddddd; }*/
/*.noUi-handle                          { box-shadow: none; border: 0; background: #dddddd; }
.noUi-horizontal .noUi-handle         { width: 23px; height: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; color: #fff; top: -8px; }
.noUi-horizontal                      { height: 8px; }
.noUi-handle:before                   { display: none; }
.noUi-handle-lower.noUi-handle:after  { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f054'; background: none; left: 8.5px; }
.noUi-handle-upper.noUi-handle:after  { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f053'; background: none; left: 7px; }
.noUi-handle:after, .noUi-handle:before { top: -1px; }*/
#anz-wohnungen                        { text-align: center; padding-top: 15px; }
span.anzw-count                       { font-size: 1.8rem; }
#wss-button                           { text-align: center; padding-top: 15px; }

#startsuche .suche-slider             { color: #626262; max-width: 370px; margin: 0 auto; }


#start-infos-news-wrap                { max-width: 1200px; margin: 0 auto; display: flex; padding: 26px 0; }
#start-infos                          { flex: 0 0 50%; }
#start-infos-content                  { /*padding: 0 4.16667%;*/ padding: 0 2.08334%; }
#start-news                           { flex: 0 0 50%; }
#start-news-content                   { /*padding: 0 4.16667%;*/ padding: 0 2.08334%; }
.start-subheader                      { text-align: center; text-transform: uppercase; }
.start-subheader a, .start-subheader a:hover { color: #052652; cursor: pointer; }
.start-subheader h2                   { font-size: 1.4rem; }
.start-subheader-arrow                { text-align: center; font-size: 2.4rem; color: #e72019; }

.start-in-boxen                       { display: flex; width: 100%; padding-top: 10px; }
.start-in-box                         { flex: 0 0 49%; }
.start-in-trenner                     { flex: 0 0 2%; }
.start-in-trenner div                 { width: 1px; height: 100%; background-color: #212529; margin: 0 auto; }
.start-in-box-headline                { font-size: 1.6rem; text-align: center; padding: 0 10px; }
.start-in-box-text                    { text-align: center; padding: 0 48px; }
.start-in-box-text p:last-child       { margin-bottom: 0; }

.start-newsmeldung                    {  }
.sn-tbl                               { display: table; width: 210px; margin: 0 auto; padding-top: 8px; }
.sn-tbl-td                            { display: table-cell; vertical-align: middle; }
.sn-tbl-td.td-date                    { width: 54px; }
.sn-date                              { display: block; border: 1px solid #e72019; text-align: center; }
.sn-date-month                        { display: block; text-transform: uppercase; color: #0d2a3e; padding: 6px 11px 5px 11px; }
.sn-date-day                          { display: block; background-color: #e72019; color: #fff; padding: 6px 11px 5px 11px; }
.sn-text                              { display: block; padding-left: 18px; color: #0d2a3e; }


#footer                               { background-color: #fff; }
#footer-start                         { background-color: #e8f4ff; }
#wrap-footer                          { max-width: 1200px; margin: 0 auto; text-align: center; padding: 20px 10px; }
#footer-navigation                    { padding-bottom: 20px; text-transform: uppercase; }
/*#footer-navigation a, #footer-navigation a:hover { color: #0d2a3e }*/

#footer-copyright                     {  }
#footer-navigation {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgb(231 33 24 / 25%);
}


#cookie-info                          { position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; }
#cookie-info-content                  { background-color: rgba(0, 0, 0, 0.6); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; }
#cookie-info-tbl                      { display: table; margin: 0 auto; }
#cookie-info-text                     { display: table-cell; font-size: 9pt; vertical-align: middle; }
#cookie-info-text a                   {  }
#cookie-info-button                   { display: table-cell; font-size: 14pt; vertical-align: middle; }
#cookie-info-abstand                  { display: table-cell; width: 15px; }
#cookie-info-spacer                   { width: 100%; height: 33px; background-color: transparent; }
#cookie-info-button                   { cursor: pointer; }


#content-area                         { background-color: #e8f4ff; }
#content-wrap                         { max-width: 1230px; margin: 0 auto; padding: 30px 15px; }
#content                              { display: flex; }
#content-main                         { flex-grow: 1; }
#content-aside                        { flex: 0 0 380px; }
#infoboxen                            { padding-left: 50px; }

#content-main h2                      { font-size: 1.7rem; }
#seitentitel                          { padding-bottom: 15px; }
.inh-abs-text ul                      { padding-left: 19px; overflow: auto; }
.inh-abs-text ol                      { padding-left: 30px; overflow: auto; }
.content-trenner                      { width: 100%; height: 30px; }
.bildgala                           	{ padding-top: 0; }
.gala-bild-container                	{ float: left; width: 20%; text-align: center; padding-bottom: 10px; padding-top: 10px; }
.gala-bild                          	{ display: inline-block; width: 150px; height: 150px; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; }
.gala-bild img                      	{ display: none; }


.ifbox                                { border-left: 2px solid rgb(228, 228, 228); padding: 15px 15px 0 15px; margin-bottom: 30px; }
.ifbox-headline                       { text-transform: uppercase; text-align: center; }
.ifbox-text                           { padding-bottom: 15px; font-size: 10pt; }
.ifbox-text p:last-child              { margin-bottom: 0; }
.ifbox-bild                           { padding-bottom: 15px; }
.ifbox-bild a {
  position: relative;
}
.ifbox-bild img                       { display: block; width: 100%; }
.ifbox-wss                            { padding-bottom: 15px; }
.ifbox-wss .slider-titel              { font-size: 11pt; }
.ifbox-wss .slider-td.slider-left     { font-size: 10pt; width: 40px; }
.ifbox-wss .slider-td.slider-right    { font-size: 10pt; width: 40px; }
.ifbox-wss .slider-td span            { padding-top: 21px; }
.ifbox-wss #anz-wohnungen             { font-size: 11pt; }
.ifbox-wss span.anzw-count            { font-size: 1.5rem; }


.ifbox-news                           { padding-bottom: 15px; }
.ifbn-tbl                             { display: table; width: 100%; padding-top: 8px; }
.ifbn-tbl-td                          { display: table-cell; vertical-align: middle; }
.ifbn-tbl-td.td-date 									{ width: 54px; }
.ifbn-date                            { display: block; border: 1px solid #e72019; text-align: center; }
.ifbn-date-month                      { display: block; text-transform: uppercase; color: #0d2a3e; font-size: 0.9rem; padding: 6px 11px 5px 11px; }
.ifbn-date-day                        { display: block; background-color: #e72019; color: #fff; font-size: 0.9rem; padding: 6px 11px 5px 11px; }
.ifbn-text                            { display: block; padding-left: 18px; color: #0d2a3e; }


.newsmeldung                          { display: flex; margin-bottom: 35px; }
.news-bild                            { flex: 0 0 28%; }
.news-bild a {
  position: relative;
}
.news-bild img                        { display: block; width: 100%; }
.news-content                         { flex-grow: 1; padding-left: 25px; }
.news-date                            { padding-bottom: 8px; }
.news-more-link                       { padding-top: 10px; text-align: right; }


.mitarbeiter                          { display: flex; margin-bottom: 55px; }
.ma-bild                              { flex: 0 0 200px; }
.ma-bild img                          { display: block; width: 100%; }
.ma-informationen                     { flex-grow: 1; padding-left: 25px; font-size: 1rem; }
.ma-infos                             { padding-bottom: 20px; }
.ma-infos p:last-child                { margin-bottom: 0; }
.ma-tel                               { padding-top: 8px; }
.ma-fax                               { padding-top: 8px; }
.ma-email                             { padding-top: 8px; }

.ma_grid {
  display: grid;
  grid-template-columns: 45% 45%;
  grid-gap: 90px;
}

.acc-head                             { display: table; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid transparent; cursor: pointer; }
/*.acc-head.open                        { border-bottom: 1px solid #010000; }*/
.acc-indicator                        { display: table-cell; vertical-align: middle; font-size: 1.3rem; width: 35px; color: #e62018; }
.acc-head-titel                       { displaY: table-cell; vertical-align: middle; }
#content-main .acc-head-titel h2      { margin-bottom: 0; font-size: 1.4rem; }
.acc-element											    { padding-bottom: 20px; }
.acc-element:last-child        		    { padding-bottom: 0; }
.acc-content                          { display: none; }

/* Immobilien Suche */
.suche-slider-elelemt { float: left; width: 33.33333%; }
.suche-slider-elelemt:nth-child(1) { padding-right: 3%; padding-left: 0; }
.suche-slider-elelemt:nth-child(2) { padding-right: 1.5%; padding-left: 1.5%; }
.suche-slider-elelemt:nth-child(3) { padding-left: 3%; padding-right: 0; }
.suche-submit-area { text-align: center; padding-top: 15px; }

/* Immobilien Liste */
#wohnungen-liste { padding-top: 15px; display: flex; flex-wrap: wrap; }
.wohnung { margin-bottom: 4.5%; flex: 0 0 33.33333%; }
.wohnung-bild img { -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); -webkit-transition: transform 900ms; -moz-transition: transform 900ms; -ms-transition: transform 900ms; -o-transition: transform 900ms; transition: transform 900ms; }
.wohnung:hover .wohnung-bild img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }
.wohnung:nth-child(3n+1) { padding-right: 3%; clear: both; }
.wohnung:nth-child(3n+2) { padding-right: 1.5%; padding-left: 1.5%; }
.wohnung:nth-child(3n+3) { padding-left: 3%; }
.wohnung-inner { display: flex; flex-direction: column; padding: 5px; background-color: rgba(255, 255, 255, 0.5); position: relative; height: 100%; }
.wohnung:hover .wohnung-inner { background-color: rgba(255, 255, 255, 0.85); 
-webkit-transition: background 500ms linear;
-moz-transition: background 500ms linear;
-ms-transition: background 500ms linear;
-o-transition: background 500ms linear;
transition: background 500ms linear;
}
.wohnung-bild { overflow: hidden; }
.wohnung-bild a { display: block; position: relative; }
.wohnung-bild a img { display: block; width: 100%; height: 300px; object-fit: cover; object-position: top; }
.wohnung-infos {  }
.wohnung-titel { padding-top: 15px; text-align: center; }
#content-main .wohnung-titel h2 { font-size: 1.4rem; margin-bottom: 0; }
.wohnung-strasse { padding-top: 15px; }
.wohnung-ort {  }
.wohnung-quick-details { padding-top: 15px; display: table; width: 100%; }
.wohnung-quick-info { display: table-cell; }
.wohnungd-details-button { display: table-cell; vertical-align: bottom; text-align: right; width: 90px; }
.wohnungd-details-button a { text-transform: uppercase; }
.quick-info { float: left; width: 50%; padding-bottom: 10px; }
.quick-info:nth-child(3) { padding-bottom: 0; }
.quick-info:nth-child(4) { padding-bottom: 0; }
.quick-info-wert { font-size: 16pt; }
.quick-info-text {  }
.immo-suche-nav { float: right; }
#wohnungen-nav-top  { padding-top: 25px; }



#id-bilder {
  padding-bottom: 30px;
}
.carousel-item img {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgb(231 32 25);
  border-radius: 50%;
  padding: 30px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-size: 40px 40px;
}

.carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 5px;
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  padding: 10px;
}

.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 1050;
  padding: 0.5rem;
  background: #fff;
  color: #000;
  text-decoration: none;
}

.skip-link:focus {
  left: 0;
  top: 0;
}



/* Immobilien Details */
.galleria-image-nav-left { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #e72119; background: none !important; font-size: 40px; opacity: 1 !important; background-color: rgba(255, 255, 255, 0.2) !important; }
.galleria-image-nav-left:before { content: "\f053"; position: absolute; top: 50%; left: 15px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.galleria-image-nav-right { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #e72119; background: none !important; font-size: 40px; opacity: 1 !important; background-color: rgba(255, 255, 255, 0.2) !important; }
.galleria-image-nav-right:before { content: "\f054"; position: absolute; top: 50%; right: 15px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.galleria-theme-classic { background: transparent; }
.galleria-theme-classic .galleria-counter { right: 10px; left: auto; padding: 3px 2px 2px 2px; background-color: #0d2a3e; opacity: 1 !important; }



/* Interessenten Portal */
#idb-pwv { padding-bottom: 30px; }



.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
/*.cookie-row:nth-child(odd) .cookie-info-name { background-color: #d3d3d3; }
.cookie-row:nth-child(odd) .cookie-info-text { background-color: #d3d3d3; }*/
.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; }



/* Consent Banner */
#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 { color: #fff; }

#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; }
}
/* Consent Banner */



#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; }
#coi-infotext { /*text-align: justify;*/ }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
#coi-infolinks { padding: 10px 0 5px 0; }
#coi-form { padding-top: 10px; }
/*#coi-form button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #7f9e28; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }

.iframe-daten-info { background-color: rgba(0,0,0,0.7); color: #fff; 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: #7f9e28; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 4px 10px; }*/


#navigation .navbar {
  font-size: 15pt;
}
#navigation .nav-link {
  color: #e72019;
}

#ipdatepicker .gj-icon {
  display: none;
}

.img-icon {
	position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: #d71e17;
  width: 35px;
  height: 35px;
  
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  border: 1px solid #fff;
}
.img-icon svg {
  color: #fff;
}

.inh-abs-text a:has(img) {
  position: relative;
  display: block;
}
.inh-abs-text a:has(img) .img-icon {
  bottom: initial;
  top: 5px;
}

.inh-abs-text a:has(img.imgleft) .img-icon {
  right: initial;
  left: 5px;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #fff;
  color: #000;
}


#slider-zimmer, #slider-flaeche, #slider-miete, #slider-etage, #slider-flaeche-wl, #slider-zimmer-wl, #slider-miete-wl {
  height: 8px;
}
#slider-zimmer .noUi-handle, #slider-flaeche .noUi-handle, #slider-miete .noUi-handle, #slider-etage .noUi-handle, #slider-flaeche-wl .noUi-handle, #slider-zimmer-wl .noUi-handle, #slider-miete-wl .noUi-handle {
  height: 23px;
  width: 23px;
  top: -9px;
  right: -12px;
  border-radius: 23px;
  background: #b7b7b7;
  box-shadow: none;
  border-color: #818181;
}
.noUi-target {
  box-shadow: none;
  background: #b7b7b7;
  border-color: transparent;
}
.noUi-connect {
  background: #b7b7b7;
}
.noUi-handle-lower.noUi-handle:before {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 320 512'%3E%3Cpath d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 17px;
  height: 17px;
  left: 3px;
  top: 2px;
}
.noUi-handle-upper.noUi-handle:before {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 320 512'%3E%3Cpath d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 17px;
  height: 17px;
  left: 2px;
  top: 2px;
}
.noUi-handle:after {
  display: none;
}





@media screen and (max-width: 1600px){
  #kontakt-suche                        { top: 25px; }
  #navigation                           { padding: 0 20% 0 7%; }
}

@media screen and (max-width: 1500px){
  #navigation                           { padding: 0 16% 0 7%; }
  #startbild img                        { height: 410px; object-fit: cover; }
}

@media screen and (max-width: 1400px){
  #kontakt-suche                        { top: 25px; font-size: 17pt; }
  #navigation                           { padding: 0 7% 0 7%; }
  #logo-desktop                         { padding: 15% 0 17% 0; }
}

@media screen and (max-width: 1300px){
  #navigation                           { padding: 0 3% 0 5%; }
  .gala-bild-container                  { width: 25%; padding-top: 12px; padding-bottom: 18px; }
}

@media screen and (max-width: 1200px){
	#content                              { display: block; }
  #infoboxen                            { padding-left: 0; display: flex; flex-wrap: wrap; padding-top: 35px; }
  .ifbox-flex                           { flex: 0 0 50%; }
  .ifbox                                { max-width: 330px; margin-left: auto; margin-right: auto; }
  .gala-bild-container                  { width: 16.66666%; }
}


@media screen and (max-width: 1100px){
  #start-infos-news-wrap                { display: block; }
  #start-infos                          { padding-bottom: 60px; }
  #head-desktop                         { display: none; }
  #head-mobile                          { display: flex; height: 60px; background-color: #fff; position: relative; justify-content: space-between; align-items: center; }
  #head-mobile-logo                     { padding: 5px 15px; display: inline-block; }
  #head-mobile-logo img                 { display: block; height: 50px; }
  #header-small-navigation a {
    padding: 12px 10px;
    font-size: 25pt;
  }
  #mobile-menu-logo {
      height: 70px;
  }

  #mobile-menu-switch                   { position: absolute; display: block; right: 15px; z-index: 150; top: 15px; }
  #mm-button                            { width: 45px; height: 45px; 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: 6px; width: 50%; background: #e72019; opacity: 1; left: 0;
                                          -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
                                          -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 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }
  #mm-button span:nth-child(odd)        { left:0px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }
  #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: 13px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 26px; }
  #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: 5px; top: 7px; }
  #mm-button.open span:nth-child(2)     { left: calc(50% - 5px); 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: 5px; top: 21px; }
  #mm-button.open span:nth-child(6)     { left: calc(50% - 5px); top: 21px; }
  
  
  #siteoverlay                          { display: none; width: 100vw; height: 100vh; position: absolute; 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; color: #e72019; }
  #mnav-body a:hover                    { color: #e72019; }
  #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: #e72019; }
  .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; }
  
  .gala-bild-container                  { width: 20%; }
  
  .wohnung { flex: 0 0 50%; margin-bottom: 4%; }
  .wohnung:nth-child(3n+1) { padding-right: 0; clear: none; }
  .wohnung:nth-child(3n+2) { padding-right: 0; padding-left: 0; }
  .wohnung:nth-child(3n+3) { padding-left: 0; }
  .wohnung:nth-child(odd) { padding-right: 2%; clear: both; }
  .wohnung:nth-child(even) { padding-left: 2%; }
  .wohnung-bild a img { height: 329px; }
  
  #intranet-nav-dektop { display: none; }
  
}

@media screen and (max-width: 1000px){
  #suche-startbild                      { flex-direction: column-reverse; }
  #startbild img                        { height: auto; }
  #start-content                        { float: none; margin: 0 auto; padding: 30px 0 35px 0; }
  .gala-bild-container                  { width: 25%; }
  .suche-slider-elelemt                 { float: none; width: auto; }
  .suche-slider-elelemt:nth-child(1n) { padding-right: 0; padding-left: 0; }
  .suche-slider-elelemt:nth-child(2n) { padding-right: 0; padding-left: 0; }
  .suche-slider-elelemt:nth-child(3n) { padding-left: 0; padding-right: 0; }
}

@media screen and (max-width: 768px){
  #startsuche .suche-slider             { max-width: 100%; }
  .ifbox-flex                           { flex: 0 0 100%; }
  .gala-bild-container 									{ width: 33.33333%; }
  .newsmeldung                          { display: block; margin-bottom: 55px; }
  .news-content                         { padding-left: 0; }
  .news-bild img                        { max-width: 75%; padding-bottom: 15px; }
  .mitarbeiter                          { display: block; }
  .ma-informationen                     { /*padding-left: 0; */ }
  .ma-bild img                          { /* padding-bottom: 15px;*/ }
  .ma_grid {
    grid-template-columns: 100%;
  {
  
  .wohnung                              { flex: 0 0 100%; margin-bottom: 8%; }
  .wohnung:nth-child(odd) { padding-right: 0; }
  .wohnung:nth-child(even) { padding-left: 0; }
  .wohnung-bild a img { height: 300px; }
  .imgleft                              { width: 100% !important; }
  .imgright                             { width: 100% !important; }
}

@media screen and (max-width: 570px){
	.gala-bild-container 									{ width: 50%; }
}

@media screen and (max-width: 550px){
  .start-in-boxen                       { flex-direction: column; }
  .start-in-box                         { flex: 0 0 100%; }
  .start-in-trenner                     { flex: 0 0 100%; }
  .start-in-trenner div                 { width: 80%; height: 1px; }
  #start-infos-content .start-in-trenner { padding: 18px 0 15px 0; }
  #start-news .start-in-trenner         { padding: 25px 0 15px 0; }
  #startbild-text                       { position: static; text-align: center; font-size: 5vw; }
  #startbild-text div:nth-child(1)      { padding-right: 0; }
  #startbild-text div:nth-child(2)      { padding-left: 0; }
  #start-titel h1                       { font-size: 6vw; }
  #start-titel h1 span:nth-child(2)     { font-size: 5vw; }
  .news-bild img                        { max-width: 100%; }
}

@media screen and (max-width: 430px){
	.wohnung-bild a img                   { height: auto; }
}

@media screen and (max-width: 380px){
	.gala-bild                            { width: 125px; height: 125px; }
}

@media screen and (max-width: 360px){

}






/* Consent Banner */
#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-links a {
  color: #fff !important;
}

#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; }
}
/* Consent Banner */






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