*                                     { padding: 0; margin: 0; }
*:focus                               { outline: 0; }

body                                  { background-color: #fff;
                                        font-family: Verdana, sans-serif, Geneva, Arial;
                                        font-size: 12pt;
                                        color: #747a7a;
                                        position: relative;
                                      }

header, nav, main, aside, footer      { display: block; }

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

h1, h2, h3                            { margin: 0; padding: 0; font-weight: normal; }

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

#page                                 {  }

header                                { background-color: #fff; max-width: 2000px; margin: 0 auto; }
#header-big                           { position: fixed; z-index: 100; height: 130px; width: 100%; background-color: #fff; max-width: 2000px;
                                        -webkit-transition:height 700ms ease;
                                        -moz-transition:height 700ms ease;
                                        -o-transition:height 700ms ease;
                                        transition:height 700ms ease;
                                      }
#header-big.sticky-nav                { height: 80px; }
#header-small                         { display: none; }
#hbtbl                                { display: table; width: 100%; }
.hbtd                                 { display: table-cell; vertical-align: top; height: 130px; }
#hbtd-logo                            { width: 461px; position: relative; }
#hbtd-nav                             {  }
#hbtd-suche                           { width: 150px; text-align: center; }
#hbtd-suche a                         { display: inline-block; padding: 41px 0; 
                                        -webkit-transition:padding 500ms ease;
                                        -moz-transition:padding 500ms ease;
                                        -o-transition:padding 500ms ease;
                                        transition:padding 500ms ease;
                                      }
#header-big.sticky-nav #hbtd-suche a  { padding: 18px 0 15px 0; }
#hbtd-suche span                      { font-size: 24pt; color: #4c6b8f; }
#logo                                 { position: absolute; top: 24px; left: 0; width: 100%; text-align: center; }
#logo a                               { display: inline-block; }
#logo a img                           { display: block; height: 259px;
                                        -webkit-transition:height 700ms ease;
                                        -moz-transition:height 700ms ease;
                                        -o-transition:height 700ms ease;
                                        transition:height 700ms ease;
                                      }
#header-big.sticky-nav #logo a img    { height: 150px; }

#mobile-navigation                    { display: none; }

#navigation                           { padding: 43px 0 39px 0; 
                                        -webkit-transition:padding 500ms ease;
                                        -moz-transition:padding 500ms ease;
                                        -o-transition:padding 500ms ease;
                                        transition:padding 500ms ease;
                                      }
#header-big.sticky-nav #navigation    { padding: 18px 0 14px 0; }
#mainnav                              { max-height: 48px; margin-bottom: 0; }
#navigation ul                        { list-style: none; padding: 0; text-align: justify; }
#navigation ul li                     { display: inline-block; text-align: -webkit-match-parent; font-size: 18pt; position: relative; }
.mainli                               { position: relative; padding: 6px 0; }
.maintext                             { text-transform: uppercase; }
#navigation ul li a                   { color: #ad1735; }
#navigation ul li ul                  { position: absolute; left: 0; top: 48px; z-index: 200; }
#navigation ul li ul li               { display: block; width: auto; min-width: 200px; }
#navigation ul li ul li a             { padding: 5px 10px; display: block; white-space: nowrap; white-space: normal; text-align: left; border-top: 1px solid rgba(39, 107, 36, 0.4); font-size: 16pt; color: #fff; }
#navigation ul li ul li ul            { left: 208px; top: 0; background-color: #cae4de; }
#navigation ul li ul li ul li         { font-size: 19pt; display: block; width: 208px; }
#nav-top-100                          { padding-left: 100%; height: 1px; }
.mainliclick                          { font-size: 18pt; }
#navigation ul li ul                  { background-color: #ad1535; }
#navigation ul li ul li a             { border-top: 1px solid rgba(56, 56, 56, 0.25); }



