@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(/static/wbgea/fonts/open-sans-v16-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/wbgea/fonts/open-sans-v16-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-300.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-300.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-300.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-300.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url(/static/wbgea/fonts/open-sans-v16-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/wbgea/fonts/open-sans-v16-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-300italic.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-300italic.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-300italic.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-300italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/wbgea/fonts/open-sans-v16-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/wbgea/fonts/open-sans-v16-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-regular.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-regular.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-regular.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-regular.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url(/static/wbgea/fonts/open-sans-v16-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/wbgea/fonts/open-sans-v16-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-italic.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-italic.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-italic.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/static/wbgea/fonts/open-sans-v16-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/wbgea/fonts/open-sans-v16-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-600.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-600.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-600.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-600.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url(/static/wbgea/fonts/open-sans-v16-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/wbgea/fonts/open-sans-v16-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-600italic.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-600italic.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-600italic.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-600italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(/static/wbgea/fonts/open-sans-v16-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/wbgea/fonts/open-sans-v16-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-700.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-700.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-700.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-700.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url(/static/wbgea/fonts/open-sans-v16-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/wbgea/fonts/open-sans-v16-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-700italic.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-700italic.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-700italic.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-700italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(/static/wbgea/fonts/open-sans-v16-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/wbgea/fonts/open-sans-v16-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-800.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-800.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-800.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-800.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url(/static/wbgea/fonts/open-sans-v16-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/wbgea/fonts/open-sans-v16-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgea/fonts/open-sans-v16-latin-800italic.woff2) format("woff2"),url(/static/wbgea/fonts/open-sans-v16-latin-800italic.woff) format("woff"),url(/static/wbgea/fonts/open-sans-v16-latin-800italic.ttf) format("truetype"),url(/static/wbgea/fonts/open-sans-v16-latin-800italic.svg#OpenSans) format("svg")}



*                                     { padding: 0; margin: 0; }
*:focus                               { outline: 0; }
body                                  { background-color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; 
                                        font-size: 1rem; color: #333333; position: relative; line-height: 1.5rem;
                                      }
body.hide-overflow                    { overflow-x: hidden; overflow-y: scroll; position: fixed; width: 100%; }
                                      
a:focus                               { outline: none; }
a                                     { color: #0069b4; }
a:link                                { text-decoration: none; }
a:visited                             { text-decoration: none; }
a:active                              { text-decoration: none; }
a:hover                               { color: #0069b4; text-decoration: none; }

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

h1                                    { font-size: 2.3rem; font-weight: 600; color: #0069b4; margin-bottom: 0; padding-bottom: 42px; }
h2                                    { font-size: 1.45rem; font-weight: 600; color: #000; margin-bottom: 0; padding-bottom: 22px; }
h3                                    { font-size: 1.5rem; font-weight: 600; color: #a2c614; }
p                                     { margin-bottom: 0; padding-bottom: 25px; }

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

.bg-green                             { background-color: #a2c614; }
.bg-blue                              { background-color: #0069b4; }

.btn-secondary                        { color: #fff; }

#page-content                         { background-repeat: no-repeat; background-position: bottom center;
                                        background-image: url(/static/wbgea/img/welle-mit-logo.png);
                                        padding-bottom: 54px;
                                      }

.wrap                                 { max-width: 1920px; margin: 0 auto; position: relative; }
.wrap-content                         { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.wrap-boxen                           { max-width: 1200px; margin: 0 auto; padding: 0 20px 0 0; }
.wrap-content-op                      { max-width: 1200px; margin: 0 auto; padding: 0; }

#mobile-navigation                    { display: none; }
#mobile-navigation-close              { display: none; }

#head-top                             { background-color: #fff; }
#head-elemente                        { display: flex; }
#head-left                            { flex: 153px 0 0; }
#logo-desktop                         { padding: 19px 0 22px 0; }
#logo-desktop img                     { display: block; width: 153px; }
#head-right                           { flex-grow: 1; }
#head-tbl                             { display: table; float: right; padding-top: 47px; }
.head-tbl-cell                        { display: table-cell; vertical-align: top; }
.head-cell-trenner                    { padding-top: 12px; }
.head-cell-trenner div                { width: 1px; height: 39px; background-color: #7eb4d8; margin: 0 18px; }
#desktop-suche                        { width: 100px; text-align: right; }
#desktop-suche a                      { display: inline-block; width: 50px; height: 50px; padding-left: 12px; padding-top: 12px; background-color: #a2c614; }
#desktop-suche a img                  { display: block; width: 25px; }
#head-bottom                          { background-color: #0069b4; height: 60px; }
#head-mobile                          { display: none; }


#content                              { min-height: 350px; padding: 68px 0 192px 0; }
.inh-abs-text ul                      { list-style: none; margin-left: 0; }
.inh-abs-text ul li                   { position: relative; padding-left: 18px; }
.inh-abs-text ul li:before            { display: block; content: ''; position: absolute; width: 10px; height: 10px; background-color: #0069b4; left: 0; top: 7px; }
.inh-abs-text ol                      { padding-left: 27px; }

.head-info-top                        { padding-top: 7px; height: 31px; color: #0069b4; }
.head-info-bottom                     { color: #808080; }
.head-info-bottom a                   { color: #808080; }
.head-info-bottom a:hover             { color: #808080; }
#langsel-button                       { color: #0069b4; cursor: pointer; }
#langsel-text                         { float: left; }
#langsel-icon                         { float: left; width: 13px; height: 24px; background-position: center right; background-repeat: no-repeat; background-image: url(/static/wbgea/img/arrow-black-down-small.png); }
.dropdown.show #langsel-icon          { background-image: url(/static/wbgea/img/arrow-black-up-small.png); }

/* BS4 Dropdown Standard Icon ausblenden */
#head-tbl .dropdown-toggle::after     { display: none; }
#head-tbl .btn-link:hover             { text-decoration: none; }
#head-tbl .btn-link:active            { text-decoration: none; }
#head-tbl .btn-link:focus             { text-decoration: none; }


#nav-area                             { display: flex; }
#navigation                           { flex-grow: 1; height: 60px; }
#navigation-right                     { flex: 200px 0 0; height: 60px; }
#navigation ul                        { list-style: none; }
#mainnav                              { padding: 0 0 0 0; margin-bottom: 0; text-align: justify; }
.mainli                               { display: inline-block; text-align: -webkit-match-parent; position: relative; }
.mainlink                             { color: #fff; display: block; padding: 19px 0 17px 10px; }
.mainlink:hover                       { color: #fff; }
.mainli:first-child .mainlink         { padding-left: 0; }
.mainlink-text                        { float: left; }
.mainsub                              { padding: 11px 13px 0px 13px; display: block; float: left; }
.mainsub img                          { display: block; margin: 0 auto; }

#nav-facebook                         { float: right; padding-left: 32px; }
#nav-facebook a                       { display: block; padding: 16px 0 15px 0; }
#nav-facebook img                     { display: block; width: 29px; }
#nav-mitglieder                       { float: right; }
#nav-mitglieder a                     { color: #fff; padding: 19px 0 17px 0; display: block; }

.sub1                                 { opacity: 0; display: none; position: absolute; left: 50%; top: 60px; border-left: 5px solid #0069b4; background-color: #a2c614; padding: 5px 0;
                                        -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
                                        min-width: 200px; z-index: 200;
                                      }
.sub1link                             { color: #fff; display: block; padding: 5px 19px 5px 19px; white-space: nowrap; }
.sub1link:hover                       { color: #fff; }


#start-slider                         { position: relative; padding-bottom: 55px; }
#start-wohnungssuche                  { position: absolute; bottom: 125px; left: 50%; border-top: 5px solid #fff; background-color: #0069b4; width: 800px; height: 100px; z-index: 50;
                                        -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
                                      }
#start-wohnungssuche-siggi            { display: none; }
#start-wohnungssuche-icon             { display: none; }

.start-suche-box                      { float: left; width: 25%; text-align: center; padding: 14px 15px 0 15px; }
.slider-titel                         { color: #fff; text-transform: uppercase; line-height: 1rem; }
.slider-values                        { color: #fff; font-size: 80%; padding-top: 1px; padding-bottom: 8px; }
.slider-element                       { height: 10px; padding: 4px 5px 0 5px; }


.noUi-target                          { box-shadow: none; border: 0; }
.noUi-handle                          { box-shadow: none; border: 0; border-radius: 10px; }
.noUi-handle:after, .noUi-handle:before { display: none; }
.noUi-horizontal                      { height: 3px; }
.noUi-horizontal .noUi-handle         { width: 10px; height: 10px; top: -4px; }
html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -5px; }
#start-suche-button                   { padding-top: 17px; }
#start-suche-button button            { color: #fff; height: 35px; padding: .35rem .75rem .375rem .75rem; width: 150px; }

.content-area                         { display: flex; }
.content-left                         { flex-grow: 1; padding-right: 20px; }
.content-right                        { flex: 0 0 380px; padding-left: 20px; min-height: 10px; }

.basic-content-area                   { display: flex; }
.basic-content-left                   { flex-grow: 1; padding-right: 20px; }
.basic-content-right                  { flex: 0 0 380px; padding-left: 20px; min-height: 10px; }

#start-siggi                          { display: block; width: 240px; margin: 0 auto; }


#start-text #seitentitel              { text-align: center; }

.icon-boxen                           { display: flex; flex-wrap: wrap; padding: 13.33333px 0; }
.icon-box                             { flex: 0 0 33.33333%; }
.icon-box-size                        { position: relative; width: 100%; padding-top: 100%; }
.icon-box-background                  { display: block; position: absolute; top: 13.33333px; right: 0; bottom: 0; width: calc(100% - 26.66666px); height: calc(100% - 26.66666px); }
.icon-box:nth-child(1) .icon-box-background { left: 20px;  }
.icon-box:nth-child(2) .icon-box-background { left: 13.33333px; }
.icon-box:nth-child(3) .icon-box-background { left: 6.666666px; }
.icon-box:nth-child(4) .icon-box-background { left: 20px; }
.icon-box:nth-child(5) .icon-box-background { left: 13.33333px; }
.icon-box:nth-child(6) .icon-box-background { left: 6.666666px; }
.icon-box-icon                        { display: block; padding-top: 19.31%; }
.icon-box-icon img                    { display: block; width: 62.66%; margin: 0 auto; }
.icon-box-titel                       { text-align: center; color: #fff; font-weight: 600; position: absolute; bottom: 12.88%; left: 0; width: 100%; }

#ifb-boxen-abstand                    { width: 100%; height: 26.66666px; }

.infobox                              { padding-bottom: 25px; }
.ifb-head-blue                        { background-color: #0069b4; color: #fff; }
.ifb-head-green                       { background-color: #a2c614; }
.ifb-head-tbl                         { display: table; width: 100%; min-height: 80px; height: 80px; }
.ifb-head-cell                        { display: table-cell; vertical-align: middle; }
.ifb-head-cell-titel                  { padding: 3px 32px 0 32px; }
.ifb-head-cell-titel h3               { font-size: 1rem; font-weight: 700; margin-bottom: 0; }
.ifb-head-blue .ifb-head-cell-titel h3 { color: #fff; }
.ifb-head-blue .ifb-head-cell-titel a { color: #fff; }
.ifb-head-blue .ifb-head-cell-titel a:hover { color: #fff; }
.ifb-head-green .ifb-head-cell-titel h3 { color: #333333; }
.ifb-head-cell-icon                   { width: 70px; }
.ifb-head-cell-icon img               { display: block; width: 38px; float: right; }
.ifb-head-with-icon .ifb-head-cell-titel { padding: 0 32px 0 24px; }
.ifb-content                          { border: 1px solid #a2c614; border-top: 0; padding: 24px 32px 20px 32px; }
.ifb-content p:last-child             { margin-bottom: 0; padding-bottom: 0; }
.ifb-content td                       { vertical-align: top; }

#startbild                            { padding: 38px 0 62px 0; }
.full-width-image                     { position: relative; }
.bigpic                               { display: block; width: 100%; }
.logo-box                             { position: absolute; left: 50%; width: 200px; background-color: #fff; z-index: 10; height: 157px;
                                        -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
                                      }
.logo-box img                         { display: block; width: 153px; margin: 0 auto; padding-top: 26px; }
.startbild-text                       { position: absolute; bottom: 38%; left: 50%; z-index: 10;
                                        -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
                                      }
.startbild-text img                   { display: block; }
.stadtteile-box                       { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 10; background-color: #0069b4; color: #fff; font-size: 1.45rem; line-height: 1.8rem; text-align: center; padding: 25px 0; }
.stadtteile-box p:last-child          { padding-bottom: 0; }

.accordion                            { display: block; }
.acc-head                             { display: table; width: 100%; background-color: #333333; color: #fff; min-height: 80px; height: 80px; cursor: pointer; margin-bottom: 2px; }
.acc-head-titel                       { display: table-cell; vertical-align: middle; padding-left: 28px; font-weight: 700; }
.acc-head-icon                        { display: table-cell !important; vertical-align: middle; width: 79px; background-repeat: no-repeat; background-position: center center; background-image: url(/static/wbgea/img/acc-open.png); }
.acc-content                          { display: none; border: 1px solid #a2c614; border-top: 0; display: none; padding: 22px; margin-bottom: 2px; }
.acc-content p:last-child             { padding-bottom: 0; }
.acc-head.accactive                   { background-color: #a2c614; color: #333333; margin-bottom: 0; }
.acc-head.accactive .acc-head-icon    { background-image: url(/static/wbgea/img/acc-close.png); }
.accordion div:nth-child(2)           { display: block; }


.news-boxen                           { display: flex; flex-wrap: wrap; padding-top: 72px; }
.news-box                             { flex: 0 0 33.33333%; height: 285px; }
.news-box:nth-child(4)                { display: none; }
.news-box-content                     { position: relative; padding: 0 20px; }
.news-box-image                       { display: block; }
.news-box-image img                   { display: block; width: 100%; height: 285px; object-fit: cover; object-position: center; }
.news-box-titel                       { display: flex; width: calc(100% - 40px); position: absolute; left: 20px; bottom: 0; z-index: 10; height: 65px; font-weight: 700; }
.news-box-titel-datum                 { flex: 103px 0 0; text-align: center; padding: 21px 0; background-color: #a2c614; color: #333; text-transform: uppercase; }
.news-box-titel-datum span            { height: 24px; }
.news-box-titel-text                  { flex-grow: 1; background-color: #0069b4; color: #fff; padding: 21px 17px; overflow: hidden; }
.news-box-titel-text span             { display: block; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.kontakt-box                          { display: table; width: 100%; padding-top: 65px; }
.kontakt-box-links                    { display: table-cell; width: 212px; vertical-align: top; }
.kontakt-box-links img                { display: block; width: 100%; }
.kontakt-box-rechts                   { display: table-cell; vertical-align: top; padding: 0 29px; }
.kontakt-box-rechts h3                { color: #0069b4; }
.kontakt-box-rechts p:last-child      { padding-bottom: 0; }


#footer                               { background-color: #0069b4; line-height: 1.9rem; color: #fff; padding: 40px 0 36px 0; }
#footer p:last-child                  { padding-bottom: 0; }
#footer a                             { color: #fff; }
#footer a:hover                       { color: #fff; }
#footer-content                       { display: flex; }
#footer-left                          { flex-grow: 1; }
#footer-right                         { flex: 0 0 380px; position: relative; }
#footer-nav                           { display: flex; }
#footer-nav-left                      { flex: 1; position: relative; }
#footer-nav-right                     { flex: 1; position: relative; }
.footer-nav-border                    { position: absolute; background-color: #fff; width: 1px; height: 88.55%; left: -14px; top: 9px; }
#footer-nav ul                        { list-style: none; margin-bottom: 0; }
#footer-language                      { position: absolute; right: 95px; bottom: 0; }
#copyright                            { background-color: #0c4270; text-align: center; font-weight: 600; padding: 19px 0 17px 0; color: #fff; }

#logo-kulturerbe                      { display: none; }



svg { display: block; overflow: visible; }
.slide-0 { display: block !important; }
#start-slider-height { max-width: 1920px; display: none; }
#start-slider-height img { width: 100%; display: block; }
#start-slider { overflow: hidden; }
.slider-container { position: relative; height: 893px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: all-scroll; }
.slider-control { z-index: 2; position: absolute; top: 0; width: 12%; height: 100%; transition: opacity 0.3s; will-change: opacity; opacity: 0; }
.slider-control.inactive:hover { cursor: auto; }
.slider-control:not(.inactive):hover { opacity: 1; cursor: pointer; }
.slider-control.left { left: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%); }
.slider-control.right { right: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%); }
.slider-pagi { position: absolute; z-index: 3; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; list-style-type: none; }
.slider-pagi__elem { position: relative; display: inline-block; vertical-align: top; width: 16px; height: 16px; margin: 0 0.5rem; border-radius: 50%; border: 2px solid #0069b4; cursor: pointer; }
.slider-pagi__elem:before { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 13px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.slider { z-index: 1; position: relative; height: 100%; }
.slider.animating { transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform; }
.slider.animating .slide__bg { transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform; }
.slide { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }
.slide.active .slide__overlay, .slide.active .slide__text { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.slide__bg { position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background-size: cover; will-change: transform; }
.slide:nth-child(1) { left: 0; }
.slide:nth-child(1) .slide__bg { left: 0; }
.slide:nth-child(1) .slide__overlay-path { fill: transparent; }
.slide:nth-child(2) { left: 100%; }
.slide:nth-child(2) .slide__bg { left: -50%; }
.slide:nth-child(2) .slide__overlay-path { fill: transparent; }
.slide:nth-child(3) { left: 200%; }
.slide:nth-child(3) .slide__bg { left: -100%; }
.slide:nth-child(3) .slide__overlay-path { fill: transparent; }
.slide:nth-child(4) { left: 300%; }
.slide:nth-child(4) .slide__bg { left: -150%; }
.slide:nth-child(4) .slide__overlay-path { fill: transparent; }
.slide:nth-child(5) { left: 400%; }
.slide:nth-child(5) .slide__bg { left: -200%; }
.slide:nth-child(5) .slide__overlay-path { fill: transparent; }
.slide:nth-child(6) { left: 500%; }
.slide:nth-child(6) .slide__bg { left: -250%; }
.slide:nth-child(6) .slide__overlay-path { fill: transparent; }
.slide__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slide__overlay { position: absolute; bottom: 0; left: 0; height: 100%; min-height: 810px; transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s; transition: transform 0.5s 0.5s, opacity 0.2s 0.5s; transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s; will-change: transform, opacity; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); opacity: 0; }
.slide__overlay path { opacity: 0.8; }
.slide__text { position: absolute; width: 60%; top: 15%; top: auto; bottom: 20%; left: 12%; color: #fff; transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; transition: transform 0.5s 0.8s, opacity 0.5s 0.8s; transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; will-change: transform, opacity; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
/* .slide__text-heading { font-family: 'Open Sans', sans-serif; font-size: 4.5rem; margin-bottom: 2rem; text-shadow: 2px 2px #404040; } */
.slide__text-heading { font-family: 'Open Sans', sans-serif; font-size: 4.5rem; margin-bottom: 2rem; text-shadow: 0px 0px 4px #404040; color: #fff; }


#history                              { display: table; width: 100%; padding-top: 15px; }
.history-row                          { display: table-row; }
.history-cell                         { display: table-cell; vertical-align: top; padding: 8px; background-color: #cce1f0; }
.history-cell-year                    { white-space: nowrap; }
.history-cell-text                    {  }
.history-cell-text p:last-child       { padding-bottom: 0; }
.history-cell.history-cell-trenner    { padding: 0; width: 5px; background-color: #fff; }
.history-row-trenner div              { display: table-cell; padding: 0; height: 5px; background-color: #fff; }


.wss-slider-box                       { background-color: #0069b4; padding: 7px 0 20px 0; }
.wss-slider                           { float: left; width: 33.33333%; text-align: center; padding: 14px 15px 0 15px; }


#detail-suche                         { display: flex; padding-top: 10px; }
#detail-suche-left                    { flex: 0 0 382px; background-color: #333333; }
#detail-suche-right                   { flex-grow: 1; background-color: #d0e289; }
.details-abstand                      { padding: 24px 18px 24px 18px; }
#detail-suche-left label              { color: #fff; text-transform: uppercase; padding-top: 3px; }
.suche-trenner                        { width: 16px; height: 16px; }

#checkb-headline                      { text-transform: uppercase; font-weight: 600; padding-top: 6px; padding-bottom: 3px; }

.suche-tbl                            { display: table; width: 100%; }
.suche-tr                             { display: table-row; }
.suche-td                             { display: table-cell; vertical-align: top; padding-bottom: 10px; }
.suche-tr:last-child .suche-td        { padding-bottom: 0; }

#wss-checkb-left                      { float: left; width: 50%; }
#wss-checkb-right                     { float: left; width: 50%; }

.wss-checkb                           { padding-bottom: 5px; }
.wss-checkb:last-child                { padding-bottom: 0; }

#wss-button                           { text-align: right; padding-top: 10px; position: relative; }
#wss-map-button                       { position: absolute; left: 0; top: 10px; }

#wss-google-karte                     { padding-top: 25px; display: none; }
#wohnungskarte                        { width: 100%; height: 420px; }
#wss-ergebnisse                       { padding-top: 25px; }


.wss-wohnung                          { margin-bottom: 27px; }
.wohnung-headline                     { background-color: #0069b4; color: #fff; margin-bottom: 10px; }
.wh-tbl                               { display: table; width: 100%; }
.wh-td                                { display: table-cell; vertical-align: middle; padding: 14px; }
.wh-td-icon                           { width: 47px; }
.wh-td-icon img                       { display: block; height: 23px; margin: 0 auto; }
.wh-td-text                           { padding-left: 0; }

.wohnung-infos                        { display: flex; }
.wohung-bild                          { flex: 0 0 47.75%; position: relative; min-height: 51px; }
.wohung-bild img                      { display: block; }
.wohung-bild span                     { display: block; }
.wohungs-bild                         { width: 100%; height: 100%; object-fit: cover; }
.wohnung-merkmale                     { flex-grow: 1; }
.bild-details                         { position: absolute; left: 0; bottom: 0; background-color: #a2c617; height: 51px; width: 100%; color: #000; text-align: center; }
.bild-detail-links                    { float: left; width: 50%; padding-top: 14px; }
.bild-detail-rechts                   { float: right; width: 50%; padding-top: 14px; }
.bild-details-text                    { display: inline-block !important; font-size: 80%; font-weight: 600; }
.bild-details-wert                    { display: inline-block !important; font-weight: 600; }

.merkmale-abstand 										{ position: relative; height: 100%; width: calc(100% - 20px); border: 1px solid #333333; margin-left: 20px; padding-bottom: 63px; }
.merkmale-adresse                     { background-color: #333333; color: #fff; height: 74px; }
.adresse-strasse                      { padding: 13px 15px 0 15px; }
.adresse-ort                          { padding: 0 15px 0 15px; }
.merkmal-zimmer                       { padding: 15px 0 8px 15px; }
.merkmal-etage                        { padding: 0 0 0 15px; }
.merkmal-wert                         { color: #0069b4; font-weight: 600; font-size: 1.4rem; line-height: 1.4rem; }
.merkmal-text                         { font-size: 80%; font-weight: 700; }
.wss-details-button 									{ position: absolute; right: 11px; bottom: 11px; text-transform: uppercase; }


.googleMapsInfo                     { display: none; }
.map-info-window                    { max-width: 260px; min-width: 185px; width: 100%; min-height: 165px; }
.map-headline                       { padding-bottom: 15px; font-weight: bold; font-size: 11pt; color: #0069b4; }
.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                        { text-align: center; text-transform: uppercase; }


.merkmale-icons                     { position: absolute; right: 11px; top: 92px; }
.merkmale-icons img                 { display: inline-block; margin-left: 5px; height: 28px; }

#wss-navigation                     { background-color: #0069b4; height: 51px; color: #fff; }
#wss-navigation a                   { color: #fff; }
#wss-navigation a:hover             { color: #fff; }
#wss-nav-pages                      { float: left; padding: 14px 0 0 11px; }
#wss-nav-buttons                    { float: right; padding: 14px 11px 0 0; color: #c1c1c1; }
.wss-nav-button-trenner             { color: #fff; }
.aktpage                            { border-bottom: 1px solid #fff; }


.content-wohnung                    { display: flex; }
.content-wohnung-left               { flex-grow: 1; padding-right: 20px; }
.content-wohnung-right              { flex: 0 0 380px; padding-left: 20px; min-height: 1px; }

#wohnungs-kosten-und-map            { /*display: flex; flex-direction: column; height: 100%;*/ padding-bottom: 25px; }

#wohnungs-kosten                    {  }
.kosten-headline                    { background-color: #333333; color: #fff; height: 60px; text-transform: uppercase; padding: 20px 30px 0 30px; }
.kosten-content                     { background-color: #0069b4; color: #fff; padding: 18px 30px; }
.kosten-tbl                         { display: table; width: 100%; }
.ktr                                { display: table-row; }
.ktd                                { display: table-cell; vertical-align: top; padding-bottom: 10px; }
.ktd-wert                           { text-align: right; }
.kosten-trenner                     { width: 100%; height: 2px; background-color: #fff; margin-bottom: 10px; }


#wohnungs-karte                     { flex: 1; }
#google-karte                       { height: calc(100% - 25px); width: 100%; margin-top: 25px; }



.sy-slides-wrap                     { height: 425px; }
.sy-slide                           { height: 425px; }
.sy-slide > img                     { height: 100%; width: auto; margin: 0 auto; }
.sy-controls                        { display: block; }

#grundriss-und-icons                { display: flex; padding-top: 25px; }
#wohnung-grundriss                  { flex: 0 0 360px; }
#wohnung-grundriss img              { width: 100%; display: block; }
#wohnungs-icons                     { flex-grow: 1; padding-top: 25px; }

.wohnungs-icon                      { padding-left: 35px; padding-bottom: 18px; }
.itbl                               { display: table; }
.itd                                { display: table-cell; vertical-align: middle; }
.itd-icon                           { width: 78px; }
.itd-icon img                       { display: block; height: 56px; }
.itd-text                           { text-transform: uppercase; font-weight: 600; }

.details-titel                      { text-transform: uppercase; }
.details-titel h3                   { color: #0069b4; margin-bottom: 1.1rem; }

.content-wohnung-bottom             { padding-top: 25px; }
.details-tbl                        { display: table; width: 100%; border: 1px solid #0069b4; }
.dtr                                { display: table-row; }
.dtr:first-child .dtc               { padding-top: 15px; }
.dtr:last-child .dtc                { padding-bottom: 15px; }
.dtc                                { display: table-cell; vertical-align: top; padding: 2px 15px 2px 15px; }
.dtc-text                           { background-color: #0069b4; color: #fff; }
.dtc-content                        {  }
.dtc-content p:last-child           { padding-bottom: 0; }

.details-text                       { padding-top: 28px; }
.details-text p:last-child          { padding-bottom: 0; }

#wohnungs-buttons                   { padding-top: 25px; text-align: right; text-transform: uppercase; }
.wohnungs-button                    { display: inline-block; padding-left: 8px; }
.wohnungs-button a                  { min-width: 180px; }
.wohnungs-button a.text-dark        { font-weight: 600; }



.asp-kategorie h2                   { padding-bottom: 11px; margin-bottom: 15px; border-bottom: 2px solid #0069b4; }
.asp-kategorie-mitarbeiter          { display: flex; flex-wrap: wrap; }
.asp                                { flex: 0 0 50%; padding-bottom: 30px; }
.asp:nth-child(odd) .asp-inner      { padding-right: 20px; }
.asp:nth-child(even) .asp-inner     { padding-left: 20px; }
.asp-bild                           { padding-bottom: 20px; }
.asp-bild img                       { display: block; width: 100%; height: 360px; object-fit: contain; object-position: left; }
.asp-infos                          {  }
.asp-bereich                        { font-weight: bold; }
.asp-name                           { padding-bottom: 25px; }


.bildgala                           { display: flex; flex-wrap: wrap; padding-bottom: 20px; }
.bildgala-bild                      { flex: 0 0 33.33333%; }
.bildgala-container                 { padding-bottom: 7.5%; }
.gala-bild                          { display: block; width: 100%; padding-top: 100%; position: relative; }
.gala-bild img                      { display: block; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; object-position: center; }

.bildgala-bild:nth-child(3n+1) .bildgala-container { padding-right: 5%; }
.bildgala-bild:nth-child(3n+2) .bildgala-container { padding-right: 2.5%; padding-left: 2.5%; }
.bildgala-bild:nth-child(3n+3) .bildgala-container { padding-left: 5%; }


.videobereich 											{ position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 25px; }	
.videoextern 												{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.newsmeldung                        { padding-bottom: 35px; }
.news-tbl                           { display: table; width: 100%; }
.news-td                            { display: table-cell; vertical-align: middle; }
.news-td-pic                        { width: 47.4%; }
.news-td-pic a                      { display: block; }
.news-td-pic img                    { display: block; width: 100%; max-height: 286px; object-fit: cover; object-position: center; }
.news-td-trenner                    { width: 35px; }
.news-td-text                       {  }
.news-headline h2                   { color: #a2c614; }
.news-button                        { padding-top: 22px;  }


.news-navigation                    {  }
.news-nav                           { color: #fff; background-color: #0069b4; display: inline-block; margin-right: 7px; width: 33px; height: 35px; padding-top: 6px; text-align: center; }
.news-nav:hover                     { color: #fff; }
.archiv-buttons                     { padding-bottom: 30px; }
.ifb-news-link                      { padding-bottom: 20px; }
.ifb-news-link:last-child           { padding-bottom: 0; }




.lang-sel-flag { padding-top: 12px; display: inline-block; }
.lang-sel-flag:first-child { padding-right: 10px; }
.lang-sel-flag a {  }
.lang-sel-flag a img { display: block; height: 39px; -webkit-box-shadow: 1px 1px 5px 0px rgba(199,199,199,1); -moz-box-shadow: 1px 1px 5px 0px rgba(199,199,199,1); box-shadow: 1px 1px 5px 0px rgba(199,199,199,1); }

.lang-sel-flag-mobile {  }
.lang-sel-flag-mobile a {  }
.lang-sel-flag-mobile a img { display: block; height: 40px; }
.btn-tbl-cell-flag-mobile { display: none; }



.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
/*.cookie-row:nth-child(odd) .cookie-info-name { background-color: #d3d3d3; }
.cookie-row:nth-child(odd) .cookie-info-text { background-color: #d3d3d3; }*/
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }




#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#cookie-opt-in * { box-sizing: border-box; }
#coi-center {  max-width: 900px; margin: 0 auto; }
#coi-infotext { /*text-align: justify;*/ }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
#coi-infolinks { padding: 10px 0 5px 0; }
#coi-form { padding-top: 10px; }
/*#coi-form button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #7f9e28; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }

.iframe-daten-info { background-color: rgba(0,0,0,0.7); color: #fff; padding: 50px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
/*.idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #7f9e28; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 4px 10px; }*/


@media screen and (max-width: 1920px){
  #page-content                         { background-size: 100%; }
}

@media screen and (max-width: 1600px){
  #content                              { padding: 98px 0 152px 0; }
}

@media screen and (max-width: 1500px){
  .startbild-text img                   { width: 400px; }
}

@media screen and (max-width: 1400px){
  .startbild-text img                   { width: 300px; }
  #content                              { padding: 98px 0 125px 0; }
}

@media screen and (max-width: 1300px){
  .slide__text-heading                  { font-size: 3.5rem; }
  .startbild-text img                   { width: 250px; }
  .stadtteile-box                       { padding: 15px 0; }
  .slide__text                          { bottom: 25%; }
}

@media screen and (max-width: 1200px){
	#content                              { padding: 98px 0 100px 0; }
  #wss-checkb-left                      { float: none; width: auto; }
  #wss-checkb-right                     { float: none; width: auto; padding-top: 5px; }
  .bild-details-text                    { font-size: 70%; }
  .bild-details-wert                    { font-size: 90%; }
}

@media screen and (max-width: 1100px){
  .startbild-text img                   { width: 200px; }
  .bild-details-text                    { font-size: 60%; }
  .bild-details-wert                    { font-size: 80%; }
}


/* Umstellung auf Mobile Design */
@media screen and (max-width: 1024px){
  #content                              { padding-top: 35px; }
  #head-top                             { display: none; }
  #head-bottom                          { display: none; }
  #startbild                            { display: none; }
  #start-havarie                        { display: none; }
  #page-content                         { background: none; background-color: #fff; padding-bottom: 20px; }
  #start-text .content-right            { display: none; }
  #start-text .content-left             { padding-right: 0; }
  #start-siggi-informiert .content-right { display: none; }
  .kontakt-box-links                    { width: 256px; }
  .kontakt-box-links img                { width: 212px; margin-left: auto; }
  .wrap-content                         { padding: 0 15px; }
  #head-mobile                          { display: block; }
  #head-mobile-top                      { background-color: #fff; height: 107px; padding: 0 15px; }
  #head-mobile-bottom                   { background-color: #0069b4; height: 45px; padding: 0 15px; }
  .hmtbl                                { display: table; width: 100%; height: 100%; }
  .hmtbl-cell                           { display: table-cell; vertical-align: middle; }
  #logo-mobile                          { width: 120px; }
  #logo-mobile img                      { display: block; width: 120px; }
  #button-tbl                           { display: table; margin-left: auto; }
  .button-tbl-cell                      { display: table-cell; vertical-align: middle; width: 40px; height: 40px; text-align: center; }
  .button-tbl-cell img                  { display: block; margin: 0 auto; height: 20px; }
  .button-tbl-cell-divider              { width: 4px; background-color: #fff; }
  .button-cell-blue                     { background-color: #0069b4; color: #fff; }
  .button-cell-green                    { background-color: #a2c614; }
  .lang-dropdown-btn                    { font-size: 1.3rem; font-weight: 700; }
  .mm-button                            { color: #fff; padding: 10px 20px 10px 0; font-size: 1.5rem; display: inline-block; cursor: pointer; }
  #navmobile-facebook                   { float: right; }
  #navmobile-facebook img               { height: 30px; display: block; padding-left: 12px; }
  #navmobile-mitglieder                 { float: right; padding: 4px 0 0 0; }
  #navmobile-mitglieder a               { color: #fff; }
  #navmobile-mitglieder a:hover         { color: #fff; }
  #copyright                            { padding: 12px 0 10px 0; font-size: 0.8rem; }
  #copyright span:nth-child(2)          { display: block; }
  .footer-nav-border                    { display: none; }
  #footer-nav                           { display: block; text-align: center; }
  #footer-nav-right                     { padding-top: 20px; }
  #footer-language                      { position: static; text-align: center; padding-top: 25px; }
  #footer-left                          { text-align: center; }
  #footer-left span                     { display: block; }
  #footer-right                         { flex: 0 0 50%; }
  .icon-box                             { flex: 0 0 50%; }
  .icon-box:nth-child(1) .icon-box-background { left: 15px; }
  .icon-box:nth-child(2) .icon-box-background { left: 15px; }
  .icon-box:nth-child(3) .icon-box-background { left: 15px; }
  .icon-box:nth-child(4) .icon-box-background { left: 15px; }
  .icon-box:nth-child(5) .icon-box-background { left: 15px; }
  .icon-box:nth-child(6) .icon-box-background { left: 15px; }
  .wrap-boxen .content-left             { padding-right: 0px; }
  .wrap-boxen .content-right            { padding-left: 15px; }
  .icon-boxen                           { padding: 15px 0; }
  .icon-box-background                  { width: calc(100% - 15px); height: calc(100% - 15px); top: 0; }
  #ifb-boxen-abstand                    { height: 15px; }
  #start-text .content-left             { text-align: center; }
  .news-box:nth-child(4)                { display: block; }
  .content-right                        { flex: 0 0 50%; }
  .wrap-boxen                           { padding: 0 15px 0 0; }
  .news-box                             { flex: 0 0 50%; margin: 7.5px 0 7.5px 0; }
  .news-box:nth-child(1) .news-box-content { padding: 0 7.5px 0 15px; }
  .news-box:nth-child(2) .news-box-content { padding: 0 15px 0 7.5px; }
  .news-box:nth-child(3) .news-box-content { padding: 0 7.5px 0 15px; }
  .news-box:nth-child(4) .news-box-content { padding: 0 15px 0 7.5px; }
  .news-box-titel                       { width: calc(100% - 22.5px); left: 15px; }
  .news-box:nth-child(2) .news-box-titel  { left: 7.5px; }
  .news-box:nth-child(4) .news-box-titel  { left: 7.5px; }
  #start-text                           { padding-top: 50px; }
  #start-wohnungssuche                  { width: 446px; height: 344px; bottom: 4px; }
  #start-wohnungssuche-siggi            { display: block; position: absolute; bottom: -4px; right: -118px; width: 175px; }
  #start-wohnungssuche-siggi img        { display: block; width: 175px; }
  .start-suche-box                      { padding: 20px 85px 0 85px; float: none; width: auto; }
  #start-suche-button                   { padding-bottom: 30px; }
  #start-suche-button button            { width: 100%; }
  #start-slider                         { padding-bottom: 273px; }
  .news-boxen                           { padding-top: 20px; }
  #logo-kulturerbe                      { display: block; padding: 30px 0 0 0; }
  #logo-kulturerbe img                  { display: block; width: 180px; margin: 0 auto; }
  .noUi-handle                          { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; }
  .noUi-horizontal .noUi-handle         { width: 19px; height: 19px; top: -8px; }
  .slider-element                       { padding: 4px 5px 0 14px; }
  
  
  
  #siteoverlay                          { display: none; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75;
                                          -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear;
                                        }
                                        
  #mobile-navigation                    { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; max-width: 440px; visibility: hidden;
                                          -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear;
                                        }
  #mobile-navigation.open               { opacity: 1; visibility: visible; left: 0; }
  #nav-content                          { width: 100%; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; }
  #ios-menu-korrektur                   { width: 100%; height: 70px; }
  #mnav-head                            { padding: 15px 0 5px 0; max-height: 58px; }
  #mnav-head .tbl                       { width: 80%; margin: 0 auto; }
  #mnav-head .tbl-td                    { vertical-align: top; }
  #mm-search-btn                        { width: 46px; }
  #mm-search-btn button                 { height: 38px; }
  #mm-search-btn span                   { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; }

  #mnav-body                            { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; }
  #mnav-body a                          { text-decoration: none; font-weight: bold; color: #0075be; }
  #mnav-body a:hover                    { color: #0075be; }
  #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: #a2c614; }
  .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; }
  
  #mobile-navigation-close              { position: absolute; z-index: 140; top: 15px; right: 15px; color: #fff; font-size: 31pt; }
  
  .basic-content-area                   { display: block; }
  .basic-content-left                   { padding-right: 0; }
  .basic-content-right                  { max-width: 380px; width: 100%; margin: 0 auto; padding-top: 25px; }
  
  
  #wss-checkb-left                      { float: left; width: 50%; }
  #wss-checkb-right                     { float: left; width: 50%; padding-top: 0; }
  .bild-details-text                    { font-size: 80%; }
  .bild-details-wert                    { font-size: 100%; }
  
	.content-wohnung                      { display: block; }
  .content-wohnung-left                 { padding-right: 0; }
  .content-wohnung-right                { padding-left: 0; padding-top: 33px; }

	#grundriss-und-icons                  { padding-top: 33px; }
	#wohnung-grundriss                    { flex: 0 0 50%; }

  #wohnungs-kosten-und-map              { flex-direction: row; }
  #wohnungs-kosten                      { flex: 0 0 50%; }
  .kosten-headline                      { margin-right: 8px; }
  .kosten-content                       { margin-right: 8px; }
  #google-karte                         { margin-top: 0; margin-left: 8px; height: 100%; width: calc(100% - 8px); }
  
  
  .bildgala-bild                        { flex: 0 0 25%; }
  .bildgala-bild:nth-child(3n+1) .bildgala-container { padding-right: 0; }
  .bildgala-bild:nth-child(3n+2) .bildgala-container { padding-right: 0; padding-left: 0; }
  .bildgala-bild:nth-child(3n+3) .bildgala-container { padding-left: 0; }
  
  .bildgala-bild:nth-child(4n+1) .bildgala-container { padding-right: 5%; }
  .bildgala-bild:nth-child(4n+2) .bildgala-container { padding-right: 2.5%; padding-left: 2.5%; }
  .bildgala-bild:nth-child(4n+3) .bildgala-container { padding-right: 2.5%; padding-left: 2.5%; }
  .bildgala-bild:nth-child(4n+4) .bildgala-container { padding-left: 5%; }
  

  .btn-tbl-cell-flag-mobile { display: none; }
}

@media (max-width: 991px) {
  .slide__overlay { display: none; }
  .slide__text { left: 0; bottom: 0; top: 0; width: 60%; text-align: left; height: auto; text-align: center; -webkit-transform: translateY(50%); transform: translateY(50%); transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s; transition: transform 0.5s 0.5s, opacity 0.5s 0.5s; transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s; padding: 1rem; }
  .slide__text-heading { font-size: 2.5rem; text-align: left; }
}

@media screen and (max-width: 820px){
  .bildgala-bild                        { flex: 0 0 33.33333%; }
  
  .bildgala-bild:nth-child(4n+1) .bildgala-container { padding-right: 0; }
  .bildgala-bild:nth-child(4n+2) .bildgala-container { padding-right: 0; padding-left: 0; }
  .bildgala-bild:nth-child(4n+3) .bildgala-container { padding-right: 0; padding-left: 0; }
  .bildgala-bild:nth-child(4n+4) .bildgala-container { padding-left: 0; }
  
  .bildgala-bild:nth-child(3n+1) .bildgala-container { padding-right: 5%; }
  .bildgala-bild:nth-child(3n+2) .bildgala-container { padding-right: 2.5%; padding-left: 2.5%; }
  .bildgala-bild:nth-child(3n+3) .bildgala-container { padding-left: 5%; }
}

@media screen and (max-width: 768px){
  #copyright span:nth-child(1)          { display: block; }
  #footer-content                       { display: block; }
  #footer-right                         { padding-top: 35px; }
  .kontakt-box                          { display: block; }
  .kontakt-box-links                    { display: block; width: auto; }
  .kontakt-box-links img                { margin: 0 auto; }
  .kontakt-box-rechts                   { display: block; text-align: center; padding: 25px 0 0 0; }
  #logo-kulturerbe                      { padding: 60px 0 0 0; }
  h1                                    { font-size: 1.6rem; }
  h2                                    { font-size: 1.4rem; }
  h3                                    { font-size: 1.2rem; }
  .content-area                         { display: block; }
  .icon-box-titel                       { font-size: 0.8rem; }
  #wrap-news-boxen                      { display: none; }
  #start-wohnungssuche-siggi            { display: none; }
  #start-wohnungssuche                  { position: relative; left: 0; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: auto; }
  .start-suche-box                      { padding: 20px 41px 0 41px; }
  .slider-pagi                          { display: none; }
  .slide__text                          { width: 80%; }
  .slide__text-heading                  { font-size: 1.5rem; margin-bottom: 0; padding-bottom: 0; }
  .slide__text-heading { position: absolute; top: 50%; left: 1rem; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  #start-wohnungssuche-icon             { display: block; position: absolute; right: 15px; top: -33px; }
  #start-wohnungssuche-icon div         { width: 57px; height: 57px; background-color: #0069b4; border: 3px solid #fff; -webkit-border-radius: 57px; -moz-border-radius: 57px; border-radius: 57px; }
  #start-wohnungssuche-icon div img     { display: block; width: 36px; margin: 10px auto 0 auto; }  
  #start-slider                         { padding-bottom: 0; }
  #start-text                           { padding-top: 36px; }
  .imgleft                              { float: none; margin-right: 0px; display: block; width: 100% !important; }
  .imgright                             { float: none; margin-left: 0px; display: block; width: 100% !important; }
  
  #detail-suche                         { display: block; }
  .wohnung-infos                        { display: block; }
  .merkmale-abstand                     { margin-left: 0; width: 100%; }
  .wss-slider                           { float: none; width: auto; padding: 29px 15px 0 15px; }
  .wss-slider:first-child               { padding-top: 14px; }
  
  #wohnungs-kosten-und-map              { display: block; }
  .kosten-headline                      { margin-right: 0; }
  .kosten-content                       { margin-right: 0; }
  #wohnungs-karte                       { height: 350px; padding-top: 20px; }
  #google-karte                         { margin-left: 0; width: 100%;  }
  #grundriss-und-icons                  { padding-top: 20px; }
  .content-wohnung-right                { padding-top: 20px; }
  #wohnungs-icons                       { padding-top: 10px; }
  .itd-icon                             { width: 42px; }
  .itd-icon img                         { height: 32px; }
  .itd-text                             { font-size: 0.8rem; }
  .dtc                                  { padding: 2px 8px 2px 8px; }
  .details-tbl                          { font-size: 0.9rem; }
  .wohnungs-button                      { display: block; width: 50%; float: left; padding-bottom: 8px; }
  .wohnungs-button a                    { min-width: 1px; width: 100%; }
  .wohnungs-button:nth-child(odd)       { padding-left: 4px; clear: both; }
  .wohnungs-button:nth-child(even)      { padding-right: 4px; }
  
  .asp-kategorie-mitarbeiter          { display: block; }
  .asp:nth-child(odd) .asp-inner      { padding-right: 0; }
  .asp:nth-child(even) .asp-inner     { padding-left: 0; }
  .asp-bild img                       { max-width: 360px; }
  
  .news-tbl                           { display: block; }
  .news-td                            { display: block; }
  .news-td-pic                        { width: 75%; }
  .news-td-pic img                    { margin-bottom: 20px; }
  .news-td-trenner                    { display: none; }
  .newsmeldung                        { padding-bottom: 60px; }
  .newsmeldung:last-child             { padding-bottom: 30px; }
  
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
}

@media screen and (max-width: 580px){
  .bildgala-bild                        { flex: 0 0 50%; }
  .bildgala-container                   { padding-bottom: 10%; }
  .bildgala-bild:nth-child(3n+1) .bildgala-container { padding-right: 0; }
  .bildgala-bild:nth-child(3n+2) .bildgala-container { padding-right: 0; padding-left: 0; }
  .bildgala-bild:nth-child(3n+3) .bildgala-container { padding-left: 0; }
  
  .bildgala-bild:nth-child(2n+1) .bildgala-container { padding-right: 5%; }
  .bildgala-bild:nth-child(2n+2) .bildgala-container { padding-left: 5%; }
}

@media screen and (max-width: 450px){
	.asp-bild img                       { max-width: 100%; }
  #wss-button .btn                    { font-size: 0.9rem; }
}

@media screen and (max-width: 420px){
  #wss-button .btn                    { font-size: 0.8rem; }
  .btn-tbl-cell-flag                  { display: none; }
  .btn-tbl-cell-divider-flag          { display: none; }
  .btn-tbl-cell-flag-mobile           { display: table-cell; }
}

@media screen and (max-width: 385px){
  #wss-button .btn                    { font-size: 0.7rem; }
}

@media screen and (max-width: 350px){
  #wss-button .btn                    { font-size: 0.6rem; }
}











/* Consent Banner */
#consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; }
#consent-banner, #consent-banner * { box-sizing: border-box; }
#consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; }
#consent-banner-left { flex-grow: 1; }
#consent-banner-right { flex: 0 0 175px; }

#content-banner-buttons { display: flex; flex-direction: column; gap: 25px; }
.consent-banner-button > button { width: 100%; }

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
/*#consent-banner-links a { text-decoration: underline; font-weight: bold; }*/

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

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


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

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

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