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

img                                 { border: 0; }

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

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

body                                { background-color: #fff;
                                      font-family: Verdana,Arial,Helvetica,Sans-serif;
                                      font-size: 12pt;
                                      background-position: top center;
                                      background-repeat: no-repeat;
                                      color: #000;
                                      position: relative;
                                      /*background-image: url(/static/swbg/hg-content-35.jpg);
                                      background-attachment: fixed;*/
                                    }

#page                               { padding: 20px 96px 20px 40px; box-sizing: border-box; max-width: 2000px; margin: 0 auto; }

#startseite                         { background-attachment: unset;/*background-image: url(/static/swbg/startseite-bild1.jpg); background-size: cover;*/ }

.wrap                               {  }

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

#header-desktop                     {  }
#logo                               { float: left; }
#logo-img                           { float: left; }
#logo-img a                         { display: block; }
#logo-img img                       { display: block; }
#logo-text                          { float: left; }
#logo-text-big                      { display: block; color: #ffdd00; padding-top: 23px; font-size: 24pt; }
#logo-text-small                    { display: block; color: #0067b3; padding-top: 23px; font-size: 14pt; }
#kontakt-telefon                    { float: right; padding-top: 41px; }
#telefon-icon                       { display: block; float: left; }
#telefon-text                       { display: block; float: left; padding: 12px 0 0 10px; font-weight: bold; font-size: 14pt; }

#header-mobile                      { display: none; }
#header-mobile-inner                { padding: 10px; background-color: #fff; border-bottom: 1px solid rgba(0, 103, 179, 0.5);
                                      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY3YjMiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                                      background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,103,179,0.1) 100%);
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(0,103,179,0.1)));
                                      background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,103,179,0.1) 100%);
                                      background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,103,179,0.1) 100%);
                                      background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,103,179,0.1) 100%);
                                      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,103,179,0.1) 100%);
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1a0067b3',GradientType=0 );
																		}
#header-table                       { display: table; width: 100%; }
#headerm-logo                       { display: table-cell; vertical-align: middle; }
#headerm-logo-img                   { float: left; }
#headerm-logo-img a                 { display: block; }
#headerm-logo-img img               { display: block; height: 100px; }
#headerm-logo-texte                 { float: left; }
#headerm-logo-texte a               { display: block; }
#hmlt-big                           { color: #ffdd00; font-size: 24pt; padding-top: 11px; }
#hmlt-small                         { padding-top: 10px; }
#headerm-menu                       { display: table-cell; vertical-align: middle; text-align: right; }
#mobile-menu-button            		  { display: inline-block; padding: 5px 15px; cursor: pointer; margin-right: 15px; font-size: 24pt; color: #0067b3; }


#navigation                         { padding: 22px 0 0 200px; }
#navigation ul                      { list-style: none; padding: 0; text-align: justify; }
#navigation ul li                   { display: inline-block; text-align: -webkit-match-parent; font-size: 12pt; }
#navigation ul li a                 { /*padding: 0 35px;*/ }
#nav-top-100                        { padding-left: 100%; }
#navigation ul li:first-child a     { padding-left: 0px; }
#navigation ul li#lastnav a         { padding-right: 0; }
#navigation ul li ul                { display: none; padding: 10px 5px; }

.mainli                             { position: relative; padding: 6px 0; }
.sub1ul                             { position: absolute; left: 0px; top: 35px; display: block; background-color: #fff; padding: 5px; border-left: 2px solid #ffdd00; z-index: 100; }
.sub1a                              { white-space: nowrap; display: block; font-size: 11pt; }
#navigation ul li ul li             { position: relative; text-align: left; display: block; }
#navigation ul li ul li a           { padding: 0 0 8px 0; }
#navigation ul li ul li:last-child a { padding-bottom: 0; }

#navigation.navmobile .mainclick    { display: inline-block; border: 1px solid #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#navigation.navmobile .mainclick i  { padding: 5px 5px 6px 5px; }



#mobile-navigation                  { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; }
#nav-content                        { width: 90vw; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; }
#ios-menu-korrektur                 { width: 100%; height: 70px; }
#mnav-head                          { position: relative; text-align: center; padding-top: 15px; color: #002e56; font-size: 18pt; border-bottom: 2px solid #a0a0a0; padding-bottom: 10px; }
#nav-close                          { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                          { padding-top: 5px; }
#mnav-body a                        { text-decoration: none; color: #0067b3; }
#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: #0067b3; }
.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; }