#content                              { padding-top: 130px; max-width: 2000px; margin: 0 auto;
                                        -webkit-transition:padding 500ms ease;
                                        -moz-transition:padding 500ms ease;
                                        -o-transition:padding 500ms ease;
                                        transition:padding 500ms ease;
                                      }
#content.sticky-nav                   { padding-top: 80px; }

#startbild                            { position: relative; }
#bigpic                               { display: block; width: 100%; }

#start-boxen                          { position: absolute; left: 0; bottom: -75px; width: 100%; padding: 0 170px; }
#start-box-links                      { float: left; width: 33.33%; }
#start-box-mitte                      { float: left; width: 33.33%; }
#start-box-mitte .infobox             { margin: 0 auto; }
#start-box-rechts                     { float: left; width: 33.33%; }
#start-box-rechts .infobox            { float: right; }


.infobox                              { background-color: #fff; max-width: 395px; position: relative;
                                        -webkit-box-shadow: -3px 3px 0px 1px rgba(203,207,214,1);
                                        -moz-box-shadow: -3px 3px 0px 1px rgba(203,207,214,1);
                                        box-shadow: -3px 3px 0px 1px rgba(203,207,214,1); 
                                        -webkit-border-top-left-radius: 5px;
                                        -webkit-border-bottom-right-radius: 5px;
                                        -moz-border-radius-topleft: 5px;
                                        -moz-border-radius-bottomright: 5px;
                                        border-top-left-radius: 5px;
                                        border-bottom-right-radius: 5px;
                                      }
.infobox-icon                         { position: absolute; width: 140px; height: 140px; background-color: #e8e9f1;
                                        top: -70px; left: 50%; margin-left: -70px;
                                        -webkit-border-radius: 140px;
                                        -moz-border-radius: 140px;
                                        border-radius: 140px;
                                      }
