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

@font-face {
    font-family: 'open_sans_regular';
    src: url('/static/ewges/fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('/static/ewges/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/ewges/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/static/ewges/fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans_light';
    src: url('/static/ewges/fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('/static/ewges/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/ewges/fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('/static/ewges/fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans_semibold';
    src: url('/static/ewges/fonts/open-sans/OpenSans-Semibold-webfont.eot');
    src: url('/static/ewges/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/ewges/fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/static/ewges/fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body                                { background-color: #fff;
                                      font-family: Arial, Helvetica, Sans-serif;
                                      font-size: 12pt;
                                      color: #404040;
                                      /*background-image: url(/static/ewges/hg-page.jpg);
                                      background-repeat: no-repeat;
                                      background-attachment: fixed;
                                      background-position: top center;
                                      background-size: cover;*/
                                    }

#logo                               { padding: 18px 0 0 58px; }
#logopic                            { display: block; float: left; }
#logopic img                        { width: 166px; }
#logotxt                            { color: #424da7; font-family:'open_sans_regular', Sans-serif; display: block; float: left; padding: 53px 0 0 22px; font-size: 32pt; height: 57px; }

#claim                              { color: #639be5; text-transform: uppercase; font-family: 'open_sans_light', Sans-serif; font-size: 32pt; padding: 60px 113px 0px 0; float: right; font-weight: normal; }

#startseite                         { }
#startbild                          { display: none; position: relative; }
#startbild img                      { width: 100%; display: block; }

a:focus                             { outline:none; }
a                                   { color:#d31628; }
a:link                              { text-decoration:none; }
a:visited                           { text-decoration:none; }
a:active                            { text-decoration:none; }
a:hover                             { color:#d31628; text-decoration:none; }
.navaktweiss                        { background-color: white; color: #d31628 !important; }


[placeholder]:focus::-webkit-input-placeholder  { transition: opacity 0.5s 0.5s ease; opacity: 0; }
::-webkit-input-placeholder                     { /* WebKit browsers */ color: #636363; }
:-moz-placeholder                               { /* Mozilla Firefox 4 to 18 */ color: #636363; opacity: 1; }
::-moz-placeholder                              { /* Mozilla Firefox 19+ */ color: #636363; opacity: 1; }
:-ms-input-placeholder                          { /* Internet Explorer 10+ */ color: #636363; }

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


#popup-content { max-width: 600px; }
#popup-content p { margin-bottom: 0 !important; }
#popup-content p { margin-top: 1rem; }
#popup-content p:first-child { margin-top: 0 !important; }


#pagepic                            { max-width: 2000px; margin: 0 auto;
                                      background-repeat: no-repeat;
                                      background-position: center 117px;
                                      background-size: contain;
                                    }
#wrap-head                          {  }
#head                               { max-width: 2000px; height: 375px; margin: 0 auto; position: relative; background-image: url(/static/ewges/overlay.png); background-position: top left; background-repeat: repeat-x; }
#suche                              { float: right; }


#navigation                         { padding: 41px 60px 0 0px; max-width: 1350px; float: right; width: 100%; }

#icons                              {  }
#suche-lupe                         { float: right; padding: 21px 23px; cursor: pointer; background-color: #638fc8;}
#suche-lupe .fa                     { color: white; }
#suche-slider                       { float: left; overflow: hidden; width: 0px; padding: 18px 1px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#suche-form                         { width: 244px; }
#suche-eingabe                      { float: left; margin: 0 10px; }
#suche-eingabe input                { padding: 4px; border: 1px solid #638fc8; }
#suche-senden                       { width: 23px; height: 23px; float: left; border: 1px solid #638fc8; cursor: pointer; }
#suche-pfeil                        { width: 0; height: 0; margin-left: 9px; margin-top: 5px; border: 7px solid #638fc8; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid transparent; }

#ico-kontakt                        { float: right; padding-left: 95px; }
#ico-kontakt img                    { display: block; }
#ico-facebook                       { float: right; padding-left: 95px; padding-right: 58px; }
#ico-facebook img                   { display: block; }

#nav                                { background-color: #d31628; padding: 0 40px; }
#nav a                              { display: block; float: left; color: #fff; font-size: 15pt; padding: 27px 0 15px 0; font-family: 'open_sans_semibold', sans-serif; text-transform: uppercase;}
#nav ul                             { list-style:none; text-align: justify; }
#nav li                             { height: 39px; text-align: -webkit-match-parent; display: inline-block; }
#nav li ul li                       { padding-right: 20px; }
#nav li ul li a                     { padding-right:20px !important; }
#nav .last-li                       { padding-right:0; }

#nav ul li                          { position:relative; }
#nav ul li ul li                    { position:relative; clear:left; }
#nav ul li ul li ul li              { position:relative; clear:left; }
#nav ul li ul li ul li ul li        { position:relative; clear:left; }

#nav ul li a                        {  }
#nav ul li a.maintext               { padding-top: 17px; padding-bottom: 17px; padding-right: 10px; padding-left: 10px; }
#nav ul li ul li a.subtext          { float:left; display:block; width:235px; height:17px; padding:12px 5px 12px 29px; color: #fff; font-size: 13pt; font-family: 'open_sans_semibold', sans-serif; }
#nav ul li ul li ul li a.subtext    { float:left; border-bottom:1px solid #63a346; background-color:#fff; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; color: #020202; }
#nav ul li ul li ul li ul li a.subtext { float:left; border-bottom:1px solid #63a346; background-color:#fff; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; color: #020202; }

#nav ul li ul                       { position: absolute; z-index: 1000; left: -90px; top: 56px; }
#nav ul li ul li ul                 { position: absolute; z-index: 900; left: 284px; top: 0; }
#nav ul li ul li ul li ul           { position: absolute; z-index: 800; border-top: 1px solid #d3d3d3; left: 215px; top: 0; }

#nav ul li ul                       { overflow: visible !important; }

.mainliclick                        { float:left; width: 31px; height: 19px; }
.mainnavarrow                       { width: 0;  height: 0;  border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(255,255,255,1); }
.mnaakt                             { border-top: none; border-bottom: 7px solid rgba(255,255,255,1); }

.sub1liclick                        { position:absolute; top:5px; right:5px;  display:block; float:left; width:31px; height:31px; background-image:url(/static/ewges/nav-btn-open-h.png); background-position:top right; background-repeat:no-repeat; }
.sub2liclick                        { position:absolute; top:5px; right:5px;  display:block; float:left; width:31px; height:31px; background-image:url(/static/ewges/nav-btn-open-h.png); background-position:top right; background-repeat:no-repeat; }

#nav li ul li a                     { padding-right:0px !important; }

.submenuleft                        { left: -215px !important; }

.mainli:hover .mainliclick          { background-image:url(/static/ewges/nav-btn-close-v.png); }
.sub1li:hover .sub1liclick          { background-image:url(/static/ewges/nav-btn-close-h.png); background-position: top right; }
.sub2li:hover .sub2liclick          { background-image:url(/static/ewges/nav-btn-close-h.png); background-position: top right; }

#nav100                             { padding: 0; margin: 0; padding-left: 100%; height: 1px !important; }

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

#nav ul li div.submenu              { position: absolute; top: 18px; padding-top: 18px; z-index: 150; }
.submenu-arrow                      { width: 0;  height: 0;  border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid rgba(99,150,229,1); position: absolute; top: 33px; padding-top: 10px; left: 37px; }
#nav ul li ul                       { background-color: rgba(99,150,229,1); text-align: right; padding: 10px 0; }
#nav ul li ul li                    { font-size: 19pt; display: block; }
#nav ul li ul li a                  { padding: 10px 20px; font-size: 13pt; text-transform: initial; display: block; white-space: nowrap; }


#wrap-head-mobile                   { display: none; height: 68px; position: fixed; width: 100%; z-index: 150; /*background-image: url(/static/ewges/logo-small.png); background-position: top left; background-repeat: no-repeat; background-size: 100%;*/ background-color: #fff; }
#head-mobile                        { height: 61px; }
#nav-mobile-button                  { float: right; cursor: pointer; padding: 8px 7px 19px 7px; width: 25px; }
.menu-line                          { width: 25px; height: 3px; margin-bottom: 3px; background-color: #ff0054; }
#head-mobile-zusatz                 { float: left; }
#head-mobile-logo                   { float: left; }
#head-mobile-logo img               { float: left; border: 0; height: 47px; padding: 10px 5px 0px 10px; display: block; }

#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; background-color: #fff; overflow-y: auto; }
#ios-menu-korrektur                 { width: 100%; height: 70px; }
#mnav-head                          { position: relative; text-align: center; padding-top: 15px; color: #404040; font-size: 18pt; padding-bottom: 10px; }
#nav-close                          { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                          {  }
#mnav-body a                        { text-decoration: none; color: #fff; }
#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 #404040; display: block; color: #404040; }
#mnav-body ul li                    {  }
.manv0                              { padding-left: 20px; background-color: #639be5; color: #fff; }
.manv1                              { padding-left: 40px; background-color: #fff; color: #e60007; }
.manv2                              { padding-left: 60px; }
.manv3                              { padding-left: 80px; }
#mnav-body a.manv1                  { color: #474747; }
#mnav-body a.manv2                  { color: #474747; }
#mnav-body a.manv3                  { color: #474747; }
.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; }
.marrow                             { border: 6px solid #fff; 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: #fff; }
.show-sub-nav.isclicked             { top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                            { display: none; }
.mnavul2                            { display: none; }
.mnavul3                            { display: none; }
.mnavli1 .marrow                    { border: 6px solid #2B54A0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.mnavli1 .isclicked .marrow         { border-top-color: transparent; border-bottom-color: #2B54A0; }

#start-wrap                         { max-width: 2000px; margin: 0 auto; height: 990px; }
#start-inhalt                       {  }

#content-wrap                       { max-width: 2000px; margin: 0 auto; }
#content                            { padding-left: 55px; max-width: 2000px; }
#content h2                         { font-weight: bold; padding-bottom: 15px; font-size: 16pt; }
#content p                          { padding-bottom: 20px; }
#content ul                         { padding-left: 17px; }
#content ol                         { padding-left: 34px; }
#content-inner                      { padding: 0 0 15px 0; }
#seitentitel                        { display: none; color: #639be5; text-transform: uppercase; font-family: 'open_sans_light', Sans-serif; font-size: 19pt; padding: 0 51px 15px 0; float: right; font-weight: normal; }
.content-trenner                    { width: 100%; height: 15px; }

.show-ifb                           { float: left; width: 870px; }
#infoboxen                          { float: left; width: 300px; padding-left: 30px; padding-top: 51px; }
.infobox                            { padding-bottom: 40px; }


#wrap-boxen-unten                   { max-width: 1200px; margin: 0 auto; }

#wrap-fusszeile                     { max-width: 2000px; margin: 0 auto; height: 85px; background-color: rgba(255,255,255,0.85); }
#fusszeile                          {  }
#fusszeile ul                       { list-style: none; text-align: justify; }
#fusszeile ul li                    { text-align: -webkit-match-parent; display: inline-block; position: relative; text-transform: uppercase; }
#fusszeile ul li a                  { color: #a03422; }
#fuss100                            { padding-left: 100%; }
#copyright                          { float: right; color: #333; font-family: 'open_sans_semibold', sans-serif; font-size: 13pt; padding: 25px 0 7px 0; border-bottom: 1px solid #d31628; margin-right: 130px; }



.ifb                                { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #404040;
                                      background-color: #fff; width: 300px;
                                    }
.ifb-inner                          { padding: 10px; }
.ifb-titel                          { text-transform: uppercase; color: #404040; padding-bottom: 8px; padding-top: 3px; font-size: 12pt; }
.ifb-bild                           {  }
.ifb-bild a                         { display: block; }
.ifb-bild a img                     { width: 100%; display: block; }
.ifb-text                           { padding-top: 15px; }



#kontaktform                        {  }
#kontakt                            {  }
.form-feld                          { margin-bottom: 10px; }
.feld-name                          { padding-bottom: 5px; }
.feld-input                         {  }
label                               { display: block; padding-bottom: 5px; }
.formlist                           { list-style: none; padding: 0 !important; margin: 0; }
.formlist li                        { float: left; width: 50%; margin-bottom: 10px; }
.formlist li.liselect               { float: none; width: 100%; }
.smalllist li                       { width: 33.33%; }
#nachricht                          { height: 110px; width: 94%; }
.ffeld                              { width: 88%; padding: 6px; border: 1px solid #404040; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'open_sans_semibold', sans-serif; }
.ffeldselect                        { width: 96%; }
.btn                                { padding: 5px; width: 125px; }


.akt-meldung                        { padding-bottom: 20px; }
.akt-bild                           { float: left; padding-right: 20px; width: 25%; }
.akt-bild img                       { width: 100%; }
.mehrlink                           { padding-top: 10px; text-align: right; padding-right: 20px; }
.newsBackLink                       { padding-top: 10px; text-align: right; padding-right: 20px; }

.new-start-box                      { width: 300px; margin: 0 auto; }

#mobile-footer-nav                  { padding: 33px 0 0 158px; font-size: 13pt; font-weight: normal; float: left; color: #333333; text-transform: uppercase;}
#mobile-footer-nav a                { color: #333333; }
.mfn-impressum                      { padding-right: 15px; }
.mfn-datenschutz                    { padding-left: 15px; }

#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; font-family: 'open_sans_light', sans-serif; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: rgba(242, 240, 242, 0.8);; color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #638fc8; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button                 {  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #638fc8; margin-top: 10px; cursor: pointer; }
#cookie-info-spacer                 { height: 120px; width: 100%; }

/* Wohnungsliste */
#wl                                 { padding-top: 30px; }
.wle                                { float: left; width: 25%; margin-bottom: 30px; min-height: 395px; }
.wle-inner                          { width: 250px; margin: 0 auto; }
.wle-link                           { display: block; color: #474747; padding: 10px; }
.wle-link:hover                     { background-color: rgba(99,150,229,0.4); color: #474747; transition: background-color 200ms linear; }
.wle-link:visited                   { color: #474747; }
.wle-pic                            { display: block; width: 230px; height: 172px; }
.wle-pic img                        { display: block; width: 230px; height: 172px; object-fit: cover; }
.wle-street                         { display: block; padding: 15px 0 10px 0; font-weight: bold; color: #20388E; font-size: 12pt; }
.wle-place                          { display: block; }
.wle-infos                          { display: table; width: 100%; }
.wle-info                           { display: table-row; }
.wle-info-left                      { display: table-cell; }
.wle-info-right                     { display: table-cell; text-align: right; font-weight: bold; }
.wle-trenner                        { display: table-row; }
.wle-trenner-td                     { display: table-cell; }
.wle-trenner-td span                { display: block; width: 100%; height: 2px; background-color: #d3d3d3; margin: 10px 0; }
.wle-link:hover .wle-trenner-td span{ background-color: rgba(251, 186, 0, 0.78); transition: background-color 200ms linear; }

.wie-merkmale                       { display: block; height: 35px; width: 100%; padding-top: 10px; }
.wie-merkmal                        { display: inline-block; font-size: 9pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 3px; margin-right: 10px; }
.wiem-wanne                         { background-color: rgba(99,150,229,1); color: #fff; }
.wiem-dusche                        { background-color: rgba(99,150,229,1); color: #fff; }
.wiem-balkon                        { background-color: rgba(99,150,229,1); color: #fff; }
.wiem-aufzug                        { background-color: rgba(99,150,229,1); color: #fff; }

.ws-suche-nav .fa                   { color: #424da7; }
.ws-suche-nav .blattdeakt           { color: #eee; }

/* /Wohnungsliste */

/* Immobilien Details */
#immo-details                       { padding-bottom: 35px; }
#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-werbung                       { font-size: 120%; padding: 0 0 25px 0; color: #E80E21; float: left; }
.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-seitentitel h2               { font-weight: normal; font-size: 18pt; font-family: 'open_sans_light', sans-serif; }
#immod-headline h3                  { color: #639be5; font-weight: normal; font-size: 15pt; font-family: 'open_sans_light', sans-serif; }
#immod-areas                        { float: left; width: 66.66%; }
#immod-areas::after                 { display: block; content: ''; clear: both; }
#immod-bilder-und-links             { float: left; width: 33.33%; }
.immod-field                        { padding: 0 0 10px; 0; }
.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: 110px; 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 rgba(34, 85, 148, 0.3); padding-bottom: 3px; font-family: 'open_sans_semibold', sans-serif;}
.immod-text-body                    {  }
#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: 0 0 15px 0; }
#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-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; }
#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; }
#immod-energieinformationen         { padding: 20px 0 5px 0; }
#immo-energie-grafik                { float: left; width: 400px; padding-top: 26px; }
#immo-energie-text                  { float: left; width: 41%; }
#ee_info                            { width:400px; margin-bottom:3px; }
#ee_skala                           { width:400px; height:50px; margin-bottom:3px; background-image:url(/static/gwbg/energie-balken.png); background-repeat:no-repeat; }
#ee_arrow                           { width:16px; height:27px; float:left; background-image:url(/static/gwbg/energie-pfeil.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 25px; }
#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-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 */

#backlink                            { padding-top: 40px; }

.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%; color: #fff; padding-top: 8px; }
.slider-center                      {  }
.slider-right                       { width: 15%; color: #fff; padding-top: 8px; }
.slider-inner                       { padding: 0 18px; position: relative; }
.slider-titel                       { position: absolute; width: 100%; text-align: center; top: -22px; left: 0; font-size: 12pt; color: #fff; }

.noUi-background                    { background: #fff; }
.noUi-horizontal                    { padding-top: 6px; height: 22px; }
.noUi-handle:after, .noUi-handle:before { color: #424da7; }

#whg-suche-start                    { padding: 305px 0 0 87px; }
#whg-suche                          { float: left; }
#inhalt                             { float: right; width: 71%; padding-right: 65px; line-height: 22pt; font-size: 14pt; font-family: 'open_sans_light', sans-serif; }

#whg-schnellsuche                   { background-color: rgba(99,150,229,0.9); padding: 0 10px; width: 368px; font-family: 'open_sans_light', sans-serif; }
#wss-titel1                         { text-align: center; line-height: 50pt; color: #fff; font-size: 49pt; }
#wss-titel2                         { padding-left: 79px; padding-bottom: 50px; color: #fff; font-size: 22pt; line-height: 15pt; }
#wsuche-ergebnis                    { text-align: center; color: #fff; }
#wse-anzahl                         { font-size: 17pt; padding-right: 5px; }
#wse-text                           {  }
#wss-detaillink                     { text-align: center; padding: 23px 0 32px 0; }
#wse-button                         { background-color: #d31628; padding: 7px 16px; color: #fff; cursor: pointer; }

#suche_content                      { width:100%; }
#suchwort_titel                     { margin-bottom:8px; }
#such_wort                          { font-weight:bold; }
#suche_head                         { padding:3px; margin-bottom:8px; }
#search_left                        { float:left; width:30px; height:30px; margin-right:30px; padding-top: 8px; }
#search_center                      { float:left; padding-top:7px; }
#search_right                       { float:left; width:30px; height:30px; margin-left:30px; padding-top: 8px; }

.suche_hit { margin-bottom:3px; padding:3px; border-bottom:1px solid lightgrey; }
.suche_rank { float:left; width:21px; padding-right: 10px; }
.suche_link { float:left; }
.suche_stars { float:right; }
.suche_description{ margin-bottom:3px; margin-left:21px; }

#asp                                {  }
.asp-line                           { padding: 0 0 0 10px; margin-bottom: 10px; }
.asp-line:hover                     { background-color: rgba(99,150,229,0.4); transition: background-color 200ms linear; }
.aspl-abteilung                     { float: left; width: 38%; height: 60px; }
.aspl-mitarbeiter                   { float: left; width: 33%; height: 60px; }
.aspl-trenner                       {  }
.aspl-kontakt                       {  }
.aspl-telefon                       {  }
.aspt-telefon                       { padding-right: 10px; }
.aspl-email                         {  }
.aspt-email                         {  padding-right: 10px; }

.news-head                          { padding-bottom: 25px; }
.newsh-datum                        { float: left; padding-right: 25px; }
.news-bild                          { width: 33%; display: block; float: left; padding-right: 40px; padding-bottom: 25px; }
.news-bild img                      { width: 100%; display: block; }
.news-text                          { padding-bottom: 40px; }

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


/* neuer Cookie-Hinweis */
.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-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#cookie-opt-in * { box-sizing: border-box; }
#coi-center {  max-width: 900px; margin: 0 auto; padding-top: 10px; }
#coi-infotext-mobile { display: none; }
#coi-infotext-mobile p { margin-bottom: 0; padding-bottom: 0; }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
.coi-infolinks { padding: 10px 0 5px 0; }
#coi-form-tbl { display: table; width: 100%; }
#coi-form {  }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons button.btn-dark { color: #888; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }

#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }
#cookie-info-spacer { background-color: #7da7d8; }
.iframe-daten-info { background-color: rgba(125, 167, 216, 0.7); color: #fff; padding: 50px 10px; text-align: center; }
.idi-text { color: #3a3a3a; }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}



#designbody                         { background: none; background-color: #fff; color: #000; }
#designbody ul,ol                   { padding-left: 21px; }
#designbody p                       { padding-bottom: 17px; }
.mceContentBody                     { padding-top: 0px !important; }

@media only screen and (min-width: 1680px) and (max-width: 1800px) {
  #inhalt { width: 67%; }
  .aspl-abteilung                     { width: 50%; }
  .aspl-mitarbeiter                   { width: 30%; }

}

@media only screen and (min-width: 1455px) and (max-width: 1679px) {
  #navigation { max-width: 1100px; }
  #claim { font-size: 25pt; padding: 29px 113px 0px 0;}
  #pagepic { background-size: 1680px; }
  #start-wrap { height: 771px; }
  
  #inhalt { width: 64%; }
  #head { height: 340px; }
  
  /* Wohnungsliste */
  .wle                                { width: 33.33%; }
  .wle-inner                          { width: 280px; }
  .wle-pic                            { width: 260px; height: 195px; }
  /* Wohnungsliste */
  
  #immo-nummer                        { display: none; }
  #immo-werbung                       { float: none; width: auto; }
  #immod-areas 												{ float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immo-energie-grafik 								{ padding-top: 0; float: none; width: auto; }
  #immo-energie-text                  { padding: 15px 0 0 5px; float: none; width: auto; }
  .energiew-left                      { width: 22%; }
  #immod-expose-link 									{ display: none; }
  #immod-grundriss                    { text-align: center; }
  #immod-grundriss img 							  { float: none; display: inline-block; }
  #immod-grund-pdf                    { text-align: center; }
  #immod-google-maps-link             { float: none; text-align: center; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  #immo-nummer-mobile                 { display: block; }
  #immod-expose-link-mobile           { display: block; }
  
  .aspl-abteilung                     { width: 50%; }
  .aspl-mitarbeiter                   { width: 50%; height: auto; } 
}

@media only screen and (min-width: 1200px) and (max-width: 1455px) {
  #nav a { font-size: 12pt; padding: 23px 0 15px 0; }
  #logotxt { font-size: 25pt; padding: 58px 0 0 22px; }
  #navigation { max-width: 870px; }
  #claim { font-size: 19pt; padding: 15px 98px 0px 0; }
  #nav li { height: 28px; }
  #nav ul li a.maintext { padding-top: 15px; padding-bottom: 15px; }
  #pagepic { background-size: 1455px; }
  #start-wrap { height: 623px; }
  #whg-suche-start { padding: 138px 0 0 87px; }
  #mobile-footer-nav { padding: 33px 0 0 88px; }
  #copyright { margin-right: 88px; }
  
  #inhalt { width: 59%; }
  #head { height: 279px; background-position: left -70px; }
  
  /* Wohnungsliste */
  .wle                                { width: 50%; }
  .wle-inner                          { width: 280px; }
  .wle-pic                            { width: 260px; height: 195px; }
  /* Wohnungsliste */
  
  #immo-nummer                        { display: none; }
  #immo-werbung                       { float: none; width: auto; }
  #immod-areas 												{ float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immo-energie-grafik 								{ padding-top: 0; float: none; width: auto; }
  #immo-energie-text                  { padding: 15px 0 0 5px; float: none; width: auto; }
  .energiew-left                      { width: 22%; }
  #immod-expose-link 									{ display: none; }
  #immod-grundriss                    { text-align: center; }
  #immod-grundriss img 							  { float: none; display: inline-block; }
  #immod-grund-pdf                    { text-align: center; }
  #immod-google-maps-link             { float: none; text-align: center; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  #immo-nummer-mobile                 { display: block; }
  #immod-expose-link-mobile           { display: block; }
  
  .aspl-abteilung                     { width: 50%; }
  .aspl-mitarbeiter                   { width: 50%; height: auto; }  
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  #whg-suche #whg-schnellsuche { width: 286px; }
  #whg-suche #wss-titel1 { font-size: 38pt; }
  #whg-suche #wss-titel2 { font-size: 18pt; }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  #head { height: 240px; background-position: left -100px; }
  #nav a { font-size: 12pt; padding: 21px 0 15px 0; }
  #logotxt { font-size: 25pt; padding: 58px 0 0 22px; }
  #navigation { max-width: 870px; padding: 41px 0px 0 0px; }
  #claim { font-size: 19pt; padding: 34px 51px 0px 0; }
  #logo { padding: 18px 0 0 17px; }
  #logopic { width: 100px; }
  #logopic img { width: 100px; }
  #logotxt { font-size: 18pt; padding: 32px 0 0 22px; }
  #nav { padding: 0 12px; }
  #nav li { height: 24px; }
  #nav ul li a.maintext { padding-top: 13px; padding-bottom: 11px; }
  #mobile-footer-nav { padding: 14px 0 0 0px; text-align: center; float: none; }
  #copyright { margin: 0 auto; width: 617px; float: none; padding: 6px 0 0 0; }
  #pagepic { background-size: 1199px; }
  #start-wrap { height: 591px; }
  #whg-suche-start { padding: 163px 0 0 16px; }
  
  #whg-suche #whg-schnellsuche { width: 286px; }
  #whg-suche #wss-titel1 { font-size: 38pt; }
  #whg-suche #wss-titel2 { font-size: 18pt; }
  #inhalt { width: 59%; }
  
  /* Wohnungsliste */
  .wle                                { width: 50%; }
  .wle-inner                          { width: 280px; }
  .wle-pic                            { width: 260px; height: 195px; }
  /* Wohnungsliste */
  
  .immo-details-area 									{ float: none; width: auto; }
  #immo-details-area2 .immo-details-inner { padding: 5px; }
  #immo-details-area2                 { padding-top: 20px; }
  #immo-nummer                        { display: none; }
  #immo-werbung                       { float: none; width: auto; }
  #immod-areas 												{ float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immo-energie-grafik 								{ display: none; }
  #immo-energie-text                  { padding: 15px 0 0 5px; float: none; width: auto; }
  .energiew-left                      { width: 22%; }
  #immod-expose-link 									{ display: none; }
  #immod-grundriss                    { text-align: center; }
  #immod-grundriss img 							  { float: none; display: inline-block; }
  #immod-grund-pdf                    { text-align: center; }
  #immod-google-maps-link             { float: none; text-align: center; padding-bottom: 30px; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  #immo-nummer-mobile                 { display: block; }
  #immod-expose-link-mobile           { display: block; }
  .mobile                             { display: block; }
  .energiew-left                      { width: 40%; }
  .energiew-right                     { width: 60%; }
  .immo-liste-werbung-label           { top: 18px; }
  
  .aspl-abteilung                     { float: none; width: 100%; height: auto; }
  .aspl-mitarbeiter                   { width: 50%; }
}

@media only screen and (min-width: 765px) and (max-width: 1024px) {
  #suche                              { display: none; }
  #wrap-head                          { display: none; }
  #wrap-navigation                    { display: none; }
  #wrap-head-mobile                   { display: block; height: 46px; }
  #seitentitel                        { display: block; }

  #content { padding: 50px 25px 0 20px; }
  #inhalt { float: none; width: 100%; padding-right: 0; }
  #whg-suche { float: none; padding: 30px 0 25px 0px; }

  #logo { padding: 2px 0 0 2px; }
  #logopic img { width: 44px; }
  #logotxt { padding: 13px 0 0 2px; font-size: 10pt; }

  #pagepic { background: none !important; }
  #start-wrap { height: auto; padding-top: 46px; }
  #startbild { display: block; }
  #whg-suche-start { padding: 30px 0 25px 0px; }
  #whg-schnellsuche { margin: 0 auto; }
  #mobile-footer-nav { padding: 14px 0 0 0px; text-align: center; float: none; }
  #copyright { margin: 0 auto; width: 617px; float: none; padding: 6px 0 0 0; }
  
  /* Wohnungsliste */
  .wle                                { width: 33.33%; }
  .wle-inner                          { width: 280px; }
  .wle-pic                            { width: 260px; height: 195px; }
  /* Wohnungsliste */
  
  #immo-nummer                        { display: none; }
  #immo-werbung                       { float: none; width: auto; }
  #immod-areas 												{ float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immo-energie-grafik 								{ padding-top: 0; float: none; width: auto; }
  #immo-energie-text                  { padding: 15px 0 0 5px; float: none; width: auto; }
  .energiew-left                      { width: 22%; }
  #immod-expose-link 									{ display: none; }
  #immod-grundriss                    { text-align: center; }
  #immod-grundriss img 							  { float: none; display: inline-block; }
  #immod-grund-pdf                    { text-align: center; }
  #immod-google-maps-link             { float: none; text-align: center; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  #immo-nummer-mobile                 { display: block; }
  #immod-expose-link-mobile           { display: block; }
  
  .aspl-abteilung                     { width: 50%; }
  .aspl-mitarbeiter                   { width: 50%; height: auto; }  
}

@media only screen and (min-width: 650px) and (max-width: 900px) {
  /* Wohnungsliste */
  .wle                                { width: 50%; }
  .wle-inner                          { width: 280px; }
  .wle-pic                            { width: 260px; height: 195px; }
  /* Wohnungsliste */
}

@media only screen and (min-width: 0px) and (max-width: 764px) {
  #suche                              { display: none; }
  #wrap-head                          { display: none; }
  #wrap-navigation                    { display: none; }
  #wrap-head-mobile                   { display: block; height: 46px; }
  #seitentitel                        { display: block; }

  #content { padding: 50px 25px 0 20px; }
  #inhalt { float: none; width: 100%; padding-right: 0; }
  #whg-suche { float: none; padding: 30px 0 25px 0px; }  
  
  #logo { padding: 2px 0 0 2px; }
  #logopic img { width: 44px; }
  #logotxt { padding: 13px 0 0 2px; font-size: 10pt; }

  #pagepic { background: none !important; }
  #start-wrap { height: auto; padding-top: 46px; }
  #startbild { display: block; }
  #whg-suche-start { padding: 30px 0 25px 0px; }
  #whg-schnellsuche { margin: 0 auto; }
  #mobile-footer-nav { padding: 14px 0 0 0px; text-align: center; float: none; }
  #copyright { float: none; width: auto; padding: 6px 0 0 0; text-align: center; margin: 0; font-size: 10pt; border: none; } 
  
  #cookie-info { left: 10px; right: 10px; width: auto; }
  
  .immo-details-area 									{ float: none; width: auto; }
  #immo-details-area2 .immo-details-inner { padding: 5px; }
  #immo-details-area2                 { padding-top: 20px; }
  #immo-nummer                        { display: none; }
  #immo-werbung                       { float: none; width: auto; }
  #immod-areas 												{ float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immo-energie-grafik 								{ display: none; }
  #immo-energie-text                  { padding: 15px 0 0 5px; float: none; width: auto; }
  .energiew-left                      { width: 22%; }
  #immod-expose-link 									{ display: none; }
  #immod-grundriss                    { text-align: center; }
  #immod-grundriss img 							  { float: none; display: inline-block; }
  #immod-grund-pdf                    { text-align: center; }
  #immod-google-maps-link             { float: none; text-align: center; padding-bottom: 30px; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  #immo-nummer-mobile                 { display: block; }
  #immod-expose-link-mobile           { display: block; }
  .mobile                             { display: block; }
  .energiew-left                      { width: 40%; }
  .energiew-right                     { width: 60%; }
  .immo-liste-werbung-label           { top: 18px; }
  
  .aspl-abteilung                     { float: none; width: 100%; height: auto; }
  .aspl-mitarbeiter                   { width: 50%; }

}

@media only screen and (max-width: 650px) {
  .formlist li												{ float: none; width: 100%; margin-bottom: 15px; }
  .ffeld															{ width: 97%; }
  #nachricht													{ width: 97%; }
  .ffeldselect                        { width: 100%; }

  /* Wohnungsliste */
  .wle                                { width: auto; float: none; }
  .wle-inner                          { width: 280px; }
  .wle-pic                            { width: 260px; height: 195px; }
  /* Wohnungsliste */
  
  .immod-ausstattung-spalte           { width: 100%; float: none; }
  
  .news-bild                          { width: 100%; float: none; padding-right: 0;  }
}

@media only screen and (max-width: 500px) {
  #whg-schnellsuche { width: 100% !important; padding: 0 !important;}
  #wss-titel1 { font-size: 15vw !important; }
  #wss-titel2 { font-size: 7vw !important; }
  #copyright { width: auto; padding: 6px 0 0 0; text-align: center; margin: 0; font-size: 7pt; border: none; }
  .aspl-abteilung                     { float: none; width: 100%; height: auto; font-family: 'open_sans_semibold', sans-serif; }
  .aspl-mitarbeiter                   { float: none; width: 100%; height: auto; }
  .asp-line                           { margin-bottom: 25px; }
}








/* 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: #d31628; 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 */