*                                   { padding: 0; margin: 0; }




.roter-button {  }
.roter-button a { display: inline-block; font-size: 14pt; padding: 10px 20px 12px 20px; background-color: #9b0f17; cursor: pointer; color: #fff; text-decoration: none; }
.roter-button a:hover { color: #fff; }




#startbild-stoerer {
  position: absolute;
	bottom: 155px;
  left: 165px;
}
#startbild-stoerer img {
  display: block;
}
@media screen and (min-height: 900px) and (max-height: 1099px){
  #page.startseite:has(#startbild-stoerer) #footer-startseite .footer {
  	padding-bottom: 20px;
  }
  #startbild-stoerer {
    bottom: 70px;
  }
}
@media screen and (min-height: 740px) and (max-height: 899px){
  #page.startseite:has(#startbild-stoerer) #footer-startseite .footer {
  	padding-bottom: 20px;
  }
  #startbild-stoerer {
    bottom: 70px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1199px){
  #startbild-stoerer {
    left: 40px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1099px){
	#startbild-stoerer {
    left: 20px;
    bottom: 50%;
    transform: translateY(50%);
  }
}
@media screen and (min-width: 765px) and (max-width: 999px){
  #startbild-stoerer {
    position: static;
    width: 300px;
    margin: 0 auto;
    padding: 10px 0 50px;
  }
}
@media screen and (min-width: 0px) and (max-width: 764px){
  #startbild-stoerer {
    position: static;
    width: 300px;
    margin: 0 auto;
    padding: 10px 0 50px;
  }
}


.isf-text {
  padding-left: 3px;
}


/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/zwg/fonts/open-sans-v15-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.immod-ausstattung-merkmal { width: 50%; float: left; display: flex; padding-bottom: 5px; }
.merkmal-left { flex-grow: 1; }
.merkmal-right { flex: 0 0 28%; text-align: left; }