#start-content                      { padding-top: 70px; position: relative; }
#start-bild-text                    { position: absolute; bottom: 50px; right: 250px; background-color: #24ab0b;
                                      color: #fff; font-size: 34pt; font-style: italic; padding: 0 5px 0 5px;
																			-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
                                    }

#content                            { float: right; width: 78%; }
#inhalt-text                        {  }
#inhalt-text p              				{ padding-bottom: 17px; }
#inhalt-text ul             				{ padding-left: 17px; }
#inhalt-text ol             				{ padding-left: 20px; }
#seitentitel                				{ padding-bottom: 25px; }
#seitentitel h1             				{ font-size: 21pt; font-weight: normal; color: #eac200; }
.inh-abs-titel              				{ padding-bottom: 20px; }
.inh-abs-titel h2           				{ font-weight: normal; font-size: 18pt; color: #0067b3; }
.content-trenner            				{ width: 100%; height: 30px; }
.inh-abs-text               				{ line-height: 26px; }

#inoboxen                           { float: left; width: 355px; }
.ifb                                { width: 355px; /*height: 304px;*/ margin-bottom: 70px;
                                      background-image: url(/static/swbg/infobox-hg.png);
                                      background-repeat: no-repeat; background-position: top left;
                                      background-size: 100% 100%;
                                    }
.ifb:last-child                     { margin-bottom: 35px; }
.ifb-inner                          { box-sizing: border-box; /*height: 304px;*/ padding: 37px 53px 58px 49px; }
.ifb-header                         { padding-bottom: 20px; }
.ifb-header h3                      { color: #ffdd00; font-size: 16pt; }
.ifb-content                        { font-size: 10pt; }
.ifb-content p                      { padding-bottom: 17px; }
.ifb-content p:last-child           { padding-bottom: 0; }
.mainclick                          { color: #0067b3; cursor: pointer; width: 21px; display: inline-block; }

#start-gallerie                     { display: none; }
#start-gallerie img                 { display: block; width: 100%; }

#footer-hg                          { background-color: #fff; }
#footer                             { max-width: 2000px; padding: 18px 30px; margin: 0 auto; }
#footer-nav-big                     {  }

#footer-nav-big ul                  { list-style: none; padding: 0; text-align: justify; }
#footer-nav-big ul li               { display: inline-block; text-align: -webkit-match-parent; font-size: 12pt; }
#footer-nav-big ul li a             { /*padding: 0 35px;*/ }
#footer-nav-big ul li:first-child a { padding-left: 0px; }
#nav-footer-100                     { padding-left: 100%; }
#footer-nav-big ul li#imp-ds a      { padding: 0; }
#footer-nav-small                   { display: none; text-align: center; font-size: 10pt; padding-bottom: 15px; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; }
#copyright                          { color: #797979; padding: 0 5px; text-align: center; font-size: 10pt; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; }


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


#cookie-info                        { position: fixed; bottom: 10px; 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                { max-width: 625px; margin: 0 auto;  background-color: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #0067b3; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button                 {  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #0067b3; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { height: 105px; width: 100%; background-color: #fff; }


.formular label              				{ display: block; padding-bottom: 5px; font-family: Arial, Helvetica, Sans-serif; }
.formlist                   				{ list-style: none; padding: 0 !important; margin: 0; }
.formlist li                				{ float: left; width: 50%; margin-bottom: 20px; box-sizing: border-box; }
.formlist li.left           				{ padding-right: 20px; }
.formlist li.right          				{ padding-left: 20px; }
#nachricht                  				{ height: 110px; width: 100%; box-sizing: border-box; }
.ffeld                      				{ width: 100%; padding: 6px; border: 1px solid #a9a9a9; font-family: Arial, Verdana, Sans-serif; 
                                      box-sizing: border-box; height: 32px;
                                      -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
                                    }
.ffeld:hover                        { border: 1px solid #777777; }
.ffeld:focus                        { border: 1px solid #777777; }
.btn 																{ padding: 7px 15px; border: 1px solid #a9a9a9; min-width: 100px;
                                      background: rgb(255,255,255);
                                      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                                      background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(211,211,211,1) 100%);
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1)));
                                      background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
                                      background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
                                      background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
                                      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
																			-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
																		}
                                    
.btn:hover                          { border: 1px solid #777777; }

.nls-eintrag                        { padding-bottom: 15px; }
.news-bild-big                      { text-align: left; }
.news-bild-big img                  { display: inline-block; width: 50%; }

#gw-abreise                         { margin-left: 80px; }




#immo-liste                         {  }
.immo                               { margin-bottom: 25px; }
.immo:nth-child(odd) .immo-inner    { background-color: rgba(0, 103, 179, 0.1); }
.immo:nth-child(even) .immo-inner   { background-color: rgba(255, 221, 0, 0.1); }
.immo-inner                         { padding: 5px; border: 1px solid rgba(0, 103, 179, 0.1); }
.immo-tbl                           { display: table; width: 100%; box-sizing: border-box; }
.immo-td                            { display: table-cell; }
.immo-img                           { width: 200px; height: 200px; vertical-align: top; }
.immo-img a                         { display: block; width: 200px; height: 200px; background-repeat: no-repeat; background-size: cover; }
.immo-info                          { position: relative; vertical-align: middle; }
.immo-info .tbl                     { width: 100%; }
.immo-info .tbl-td                  { vertical-align: top; }
.immo-info-inner                    { padding-left: 25px; }
.immo-werbung                       { padding-bottom: 15px; }
.immo-werbung h4                    { font-size: 15pt; font-weight: normal; color: #0067b3; }
.immo-adresse                       { padding-bottom: 15px; }
.immo-street                        { display: block; padding-bottom: 3px; }
.immo-plz-ort                       { display: block; }
.immo-info-tbls                     {  }
.immo-infos-left                    { float: left; width: 40%; }
.immo-infos-right                   { float: left; width: 40%; }
.immo-feld-name                     { width: 150px; }
.immo-link-small                    { display: none; }
.immo-link-big                      { position: absolute; height: 100%; display: block; top: 0; right: 0; width: 58px; color: #848484; }
.immo-link-big:hover                { color: #0067b3; }
.immo-link-big i                    { position: absolute; font-size: 50px; right: 10px; top: 50%; margin-top: -25px; }
.immo-link-big svg                    { position: absolute; font-size: 50px; right: 10px; top: 50%; margin-top: -25px; }


#immo-suche                         { padding-bottom: 30px; }
.immo-suche-feld-name               { padding-bottom: 10px; }
#immo-suche-zimmer                  { float: left; width: 33.33%; }
#immo-suche-zimmer .tbl             {  }
#immo-suche-zimmer select           { width: 90px; }
#immo-suche-miete                   { float: left; width: 33.33%; }
#immo-suche-miete select            { width: 90px; }
#immo-suche-submit                  { float: left; width: 33.33%; }
#immo-suche-submit-button           { cursor: pointer; display: inline-block; border: 2px solid #0067b3; background-color: #fff; padding: 10px;
                                      -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 18px; color: #0067b3;
                                    }
#immo-suche-submit-button:hover     { background-color: #fbfbfb; }

#immosubneu                         { text-align: center; }

.tbl                                { display: table; }
.tbl-tr                             { display: table-row; }
.tbl-td                             { display: table-cell; padding-bottom: 8px; }



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



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


.kal_tag_termin                               { padding: 2px; }
.kal_tag_termin_vorbei                        { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 2px 2px 3px 2px; }
.kal_tag_termin_havetermin                    { background-color: #E6A934; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 2px 2px 3px 2px; }
.kal_tag_termin_gebucht                       { background-color: #ff0000; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 2px 2px 3px 2px; }
.calendarbox                                  {  }
.calendarbox a                                { color: #000; display: block; }
.calendarbox a:hover                          { color: #000; display: block; }
.calendarbox a:visited                        { color: #000; display: block; }
.kal_tag_termin a                             { color: #0067b3; }
.kal_tag_termin a:hover                       { color: #0067b3; }
.kal_tag_termin a:visited                     { color: #0067b3; }
.kal_tag_termin_havetermin a                  { color: #fff; }
.kal_tag_termin_havetermin a:hover            { color: #fff; }
.kal_tag_termin_havetermin a:visited          { color: #fff; }
.kal_tag_termin_gebucht a                     { color: #fff; }
.kal_tag_termin_gebucht a:hover               { color: #fff; }
.kal_tag_termin_gebucht a:visited             { color: #fff; }
.kal_titel_gr                                 { padding: 15px 0; font-size: 12pt; }
.cal-controls i                               { font-size: 15pt; }
.cal-titel                                    { font-size: 12pt; text-align: center; }




.suche-slider { box-sizing: border-box; padding: 0 10px; }
.suche-slider.start-slider { padding: 0; }
.slider-table { display: table; width: 100%; padding-bottom: 15px; }
.last-slider .slider-table { padding-bottom: 5px; }
.slider-td { display: table-cell; vertical-align: top; }
.slider-left { width: 15%; }
.slider-right { width: 15%; }
.slider-td span { display: block; text-align: center; font-size: 12pt; }
.slider-inner { padding: 3px 18px 0 18px; position: relative; }
.slider-titel { position: absolute; width: 100%; text-align: center; top: -22px; left: 0; font-size: 11pt; }
.noUi-horizontal { margin-top: 2px; height: 10px; }
.noUi-target { background: rgba(255, 221, 0, 0.45); box-shadow: none; }
.noUi-handle { box-shadow: none; background: #0067b3; }
.noUi-horizontal .noUi-handle { height: 22px; top: -7px; }
.noUi-handle:after, .noUi-handle:before { height: 9px; }




@media screen and (min-width: 1900px) and (max-width: 1979px){
  #content                            { width: 76%; }
}

@media screen and (min-width: 1800px) and (max-width: 1899px){
  #content                            { width: 75%; }
  .gala-bild-container                { width: 20%; }
}

@media screen and (min-width: 1700px) and (max-width: 1799px){
  #content                            { width: 74%; }
  .gala-bild-container                { width: 20%; }
}

@media screen and (min-width: 1600px) and (max-width: 1699px){
  #content                            { width: 72%; }
  .gala-bild-container                { width: 20%; }
}

@media screen and (min-width: 1500px) and (max-width: 1599px){
  #content                            { width: 70%; }
  #navigation                         { padding-left: 0; }
  #page                               { padding-right: 40px; }
  .gala-bild-container                { width: 25%; }
  #immo-energie-text                  { width: 62%; }
}

@media screen and (min-width: 1400px) and (max-width: 1499px){
  #content                            { width: 68%; }
  #navigation                         { padding-left: 0; }
  #page                               { padding-right: 40px; }
  .gala-bild-container                { width: 25%; }
  .immo-infos-left                    { width: 50%; }
  #immo-energie-text                  { width: 62%; }
  .immod-field-left                   { width: 48%; }
  .immod-field-right                  { width: 52%; }
}

@media screen and (min-width: 1300px) and (max-width: 1399px){
  #content                            { width: 66%; }
  #navigation                         { padding-left: 0; }
  #page                               { padding-right: 40px; }
  .gala-bild-container                { width: 25%; }
  .immo-infos-left                    { width: 44%; }
  .immo-infos-right                   { width: 44%; }
  .immo-feld-name                     { width: 130px; }
  #immo-energie-text                  { width: 68%; }
  .immo-details-area                  { float: none; width: auto; }
  #immo-details-area1 .immo-details-inner { padding-bottom: 0; padding-right: 0; }
  #immo-details-area2 .immo-details-inner { padding-left: 5px; padding-top: 0; }
  .immod-preis                        { text-align: left; }
  
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
  #content                            { width: 66%; }
  #navigation                         { padding-left: 0; }
  #page                               { padding-right: 40px; }
  #footer-nav-big                     { display: none; }
  #footer-nav-small                   { display: block; }
  .gala-bild-container                { width: 33.333%; }
  #gw-abreise                         { margin-left: 63px; }
  .immo-info                          { font-size: 11pt; }
  .immo-infos-left                    { width: 44%; }
  .immo-infos-right                   { width: 44%; }
  .immo-feld-name                     { width: 115px; }
  #immo-energie-text                  { width: 84%; }
  .immo-details-area                  { float: none; width: auto; }
  #immo-details-area1 .immo-details-inner { padding-bottom: 0; padding-right: 0; }
  #immo-details-area2 .immo-details-inner { padding-left: 5px; padding-top: 0; }
  .immod-preis                        { text-align: left; }
  #immod-areas                        { width: 63.66%; box-sizing: border-box; padding-right: 25px; }
  #immod-bilder-und-links             { width: 36.33%; }
}

@media screen and (min-width: 1100px) and (max-width: 1199px){
  #content                            { width: auto; float: none; }
  #infoboxen                          { float: none; margin-top: 50px; }
  #footer-nav-big                     { display: none; }
  #footer-nav-small                   { display: block; }
  #header-desktop                     { display: none; }
  #header-mobile                      { display: block; }
  #page                               { padding: 0; }
  #start-gallerie                     { display: block; }
  /*#startseite                         { background: none !important; }*/
  #start-bild-text                    { bottom: auto; right: auto; top: 25px; width: 100%; text-align: center; box-sizing: border-box;
  																			-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
  																		}
  .ifb                                { margin-left: auto; margin-right: auto; }
  #start-content                      { padding-top: 0; }
  .gala-bild-container                { width: 20%; }
}

@media screen and (min-width: 1000px) and (max-width: 1099px){
  #content                            { width: auto; float: none; }
  #infoboxen                          { float: none; margin-top: 50px; }
  #footer-nav-big                     { display: none; }
  #footer-nav-small                   { display: block; }
  #header-desktop                     { display: none; }
  #header-mobile                      { display: block; }
  #page                               { padding: 0; }
  #start-gallerie                     { display: block; }
  /*#startseite                         { background: none !important; }*/
  #start-bild-text                    { bottom: auto; right: auto; top: 25px; width: 100%; text-align: center; box-sizing: border-box;
  																			-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
  																		}
  .ifb                                { margin-left: auto; margin-right: auto; }
  #start-content                      { padding-top: 0; }
  .gala-bild-container                { width: 25%; }
  #immo-energie-text                  { width: 60%; }
  .immod-field-left                   { width: 43%; }
  .immod-field-right                  { width: 57%; }
}

@media screen and (min-width: 765px) and (max-width: 999px){
  #content                            { width: auto; float: none; }
  #infoboxen                          { float: none; margin-top: 50px; }
  #footer-nav-big                     { display: none; }
  #footer-nav-small                   { display: block; }
  #header-desktop                     { display: none; }
  #header-mobile                      { display: block; }
  #page                               { padding: 0; }
  #start-gallerie                     { display: block; }
  /*#startseite                         { background: none !important; }*/
  #start-bild-text                    { bottom: auto; right: auto; top: 25px; width: 100%; text-align: center; box-sizing: border-box; font-size: 26pt;
  																			-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
  																		}
  .ifb                                { margin-left: auto; margin-right: auto; }
  #start-content                      { padding-top: 0; }
  .gala-bild-container                { width: 33.333%; }
  #gw-abreise                         { margin-left: 54px; }
  .immo-info                          { font-size: 11pt; }
  .immo-infos-left                    { width: 44%; }
  .immo-infos-right                   { width: 44%; }
  .immo-feld-name                     { width: 105px; }
  #immod-areas                        { float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immod-pdfs                         { float: none; width: auto; }
  #immod-grundriss img                { float: none; display: inline-block; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
}

@media screen and (min-width: 0px) and (max-width: 764px){
  #content                            { width: auto; float: none; }
  #infoboxen                          { float: none; margin-top: 50px; }
  #footer-nav-big                     { display: none; }
  #footer-nav-small                   { display: block; }
  #header-desktop                     { display: none; }
  #header-mobile                      { display: block; }
  #page                               { padding: 0; }
  #start-gallerie                     { display: block; }
  
  #start-bild-text                    { bottom: auto; right: auto; top: 10px; width: 100%; text-align: center; box-sizing: border-box; font-size: 22pt;
  																			-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
  																		}
  .ifb                                { margin-left: auto; margin-right: auto; }
  #start-content                      { padding-top: 0; }
  #mobile-menu-button                 { margin-right: 0; font-size: 20pt; }
  #headerm-logo-img img               { height: 80px; }
  #headerm-logo-texte                 { width: 47%; }
  #hmlt-big                           { padding-top: 10px; font-size: 19pt; }
  #hmlt-small                         { font-size: 8pt; padding-top: 5px; }
  #inhalt-text                        { padding: 25px 10px 0 10px; }
  .gala-bild-container                { width: 50%; }
  .formlist li                        { float: none; width: auto; }
  .formlist li.left                   { padding-right: 0; }
  .formlist li.right                  { padding-left: 0; }
  #gw-abreise                         { margin-left: 0; }
  
  .immo-tbl                           { display: block; }
  .immo-td                            { display: block; }
  .immo-info-inner                    { padding-left: 0; }
  .immo-img                           { padding-bottom: 15px; }
  .immo-img.no-image                  { display: none; }
  .immo-infos-left                    { float: none; width: auto; }
  .immo-infos-right                   { float: none; width: auto; }
  .immo-link-small                    { display: inline-block; margin-top: 15px; padding: 6px 8px; background-color: #0067b3; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }  
  .immo-link-big                      { display: none; }
  #immo-suche                         { width: 230px; margin: 0 auto; }
  #immo-suche-zimmer                  { float: none; width: auto; }
  #immo-suche-miete                   { float: none; width: auto; padding-top: 15px; }
  #immo-suche-submit                  { float: none; width: auto; text-align: center; }
  #immo-suche.neu                     { width: auto; }
  #immo-suche-submit.neu              { padding-top: 20px; }
  #immo-suche-miete.neu               { padding-top: 20px; }
  
  #immod-areas                        { float: none; width: auto; }
  #immod-bilder-und-links             { float: none; width: auto; }
  #immod-pdfs                         { float: none; width: auto; }
  #immod-grundriss img                { float: none; display: inline-block; }
  #immod-bilder                       { float: none; width: auto; }
  #immod-bilder ul li.lileft          { padding: 10px; }
  #immod-bilder ul li.liright         { padding: 10px; }
  
  .immo-details-area                  { float: none; width: auto; }
  #immo-details-area1 .immo-details-inner { padding-bottom: 0; padding-right: 0; }
  #immo-details-area2 .immo-details-inner { padding-left: 5px; padding-top: 0; }
  .immod-preis                        { text-align: left; }
  
  #immo-nummer                        { display: none; }
  .immod-field-left                   { width: 50%; }
  .immod-field-right                  { width: 50%; }
  #immo-energie-text                  { float: none; width: auto; }
  .energiew-left                      { width: 53%; }
  .energiew-right                     { width: 47%; word-wrap: break-word; }
  
  .immod-ausstattung-spalte           { float: none; width: auto; }
}

@media screen and (min-width: 765px) and (max-width: 1199px){
  #inhalt-text                        { padding: 25px 20px 0 20px; }
}

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

@media screen and (max-width: 400px){
  #headerm-logo-img                   { padding-top: 7px; }
  #headerm-logo-img img               { height: 60px; }
  #headerm-logo-texte                 { width: 150px; padding-left: 5px; }
  #hmlt-big                           { font-size: 15pt; padding-top: 3px; }
  #hmlt-small                         { padding-top: 2px; }
  #cookie-info-spacer                 { height: 145px; }
  .gala-bild                          { width: 125px; height: 125px; }
}

@media screen and (max-width: 375px){
  .ifb                                { background: none; width: auto; }
  .ifb-inner                          { padding: 15px; margin: 8px; border:1px solid #d3d3d3; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media screen and (max-width: 1199px){
  #startseite                         { background: none !important; }
  /*#startseite                         { background-image: url(/static/swbg/hg-content-35.jpg) !important; background-attachment: fixed; }*/
}


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

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

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











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

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

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

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

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


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

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

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








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