.ifb-icon-tbl                         { display: table; width: 100%; }
.ifb-icon-td                          { display: table-cell; vertical-align: middle; height: 140px; text-align: center; }
.ifb-icon-td img                      { display: inline-block; }
.infobox-inner                        { padding: 110px 36px 45px 36px; }
.infobox-titel                        { color: #8d9eb2; text-transform: uppercase; text-align: center; padding-bottom: 45px; }
.infobox-titel h3                     { font-size: 22pt; }
.infobox-content                      {  }
.infobox-link-button                  { text-align: center; padding-top: 15px; }
.infobox-link-button.link-button-right{ text-align: right; }
.infobox-link-button a                { text-transform: uppercase; font-weight: bold; font-size: 13pt; }


.slider-table                         { display: table; width: 100%; padding-bottom: 25px; }
.slider-table:last-child              { padding-bottom: 0; }
.slider-td                            { display: table-cell; vertical-align: top; }
.slider-td.slider-left                { width: 45px; text-align: center; }
.slider-td.slider-right               { width: 45px; text-align: center; }
.slider-inner                         { position: relative; padding: 0 18px; }
.slider-titel                         { position: absolute; width: 100%; text-align: center; top: -26px; left: 0; font-size: 12pt; }
#ifbws-anz-wohnungen                  { padding: 5px 0; text-align: center; }
.ifbws-anzahl                         { font-size: 15pt; }
.ifbws-anzahl-text                    { font-weight: bold; }


#footer                               { height: 60px; width: 100%; background-color: #ad1535; }
#footer-big                           { max-width: 2000px; margin: 0 auto; padding: 0 170px; }
#footer-links                         { float: right; padding-top: 16px; }
#footer-links a                       { color: #fff; display: inline-block; }
#footer-link-imp                      { padding-right: 10px; }
#footer-link-ds                       {  }
#footer-copyright                     { float: left; padding-top: 16px; }
#footer-copyright-text                { color: #fff; }
#footer-copyright-line                { background-color: #fff; width: 100%; height: 2px; margin-top: 3px; }


#footer.startseite                    { height: 165px; width: 100%; background-color: #ad1535; }
#footer.startseite #footer-links      { padding-top: 115px; }
#footer.startseite #footer-copyright  { padding-top: 115px; }





.noUi-horizontal                    { height: 10px; margin-top: 6px; }
.noUi-target                        { box-shadow: none; border: 1px solid transparent; background: #e7e9f1; }
.noUi-background                    { background: #b7b7b7; }
.noUi-handle                        { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.noUi-horizontal .noUi-handle       { top: -7px; }
.noUi-handle:after, .noUi-handle:before{ content: ""; height: auto; width: auto; background: none; left: 0; top: -9px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 27px; color: #9aa6c4; }
.noUi-handle-lower:before           { content: "\f138"; }
.noUi-handle-lower:after            { width: 20px; height: 18px; background-color: #fff; z-index: -1; top: 2px; left: 1px; border-radius: 20px; }
.noUi-handle-upper:before           { content: "\f137"; left: auto; right: 0; }
.noUi-handle-upper:after            { width: 20px; height: 18px; background-color: #fff; z-index: -1; top: 2px; left: auto; right: 1px; border-radius: 20px; }


#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.8); 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                 { color: #ff6081; }
#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: #fff; }
#cookie-info-button                 { cursor: pointer; }



#inhalt                             {  }
#inhalt-logo                        { float: left; width: 461px; height: 100px; }
#inhalt-text                        { float: left; width: 57%; min-height: 100px; margin-bottom: 30px; padding-right: 80px; padding-top: 55px; }
#infoboxen                          { max-width: 395px; float: right; min-height: 100px; width: 100%; padding-top: 55px; }
.ifb-content                        { padding-top: 70px; padding-bottom: 35px; }

#seitentitel                        { padding-bottom: 25px; }
#seitentitel h1                     { font-size: 24pt; }
.inh-abs-titel                      { padding-bottom: 15px; }
#inhalt-text h2                     { font-size: 18pt; }
#inhalt-text h3                     { font-size: 16pt; padding-bottom: 20px; }
.inh-abs-text                       {  }
.inh-abs-text p                     { padding-bottom: 17px; }
.inh-abs-text ul                    { padding-left: 17px; overflow: auto; }
.inh-abs-text ol                    { padding-left: 20px; overflow: auto; }
.content-trenner                    { width: 100%; height: 30px; }


.bildgala                           { padding-top: 35px; }
.gala-bild-container                { float: left; width: 20%; text-align: center; padding-bottom: 35px; }
.gala-bild                          { display: block; margin: 0 auto; width: 185px; height: 185px; background-position: center center; background-size: cover; background-repeat: no-repeat; border: 1px solid #b3b3b3; }
.gala-bild img                      { display: none; }

.partner                            { float: left; width: 50%; padding-bottom: 55px; }
.partner:nth-child(odd)             { padding-right: 30px; }
.partner:nth-child(even)            { padding-left: 30px; }
.partner:nth-child(2n+1)            { clear: both; }
.partner-tbl                        { display: table; width: 100%; }
.partner-tr                         { display: table-row; }
.partner-td                         { display: table-cell; }
.partner-td-name                    { width: 80px; }
.partner-unternehmen                { padding-bottom: 20px; }


.acc                                { margin-bottom: 40px; margin-left: 5px;
                                      -webkit-box-shadow: -3px 3px 0px 1px rgba(203,207,214,1);
                                      -moz-box-shadow: -3px 3px 0px 1px rgba(203,207,214,1);
                                      box-shadow: -3px 3px 0px 1px rgba(203,207,214,1); 
                                      -webkit-border-top-left-radius: 5px;
                                      -webkit-border-bottom-right-radius: 5px;
                                      -moz-border-radius-topleft: 5px;
                                      -moz-border-radius-bottomright: 5px;
                                      border-top-left-radius: 5px;
                                      border-bottom-right-radius: 5px;
                                    }
.acc-head                           { padding: 10px; cursor: pointer;
                                      -webkit-transition:background-color 350ms ease;
                                      -moz-transition:background-color 350ms ease;
                                      -o-transition:background-color 350ms ease;
                                      transition:background-color 350ms ease;
																		}
.acc-head:hover                     { background-color: rgba(232, 233, 241, 0.5); }
.acc-head.acc-open                  { background-color: rgba(232, 233, 241, 0.5); }
#inhalt-text .acc-head h3           { padding-bottom: 0; }
.acc-head span                      { display: inline-block; padding-right: 10px; }
.acc-content                        { display: none; padding: 15px 10px 10px 15px; }

.bereich-mitarbeiter                { list-style: none; padding: 0; }
.bereich-mitarbeiter li             { float: left; width: 50%; padding-top: 15px; padding-bottom: 15px; }
.bereich-mitarbeiter li:nth-child(odd){ padding-right: 30px; }
.bereich-mitarbeiter li:nth-child(even){ padding-left: 30px; }
.bereich-mitarbeiter li:nth-child(2n+1){ clear: both; }
.ma-name                             { font-weight: bold; }
.ma-bereiche                         { padding-top: 20px; }
.ma-tbl                              { display: table; width: 100%; padding-top: 20px; }
.ma-tr                               { display: table-row; }
.ma-td                               { display: table-cell; vertical-align: top; padding-bottom: 5px; }

/*
.btn-primary                         { background-color: #ad1535; border-color: #ad1535; }
.btn-primary:hover                   { background-color: #9a1330; border-color: #9a1330; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #9a1330; border-color: #9a1330; }
*/

.immo-objekt                         { padding-bottom: 30px; border-bottom: 1px solid #d3d3d3; margin-bottom: 30px; }
.immo-info-header                    { font-weight: bold; }
.immo-infos                          { position: relative; }
.immo-details                        { position: absolute; right: 15px; bottom: 0; }
.immo-suche-nav                      { float: right; }
.immo-suche-nav.nav-top              { padding-bottom: 10px; }
#ws-btn-nav                          { padding-bottom: 20px; }
#wohn-plz-nummer                     { display: inline-block; padding-left: 15px; font-size: 70%; }
.immo-merkmal                        { padding-top: 6px; }
#immo-details                        { padding-top: 10px; }
#immo-dokumente                      { padding-bottom: 25px; }
.immo-dokument                       { padding-bottom: 5px; }
.immo-dokument:last-child            { padding-bottom: 0; }
.immo-dokument i                     { font-size: 16pt; }
#immo-bilder                         {  }
#immo-bilder ul                      { margin-bottom: 0; list-style: none; }
#immo-bilder ul li                   { float: left; width: 50%; padding-bottom: 15px; }
.gala-bild-immo                      { display: block; margin: 0 auto; width: 130px; height: 130px; background-position: center center; background-size: cover; background-repeat: no-repeat; border: 1px solid #b3b3b3; }
.gala-bild-immo img                  { display: none; }
.immo-text                           { padding-top: 25px; }

#websuche                            { display: none; position: absolute; top: 130px; right: 0; height: 0; overflow: hidden; white-space: nowrap; padding: 0 3px 3px 3px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#search                              { box-sizing: border-box; border: 1px solid #d3d3d3; padding: 8px 6px 6px 6px; font-size: 13pt; height: 37px; width: 225px; }
#suche-submit                        { display: inline-block; margin-left: 4px; border: 1px solid #d3d3d3; padding: 8px 6px 6px 6px; background-color: #fff; text-align: center; height: 38px; box-sizing: border-box; cursor: pointer; }
#header-big.sticky-nav #websuche     { top: 80px; }


@media screen and (max-width: 1999px){
  #inhalt-text                        { width: 54%; }
  #infoboxen                          { padding-right: 20px; }
  .gala-bild                          { width: 155px; height: 155px; }
}

@media screen and (max-width: 1900px){
	#inhalt-text                        { width: 51.5%; }
}

@media screen and (max-width: 1799px){
  #navigation ul li                   { font-size: 16pt; }
  #navigation ul li ul li a           { font-size: 14pt; }
  #inhalt-text                        { width: 49%; padding-right: 60px; }
  .gala-bild-container                { width: 25%; }
}

@media screen and (max-width: 1699px){
  #hbtd-logo                          { width: 350px; }
  #inhalt-logo                        { width: 350px; }
  #inhalt-text                        { width: 52.5%; }
}

@media screen and (max-width: 1600px){
  #hbtd-logo                          { width: 350px; }
  #start-boxen .infobox               { max-width: 360px; }
  #start-boxen .infobox-titel h3      { font-size: 1.75vw; }
  #navigation ul li                   { font-size: 14pt; }
  #navigation ul li ul li a           { font-size: 12pt; }
  .mainli                             { padding: 11px 0 6px 0; }
  .mainliclick                        { font-size: 15pt; }
  #inhalt-text                        { width: 49.5%; }
  .gala-bild                          { width: 145px; height: 145px; }
}

@media screen and (max-width: 1500px){
  #start-boxen .infobox               { max-width: 999px; }
  #start-boxen                        { position: static; padding: 120px 50px 50px 50px; }
  #start-box-links                    { padding-right: 45px; }
  #start-box-mitte                    { padding: 0 22.5px; }
  #start-box-rechts                   { padding-left: 45px; }
  #footer                             { height: 60px; }
  #footer-links                       { padding-top: 16px; }
  #footer-copyright                   { padding-top: 16px; }
  #footer.startseite                  { height: 60px; }
  #footer.startseite #footer-links    { padding-top: 16px; }
  #footer.startseite #footer-copyright{ padding-top: 16px; }
  #footer-big                         { padding: 0 50px; }
  #inhalt-text                        { width: 74.5%; }
  #infoboxen                          { float: none; padding-right: 0; margin: 0 auto; clear: both; padding-top: 0; }
  .gala-bild-container                { width: 20%; }
  .gala-bild                          { width: 165px; height: 165px; }
}

@media screen and (max-width: 1400px){
  #inhalt-logo                        { width: 300px; }
  #hbtd-logo                          { width: 300px; }
  #logo a img                         { height: 200px; }
  #start-boxen .infobox-inner         { padding: 110px 15px 30px 15px; }
  #navigation ul li                   { font-size: 13pt; }
  .mainliclick                        { font-size: 13pt; }
  #inhalt-text                        { width: 76.5%; }
}

@media screen and (max-width: 1300px){
  #hbtd-suche                         { width: 70px; }
  #header-big                         { display: none !important; }
  #header-small                       { display: block; position: fixed; width: 100%; height: 100px; z-index: 100; background-color: #fff;
                                        -webkit-box-shadow: 0px 3px 3px 0px rgba(107,107,107,0.25);
                                        -moz-box-shadow: 0px 3px 3px 0px rgba(107,107,107,0.25);
                                        box-shadow: 0px 3px 3px 0px rgba(107,107,107,0.25);
  																		}
  #hstbl                              { display: table; width: 100%; }
  .hstd                               { display: table-cell; vertical-align: middle; }
  .hstdlogo                           { text-align: left; padding: 10px 0 10px 10px; }
  .hstdlogo a                         { display: inline-block; }
  .hstdlogo img                       { height: 80px; padding: 5px; }
  .hstdmenu                           { text-align: right; }
  #mm-button                          { float: right; }
  #mm-button-inner                    { font-size: 25pt; padding: 25px 15px 15px 15px; cursor: pointer; }
  #content                            { padding-top: 100px; }
  
  
  #mobile-navigation                  { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; }
  #nav-content                        { width: 85vw; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; }
  #ios-menu-korrektur                 { width: 100%; height: 70px; }
  #mnav-head                          { display: table; width: 100%; padding: 10px 10px 5px 20px; border-bottom: 2px solid #a0a0a0; }
  #nav-startseite                     { display: table-cell; vertical-align: middle; }
  #nav-close                          { display: table-cell; vertical-align: middle; text-align: right; font-size: 22pt; color: #b93026; float: right; }
  #mnav-body                          { padding-top: 5px; }
  #mnav-body a                        { text-decoration: none; color: #b93026; }
  #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: #9b0f17; }
  .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; }
  #inhalt-logo                        { display: none; }
  #inhalt-text                        { float: none; width: auto; max-width: 1024px; margin: 0 auto 30px auto; padding-right: 0; }
}

@media screen and (max-width: 1200px){
  #start-box-links                    { padding: 0; width: 50%; }
  #start-box-mitte                    { padding: 0; width: 50%; }
  #start-box-rechts                   { padding: 0; width: 50%; clear: both; float: none; margin: 0 auto; padding-top: 125px; }
  #start-boxen .infobox               { max-width: 360px; margin: 0 auto; }
  #start-box-rechts .infobox          { float: none; }
}

@media screen and (max-width: 1050px){
	#inhalt-text                        { padding: 30px 20px 0 20px; }
}

@media screen and (max-width: 1000px){
  #start-box-links                    { float: none; width: auto; }
  #start-box-mitte                    { float: none; width: auto; padding-top: 125px; }
  #start-box-rechts                   { width: auto; }
  #footer                             { height: auto; }
  #footer-big                         { padding: 0 10px; }
  #footer-links                       { float: none; font-size: 11pt; text-align: center; }
  #footer-copyright                   { float: none; padding-top: 8px; text-align: center; padding-bottom: 16px; font-size: 9pt; }
  #footer-copyright-line              { display: none; }
  .gala-bild-container                { width: 25%; }
  .gala-bild                          { width: 155px; height: 155px; }
}

@media screen and (max-width: 900px){
	.partner                            { float: none; width: auto; }
  .partner:nth-child(odd)             { padding-right: 0; }
  .partner:nth-child(even)            { padding-left: 0; }
	.bereich-mitarbeiter li             { float: none; width: auto; }
	.bereich-mitarbeiter li:nth-child(odd){ padding-right: 0; }
	.bereich-mitarbeiter li:nth-child(even){ padding-left: 0; }
  #wss-checkboxen                     { font-size: 11pt; }
}

@media screen and (max-width: 765px){
  #content                            { padding-top: 80px; }
  #header-small                       { height: 80px; }
  .hstdlogo img                       { height: 60px; }
  #mm-button-inner                    { padding: 20px 15px 15px 15px; }
  #inhalt-text                        { padding: 30px 15px 0 10px; }
  .gala-bild-container                { width: 33.33%; }
  .immo-details                       { position: static; margin-top: 20px; }
  .immo-adresse                       { padding-top: 20px; }
  .immo-infos                         { padding-top: 20px; }
  #wss-checkboxen                     { padding-top: 20px; font-size: 12pt; }
  #ws-subbtn-container                { padding-bottom: 25px; text-align: center; }
  .immo-suche-nav                     { float: none; display: inline-block; }
  .immo-suche-nav-container           { text-align: center; }
  #ws-btn-nav                         { padding-bottom: 0px; }
  #wohn-plz-nummer                    { display: block; padding-top: 15px; padding-left: 0; }
}

@media screen and (max-width: 575px){
  .gala-bild-container                { width: 50%; }
  .immo-info                          { padding-top: 10px; }
  .immo-info:first-child              { padding-top: 0; }
}

@media screen and (max-width: 450px){
	#infoboxen                          { padding: 0 10px; }
}


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



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

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

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




/* Consent Banner */
#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 / 75%); 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; color: #1b1b1b; font-size: 10pt; font-weight: 400; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 17px; }
.mceContentBody { padding-top: 0!important; }