.content-white-bg { padding: 25px 20px 0 20px; background-color: #fff; }
.content-red-bg { padding: 25px 20px 0 20px; background-color: #9d1921; color: #fff; }
.buttonshadow { -webkit-box-shadow: 10px 10px 25px 0 #ABABAB; box-shadow: 10px 10px 25px 0 #ABABAB; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.content-faq { padding-bottom: 25px; }
.content-buttons { padding-bottom: 10px; }
.faq-bereich { padding-top: 30px; }
.faq-acc-head { border-bottom: 1px solid #7d7d7d; margin-bottom: 6px; padding-bottom: 7px; cursor: pointer; display: table; width: 100%; font-size: 13pt; }
.faq-acc-head-icon { display: table-cell; vertical-align: middle; width: 25px; text-align: center; font-size: 17pt; }
.faq-acc-head-text { display: table-cell; vertical-align: middle; }
.faq-acc-head i { color: #484848; }
.faq-acc-content { display: none; padding-bottom: 30px; }
#content .faq-acc-content p:last-child { padding-bottom: 0; }
.faq-fragen .acc-element:last-child .faq-acc-content { padding-bottom: 0; }


#download-area { padding-top: 50px; }
#tbl-dl * { box-sizing: border-box; }
#tbl-dl { display: table; width: 100%; }
.tbl-dl-cell { display: table-cell; vertical-align: top; }
.cell-dl-left { width: 250px; padding-right: 25px; }
#tbl-dl-stores { display: table; width: 100%; }
.tbl-dl-stores-row { display: table-row; }
.tbl-dl-stores-cell { display: table-cell; }
.cell-qr-code { vertical-align: top; padding: 0 20px; width: 210px; }
.cell-qr-code img { display: block; width: 100%; max-width: 170px; }
.cell-smartphone { vertical-align: middle; padding: 0 20px; }
.cell-smartphone img { display: block; width: 100%; max-width: 100px; margin: 0 auto; }
.cell-logos { vertical-align: middle; width: 220px; }
.cell-logos img { display: block; width: 100%; max-width: 190px; padding-bottom: 5px; }
.row-trenner div { display: table-cell; height: 55px; }

.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; }



#zwg-buttons { display: table; width: 100%; box-sizing: border-box; }
#zwg-buttons * { box-sizing: border-box; }
.zwg-buttons-row { display: table-row; }
.zwg-button-cell { display: table-cell; }
.cell-headline { text-align: center; }
.cell-img { vertical-align: top; }
.cell-img img { display: block; width: 75px; margin: 0 auto 40px auto; }
.cell-text { vertical-align: top; }
.cell-text .button-text { padding-left: 30px; }



html                                { overflow-y: scroll !important; }

body                                { font-family: 'Open Sans', sans-serif;
                                      font-size: 12pt;
                                      color: #000;
                                      background-color: #e8f1f5;
                                      position: relative;
                                    }

h1, h2, h3                          { margin: 0; padding: 0; }
td                                  { padding: 0; margin: 0; }

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

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

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

#full-page                          { position: relative;
                                      background-position: top right;
                                      background-repeat: no-repeat;
                                      background-attachment: fixed;
                                      max-width: 2000px; margin: 0 auto;
                                      /*min-height: 100vh;*/
                                    }
#full-page.startseite               { background-image: url(/static/zwg/startbild.jpg); height: 100vh; max-height: 1210px; }
#startbild                          { display: none; }
#startbild img                      { display: block; width: 100%; }

#overlay                            { position: fixed; top: 0; width: 100%; height: 100vh; overflow: hidden;
                                      background-image: url(/static/zwg/overlay-1210-content.png);
                                      background-repeat: no-repeat; background-position: top right;
                                      max-width: 2000px;
                                    }
#full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-1210.png); }

#page                               { display: table; width: 100%; position: relative; /*min-height: 100vh;*/ }
#page.startseite                    { height: 100vh; max-height: 1210px; }
#page-inner                         { display: table-row; }
#page-left                          { display: table-cell; vertical-align: top; position: relative; }
#page-right                         { display: table-cell; vertical-align: top;  width: 436px; position: relative; }


#pr-scroll-area                     { width: 436px; position: fixed; right: 0; height: 100%; max-height: 1210px; }

#nav-oben-rand                      { float: right; overflow-x: hidden; }
#nor-table                          { display: table; }
.nor-td                             { display: table-cell; vertical-align: top; }
.nor-punkt                          { display: inline-block; color: #fff; padding: 24px 14px; text-decoration: none; }
.nor-punkt:hover                    { color: #fff; }
.nor-suche                          { padding-left: 20px; position: relative; }
.nor-suche a                        { display: block; }
.nor-suche img                      { display: block; }
.nor-td a {
  outline-offset: -2px;
}
#suche-lupe {
  outline-offset: -3px;
}

#asp-liste                          {  }
.asp-kategorie                      { padding-top: 30px; }
.asp-kategorie .inh-abs-titel h2    { font-size: 15pt; }
.ansprechpartner-liste              {  }
.asp-eintrag                        { display: table; padding-bottom: 30px; width: 50%; float: left; height: 170px; }
.ansprechpartner-liste > .asp-eintrag:nth-child(2n+1){
  clear: both;
}
.asp-bild                           { display: table-cell; vertical-align: top; width: 300px; }
.asp-bild img                       { display: block; width: 100%; }
.asp-infos                          { display: table-cell; vertical-align: top; box-sizing: border-box; padding-left: 20px; }
.asp-name                           { font-weight: bold; }
.asp-zusatz                         { padding-top: 3px; }
.asp-telefon                        { padding-top: 3px; }
.asp-email                          { padding-top: 3px; }


#pr-main-nav                        { padding: 85px 0 0 70px; }
#pr-main-nav ul                     { list-style: none; padding-left: 0; }
#pr-main-nav ul li                  {  }
#pr-main-nav ul li a                { padding: 12px 0; display: inline-block; text-transform: uppercase; color: #fff; font-size: 17pt; text-decoration: none; }
#pr-main-nav ul li a.active         { font-weight: bold; }
#pr-main-nav ul li a:hover          { color: #fff; }

#pr-untere-seite                    { max-width: 380px; margin: 0 auto; color: #fff; position: absolute; left: 58px; bottom: 15px;  }

#wohnungssuche                      {  }
#ws-header                          { padding-top: 32px; text-align: center; padding-bottom: 40px; }
#ws-header h3                       { font-weight: normal; font-size: 17pt; }
.slider-table                       { display: table; width: 100%; padding-bottom: 25px; }
.slider-td                          { display: table-cell; vertical-align: top; }
.slider-td span                     { display: block; text-align: center; font-size: 12pt; }
.slider-left                        { width: 15%; }
.slider-center                      { padding-top: 8px; }
.slider-right                       { width: 15%; }
.slider-inner                       { padding: 0 18px; position: relative; }
.slider-titel                       { position: absolute; width: 100%; text-align: center; top: -26px; left: 0; font-size: 12pt; }

#wsuche-ergebnis                    { padding-top: 5px; text-align: center; }
#wse-anzahl                         { font-size: 20pt; }
#wse-text                           { font-size: 14pt; }

#ws-submit                          { text-align: center; padding-top: 20px; }
#ws-submit div                      { display: inline-block; font-size: 14pt; padding: 10px 20px 12px 20px; background-color: #9b0f17; cursor: pointer; }

#schnellkontakt                     { padding-top: 80px; text-align: center; }
#sk-link                            { display: inline-block; font-size: 14pt; padding: 10px 45px 12px 45px; background-color: #9b0f17; }
#sk-icon                            { display: inline-block; padding-right: 22px; color: #fff; }
#sk-text                            { display: inline-block; color: #fff; }

#social-media                       { text-align: center; padding-top: 35px; }
#social-media img                   { display: inline-block; }
#sml-facebook                       { display: inline-block; padding-right: 25px; }
#sml-youtube                        { display: inline-block; padding-right: 25px; }
#sml-insta                          { display: inline-block; }
#sml-insta img                      { max-width: 22px; }

#impressum-datenschutz              { text-align: center; padding-top: 20px; font-size: 14pt; }
#impressum-datenschutz a            { color: #fff; display: inline-block; text-decoration: none; }
#impressum-datenschutz a:hover      { color: #fff; }

#nav-punkt-name                     { position: absolute; top: -70px; left: 157px; }
#nav-punkt-name h1                  { font-weight: normal; font-size: 32pt; text-transform: uppercase; }

#header                             { padding: 54px 138px 0px 65px; height: 228px; }
#head-table                         { display: table; width: 100%; position: relative; }
#head-left                          { display: table-cell; vertical-align: top; width: 308px; }
#logo                               {  }
#logo a                             { display: block; }
#logo a img                         { display: block; }
#head-right                         { display: table-cell; vertical-align: top; position: relative; }
#content                            { padding: 54px 138px 25px 165px; line-height: 22px; }
#content                            { background-color: #e8f1f5; position: relative; padding-top: 15px; }
#full-page.startseite #content      { background-color: transparent; }

#start-text                         { padding-top: 48px; }
#start-text h1                      { text-align: center; font-size: 42pt; font-weight: normal; }
#start-text-1                       { display: inline-block;; padding-right: 438px; line-height: normal; }
#start-text-2                       { display: block; line-height: normal; }

#footer-startseite                  { position: absolute; bottom: 0px; left: 0; }
.footer                             { padding-bottom: 70px; border-top: 1px solid #dc1744; display: inline-block; margin-left: 165px; padding-top: 3px; }
#footer-pageend                     { display: none; text-align: center; background-color: #223947; color: #fff; }

#header-small                       { display: none; height: 60px; padding: 5px; background-color: #fff; border-bottom: 2px solid #990116; }
#hs-table                           { display: table; width: 100%; }
#hs-logo                            { display: table-cell; vertical-align: top; }
#hs-logo a                          { display: inline-block; }
#hs-logo a img                      { display: inline-block; height: 45px; }
#hs-menu                            { display: table-cell; vertical-align: top; text-align: right; }
#mobile-menu-button                 { font-size: 18pt; padding: 8px 8px 8px 20px; display: inline-block; cursor: pointer; }


#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: 90vw; 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: 5px 10px 5px 0; box-sizing: border-box; border-bottom: 2px solid #a0a0a0; }
#manv-logo                          { display: table-cell; vertical-align: middle; text-align: left; }
#manv-logo img                      { display: inline-block; height: 60px; }
#nav-close                          { display: table-cell; vertical-align: middle; text-align: right; font-size: 22pt; width: 30px; }
#mnav-body                          { padding-top: 5px; }
#mnav-body a                        { text-decoration: none; color: #9b0f17; }
#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; }

.vimeo-video                        { padding: 10px 0 20px 0; max-width: 640px; }
.vimeo-player                       {  }
.vimeo-player iframe                { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vimeo-player                       { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; }


#cookie-info                        { /*position: absolute;*/ 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                        { max-width: 650px; left: 0; position: fixed; }
#cookie-info-content                { background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; }
#cookie-info-content                { padding: 4px 10px 4px 4px; }
#cookie-info-tbl                    { display: table; margin: 0 auto; }
#cookie-info-text                   { display: table-cell; font-size: 9pt; vertical-align: middle; }
#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: #223947; }
#cookie-info-button                 { cursor: pointer; }
#cookie-hinweis-startseite #cookie-info-spacer { display: none; }

#navpunkt-namen                     { text-align: right; text-transform: uppercase; height: 65px; padding-top: 23px; }
#navpunkt-namen h1                  { display: inline-block; font-weight: normal; }
.navsmall                           { display: inline-block; font-size: 22pt; line-height: 22pt; padding-top: 31px; }
.navname-trenner                    { display: inline-block; padding: 0 24px; color: #d8002b; font-size: 7pt; }
.navbig                             { display: inline-block; font-size: 44pt; line-height: 44pt; }


#sub-navigation                     { position: absolute; right: 0; bottom: -15px; background-color: #990116; text-transform: uppercase; }
#sub-navigation ul                  { list-style: none; padding: 0; }
#sub-navigation ul li               { display: inline-block; }
#sub-navigation ul li a             { display: inline-block; color:#fff; padding: 26px 23px 24px 23px; font-size: 18pt; }
#sub-navigation ul li a:hover       { color:#fff; }
#sub-navigation ul li a.active      { font-weight: bold; }
#sub-navigation ul li#sub-nav-100   { padding-left: 100%; display: none; height: 1px; }
#sub-navigation-button              { display: none; position: absolute; right: 0; bottom: -25px; font-size: 14pt; background-color: #990116; color: #fff; cursor: pointer; }
#snb-button                         { display: inline-block; padding: 10px 20px 12px 20px; }
#snb-wort                           { display: inline-block; padding-right: 10px; }
#snb-icon                           { display: inline-block; }


#small-header-nav-name              { display: none; font-size: 25pt; padding-bottom: 25px; word-break: break-word; }
#small-header-nav-name              { display: none !important; }
#content p                          { padding-bottom: 17px; margin-bottom: 0; }
#content ul                         { padding-left: 17px; }
#content ol                         { padding-left: 20px; }
.inh-abs-titel                      { padding-bottom: 15px; }
.inh-abs-titel h2                   { font-size: 17pt; font-weight: normal; }
.content-trenner                    { width: 100%; height: 25px; }
#content a                          { text-decoration: underline; }
#content a.btn {
  text-decoration: none;
}
#content .roter-button a            { text-decoration: none; }


.wohngebiet-wohnung-info            { font-size: 12pt; display: inline-block; padding-left: 25px; }


#content-pic-overlay                { /*height: 892px;*/ height: 610px; position: relative; /*background-image: url(/static/zwg/testbild.jpg);*/ background-position: top center; background-repeat: no-repeat; }
#content-pic-overlay img#head-overlay { position: absolute; right: 0; bottom: 0; display: block; }
#content-pic                        { display: none; }
#content-pic img                    { display: block; width: 100%; }

#home-link                          { position: absolute; z-index: 100; left: 162px; top: 75px; }
#home-link a                        { display: block; }
#home-link a img                    { display: block; width: 200px; }


.form-feld                  { margin-bottom: 20px; }
.feld-name                  { padding-bottom: 5px; }
.feld-input                 { font-family: 'open_sans_regular', arial, verdana, trebuchet ms, sans-serif; }
label                       { display: block; padding-bottom: 5px; font-family: Arial, Helvetica, Sans-serif; }
.formlist                   { list-style: none; padding: 0 !important; margin: 0; }
.formlist li                { float: left; width: 50%; margin-bottom: 20px; box-sizing: border-box; }
.formlist li.left           { padding-right: 20px; }
.formlist li.right          { padding-left: 20px; }
#nachricht                  { height: 110px; width: 100%; box-sizing: border-box; }
.ffeld                      { width: 100%; padding: 6px; border: 1px solid #a9a9a9; font-family: Arial, Verdana, Sans-serif; box-sizing: border-box; height: 32px; }
/*.btn                        { padding: 5px; width: 125px; }*/


.bildgala                           { padding-top: 35px; }
.bildgala.newsgala                  { padding-bottom: 30px; }
.gala-bild-container                { float: left; width: 10%; text-align: center; padding-bottom: 35px; }
.gala-bild                          { display: block; margin: 0 auto; width: 105px; height: 105px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.gala-bild img                      { display: none; }


#immo-suche                         { border-bottom: 1px solid #223947; }
.isinner                            { padding: 5px; }
#istbl                              { display: table; width: 100%; min-height: 50px; }
.istd                               { display: table-cell; vertical-align: top; }
#istdslider                         { width: 47%; }
#istdslider .isinner                { padding-top: 34px; }
#istdtrenner                        { width: 6%; }
#istdfelder                         { width: 47%; position: relative; }
#istdfelder .isinner                { padding-top: 34px; }
.is-slider-trenner                  { width: 100%; height: 10px; }
.checkb                             { cursor: pointer; }
.smallfields-list                   { display: table; }
.smfrow                             { display: table-row; }
.smftd                              { display: table-cell; }
.checkbi                            { padding-right: 3px; font-size: 13pt; vertical-align: top; padding-bottom: 20px; }
.checkbt                            { vertical-align: top; padding-bottom: 20px; }
.ishide                             { display: none; }
#is-felder-links                    { float: left; width: 150px; }
#is-felder-rechts                   { float: left; width: 150px; }
#is-submit-button                   { display: inline-block; color: #fff; font-size: 12pt; background-color: #223947; cursor: pointer; position: absolute; left: 5px; bottom: 20px; }
#is-anzahl                          { display: inline-block; padding: 10px 45px 12px 45px; }
#is-anzeigen                        { display: inline-block; padding: 10px 45px 12px 45px; background-color: #9b0f17; }
.immo-navigation                    { padding: 20px 0; }
.imnav-top                          {  }
.immo-anzahl-objekte                { display: inline-block; padding-right: 35px; }
.immo-anzahl-navigation             { display: inline-block; }
.immo-nav-button-left               { background-color: #223947; color: #fff; padding: 5px 7px 5px 5px; display: inline-block; margin-right: 5px; }
a .immo-nav-button-left             { background-color: #9b0f17; }
.immo-nav-button-right              { background-color: #223947; color: #fff; padding: 5px 5px 5px 7px; display: inline-block; margin-left: 5px; }
a .immo-nav-button-right            { background-color: #9b0f17; }
#immo-liste                         {  }
.immo-objekt                        { margin-bottom: 25px; padding-top: 25px; border-top: 1px solid #9b0f17; }
.imob-tbl                           { display: table; width: 100%; }
.imob-td                            { display: table-cell; vertical-align: top; }
.imob-image                         { text-align: center; width: 300px; }
.imob-image a                       { display: block; position: relative; }
.imob-image a img                   { display: block; width: 100%; }
.imob-infos                         { /*padding-right: 30px;*/ }
.imob-infos-inner                   { padding: 10px 30px; }
.imob-werbung                       { font-size: 17pt; font-weight: normal; padding-bottom: 20px; color: #9b0f17; line-height: 26px; }
.imob-small-infos                   {  }
.imob-strasse                       { display: inline-block; padding-right: 15px; border-right: 1px solid #223947; }
.imob-ort                           { display: inline-block; padding-left: 15px; padding-right: 15px; border-right: 1px solid #223947; }
.imob-etage                         { display: inline-block; padding-left: 15px; }
.imob-big-infos                     {  }
.imob-bi                            { padding-right: 55px; float: left; width: 150px; padding-top: 20px; }
.imob-bi-name                       { font-size: 12pt; }
.imob-bi-inhalt                     { font-size: 17pt; }
.imob-ausstattung                   {  }
.imob-ausst-info                    { padding-right: 55px; float: left; width: 170px; padding-top: 20px; }
.imob-ausst-info i                  { color: #9b0f17; }
.imob-details                       { vertical-align: middle; width: 225px; text-align: right; }
/*.imob-details a                     { padding: 10px 45px 12px 45px; background-color: #9b0f17; display: inline-block; color:#fff; }
.imob-details a:hover               { color: #fff; }*/
/*#content .imob-details a            { text-decoration: none; white-space: nowrap; }*/




/* Immobilien Details */
#immo-details                       {  }
#immo-nummer                        { font-size: 75%; text-align: right; padding: 0 0 15px 0; float: right; }
#immo-nummer-mobile                 { display: none; font-size: 75%; padding: 0 0 15px 0; float: right; }
#immo-headline                      { padding-bottom: 20px; }
#immo-werbung                       { font-size: 17pt; font-weight: normal; padding-bottom: 20px; color: #9b0f17; line-height: 27pt; }
#immo-werbung h3                    { font-weight: normal; }
.immo-details-area                  { width: 50%; min-height: 15px; float: left; }
#immo-details-area1                 {  }
#immo-details-area2                 {  }
.immo-details-inner                 { padding: 5px; }
#immo-details-area1 .immo-details-inner { padding-right: 15px; }
#immo-details-area2 .immo-details-inner { padding-left: 15px; }
#immod-areas                        { float: left; width: 66.66%; }
#immod-areas::after                 { display: block; content: ''; clear: both; }
#immod-bilder-und-links             { float: right; width: 255px; }
.immod-field                        { padding: 0 0 10px; }
.immod-field::after                 { display: block; content: ''; clear: both; }
.immod-field-left                   { float: left; width: 40%; }
.immod-field-right                  { float: left; width: 60%; }
.immod-preis                        { width: 80px; text-align: right; }
#immod-texte                        { padding: 30px 0 0 0; }
.immod-text                         { padding: 0 0 30px 0; }
.immod-text-head                    { padding: 0 0 15px 0; font-size: 13pt; font-weight: normal; }
.immod-text-head h3                 {font-size: 13pt; font-weight: normal; border-bottom: 1px solid rgb(34, 57, 71); padding-bottom: 3px; }
.immod-text-body                    { line-height: 18pt; }
#immod-expose-link                  { padding: 0 0 15px 0; }
#immod-expose-link a                { display: block; text-align: right; }
#immod-expose-link-mobile           { display: none; float: left; padding: 0 0 20px 0; }
#immod-expose-link-mobile img       { display: block; float: left; }
#immod-expose-link-mobile-text      { float: left; padding: 17px 0 0 8px; display: block; }
#immod-grundriss                    { padding: 10px 0 15px 0; }
#immod-grundriss a {
  display: inline-block;
  position: relative;
}
#immod-grundriss img                { display: block; float: right; }
#immod-grundriss img::after         { display: block; content: ''; clear: both; }
#immod-grund-pdf                    { text-align: right; padding-top: 8px; }
#immod-google-maps-link             { float: right; padding: 10px 0; }
#immod-google-maps-link img         { border: 1px solid rgba(0, 0, 0, 0.4); }
#immod-bilder                       { padding: 0 0 15px 0; width: 250px; float: right; }
#immod-bilder ul                    { padding: 0; list-style: none; }
#immod-bilder ul li                 { float: left; width: 115px; height: 115px; margin-bottom: 10px; }
#immod-bilder ul li.lileft          { padding: 10px 10px 10px 0; }
#immod-bilder ul li.liright         { padding: 10px 0 10px 10px; }
#immod-bilder ul li a               { background-size: cover; display: block; background-repeat: no-repeat; width: 115px; height: 115px; position: relative; }
#immod-energieinformationen         { padding: 20px 0 5px 0; }
#immo-energie-grafik                { float: left; width: 400px; padding-top: 26px; }
#immo-energie-text                  { float: left; width: 50%; }
#ee_info                            { width:400px; margin-bottom:3px; }
#ee_arrow_wert                      { padding-top: 5px; width: 140px; }
.energie-wert                       { padding: 0 0 10px; 0;  }
.energiew-left                      { float: left; width: 45%; }
.energiew-right                     { float: left; width: 55%; }
.mobile                             { display: none; }
#immod-pdfs                         { float: right; width: 250px; }
#immod-ausstattung                  { padding-top: 15px; }
.immod-ausstattung-spalte           { width: 50%; float: left; }
.immod-ausstattung-spalte .tbl      { width: 100%; }
.immod-ausstattung-spalte .tbl-td   { padding-bottom: 3px; }
.aus-name                           { width: 160px; }
.aus-wert span                      { color: #888888; }
.tbl                                { display: table; }
.tbl-tr                             { display: table-row; }
.tbl-td                             { display: table-cell; padding-bottom: 8px; }
/* /Immobilien Details */



#google-karte-rechts-seite          { display: none; padding-bottom: 5px; }
#google-map                         { height: 305px; width: 331px; }

.map-info-window                    { max-width: 260px; width: 185px; color: #000; }
.map-headline                       { padding-bottom: 15px; font-weight: bold; font-size: 11pt; color: #9b0f17; }
.map-adresse                        { padding-bottom: 15px; font-size: 11pt; }
.map-table                          { display: table; padding-bottom: 15px; font-size: 11pt; width: 100%; }
.map-row                            { display: table-row; }
.map-cell                           { display: table-cell; }
.map-cell.cell-left                 { padding: 2px 10px 2px 0; }
.map-cell.cell-right                { padding: 2px 0 2px 10px; text-align: right; }
.map-details                        { font-size: 12pt; }
.map-details a                      { display: block; text-align: right; }
.gm-style-iw div div                { overflow-x: hidden !important; }

.wgebiet-head                       { font-weight: bold; font-size: 11pt; color: #223947; padding-bottom: 15px; }
.wgebiet-wohnung                    { padding-bottom: 15px; }
#content .wgebiet a                 { text-decoration: none; }
.wgebiet                            { max-width: 260px; width: 100%; box-sizing: border-box; }

#google-marker-kats                 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 50px;
  grid-row-gap: 20px;
}
.google-marker-kat                  { display: table; /*width: 33.33%; float: left;*/ padding: 10px 0; /*height: 64px;*/ }
.google-marker-icon                 { display: table-cell; width: 40px; cursor: pointer; vertical-align: middle; }
.google-marker-icon img             { display: block; padding-right: 15px; width: 40px; }
.google-marker-titel                { display: table-cell; vertical-align: middle; cursor: pointer; padding-right: 20px; }


#suche                      { float: right; position: absolute; top: 0; right: -226px; width: 305px; background-color: #170505; }
#suche-lupe                 { float: left; cursor: pointer; }
#suche-slider               { float: left; overflow: hidden; width: 224px; padding-top: 24px; }
#suche-form                 { width: 224px; }
#suche-eingabe              { float: left; margin: 0 10px; }
#suche-eingabe input        { padding: 3px; }
#suche-senden               { width: 23px; height: 23px; float: left; border: 1px solid #ffffff; cursor: pointer; }
#suche-pfeil                { width: 0; height: 0; margin-left: 9px; margin-top: 5px; border: 7px solid #ffffff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid transparent; }


.download                   { padding-top: 15px; border-bottom: 1px solid #d3d3d3; }
.download:last-child        { border-bottom: 0; }
.dl-table                   { display: table; width: 100%; }
.dl-icon                    { display: table-cell; font-size: 30pt; vertical-align: top; width: 60px; }
.dl-info                    { display: table-cell; vertical-align: top; }
.dl-titel                   { font-weight: bold; }
#content .dl-titel a        { text-decoration: none; }
.dl-infotext                { padding-top: 5px; }
.dl-link                    { padding-top: 5px; text-align: right; }
.dl-size                    { font-weight: normal; }


.news                       { margin-bottom: 25px; }
.news-inner                 { padding: 10px 15px; box-sizing: border-box; position: relative; }
.news-link                  { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }
.news-bild                  { position: relative; }
.news-bild img              { display: block; width: 100%; }
.news-titel                 { padding-top: 5px; font-weight: bold; text-transform: uppercase; font-size: 13pt; }
.news-datum                 { padding-top: 5px; text-transform: uppercase; }
.news-text                  { padding-top: 10px; }
.news-texte                 { background-color: #fff; padding: 20px 20px 10px 20px; border: 1px solid rgba(211, 211, 211, 0.3); }




.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; }
#content .cookie-info-text p { padding-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%; border: 0; padding: 6px; background-color: #990116; color: #fff; cursor: pointer; }
#coi-form-buttons button.btn-dark { color: #b1b1b1; background-color: #223947; }
#coi-form-buttons div { text-align: center; margin-top: 15px; color: #797979; }

#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }
#cookie-info-spacer { background-color: #7da7d8; }
.iframe-daten-info { background-color: rgba(45, 45, 45, 0.7); color: #fff; padding: 50px 10px; text-align: center; }
.iframe-daten-info.small { max-width: 300px; padding: 10px; float: right; margin-left: 20px; margin-bottom: 10px; }
.iframe-daten-info.iframe-wohnung { width: 250px; float: right; box-sizing: border-box; padding: 15px 10px; margin-bottom: 15px; }
.idi-text { /*color: #3a3a3a;*/ }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
/*.idi-form .btn { width: auto; border: 0; padding: 11px 18px; background-color: #990116; color: #fff; cursor: pointer; }*/
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks {  }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}




.img-container, .img-container a, .gala-bild-container a {
  position: relative;
  display: block;
}
.img-icon {
	position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: #990116;
  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;
}
#startbild-stoerer a {
  position: relative;
}
#startbild-stoerer .img-icon {
  right: 10px;
  bottom: 10px;
}





#slider-raeume, #slider-flaeche, #slider-kmiete, #slider-etage, #is-raeume, #is-flaeche, #is-kmiete {
  height: 8px;
}
#slider-raeume .noUi-handle, #is-raeume .noUi-handle, #slider-flaeche .noUi-handle, #is-flaeche .noUi-handle, #slider-kmiete .noUi-handle, #is-kmiete .noUi-handle, #slider-etage .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;
}














/* Overlay Größen steuern */
@media screen and (min-height: 1210px){
  #overlay                            { background-image: url(/static/zwg/overlay-1210-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-1210.png); }
}
@media screen and (min-height: 1100px) and (max-height: 1209px){
  #overlay                            { background-image: url(/static/zwg/overlay-1100-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-1100.png); }
  #pr-main-nav                        { padding: 40px 0 0 70px; }
  #start-text                         { padding-top: 15px; }
  
  #content-pic-overlay                { height: 496px; }
}

@media screen and (min-height: 900px) and (max-height: 1099px){
  #overlay                            { background-image: url(/static/zwg/overlay-1000-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-1000.png); }
  #pr-main-nav                        { padding: 13px 0 0 70px; }
  #pr-main-nav ul li a                { padding: 9px 0; }
  #ws-header                          { padding-top: 10px; padding-bottom: 30px; }
  #wsuche-ergebnis                    { padding-top: 0; }
  #schnellkontakt                     { padding-top: 20px; }
  #social-media                       { padding-top: 20px; }
  #impressum-datenschutz              { padding-top: 10px; }
  .last-slider                        { padding-bottom: 15px; }
  #start-text                         { padding-top: 0; }
  #start-text h1                      { font-size: 38pt; }
  #google-map                         { height: 260px; }
  #content-pic-overlay                { height: 431px; }
}
@media screen and (min-height: 1000px) and (max-height: 1099px){
  #google-map                         { height: 365px; }
  #content-pic-overlay                { height: 431px; }
}
@media screen and (min-height: 740px) and (max-height: 899px){
  #overlay                            { background-image: url(/static/zwg/overlay-800-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-800.png); }
  #pr-main-nav                        { padding: 13px 0 0 70px; }
  #pr-main-nav ul li a                { padding: 4px 0; }
  #pr-untere-seite                    { bottom: 5px; }
  #ws-header                          { padding-top: 0px; padding-bottom: 20px; }
  .slider-table                       { padding-bottom: 18px; }
  #wsuche-ergebnis                    { padding-top: 0; }
  #ws-submit                          { padding-top: 10px; }
  #ws-submit div                      { padding: 6px 20px 8px 20px; }
  #schnellkontakt                     { padding-top: 10px; }
  #sk-link                            { padding: 6px 45px 8px 45px; }
  #social-media                       { padding-top: 10px; }
  #impressum-datenschutz              { padding-top: 5px; }
  .last-slider                        { padding-bottom: 10px; }
  #wse-anzahl                         { font-size: 18pt; }
  #wse-text                           { font-size: 12pt; }
  #start-text                         { padding-top: 0; }
  #start-text h1                      { font-size: 34pt; }
  #google-map                         { height: 200px; }
  .map-adresse                        { padding-bottom: 10px; font-size: 9pt; }
  .map-table                          { padding-bottom: 10px; font-size: 9pt; }
}
@media screen and (min-height: 800px) and (max-height: 899px){
  #google-map                         { height: 260px; }
}

@media screen and (min-height: 640px) and (max-height: 899px){
  #overlay                            { background-image: url(/static/zwg/overlay-800-content.png); }
  #content-pic-overlay                { height: 375px; }
}

@media screen and (min-height: 700px) and (max-height: 739px){
  #overlay                            { background-image: url(/static/zwg/overlay-800-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-800.png); }
  #pr-main-nav                        { padding: 13px 0 0 70px; }
  #pr-main-nav ul li a                { padding: 4px 0; }
  #pr-untere-seite                    { bottom: 5px; }
  #ws-header                          { padding-top: 0px; padding-bottom: 20px; }
  .slider-table                       { padding-bottom: 18px; }
  #wsuche-ergebnis                    { padding-top: 0; }
  #ws-submit                          { padding-top: 10px; }
  #ws-submit div                      { padding: 6px 20px 8px 20px; }
  #schnellkontakt                     { display: none; }
  #sk-link                            { padding: 6px 45px 8px 45px; }
  #social-media                       { padding-top: 10px; }
  #impressum-datenschutz              { padding-top: 5px; }
  .last-slider                        { padding-bottom: 10px; }
  #wse-anzahl                         { font-size: 18pt; }
  #wse-text                           { font-size: 12pt; }
  #start-text                         { padding-top: 0; }
  #start-text h1                      { font-size: 34pt; }
  #google-map                         { height: 205px; }
  .map-adresse                        { padding-bottom: 10px; font-size: 9pt; }
  .map-table                          { padding-bottom: 10px; font-size: 9pt; }
}

@media screen and (min-height: 660px) and (max-height: 699px){
  #overlay                            { background-image: url(/static/zwg/overlay-800-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-800.png); }
  #pr-main-nav                        { padding: 13px 0 0 70px; }
  #pr-main-nav ul li a                { padding: 4px 0; }
  #pr-untere-seite                    { bottom: 5px; }
  #ws-header                          { padding-top: 0px; padding-bottom: 20px; }
  .slider-table                       { padding-bottom: 18px; }
  #wsuche-ergebnis                    { padding-top: 0; }
  #ws-submit                          { padding-top: 10px; }
  #ws-submit div                      { padding: 6px 20px 8px 20px; }
  #schnellkontakt                     { display: none; }
  #sk-link                            { padding: 6px 45px 8px 45px; }
  #social-media                       { display: none; }
  #impressum-datenschutz              { padding-top: 5px; }
  .last-slider                        { padding-bottom: 10px; }
  #wse-anzahl                         { font-size: 18pt; }
  #wse-text                           { font-size: 12pt; }
  #start-text                         { padding-top: 0; }
  #start-text h1                      { font-size: 34pt; }
  #google-map                         { height: 200px; }
  .map-adresse                        { padding-bottom: 10px; font-size: 9pt; }
  .map-table                          { padding-bottom: 10px; font-size: 9pt; }
}

@media screen and (min-height: 640px) and (max-height: 659px){
  #overlay                            { background-image: url(/static/zwg/overlay-800-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-800.png); }
  #pr-main-nav                        { padding: 13px 0 0 70px; }
  #pr-main-nav ul li a                { padding: 4px 0; }
  #pr-untere-seite                    { bottom: 5px; }
  #ws-header                          { padding-top: 0px; padding-bottom: 20px; }
  .slider-table                       { padding-bottom: 18px; }
  #wsuche-ergebnis                    { padding-top: 0; }
  #ws-submit                          { padding-top: 10px; }
  #ws-submit div                      { padding: 6px 20px 8px 20px; }
  #schnellkontakt                     { display: none; }
  #sk-link                            { padding: 6px 45px 8px 45px; }
  #social-media                       { display: none; }
  #impressum-datenschutz              { padding-top: 5px; }
  .last-slider                        { padding-bottom: 10px; }
  #wse-anzahl                         { font-size: 18pt; }
  #wse-text                           { font-size: 12pt; }
  #start-text                         { padding-top: 0; }
  #start-text h1                      { font-size: 34pt; }
  #google-map                         { height: 200px; }
  .map-adresse                        { padding-bottom: 10px; font-size: 9pt; }
  .map-table                          { padding-bottom: 10px; font-size: 9pt; }
}


@media screen and (min-height: 0px) and (max-height: 640px){  
  #content-pic-overlay { height: 375px; }
  #overlay                            { background-image: url(/static/zwg/overlay-800-content.png); }
  #full-page.startseite #overlay      { background-image: url(/static/zwg/overlay-800.png); }
  #pr-main-nav                        { padding: 13px 0 0 70px; }
  #pr-main-nav ul li a                { padding: 4px 0; }
  #pr-untere-seite                    { bottom: 5px; }
  #ws-header                          { padding-top: 0px; padding-bottom: 20px; }
  .slider-table                       { padding-bottom: 18px; }
  #wsuche-ergebnis                    { padding-top: 0; }
  #ws-submit                          { padding-top: 10px; }
  #ws-submit div                      { padding: 6px 20px 8px 20px; }
  #schnellkontakt                     { display: none; }
  #sk-link                            { padding: 6px 45px 8px 45px; }
  #social-media                       { display: none; }
  #impressum-datenschutz              { padding-top: 5px; }
  .last-slider                        { padding-bottom: 10px; }
  #wse-anzahl                         { font-size: 18pt; }
  #wse-text                           { font-size: 12pt; }
  #start-text                         { padding-top: 0; }
  #start-text h1                      { font-size: 34pt; }
  #google-map                         { height: 235px; }
  .map-adresse                        { padding-bottom: 10px; font-size: 9pt; }
  .map-table                          { padding-bottom: 10px; font-size: 9pt; }
  #wohnungssuche .slider-table { display: none; }
  #google-karte-rechts-seite { width: 331px; }
  #google-karte-rechts-seite #google-map { display: none; }
}

@media screen and (min-height: 0px) and (max-height: 552px){
  .footer { padding-bottom: 45px; }
}

/* ab hier auf Mobile Design wechseln */
@media screen and (min-height: 0px) and (max-height: 530px){
  #page                               { display: block; min-height: 100px; }
  #page-inner                         { display: block; }
  #page-left                          { display: block; }
  #page-right                         { display: block; background-color: #223947; width: auto; }
  #pr-scroll-area                     { margin: 0 auto; }
  #overlay                            { display: none; }
  #pr-scroll-area                     { position: static; }
  #nav-oben-rand                      { display: none; }
  #pr-main-nav                        { display: none; }
  #pr-untere-seite                    { padding: 20px 0; }
  #cookie-info                        { position: fixed; }
  #cookie-hinweis-startseite #cookie-info-spacer { display: block; }
  #header                             { display: none; }
  #header-small                       { display: block; }
  #start-text-1                       { padding-right: 0; }
  #footer-startseite                  { display: none; }
  #footer-pageend                     { display: block; padding-top: 20px; }
  #footer-pageend .footer             { margin-left: 10px; padding-bottom: 20px; margin-right: 10px; }
  #full-page                          { min-height: 100px; }
  #full-page.startseite               { background-position: center center; max-height: none; height: auto; }
  #full-page.startseite #page-left    { min-height: 500px; }
  #start-text                         { padding-top: 120px; }
  #ws-header                          { padding-bottom: 30px; }
  #wsuche-ergebnis                    { padding-top: 5px; }
  #ws-submit                          { padding-top: 20px; }
  #schnellkontakt                     { padding-top: 60px; }
  #social-media                       { padding-top: 35px; }
  #impressum-datenschutz              { padding-top: 20px; }
  #page.startseite                    { max-height: none; height: auto; }
  #content                            { padding: 25px 50px 25px 50px; }
  .imob-image                         { width: 150px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 120px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-bi                            { width: auto; padding-right: 25px; }
  .imob-bi-name                       { font-size: 8pt; }
  .imob-bi-inhalt                     { font-size: 13pt; }
  .imob-ausst-info                    { width: auto; padding-right: 25px; }
  #is-submit-button                   { font-size: 11pt; }
  #is-anzahl                          { padding: 10px 10px 12px 10px; }
  #is-anzeigen                        { padding: 10px 10px 12px 10px; }
  .checkbi                            { padding-bottom: 10px; }
  .checkbt                            { padding-bottom: 10px; }
  .imob-strasse                       { padding-right: 0; display: block; border-right: 0; }
  .imob-ort                           { padding-right: 0; padding-left: 0; display: block; border-right: 0; padding-top: 5px; }
  .imob-etage                         { padding-left: 0; display: block; padding-top: 5px; }
  #pr-untere-seite                    { position: static; }

  #content-pic-overlay { height: 610px; }

}



@media screen and (min-width: 2000px){
  #full-page                          { background-position: top center; }
}

@media screen and (min-width: 1900px) and (max-width: 1999px){
  #sub-navigation ul li a             { padding: 26px 12px 24px 12px; }
}

@media screen and (min-width: 1800px) and (max-width: 1899px){
  #sub-navigation ul li a             { padding: 26px 10px 24px 10px; font-size: 15pt; }
  .imob-bi                            { width: auto; }
  .imob-ausst-info                    { width: auto; }
  .gala-bild-container                { width: 14%; }
  .asp-bild                           { width: 250px; }
}

@media screen and (min-width: 1700px) and (max-width: 1799px){
  #sub-navigation                     { padding: 0 10px; }
  #sub-navigation ul li a             { padding: 26px 5px 24px 5px; font-size: 14pt; }
  .navbig                             { font-size: 36pt; line-height: 36pt; }
  .navsmall                           { font-size: 20pt; line-height: 20pt; }
  .imob-bi                            { width: auto; }
  .imob-ausst-info                    { width: auto; }
  .imob-image                         { width: 250px; }
  .gala-bild-container                { width: 14%; }
  .asp-bild                           { width: 250px; }
}

@media screen and (min-width: 1100px) and (max-width: 1699px){
  #sub-navigation-button              { display: block; }
  #sub-navigation ul li               { display: block; }
  #sub-navigation                     { display: none; bottom: auto; top: 232px; z-index: 50; padding: 6px 0; }
  #sub-navigation ul li a             { display: block; font-size: 14pt; padding: 6px 23px 6px 23px; }
}

@media screen and (min-width: 1600px) and (max-width: 1699px){
  #start-text-1                       { padding-right: 340px; }
  .navsmall                           { display: block; padding-top: 15px; }
  .navname-trenner                    { display: block; padding: 7px 0 5px 0; }
  .navbig                             { display: block; font-size: 38pt; line-height: 38pt; }
  .imob-bi                            { width: auto; }
  .imob-ausst-info                    { width: auto; }
  .imob-image                         { width: 250px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 130px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-strasse                       { padding-right: 5px; }
  .imob-ort                           { padding-left: 5px; padding-right: 5px; }
  .imob-etage                         { padding-left: 5px; }
  #is-anzahl                          { padding: 10px 25px 12px 25px; }
  #nav-punkt-name                     { top: -45px; }
  .gala-bild-container                { width: 14%; }
  .asp-bild                           { width: 200px; }
}

@media screen and (min-width: 1500px) and (max-width: 1599px){
  #start-text-1                       { padding-right: 280px; }
  #header                             { padding: 54px 65px 0px 65px; }
  #content                            { padding: 54px 65px 25px 65px; }
  #navpunkt-namen                     { padding-top: 0px; }
  .navsmall                           { display: block; }
  .navname-trenner                    { display: block; padding: 10px 0; }
  #navpunkt-namen h1                  { display: block; }
  .imob-image                         { width: 250px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 130px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-bi                            { width: auto; }
  .imob-ausst-info                    { width: auto; }
  #nav-punkt-name                     { top: -45px; left: 65px; }
  .gala-bild-container                { width: 14%; }
  #home-link                          { left: 70px; top: 90px; }
  .asp-bild                           { width: 200px; }
}

@media screen and (min-width: 1400px) and (max-width: 1499px){
  #start-text-1                       { padding-right: 170px; }
  #header                             { padding: 54px 65px 0px 65px; }
  #content                            { padding: 54px 65px 25px 65px; }
  #navpunkt-namen                     { padding-top: 0px; }
  .navsmall                           { display: block; font-size: 2vw; line-height: 2vw; }
  .navname-trenner                    { display: block; padding: 10px 0; }
  #navpunkt-namen h1                  { display: block; }
  .navbig                             { font-size: 3vw; line-height: 3vw; }
  .imob-image                         { width: 250px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 130px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-bi                            { width: auto; padding-right: 35px; }
  .imob-ausst-info                    { width: auto; padding-right: 35px; }
  #is-anzahl                          { padding: 10px 25px 12px 25px; }
  #is-anzeigen                        { padding: 10px 25px 12px 25px; }
  .imob-strasse                       { padding-right: 5px; }
  .imob-ort                           { padding-left: 5px; padding-right: 5px; }
  .imob-etage                         { padding-left: 5px; }
  #nav-punkt-name                     { top: -10px; left: 65px; }
  .gala-bild-container                { width: 16.5%; }
  #home-link                          { left: 70px; top: 90px; }
  .asp-bild                           { width: 200px; }
  
}

@media screen and (min-width: 1300px) and (max-width: 1399px){
  #start-text h1                      { font-size: 36pt; }
  #start-text-1                       { padding-right: 150px; }
  #header                             { padding: 54px 65px 0px 65px; }
  #content                            { padding: 54px 65px 25px 65px; }
  #navpunkt-namen                     { padding-top: 0px; }
  .navsmall                           { display: block; font-size: 2vw; line-height: 2vw; }
  .navname-trenner                    { display: block; padding: 10px 0; }
  #navpunkt-namen h1                  { display: block; }
  .navbig                             { font-size: 3vw; line-height: 3vw; }
  .imob-image                         { width: 200px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 130px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-bi                            { width: auto; padding-right: 35px; }
  .imob-bi-name                       { font-size: 9pt; }
  .imob-bi-inhalt                     { font-size: 15pt; }
  .imob-ausst-info                    { width: auto; padding-right: 35px; }
  #is-anzahl                          { padding: 10px 15px 12px 15px; }
  #is-anzeigen                        { padding: 10px 15px 12px 15px; }
  .imob-strasse                       { padding-right: 0; display: block; border-right: 0; }
  .imob-ort                           { padding-right: 0; padding-left: 0; display: block; border-right: 0; padding-top: 5px; }
  .imob-etage                         { padding-left: 0; display: block; padding-top: 5px; }
  .immo-details-area                  { float: none; width: auto; }
  #immo-details-area2 .immo-details-inner { padding-left: 5px; }
  .immod-preis                        { text-align: left; }
  #immod-areas                        { width: 60%; }
  #immo-energie-text                  { width: 80%; }
  #nav-punkt-name                     { top: -10px; left: 65px; }
  .gala-bild-container                { width: 16.33%; }
  #home-link                          { left: 70px; top: 90px; }
  .asp-bild                           { width: 150px; }
  .cell-smartphone { display: none; }
  #google-marker-kats {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
  #start-text h1                      { font-size: 32pt; }
  #start-text-1                       { padding-right: 90px; }
  #header                             { padding: 54px 65px 0px 65px; }
  #content                            { padding: 54px 65px 25px 65px; }
  #navpunkt-namen                     { padding-top: 0px; }
  .navsmall                           { display: block; font-size: 1.5vw; line-height: 1.5vw; }
  .navname-trenner                    { display: block; padding: 10px 0; }
  #navpunkt-namen h1                  { display: block; }
  .navbig                             { font-size: 2.5vw; line-height: 2.5vw; }
  .imob-image                         { width: 150px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 130px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-bi                            { width: auto; padding-right: 25px; }
  .imob-bi-name                       { font-size: 8pt; }
  .imob-bi-inhalt                     { font-size: 13pt; }
  .imob-ausst-info                    { width: auto; padding-right: 25px; }
  #is-submit-button                   { font-size: 11pt; }
  #is-anzahl                          { padding: 10px 10px 12px 10px; }
  #is-anzeigen                        { padding: 10px 10px 12px 10px; }
  .checkbi                            { padding-bottom: 10px; }
  .checkbt                            { padding-bottom: 10px; }
  .imob-strasse                       { padding-right: 0; display: block; border-right: 0; }
  .imob-ort                           { padding-right: 0; padding-left: 0; display: block; border-right: 0; padding-top: 5px; }
  .imob-etage                         { padding-left: 0; display: block; padding-top: 5px; }
  .immo-details-area                  { float: none; width: auto; }
  #immo-details-area2 .immo-details-inner { padding-left: 5px; }
  .immod-preis                        { text-align: left; }
  #immod-areas                        { width: 53%; }
  #immo-energie-text                  { width: auto; float: none; }
  .immod-ausstattung-spalte           { float: none; width: auto; }
  #nav-punkt-name                     { top: -10px; left: 65px; }
  .gala-bild-container                { width: 20%; }
  #home-link                          { left: 70px; top: 90px; }
  .asp-eintrag                        { float: none; width: auto; }
  #is-felder-links                    { width: 50%; }
  #is-felder-rechts                   { width: 50%; }
  .cell-smartphone { display: none; }
  .immod-ausstattung-merkmal          { width: auto; float: none; }
  #google-marker-kats {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1199px){
  #start-text h1                      { font-size: 32pt; }
  #start-text-1                       { padding-right: 90px; }
  .footer                             { margin-left: 40px; }
  #header                             { padding: 54px 25px 0px 25px; }
  #content                            { padding: 54px 25px 25px 25px; }
  #navpunkt-namen                     { padding-top: 0px; }
  .navsmall                           { display: block; font-size: 1.5vw; line-height: 1.5vw; }
  .navname-trenner                    { display: block; padding: 10px 0; }
  #navpunkt-namen h1                  { display: block; }
  .navbig                             { font-size: 2.5vw; line-height: 2.5vw; }
  
  #istbl                              { display: block; width: auto; }
  .istd                               { display: block; width: auto; }
  #istdslider                         { width: auto; }
  #istdtrenner                        { display: none; }
  #istdfelder                         { width: auto; }
  #istdfelder .isinner                { padding-top: 5px; }
  #is-submit-button                   { position: static; margin-bottom: 25px; }
  
  .imob-tbl                           { display: block; }
  .imob-td                            { display: block; }
  .imob-infos                         { padding-right: 0; }
  .imob-details                       { width: auto; text-align: left; }
  .imob-infos-inner                   { padding: 20px 0; }
  
  #immod-areas                        { float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immod-pdfs                         { float: none; width: auto; }
  #immod-grundriss img                { float: none; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  
  #nav-punkt-name                     { top: 0px; left: 25px; }
  #nav-punkt-name h1                  { font-size: 28pt; }
  .gala-bild-container                { width: 20%; }
  #home-link                          { left: 30px; top: 90px; }
  .asp-eintrag                        { float: none; width: auto; }
  .cell-smartphone { display: none; }
  #google-marker-kats {
    grid-template-columns: 1fr;
  }
  #immod-bilder ul li {
    width: 125px;
  }
}

/* ab hier auf Mobile Design wechseln */
@media screen and (min-width: 0px) and (max-width: 1099px){
  #cookie-info                        { max-width: none; }
  #cookie-info-content                { padding: 4px; }
  #footer-inhalt                      { display: none; }
  #small-header-nav-name              { display: block; }
  #pr-untere-seite                    { position: static; }
  #google-map                         { width: 97%; margin: 0 auto; height: 400px; }
  #pr-untere-seite                    { max-width: initial; }
  #pr-scroll-area                     { width: auto; max-width: initial; }
  #wohnungssuche                      { max-width: 380px; margin: 0 auto; }
  #google-marker-kats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1000px) and (max-width: 1099px){
  #page                               { display: block; min-height: 100px; }
  #page-inner                         { display: block; }
  #page-left                          { display: block; }
  #page-right                         { display: block; background-color: #223947; width: auto; }
  #pr-scroll-area                     { margin: 0 auto; }
  #overlay                            { display: none; }
  #pr-scroll-area                     { position: static; }
  #nav-oben-rand                      { display: none; }
  #pr-main-nav                        { display: none; }
  #pr-untere-seite                    { padding: 20px 0; }
  #cookie-info                        { position: fixed; }
  #cookie-hinweis-startseite #cookie-info-spacer { display: block; }
  #header                             { display: none; }
  #header-small                       { display: block; }
  #start-text-1                       { padding-right: 0; }
  #footer-startseite                  { display: none; }
  #footer-pageend                     { display: block; padding-top: 20px; }
  #footer-pageend .footer             { margin-left: 10px; padding-bottom: 20px; margin-right: 10px; }
  #full-page                          { min-height: 100px; }
  #full-page.startseite               { background-position: center center; max-height: none; height: auto; }
  #full-page.startseite #page-left    { min-height: 500px; }
  #start-text                         { padding-top: 120px; }
  #ws-header                          { padding-bottom: 30px; }
  #wsuche-ergebnis                    { padding-top: 5px; }
  #ws-submit                          { padding-top: 20px; }
  #schnellkontakt                     { padding-top: 60px; }
  #social-media                       { padding-top: 35px; }
  #impressum-datenschutz              { padding-top: 20px; }
  #page.startseite                    { max-height: none; height: auto; }
  #content                            { padding: 25px 50px 25px 50px; }
  .imob-image                         { width: 150px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 130px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-bi                            { width: auto; padding-right: 25px; }
  .imob-bi-name                       { font-size: 8pt; }
  .imob-bi-inhalt                     { font-size: 13pt; }
  .imob-ausst-info                    { width: auto; padding-right: 25px; }
  #is-submit-button                   { font-size: 11pt; }
  #is-anzahl                          { padding: 10px 10px 12px 10px; }
  #is-anzeigen                        { padding: 10px 10px 12px 10px; }
  .checkbi                            { padding-bottom: 10px; }
  .checkbt                            { padding-bottom: 10px; }
  .imob-strasse                       { padding-right: 0; display: block; border-right: 0; }
  .imob-ort                           { padding-right: 0; padding-left: 0; display: block; border-right: 0; padding-top: 5px; }
  .imob-etage                         { padding-left: 0; display: block; padding-top: 5px; }
  #nav-punkt-name                     { top: -20px; left: 50px; }
  #nav-punkt-name h1                  { font-size: 28pt; }
  .gala-bild-container                { width: 16.5%; }
  #home-link                          { left: 55px; top: 90px; }
  .asp-bild                           { width: 200px; }
}

@media screen and (min-width: 765px) and (max-width: 999px){
  #page                               { display: block; min-height: 100px; }
  #page-inner                         { display: block; }
  #page-left                          { display: block; }
  #page-right                         { display: block; background-color: #223947; width: auto; }
  #pr-scroll-area                     { margin: 0 auto; }
  #overlay                            { display: none; }
  #pr-scroll-area                     { position: static; }
  #nav-oben-rand                      { display: none; }
  #pr-main-nav                        { display: none; }
  #pr-untere-seite                    { padding: 20px 0; }
  #cookie-info                        { position: fixed; }
  #cookie-hinweis-startseite #cookie-info-spacer { display: block; }
  #header                             { display: none; }
  #header-small                       { display: block; }
  #start-text-1                       { padding-right: 0; }
  #footer-startseite                  { display: none; }
  #footer-pageend                     { display: block; padding-top: 20px; }
  #footer-pageend .footer             { margin-left: 10px; padding-bottom: 20px; margin-right: 10px; }
  #full-page                          { min-height: 100px; }
  #full-page.startseite               { background: none; max-height: none; height: auto; }
  #startbild                          { display: block; }
  #content                            { padding: 25px 25px 25px 25px; }
  #ws-header                          { padding-bottom: 30px; }
  #wsuche-ergebnis                    { padding-top: 5px; }
  #ws-submit                          { padding-top: 20px; }
  #schnellkontakt                     { padding-top: 60px; }
  #social-media                       { padding-top: 35px; }
  #impressum-datenschutz              { padding-top: 20px; }
  #page.startseite                    { max-height: none; height: auto; }
  .imob-image                         { width: 150px; }
  #content .imob-details a span       { display: none; }
  .imob-details                       { width: 130px; }
  .imob-details a                     { padding: 10px 25px 12px 25px; }
  .imob-bi                            { width: auto; padding-right: 55px; }
  .imob-bi-name                       { font-size: 8pt; }
  .imob-bi-inhalt                     { font-size: 13pt; }
  .imob-ausst-info                    { width: auto; padding-right: 25px; }
  #is-submit-button                   { font-size: 11pt; }
  #is-anzahl                          { padding: 10px 10px 12px 10px; }
  #is-anzeigen                        { padding: 10px 10px 12px 10px; }
  .checkbi                            { padding-bottom: 10px; }
  .checkbt                            { padding-bottom: 10px; }
  .imob-strasse                       { padding-right: 0; display: block; border-right: 0; }
  .imob-ort                           { padding-right: 0; padding-left: 0; display: block; border-right: 0; padding-top: 5px; }
  .imob-etage                         { padding-left: 0; display: block; padding-top: 5px; }
  
  #immod-areas                        { float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immod-pdfs                         { float: none; width: auto; }
  #immod-grundriss img                { float: none; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  
  #content-pic-overlay                { max-height: 450px; }
  #content-pic-overlay img#head-overlay { width: 100%; bottom: -1px; }
  #nav-punkt-name                     { position: static; padding-bottom: 30px; padding-top: 0px; }
  #nav-punkt-name h1                  { font-size: 28pt; }
  
  .gala-bild-container                { width: 16.5%; }
  #home-link                          { left: 25px; top: 90px; }
  .asp-eintrag                        { float: none; width: auto; }
  
  #tbl-dl                             { display: block; }
  .tbl-dl-cell                        { display: block; }
  .cell-dl-left                       { width: auto; padding-right: 0; }
  #google-marker-kats {
    grid-template-columns: 1fr;
  }
  #immod-bilder ul li {
    width: 125px;
  }
}

@media screen and (min-width: 0px) and (max-width: 764px){
  #page                               { display: block; min-height: 100px; }
  #page-inner                         { display: block; }
  #page-left                          { display: block; }
  #page-right                         { display: block; background-color: #223947; width: auto; }
  #pr-scroll-area                     { margin: 0 auto; }
  #overlay                            { display: none; }
  #pr-scroll-area                     { position: static; max-width: initial; width: auto; }
  #nav-oben-rand                      { display: none; }
  #pr-main-nav                        { display: none; }
  #pr-untere-seite                    { padding: 20px 0; }
  #cookie-info                        { position: fixed; }
  #cookie-hinweis-startseite #cookie-info-spacer { display: block; }
  #header                             { display: none; }
  #header-small                       { display: block; }
  #start-text-1                       { padding-right: 0; }
  #footer-startseite                  { display: none; }
  #footer-pageend                     { display: block; padding-top: 20px; }
  #footer-pageend .footer             { margin-left: 10px; padding-bottom: 20px; margin-right: 10px; }
  #full-page                          { min-height: 100px; }
  #full-page.startseite               { background: none; max-height: none; height: auto; }
  #startbild                          { display: block; }
  #content                            { padding: 25px; }
  #start-text                         { padding-top: 0; }
  #start-text h1                      { font-size: 7vw; }
  #ws-header h3                       { font-size: 5vw; }
  #ws-header                          { padding-bottom: 30px; }
  #wsuche-ergebnis                    { padding-top: 5px; }
  #ws-submit                          { padding-top: 20px; }
  #schnellkontakt                     { padding-top: 60px; }
  #social-media                       { padding-top: 35px; }
  #impressum-datenschutz              { padding-top: 20px; }
  body                                { background-color: #223947; }
  #page-left                          { background-color: #fff; }
  #page.startseite                    { max-height: none; height: auto; }
  .formlist li                        { float: none; width: auto; }
  .formlist li.left                   { padding-right: 0px; }
  .formlist li.right                  { padding-left: 0px; }
  
  #istbl                              { display: block; width: auto; }
  .istd                               { display: block; width: auto; }
  #istdslider                         { width: auto; }
  #istdtrenner                        { display: none; }
  #istdfelder                         { width: auto; }
  #istdfelder .isinner                { padding-top: 5px; }
  #is-submit-button                   { position: static; margin-bottom: 25px; text-align: center; }
  #is-anzahl                          { display: block; }
  #is-anzeigen                        { display: block; box-sizing: border-box; }
  
  .imob-tbl                           { display: block; }
  .imob-td                            { display: block; }
  .imob-infos                         { padding-right: 0; }
  .imob-details                       { width: auto; text-align: left; }
  .imob-infos-inner                   { padding: 20px 0; }
  .immo-navigation                    { text-align: center; }
  .immo-anzahl-objekte                { display: block; padding-right: 0; }
  .immo-anzahl-navigation             { display: block; padding-top: 15px; }
  .imob-image                         { width: auto; max-width: 300px; }
  
  .imob-strasse                       { padding-right: 0; border-right: 0; display: block; }
  .imob-ort                           { padding-right: 0; padding-left: 0; border-right: 0; display: block; padding-top: 5px; }
  .imob-etage                         { padding-left: 0; display: block; padding-top: 5px; }
  .imob-bi                            { width: auto; padding-right: 35px; }
  .imob-ausst-info                    { width: auto; padding-right: 35px; }
  
  #immod-areas                        { float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immod-pdfs                         { float: none; width: auto; }
  #immod-grundriss img                { float: none; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  .immo-details-area                  { float: none; width: auto; }
  #immo-details-area2 .immo-details-inner { padding-left: 5px; }
  .immod-ausstattung-spalte           { float: none; width: auto; }
  #immo-energie-text                  { float: none; width: auto; }
  .immod-preis                        { text-align: left; }
  

  #content-pic-overlay                { max-height: 400px; }
  #content-pic-overlay img#head-overlay { width: 100%; bottom: -1px; }
  #nav-punkt-name                     { position: static; padding-bottom: 30px; padding-top: 25px; }
  #nav-punkt-name h1                  { font-size: 6vw; }
  
  .vimeo-link img                     { width: 70px; }
  
  .gala-bild-container                { width: 20%; }
  
  #home-link                          { display: none; }
  .asp-eintrag                        { float: none; width: auto; height: auto; }

  #tbl-dl                             { display: block; }
  .tbl-dl-cell                        { display: block; }
  .cell-dl-left                       { width: auto; padding-right: 0; }
  .immod-ausstattung-merkmal { float: none; width: auto; }
  
  .iframe-daten-info.iframe-wohnung { float: none; width: auto; } 
  .iframe-daten-info.small { float: none; width: auto; margin-left: 0; max-width: 100%; }
  #google-marker-kats {
    grid-template-columns: 1fr;
  }
  #immod-bilder ul li {
    width: 125px;
  }
}

@media screen and (min-width: 0px) and (max-width: 680px){
  .gala-bild-container                { width: 25%; }
  .asp-eintrag                        { display: block; }
  .asp-bild                           { display: block; padding-bottom: 20px; }
  .asp-infos                          { display: block; padding-left: 0; }
  .asp-eintrag                        { padding-bottom: 50px; height: auto; }
  .wohngebiet-wohnung-info            { display: block; padding-left: 0; padding-top: 5px; }
  .cell-smartphone                    { display: none; }
}

@media screen and (min-width: 0px) and (max-width: 600px){
  #zwg-buttons { display: block; }
  .zwg-buttons-row { display: block; }
  .zwg-button-cell { display: block; }
  .cell-text .button-text { padding-left: 0; text-align: center; }
  .cell-text { padding-bottom: 25px; }
  .zwg-buttons-row:last-child .cell-text { padding-bottom: 0; }
}

@media screen and (min-width: 0px) and (max-width: 530px){
  .gala-bild-container                { width: 33.33%; }
}

@media screen and (min-width: 0px) and (max-width: 470px){
  .cell-qr-code                       { display: none; }
  .cell-logos                         { width: auto; }
}

@media screen and (min-width: 0px) and (max-width: 410px){
  #small-header-nav-name              { font-size: 7vw; }
  .inh-abs-titel h2                   { font-size: 5vw; }
  .gala-bild-container                { width: 50%; }
}

@media screen and (min-width: 0px) and (max-width: 360px){
  .merkmal-right { flex: 0 0 12%; text-align: right; }
}




/* Grid Styles */
#grid[data-columns]::before { content: '3 .column.size-1of3'; }

.column { float: left; }
.size-1of4 { width: 25%; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }
.size-1of1 { width: 100%; }



@media screen and (min-width: 1451px) {
  #grid[data-columns]::before { content: '3 .column.size-1of3'; }
}

@media screen and (min-width: 1300px) and (max-width: 1450px) {
  #grid[data-columns]::before { content: '2 .column.size-1of2'; }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  #grid[data-columns]::before { content: '1 .column.size-1of1'; }
}

@media screen and (min-width: 1000px) and (max-width: 1099px) {
  #grid[data-columns]::before { content: '3 .column.size-1of3'; }
}

@media screen and (min-width: 765px) and (max-width: 999px) {
  #grid[data-columns]::before { content: '2 .column.size-1of2'; }
}

@media screen and (max-width: 690px){
  #grid[data-columns]::before { content: '1 .column.size-1of1'; }
  .news-inner { padding: 10px 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 { color: #fff; }

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

.cb-btn { background-color: #990116; 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; }