@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:url(/static/wubb/fonts/oswald-v16-latin-200.eot);src:local('Oswald ExtraLight'),local(Oswald-ExtraLight),url(/static/wubb/fonts/oswald-v16-latin-200.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/oswald-v16-latin-200.woff2) format("woff2"),url(/static/wubb/fonts/oswald-v16-latin-200.woff) format("woff"),url(/static/wubb/fonts/oswald-v16-latin-200.ttf) format("truetype"),url(/static/wubb/fonts/oswald-v16-latin-200.svg#Oswald) format("svg")}
@font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:url(/static/wubb/fonts/oswald-v16-latin-300.eot);src:local('Oswald Light'),local(Oswald-Light),url(/static/wubb/fonts/oswald-v16-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/oswald-v16-latin-300.woff2) format("woff2"),url(/static/wubb/fonts/oswald-v16-latin-300.woff) format("woff"),url(/static/wubb/fonts/oswald-v16-latin-300.ttf) format("truetype"),url(/static/wubb/fonts/oswald-v16-latin-300.svg#Oswald) format("svg")}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:url(/static/wubb/fonts/oswald-v16-latin-regular.eot);src:local('Oswald Regular'),local(Oswald-Regular),url(/static/wubb/fonts/oswald-v16-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/oswald-v16-latin-regular.woff2) format("woff2"),url(/static/wubb/fonts/oswald-v16-latin-regular.woff) format("woff"),url(/static/wubb/fonts/oswald-v16-latin-regular.ttf) format("truetype"),url(/static/wubb/fonts/oswald-v16-latin-regular.svg#Oswald) format("svg")}
@font-face{font-family:'Oswald';font-style:normal;font-weight:600;src:url(/static/wubb/fonts/oswald-v16-latin-600.eot);src:local('Oswald SemiBold'),local(Oswald-SemiBold),url(/static/wubb/fonts/oswald-v16-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/oswald-v16-latin-600.woff2) format("woff2"),url(/static/wubb/fonts/oswald-v16-latin-600.woff) format("woff"),url(/static/wubb/fonts/oswald-v16-latin-600.ttf) format("truetype"),url(/static/wubb/fonts/oswald-v16-latin-600.svg#Oswald) format("svg")}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;src:url(/static/wubb/fonts/oswald-v16-latin-700.eot);src:local('Oswald Bold'),local(Oswald-Bold),url(/static/wubb/fonts/oswald-v16-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/oswald-v16-latin-700.woff2) format("woff2"),url(/static/wubb/fonts/oswald-v16-latin-700.woff) format("woff"),url(/static/wubb/fonts/oswald-v16-latin-700.ttf) format("truetype"),url(/static/wubb/fonts/oswald-v16-latin-700.svg#Oswald) format("svg")}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500;src:url(/static/wubb/fonts/oswald-v16-latin-500.eot);src:local('Oswald Medium'),local(Oswald-Medium),url(/static/wubb/fonts/oswald-v16-latin-500.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/oswald-v16-latin-500.woff2) format("woff2"),url(/static/wubb/fonts/oswald-v16-latin-500.woff) format("woff"),url(/static/wubb/fonts/oswald-v16-latin-500.ttf) format("truetype"),url(/static/wubb/fonts/oswald-v16-latin-500.svg#Oswald) format("svg")}

@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(/static/wubb/fonts/open-sans-v15-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/wubb/fonts/open-sans-v15-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-300.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-300.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-300.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-300.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/wubb/fonts/open-sans-v15-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/wubb/fonts/open-sans-v15-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-regular.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-regular.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-regular.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-regular.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url(/static/wubb/fonts/open-sans-v15-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/wubb/fonts/open-sans-v15-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-300italic.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-300italic.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-300italic.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-300italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url(/static/wubb/fonts/open-sans-v15-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/wubb/fonts/open-sans-v15-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-italic.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-italic.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-italic.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/static/wubb/fonts/open-sans-v15-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/wubb/fonts/open-sans-v15-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-600.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-600.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-600.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-600.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url(/static/wubb/fonts/open-sans-v15-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/wubb/fonts/open-sans-v15-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-600italic.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-600italic.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-600italic.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-600italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url(/static/wubb/fonts/open-sans-v15-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/wubb/fonts/open-sans-v15-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-700italic.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-700italic.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-700italic.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-700italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(/static/wubb/fonts/open-sans-v15-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/wubb/fonts/open-sans-v15-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-700.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-700.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-700.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-700.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(/static/wubb/fonts/open-sans-v15-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/wubb/fonts/open-sans-v15-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-800.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-800.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-800.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-latin-800.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url(/static/wubb/fonts/open-sans-v15-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/wubb/fonts/open-sans-v15-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wubb/fonts/open-sans-v15-latin-800italic.woff2) format("woff2"),url(/static/wubb/fonts/open-sans-v15-latin-800italic.woff) format("woff"),url(/static/wubb/fonts/open-sans-v15-latin-800italic.ttf) format("truetype"),url(/static/wubb/fonts/open-sans-v15-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: 12pt;
                                        color: #333333;
                                        position: relative;
                                        background-image: url(/static/wubb/hg-40.jpg);
                                      }
body#startseite                       { background: none; background-color: #fff; }
body.hide-overflow                    { overflow-x: hidden; overflow-y: scroll; position: fixed; width: 100%; }

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

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

.clear                                { clear: both; }

header                                { background-color: #007cc3; height: 112px; }
#head-wrap                            { max-width: 1780px; margin: 0 auto; position: relative; padding: 0 10px; }

#logo-desktop                         { width: 450px; height: 430px; text-align: center; background-color: #007cc3; position: absolute; top: 41px; left: 10px; z-index: 60; }
#logo-desktop a                       { display: inline-block; }
#logo-desktop a img                   { display: block; max-width: 231px; width: 100%; margin: 0 auto; }
#telefon-desktop                      { font-family: 'Oswald'; font-weight: 300;  padding-top: 45px; padding-bottom: 85px; }
#telefon-desktop a                    { color: #fff; }
#telefon-desktop a:hover              { color: #fff; }
.tel-icon                             { font-size: 24pt; display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.tel-nummer                           { font-size: 28pt; }

#nav-desktop                          { padding-left: 450px; padding-right: 182px; }
#mobile-navigation                    { display: none; }
#navigation                           { font-family: 'Oswald'; font-weight: 200; padding-top: 31px; }
#navigation ul                        { list-style: none; }
#mainnav                              { padding: 0 50px 0 50px; margin-bottom: 0; text-align: justify; }
.mainli                               { display: inline-block; text-align: -webkit-match-parent; padding: 9px 0; position: relative; }
.mainlink                             { text-transform: uppercase; color: #fff; font-size: 20pt; font-weight: 400; display: inline-block; }
.mainlink:hover                       { color: #fff; }
.mainsub                              { color: #fff; font-size: 16pt; padding: 0 7px; cursor: pointer; display: inline-block; }
.sub1                                 { background-color: #0073b5; position: absolute; left: 0; top: 49px; z-index: 200; padding: 5px 0 5px 0; }
.sub1li                               { display: block; width: auto; min-width: 175px; padding: 3px 8px; border-top: 1px solid #969696; font-size: 16pt; }
.sub1li:first-child                   { border-top: 0; }
#mainnav100                           { padding-left: 100%; height: 1px; display: inline-block; }
.sub1link, .sub1link:hover            { color: #fff; font-weight: 300; }

#suche-desktop                        { position: absolute; right: 115px; top: 37px; color: #fff; font-size: 20pt; }
#suche-desktop div                    { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; }

#head-mobile                          { display: none; }


#content-wrap                         { max-width: 2000px; margin: 0 auto; }
#content-wrap.startseite              { background-position: top center; background-repeat: no-repeat; background-size: cover; overflow-x: hidden; }
#content                              { max-width: 1780px; margin: 0 auto; min-height: 500px; position: relative; }
#imgfade                              { position: absolute; left: -110px; top: 0; width: calc(100% + 220px); height: 100%; /*background-color: rgba(255, 255, 255, 0.75);*/ background-color: #fff; z-index: 40; opacity: 0; }
#startbild                            { display: none; }

#inhalt-text                          { float: right; width: 73%; padding: 30px 10px; }
#infoboxen                            { width: 450px; background-color: #007cc3; float: left; padding-top: 359px; margin: 0 10px; position: relative; z-index: 50; }

.infobox                              { padding-bottom: 55px; color: #fff; }
.infobox-titel                        { font-family:'Oswald'; font-size: 28pt; text-align: center; text-transform: uppercase; }
.infobox-titel h3                     { margin-bottom: 0; padding-bottom: 20px; font-weight: 300; }
.infobox-content                      { padding: 0 60px; }
.infobox-text                         {  }
.infobox-text a                       { color: #fff; text-decoration: underline; font-weight: bold; }
.infobox-text a:hover                 { color: #fff; text-decoration: underline; }
.infobox-text table td                { vertical-align: top; }
.infobox-button                       { text-transform: uppercase; text-align: center; }
.infobox-button a                     { font-family:'Oswald'; font-weight: 300; }


#footer-wrap                          { padding: 30px 20px; text-align: center; font-family: 'Oswald'; font-weight: 200; }
#imp-ds                               { text-transform: uppercase; }
#imp-ds a                             { color: #fff; }
#imp-ds a:hover                       { color: #fff; }
#copyright                            { padding-top: 25px; font-size: 9pt; color: #fff; }

#starttext                            { text-align: center; color: #007cc3; padding-top: 15px; }
#starttext h1                         { margin-bottom: 0; font-family:'Oswald'; font-weight: 200; font-style: italic; font-size: 37pt; }

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

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

#websuche-desktop                     { width: 0px; overflow: hidden; position: absolute; z-index: 110; top: 40px; right: 104px;
                                        -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear;
                                      }
#websuche-desktop .tbl                { width: 100%; }
#websuche-desktop .tbl-td             { vertical-align: top; }
#websuche-desktop.active              { width: 300px; }
#ws-inner                             { width: 300px; }
.ws-button-sub                        { width: 38px; }
.ws-button-sub span                   { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.ws-button-cancel                     { width: 38px; }
.ws-button-cancel span                { display: inline-block; }


.tbl                                  { display: table; }
.tbl-tr                               { display: table-row; }
.tbl-td                               { display: table-cell; }



.suche-slider                         { box-sizing: border-box; padding: 18px 0 0 0; }
.suche-slider.start-slider            { padding: 0; }
.slider-table                         { display: table; width: 100%; padding-bottom: 5px; }
.last-slider .slider-table            { padding-bottom: 5px; }
.slider-td                            { display: table-cell; vertical-align: top; }
.slider-left                          { width: 46px; }
.slider-right                         { width: 46px; }
.slider-td span                       { display: block; text-align: center; font-size: 12pt; }
.slider-inner                         { padding: 10px 31px 0 23px; position: relative; }
.slider-titel                         { position: absolute; width: 100%; text-align: center; top: -18px; left: 0; font-size: 11pt; }
.noUi-horizontal                      { margin-top: 2px; height: 10px; }
.noUi-target                          { background: #b7b7b7; box-shadow: none; }
.noUi-handle                          { box-shadow: none; background: #007cc3; border-radius: 34px; border-color: transparent; }
.noUi-handle:after, .noUi-handle:before { height: 9px; }
.noUi-horizontal .noUi-handle         { height: 24px; width: 24px; top: -8px; }
.noUi-handle-lower:before             { content: '\f054'; background: transparent; left: 7px; top: -1px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; }
.noUi-handle-lower:after              { display: none; }
.noUi-handle-upper:before             { content: '\f053'; background: transparent; left: 6px; top: -1px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; }
.noUi-handle-upper:after              { display: none; }


.infobox-wss .noUi-handle             { background: #ffffff; }
.infobox-wss .noUi-handle-lower:before { color: #007cc3; }
.infobox-wss .noUi-handle-upper:before { color: #007cc3; }
.infobox-wss .noUi-target             { background: #c5c5c5; }
.infobox-more-button                  { padding-top: 20px; text-align: center; }



#inhalt-text h1                       { font-family: 'Oswald'; font-weight: 400; font-size: 2.3rem; margin-bottom: 1.7rem; }
#inhalt-text h2                       { font-size: 1.7rem; margin-bottom: 1rem; }
.content-trenner                      { width: 100%; height: 25px; }
.inh-abs-text a                       { font-weight: bold; }

.inh-abs-text ul                      { padding-left: 19px; overflow: auto; }
.inh-abs-text ol                      { padding-left: 30px; overflow: auto; }
.infobox-text ul                      { padding-left: 19px; overflow: auto; }
.infobox-text ol                      { padding-left: 30px; overflow: auto; }


.partner-liste                        {  }
.pl-eintrag                           { float: left; width: 25%; padding-bottom: 30px; }
.pl-eintrag a                         { display: inline-block; }
.pl-eintrag a img                     { display: block; width: 100%; max-width: 200px; }
.pl-eintrag:nth-child(4n+1)           { clear: both; }


.ws-filter                            { float: left; width: 50%; padding: 20px 0 0 0; }
.ws-filter:nth-child(odd)             { padding-right: 25px; }
.ws-filter:nth-child(even)            { padding-left: 25px; }

.filter-flaeche                       { padding-top: 36px; }
#ws-submit                            { text-align: center; padding-top: 30px; }

#immo-liste                           { margin-top: 25px; background-color: rgba(255, 255, 255, 0.5); }
.immo-eintrag                         { display: table; width: 100%; padding: 10px; margin-bottom: 20px; position: relative; }
.immo-eintrag:after                   { display: block; content: ''; width: 100%; height: 1px; background-color: rgba(0, 124, 195, 0.45); position: absolute; bottom: -10px; left: 0; }
.immo-eintrag:last-child              { margin-bottom: 0; }
.immo-eintrag:last-child:after        { display: none; }
.immo-eintrag:hover                   { background-color: rgba(0, 124, 195, 0.2); 
                                        transition         : background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
                                        -webkit-transition : background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
                                      }
.immo-bild                            { display: table-cell; vertical-align: top; width: 250px; }
.immo-bild a                          {  }
.immo-bild a img                      { width: 100%; }
.immo-infos                           { display: table-cell; vertical-align: top; padding-left: 25px; position: relative; }

.immo-headline                        { padding-bottom: 10px; font-size: 16pt; }
.immo-strasse                         {  }

.immo-merkmale                        { padding-top: 30px; }
.immo-merkmal                         { display: inline-block; padding-right: 25px; }
.immo-merkmal-wert                    { font-size: 13pt; font-weight: bold; }
.immo-details-link                    { position: absolute; right: 0; bottom: 0; }



.asp-bereich                          { padding-bottom: 30px; }
.asp-bereich-titel                    { float: left; width: 35%; font-size: 16pt; }
.asp-bereich-mitarbeiter              { float: left; width: 65%; padding-top: 4px; }
.mitarbeiter                          { padding-bottom: 20px; }
.ma-name                              { font-weight: 600; padding-bottom: 7px; }
.matbl .tbl-td                        { padding-bottom: 5px; }
.tbl-td.tdicon                        { padding-right: 4px; }

#bilder-slider                        { max-height: 430px; overflow: hidden; }
.bx-wrapper                           { box-shadow: none; background: rgba(255, 255, 255, 0.5); border: 5px solid transparent; }
.bx-wrapper img                       { margin: 0 auto; cursor: pointer; }

#imd-str-exp                          { padding-bottom: 20px; }
#imd-strasse                          { float: left; width: 60%; font-weight: 600; }
#img-expo-link                        { float: left; width: 40%; text-align: right; }

.infos-left                           { float: left; width: 50%; padding-right: 25px; padding-bottom: 30px; }
.infos-right                          { float: left; width: 50%; padding-left: 25px; padding-bottom: 30px; }
.infos-head                           { background-color: rgba(255, 255, 255, 0.5); color: #007cc3; padding: 6px 6px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; }
.imdtbl                               { width: 100%; }
.imdtbl .tbl-td                       { padding: 3px 6px; }
.imdil                                { width: 50%; }
.preistbl .imdir                      { text-align: right; }

.imdtbl .fa-minus                     { color: #565656; }
.tblob .imdir                         { text-align: center; }
.wwinenergie                          { padding: 3px 6px; }
.imd-text-body                        { padding: 3px 6px 30px 6px; }


#fullname                             { position: absolute; color: #fff; left: 0; bottom: 129px; text-align: center; width: 100%; }
#telefon-desktop                      { padding-top: 60px; }


.gj-datepicker button                 { background-color: #007cc3; }
.gj-datepicker-bootstrap [role=right-icon] button:hover { background-color: #007cc3; color: #fff; }
.form-control:disabled, .form-control[readonly] { background-color: white; }

#buchung-link-top                     { float: right; padding-bottom: 25px; }
#buchung-link-bottom                  { text-align: right; }

#link-top-space                       { clear: both; }

#google-link-top                     { float: left; padding-bottom: 25px; }

.map-info-window                    { max-width: 260px; width: 185px; }
.map-headline                       { padding-bottom: 15px; font-weight: bold; font-size: 11pt; color: #007cc3; }
.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; }


@media screen and (max-width: 1900px){
  #inhalt-text                        { padding: 30px 65px 30px 10px; }
}

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

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

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

@media screen and (max-width: 1500px){
  #inhalt-text                        { width: 66%; }
  #suche-desktop                      { right: 20px; }
  #nav-desktop                        { padding-right: 50px; }
  .asp-bereich-titel                  { width: 40%; }
  .asp-bereich-mitarbeiter            { width: 60%; }
}

@media screen and (max-width: 1400px){
  #inhalt-text                        { width: 63%; }
  .pl-eintrag a img                   { max-width: 130px; }
  .asp-bereich-titel                  { width: 45%; }
  .asp-bereich-mitarbeiter            { width: 55%; }
  .immo-bild                          { width: 200px; }
}

@media screen and (max-width: 1300px){
  #logo-desktop                       { top: 10px; width: auto; height: auto; text-align: left; }
  #logo-desktop a img                 { width: 88px; }
  #telefon-desktop                    { display: none; }
  #nav-desktop                        { padding-left: 120px; }
  #inhalt-text                        { float: none; width: auto; padding: 30px 10px 30px 10px; }
  #infoboxen                          { float: none; padding-top: 55px; margin: 0 auto; }
  #infoboxen.startseite               { margin: -65px auto 0 auto; position: relative; }
  #startbild                          { display: block; }
  #startbild img                      { display: block; width: 100%; }
  #content-wrap.startseite            { background: none !important; }
  #starttext                          { position: absolute; top: 30px; left: 0; width: 100%; }
  body#startseite                     { background-image: url(/static/wubb/hg.jpg); }
  #content-wrap.startseite #inhalt-text { padding: 0; }
  .pl-eintrag a img                   { max-width: 200px; }
  .asp-bereich-titel                  { width: 30%; }
  .asp-bereich-mitarbeiter            { width: 70%; }
  .immo-bild                          { width: 250px; }
  #fullname                           { display: none; }
  #imgfade                            { display: none; }
}

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

@media screen and (max-width: 1100px){
  #head-desktop                         { display: none; }
  #head-mobile                          { display: block; height: 60px; position: relative; overflow: hidden; }
  header                                { height: auto; }
  #logo-mobile                          { float: left; }
  #logo-mobile a                        {  }
  #logo-mobile a img                    { display: block; height: 60px; padding: 5px 10px; }
  
  #mobile-menu-switch                   { position: absolute; right: 10px; z-index: 100; top: 14px; }
  #mm-button                            { width: 45px; height: 45px; position: relative; cursor: pointer;
                                          -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
                                          -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
                                        }
  #mm-button span                       { display: block; position: absolute; height: 6px; width: 50%; background: #fff; opacity: 1; left: 0;
                                          -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
                                          -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
                                          transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
                                        }
  #mm-button span:nth-child(even)       { left: 50%; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }
  #mm-button span:nth-child(odd)        { left:0px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }
  #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; }
  #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 13px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 26px; }
  #mm-button.open span                  { background: #fff; }
  #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #mm-button.open span:nth-child(1)     { left: 5px; top: 7px; }
  #mm-button.open span:nth-child(2)     { left: calc(50% - 5px); top: 7px; }
  #mm-button.open span:nth-child(3)     { left: -50%; opacity: 0; }
  #mm-button.open span:nth-child(4)     { left: 100%; opacity: 0; }
  #mm-button.open span:nth-child(5)     { left: 5px; top: 21px; }
  #mm-button.open span:nth-child(6)     { left: calc(50% - 5px); top: 21px; }
  
  
  #mobile-navigation                    { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 100; 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; z-index: 100; visibility: visible; left: 0; }
  #nav-content                          { width: 85vw; 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; }
  #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: #007cc3; }
  .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; }
  .asp-bereich-titel                    { width: 35%; }
  .asp-bereich-mitarbeiter              { width: 65%; }
}


@media screen and (max-width: 1000px){
  .asp-bereich-titel                    { width: auto; float: none; padding-bottom: 15px; }
  .asp-bereich-mitarbeiter              { width: auto; float: none; }
  .immo-bild                            { width: 180px; }
  .pl-eintrag a img                     { max-width: 165px; }
}

@media screen and (max-width: 764px){
  #infoboxen                            { max-width: 450px; width: auto; }
  #infoboxen.startseite                 { margin: 0 auto; }
  #starttext                            { top: 0; }
  .imgleft                              { width: 100% !important; }
  .imgright                             { width: 100% !important; }
  .pl-eintrag                           { width: 50%; }
  .pl-eintrag:nth-child(4n+1)           { clear: none; }
  .pl-eintrag:nth-child(2n+1)           { clear: both; }
  .immo-bild                            { width: 100px; }
  .immo-merkmal                         { padding-bottom: 10px; }
  .immo-details-link                    { position: static; text-align: right; }
  .ws-filter                            { width: auto; float: none; }
  .ws-filter:nth-child(odd)             { padding-right: 0; }
  .ws-filter:nth-child(even)            { padding-left: 0; }
  .filter-flaeche                       { padding-top: 0; }
  .infos-left                           { float: none; width: auto; padding-right: 0; }
  .infos-right                          { float: none; width: auto; padding-left: 0; }
  .imdir                                { text-align: right; }
  .tblob .imdir                         { text-align: right; }
  #buchung-link-top                     { text-align: center; }
  #buchung-link-bottom                  { text-align: center; }
}

@media screen and (max-width: 520px){
  #starttext h1                         { font-size: 8vw; }
  .pl-eintrag                           { width: auto; float: none; }
}

@media screen and (max-width: 470px){
  #infoboxen                            { margin: 0 10px; }
  #infoboxen.startseite                 { margin: 0 10px; }
}










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

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

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
/*#consent-banner-links a, #consent-banner-links a:hover { color: #f99200; }*/

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

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


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

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

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



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





#designbody { background: none; background-color: #fff !important; color: #1b1b1b; font-size: 10pt; font-weight: 400; font-family: Arial, Sans-serif; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 1rem; }
.mceContentBody { padding-top: 0!important; }