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

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

body {
  background-color: #fff;
  /*background-image: url(/static/wggag/bg-page.png);*/
  font-family: "Open Sans", Arial, Helvetica, Sans-serif;
  font-size: 14pt;
  color: #484848;
  position: relative;
}

a:focus                             { outline:none; }
a                                   { color:#dd6e25; }
a:link                              { text-decoration:none; }
a:visited                           { text-decoration:none; }
a:active                            { text-decoration:none; }
a:hover                             { color:#dd6e25; text-decoration:none; }
.ablock                             { padding-bottom: 8px; border-bottom: 1px solid #dd6e25; }

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

.btl                                { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.btr                                { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.bbl                                { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.bbr                                { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }

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

.fontupper                          { text-transform: uppercase; }

#statisch-flex {
  display: flex;
}
#statisch-flex > div {
  flex: 0 0 50%;
  position: relative;
}
#statisch-flex a {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

#inhalttext-wohnungen {
  flex-grow: 1;
}

#infoboxen-start .btn {
  min-width: 170px;
}
#wsuche .btn {
  min-width: 170px;
}



.ifb-flex {
  display: flex;
  gap: 25px;
}
.ifb-flex-image {
  flex: 0 0 40%;
}
.ifb-flex-image img {
  display: block;
  width: 100%;
}
.ifb-flex-content {
  flex-grow: 1;
}
.infb-buttonv2 {
  padding-top: 20px;
}

.ifb-flex-right .ifb-flex-content {
  order: 1;
}
.ifb-flex-right .ifb-flex-image {
  order: 2;
}


.infbv2 {
  background-color: #e6e6e8;
  max-width: 450px;
  width: 100%;
}
.infbv2-content {
  padding: 20px;
  color: #0a8449;
  font-size: 12pt;
}
.infb-titelv2 {
  font-size: 16pt;
  font-weight: 500;
  padding-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.infb-titelv2 h3 {
  font-size: 16pt;
  font-weight: 700;
  margin-bottom: 0;
}
.ut-immobilie {
  display: flex;
  gap: 25px;
}
.ut-immobilie-bild {
  flex: 0 0 40%;
}
.ut-immobilie-bild img {
  display: block;
  width: 100%;
}
.ut-immobilie-infos {
  flex-grow: 1;
}
.ut-miete {
  font-size: 16pt;
  font-weight: 700;
  padding-top: 10px;
}
.ut-button {
  padding-top: 15px;
}




#head {
  max-width: 1920px;
  margin: 0 auto;
  height: 150px;
}
#head-mobile {
  display: none;
}
#logo                               { float: left; padding: 37px 0 0 23px; }
#staedte                            { float: left; padding: 52px 0 0 102px; }
#claim {
  float: right;
  padding: 62px 22px 0 0;
  /*font-family: 'Times New Roman', times, serif;*/
  font-size: 17pt;
}

#navbar {
  height: 60px;
  background-color: #007e3e; 
  /*background-image: url(/static/wggag/bg-nav.png);*/
}
#nav {
  max-width: 1470px;
  margin: 0 auto;
  padding-top: 0;
}
#nav ul {
  text-align: justify;
  padding-right: 15px;
  padding-top: 8px;
  padding-left: 30px;
  margin-bottom: 0;
}
#nav li                             { text-align: -webkit-match-parent; display: inline-block; text-transform: uppercase; list-style: none; }
#nav li a                           { display: block; color: #fff; text-transform: uppercase; font-size: 17pt; }
#nav li a:hover                     { /* border-bottom: 1px solid #dd6e25; */ }
#nav li a.mainliclick:hover         { border-bottom: none; }

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

#nav ul li 													{ position: relative; height: 25px; }
#nav ul li ul li 										{ position: relative; clear: left; height: auto; padding-left: 15px; }
#nav ul li ul li ul li 							{ position: relative; clear: left; height: auto; padding-left: 15px; }
#nav ul li ul li ul li ul li				{ position: relative; clear: left; height: auto; padding-left: 15px; }

#nav ul li a 												{ float: left; }
#nav ul li a.maintext 							{ padding-top: 7px; padding-bottom: 7px; margin-right: 15px; }

#nav ul li ul li a.subtext {
  /*float: left;*/
  /*border-bottom: 1px solid #dd6e25;*/
  display: block;
  width: 215px;
  /*height: 17px;*/
  padding: 12px 5px 1px 5px;
  font-size: 14pt;
}
#nav ul li ul li ul li a.subtext 		{ float: left; border-bottom: 1px solid #dd6e25; display: block; width: 210px; height: 17px; padding: 12px 5px 12px 5px; font-size: 10.6pt; }
#nav ul li ul li ul li ul li a.subtext { float: left; border-bottom: 1px solid #dd6e25; display: block; width: 210px; height: 17px; padding: 12px 5px 12px 5px; font-size: 10.6pt; }

#nav .last-li                       { border-bottom: none !important; }

#nav ul li ul	{
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 47px;
  padding-left: 0;
  padding-bottom: 10px;
}
#nav ul li ul li ul 								{ position: absolute; z-index: 900; left: 215px; top: 0; }
#nav ul li ul li ul li ul 					{ position: absolute; z-index: 800; left: 215px; top: 0; }

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

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

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

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

.verlaufSubNavi {
  background: #007e3e;
}
.verlaufSubNaviBackup								{	background: -moz-linear-gradient(top, #1f7f3c 0%, #1f7f3c 11%, #23ba51 100%); /* FF3.6+ */
																			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f7f3c), color-stop(11%,#1f7f3c), color-stop(100%,#23ba51)); /* Chrome,Safari4+ */
																			background: -webkit-linear-gradient(top, #1f7f3c 0%,#1f7f3c 11%,#23ba51 100%); /* Chrome10+,Safari5.1+ */
																			background: -o-linear-gradient(top, #1f7f3c 0%,#1f7f3c 11%,#23ba51 100%); /* Opera 11.10+ */
																			background: -ms-linear-gradient(top, #1f7f3c 0%,#1f7f3c 11%,#23ba51 100%); /* IE10+ */
																			background: linear-gradient(to bottom, #1f7f3c 0%,#1f7f3c 11%,#23ba51 100%); /* W3C */
																			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7f3c', endColorstr='#23ba51',GradientType=0 ); /* IE6-9 */
                                      -webkit-border-bottom-right-radius: 10px;
                                      -webkit-border-bottom-left-radius: 10px;
                                      -moz-border-radius-bottomright: 10px;
                                      -moz-border-radius-bottomleft: 10px;
                                      border-bottom-right-radius: 10px;
                                      border-bottom-left-radius: 10px;
                                    }

/* Icons wechseln */
.mainli:hover .mainliclick 					{ background-image:url(/static/wggag/nav-btn-close-v.png); }
.sub1li:hover .sub1liclick 					{ background-image:url(/static/wggag/nav-btn-close-h.png); }
.sub2li:hover .sub2liclick 					{ background-image:url(/static/wggag/nav-btn-close-h.png); }

#suchlupe                           { float: left; padding: 14px 45px 0 32px; }

#mobile-navigation                      { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 600; color: #fff; }
#nav-content                            { width: 85vw; height: 100vh; background-color: #fff; padding-left: 5px; padding-right: 5px; overflow-y: auto; }
#mnav-head                              { position: relative; text-align: center; padding-top: 15px; color: #dd6e25; font-size: 18pt; border-bottom: 2px solid #dd6e25; padding-bottom: 10px; }
#nav-close                              { position: absolute; top: 12px; right: 10px; color: #dd6e25; 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                            { color: #dd6e25; }
#mnav-body ul li a                      { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3; display: block; }
.mnavli0                                {  }
.mnavli1                                {  }
.mnavli2                                {  }
.mnavli3                                {  }
.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; }
.marrow                             		{ border: 6px solid #FE0000; 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: #FE0000; }
.show-sub-nav.isclicked             		{ top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                            		{ display: none; }
.mnavul2                            		{ display: none; }
.mnavul3                            		{ display: none; }

#mobile-head                            { width: 100%; height: 40px; background-color: #fff; position: fixed; z-index: 500; display: none; border-bottom: 1px solid #dd6e25; }
#menu-btn                               { color: #fff; font-size: 10pt; width: 153px; margin-left: 10px; margin-top: 9px; cursor: pointer; }
#menu-lines                             { float: left; width: 25px; padding-top: 3px; }
#menu-text                              { float: left; width: 122px; padding-left: 5px; color: #dd6e25; padding-top: 3px; }
.menu-btn-line                          { width: 25px; height: 3px; background-color: #dd6e25; margin-bottom: 3px; }


#startbar {
  background-color: #f2f2f2;
  /*background-image: url(/static/wggag/bg-page.png);*/
}
#start {
  max-width: 1920px;
  margin: 0 auto;
  /*padding-top: 60px;*/
  display: flex;
  gap: 75px;
  justify-content: space-between;
}

#bildergalerie {
  flex-grow: 1;
}
#start-suche {
  flex: 0 0 400px;
}
#start-suche form {
  display: block;
  height: 100%;;
}

#start-suche-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 35px;
  height: 100%;
}
#ws-count span {
  font-size: 20pt;
  font-weight: 600;
}


#bildergalerie {
  position: relative;
  max-width: 1470px;
  margin: 0 auto;
}
#bildergalerie img                  { display: block; width: 100%; }

#pagination                         { z-index: 100; position: absolute; text-align: center; bottom: 18px; left: 62px; }
#pagination a                       { padding:0; margin:0; background-color: #fff; border: 2px solid #fff; display: block; height: 10px; width: 10px; float: left; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin-left: 3px; margin-right: 3px; /*opacity: 0.5; filter: alpha(opacity=50);*/ }
#pagination a.active                { background-color: #dd6e25; }

#willkommen-cont {
  max-width: 1470px;
  margin: 0 auto;
  padding-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 60px;
}
.willkommen-titel {
  font-size: 23pt;
  font-weight: 400;
  text-align: center;
  padding-bottom: 40px;
}
.willkommen-titel h1 {
  font-size: 23pt;
  font-weight: 400;
}
.willkommen-text {
  font-size: 16pt;
  text-align: center;
}
.willkommen-text p {
  padding-bottom: 20px;
}

#diedrei {
  background-color: #186531;
  height: 304px;
  color: #fff;
  width: 241px;
  float: left;
  padding: 20px 2%;
}
#diedrei a {
  color: #FBA46B;
}
#ddtitel                            { font-family: Julius Sans One; font-size: 15pt; padding-bottom: 21px; }
.ddraum                             { font-size: 12pt; }
.ddogg                              { font-size: 10pt; }
.ddmiete                            { font-size: 10pt; padding-bottom: 21px; }
#ddalle                             {  }
#ddlupe {
  font-size: 15pt;
  color: #fff;
  float: left;
  padding-left: 50px;
}
#ddangebote                         { float: left; padding-left: 25px; }

.ddb-cont {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding-top: 40px;  
}
.ddb-item {
  flex: 0 0 100%;
  display: flex;
}
.ddb-raum {
  flex: 0 0 25%;
  font-weight: 500;
}
.ddb-ogg {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.ddb-info {
  
}
.ddb-miete {
  
}
.ddb-button {
  flex: 0 0 25%;
}



#slider-start-info {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 440px;
  font-size: 10pt;
}
.slider-start-titel {
  background-color: #232323;
  padding: 10px;
  margin-top: 10px;
  font-size: 18pt;
  color: #fff;
}
.slider-start-teaser {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px;
  color: #494949;
  margin-top: 20px;
  margin-left: 10px;
}

#inhaltbar {

}
#inhalt {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff;
  display: flex;
  gap: 50px;
  padding-right: 40px;
}
#inhalttext {
  flex-grow: 1;
}
#iabsaetze                          { padding: 40px; }
#iabsaetze h1                       { font-weight: 500; font-size: 22pt; padding-bottom: 30px; }
#iabsaetze h2                       { font-weight: 500; font-size: 18pt; }
#iabsaetze p                        { padding-bottom:17px; }
#iabsaetze ul                  			{ padding-left:17px; }
#iabsaetze ol                  			{ padding-left:34px; }
#iabsaetze .content-trenner    			{ width: 100%; height: 60px; }
#iabsaetze .inh_abs_titel      			{ padding-bottom: 8px; }

#inhalt .infoboxen {
  flex: 0 0 450px;
  padding-top: 115px;
  display: flex;
  flex-direction: column;
  flex-direction: column;
  gap: 75px;
  padding-bottom: 60px;
}

#infoboxen-start {
  max-width: 1470px;
  margin: 0 auto;
  padding-bottom: 120px;
  padding-left: 10px;
  padding-right: 10px;
}
#infoboxen-start .infoboxen {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#infoboxen-start .infb {
  flex: 0 0 30%;
}

.infb {
  width: 100%;
  text-align: center;
  /* border-left: 1px solid gainsboro;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px; */
  max-width: 450px;
}
.infb-titel                         { font-size: 16pt; font-weight: 500; padding-bottom: 15px; border-bottom: 1px solid #186531; }
.infb-titel h3 {
  font-size: 16pt;
  font-weight: 500;  
}
.infb-content                       { padding-top: 30px; }
.infb-content img                   { text-align: center; min-height: 160px; height: 160px; }
.infb-text                          { padding: 15px 20px 0 20px; }


#boxen {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff;
}
.box                                { float: left; width: 38.35%; padding: 30px 0; }
.bverlauf                           { background: #e2efde; /* Old browsers */
                                      background: -moz-linear-gradient(top, #e2efde 0%, #ffffff 30%, #ffffff 100%); /* FF3.6+ */
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2efde), color-stop(30%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                                      background: -webkit-linear-gradient(top, #e2efde 0%,#ffffff 30%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                                      background: -o-linear-gradient(top, #e2efde 0%,#ffffff 30%,#ffffff 100%); /* Opera 11.10+ */
                                      background: -ms-linear-gradient(top, #e2efde 0%,#ffffff 30%,#ffffff 100%); /* IE10+ */
                                      background: linear-gradient(to bottom, #e2efde 0%,#ffffff 30%,#ffffff 100%); /* W3C */
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2efde', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                                    }
.btitel                             { text-align: center; font-family: Julius Sans One; font-size: 15pt; padding-bottom: 21px; }
.bicon                              { text-align: center; }
.btext                              { padding: 0 60px 0 60px; font-size: 9pt; }
.bmore                              { text-align: right; padding-right: 60px; padding-top: 25px; }

#kontakt                            { padding: 30px 0; width: 227px; float: right; }

#mob-footernav                      { display: none; text-align: center; padding-top: 18px; }
#mob-footernav a                    { color: #fff; }
#footerbar {
  /*height: 80px;*/
  /*background-image: url(/static/wggag/bg-nav.png);*/
  background-color: #007e3e;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
#footer {
  max-width: 1920px;
  margin: 0 auto;
}
#footernav                          { padding-top: 18px; }
#footernav ul                       { height: 17px; text-align: justify; padding: 0 40px; }
#footernav li                       { text-align: -webkit-match-parent; display: inline-block; list-style: none; }
#footernav li a                     { color: #fff; }
#copyright {
  padding-top: 16px;
  text-align: center;
  font-size: 11pt;
  color: #fff;
}

.footerinfo-cont {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
}
.footerinfo-cont a {
  color: #fff;
  text-decoration: underline;
}
.footerinfo-kontakt {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.fik {
  display: flex;
  color: #fff;
}
.fik-titel {
  flex: 0 0 100px;
}
.fik-value {
  white-space: nowrap;
}
.footerinfo-havarie {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.fih {
  display: flex;
}
.footerinfo-dsimpr {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.fidsi {
  display: flex;
}


/* Kontaktformular */
#kontaktform                        {  }
#kontakt                            {  }
.form-feld                          { margin-bottom: 20px; }
.feld-name                          { padding-bottom: 5px; }
.feld-input                         { font-family: arial,helvetica,sans-serif; }
.formlist 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; }
#nachricht {
  /*height: 110px;
  width: 94%;*/
}
.ffeld                              { width: 88%; padding: 6px; border: 1px solid #208D41; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; }
select.ffeld {
  /*width: 91.5%;*/
}
.smalllist li                       { width: 33.33%; }
.formError .formErrorContent        { background: #208D41; }
.formError .formErrorArrow div      { background: #208D41; }




/* Wohnungssuche und Liste */
#wohnungssuche                      {  }
#wohnungssuche label                { font-family: Arial, Verdana, Sans-serif; }
#suche-box                          {  }
#suche-box-inner                    { padding: 5px; }
#suche-box-inner::after             { display: block; content: ''; clear: both; }

.suche-param                        { float: left; }
.suche-param::after                 { display: block; content: ''; clear: both; }
.suche-feld-name                    { padding-bottom: 6px; font-size: 13pt; }
.suche-feld-inhalt                  {  }

#suche-absenden                     { padding: 15px 0 0 0; text-align: center; }
#suche-button                       { cursor: pointer; margin: 0 auto; width: 230px; padding: 7px 5px; border: 1px solid #208D41; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial, Verdana, Sans-serif;
                                      background: rgb(245,245,245);
                                      background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(222,222,222,1) 100%);
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(222,222,222,1)));
                                      background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(222,222,222,1) 100%);
                                      background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(222,222,222,1) 100%);
                                      background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(222,222,222,1) 100%);
                                      background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(222,222,222,1) 100%);
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dedede',GradientType=0 );
                                    }


#sp-etage                           { width: 20%; }
#sp-zimmer                          { width: 20%; }
#sp-miete                           { width: 25%; }
#sp-flaeche                         { width: 25%; }
#sp-balkon                          { width: 10%; }

.suche-feld-inhalt input[type=number] { width: 45px; padding: 5px; border: 1px solid #208D41; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; }
.suche-feld-inhalt select           { width: 75%; padding: 5px; border: 1px solid #208D41; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; }

.rcheckbox                          { display: none; }
.rcheckbox + label                  { /*background-color: #fafafa;*/ border: 1px solid #208D41; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);  padding: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; position: relative; }
.rcheckbox + label:active, .rcheckbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.rcheckbox:checked + label          { /*background-color: #e9ecee;*/ border: 1px solid #208D41; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; }
.rcheckbox:checked + label:after    { content: '\2714'; font-size: 18px; position: absolute; top: 0px;  left: 5px; color: #208D41; }
.tag                                { font-family: Arial, sans-serif; width: 200px; position: relative; top: 5px; font-weight: bold; text-transform: uppercase; display: block; float: left; }
.radio-1                            { width: 193px; }
.button-holder                      { float: left; }
#lblsbalkon                         { margin-left: 14px; }

.wlist-nav                          { float: right; }
.wlist-nav-inner                    { padding: 5px; }
#wlist-nav-top                      { padding-top: 15px; }
#wlist-nav-bottom                   { padding-bottom: 15px; }

#wohungen-liste                     { padding: 15px 0; }
.wl-entry-outer                     { display: block; float: left; width: 33.33%; height: 130px; }
.wl-entry-outer a                   { color: #484848; }
.wl-entry                           { display: block; margin: 10px; border: 1px solid rgba(32, 141, 65, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wl-entry-action                    { display: block; margin: 10px; border: 1px solid rgba(221, 110, 37, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; }
.actioninfo                         { display: block; position: absolute; right: 0; bottom: 0; width: 46px; height: 41px; color: #dd6e25; }
.actioninfotext                     { display: none; position: absolute; right: 50px; bottom: 6px; width: 256px; height: 26px; border: 1px solid rgba(221, 110, 37, 0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; color: #333; font-size: 8pt; padding: 2px; text-align: center; }
.wl-entry:hover                     { border: 1px solid rgba(32, 141, 65, 0.6);
                                      background: rgb(255,255,255); /* Old browsers */
                                      background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
                                      background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
                                      background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
                                      background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
                                      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
                                    }
.wl-entry-action:hover              { border: 1px solid rgba(221, 110, 37, 1);
                                      background: rgb(255,255,255); /* Old browsers */
                                      background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
                                      background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
                                      background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
                                      background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
                                      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
                                    }
.wl-entry-inner                     { display: block; padding: 5px; font-size: 10pt; }
.wl-pic                             { display: block; width: 125px; float: left; }
.wl-pic img                         { display: block; width: 125px; }
.wl-text                            { display: block; width: 64%; float: left; }
.wl-text-inner                      { display: block; padding: 0 0 0 10px; }
.wl-text-inner span                 { display: block; }

.sp-entry-outer                     { display: block; float: left; width: 33.33%; }
.sp-text                            { display: block; width: 100%; float: left; }
.wle-whnnr                          { font-size: 9.5pt; float: right; display: block; }
.wle-kontakt                        { display: block; padding-top: 10px; }
.wle-sonstiges                      { font-size: 8pt; }

.wle-feld                           { padding: 0 0 3px 0; }
.wle-street                         {  }
.wle-ort                            { font-size: 9.5pt; }
.wle-etage                          { font-size: 9.5pt; }
.wle-flaeche                        { font-size: 9.5pt; }
.wle-miete                          { font-size: 9.5pt; }


#inhalttext-wohnung-details #iabsaetze h1 { padding-bottom: 15px; }
#whn-head-street                    { }
#whn-head-trenner                   { padding: 0 10px; font-size: 13pt; }
#whn-head-ort                       { font-size: 13pt; }
#whn-nummer                         { font-size: 9pt; color: #ADADAD; text-align: right; float: right; }
#whn-sub-headline                   { font-size: 13pt; float: left; }
#whn-aktion                         { padding-top: 15px; color: #DD6E25; font-size: 13pt; }
#whn-details                        { padding: 30px 0; }

.whn-details-col                    { float: left; min-height: 15px; }
#whn-col1                           { width: 60%; }
#whn-col2                           { width: 40%; }

#whn-sub-col1                       { float: left; width: 50%; text-align: right; }
#whn-sub-col2                       { float: left; width: 50%; }
#whn-sub-col2 a                     { display: block; float: right; width: 200px; height: 200px; border: 1px solid #d3d3d3; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.whn-felder                         {  }
.whn-feld                           { padding-bottom: 8px; }
.whn-feld::after                    { display: block; content: ''; clear: both; }
.whn-feld-left                      { width: 40%; float: left; }
.whn-feld-right                     { width: 60%; float: left; }
.whn-preis                          { text-align: right; }
.whn-ges-miete                      { font-weight: bold; }

#whn-basics                         { max-width: 300px; }
#whn-preise                         { max-width: 410px; padding-top: 25px; }
#whn-preise .whn-feld-left          { width: 70%; }
#whn-preise .whn-feld-right         { width: 25%; }

#whn-energie                        { max-width: 375px; }

#whn-texte                          { padding-top: 25px; }
.whn-text                           { padding-bottom: 20px; }
.whn-text-head                      { padding-bottom: 5px; margin-bottom: 10px; font-size: 12pt; border-bottom: 2px solid rgba(235, 155, 37, 0.56); }
.whn-text-body                      {  }

#ee_info                            { width:400px; margin-bottom:3px; }
#ee_skala                           { width:400px; height:48px; margin-bottom:3px; background-image:url(/static/wggag/energie-klein.png); background-repeat: no-repeat; background-position: top left; padding-bottom: 20px; }
#ee_heverb                          { width:400px; text-align:center; font-size:12pt; font-weight:bold; }
#ee_arrow                           { width:16px; height:27px; background-image:url(/static/wggag/energieeffizienz_pfeil.jpg); }
#ee_wert                            { margin-bottom: 5px; text-align:center; font-size: 90%; }


/* Wohnungssuche - neues Design  */

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

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

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



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

/*.imob-big-infos                     {  }
.imob-bi                            { padding-right: 55px; float: left; width: 170px; padding-top: 20px; }*/

.imob-big-infos {
  display: flex;
  gap: 55px;
}
.imob-bi {
  padding-top: 20px;
}

.imob-bi-name                       { font-size: 10pt; }
.imob-bi-inhalt                     { font-size: 17pt; }
.imob-ausstattung                   { font-size: 11pt; }
.imob-ausst-info                    { padding-right: 55px; float: left; width: 175px; padding-top: 20px; }
.imob-ausst-info i                  { color: #007e3e; }
.imob-details                       { vertical-align: middle; width: 170px; text-align: right; }
/*.imob-details a                     { padding: 10px 45px 12px 45px; background-color: #007e3e; display: inline-block; color:#fff; }
.imob-details a:hover               { color: #fff; }
#content .imob-details a            { text-decoration: none; white-space: nowrap; }*/
/* /Immobilien Suche / Liste */

/* Immobilien Details */
#immo-details                       {  }

#immo-details {
  display: flex;
  gap: 80px;
}
#immod-areas {
  flex-grow: 1;
}
#immod-bilder-und-links {
  flex: 0 0 260px;
}

#immo-nummer                        { font-size: 75%; text-align: right; padding: 0 0 15px 0; float: right; }
#immo-nummer-mobile                 { display: none; font-size: 75%; padding: 0 0 15px 0; float: right; }
#immo-headline                      { padding-bottom: 20px; }
#immo-werbung                       { font-size: 17pt; font-weight: normal; padding-bottom: 20px; color: #007e3e; line-height: 27pt; }
#immo-werbung h3                    { font-weight: normal; }
.immo-details-area                  { width: 50%; min-height: 15px; float: left; }
#immo-details-area1                 {  }
#immo-details-area2                 {  }
.immo-details-inner                 { padding: 5px; }
#immo-details-area1 .immo-details-inner { padding-right: 15px; }
#immo-details-area2 .immo-details-inner { padding-left: 15px; }
/*#immod-areas                        { float: left; width: 66.66%; }
#immod-areas::after                 { display: block; content: ''; clear: both; }
#immod-bilder-und-links             { float: 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-field {
  display: flex;
  gap: 20px;
  padding-bottom: 10px;
}
.immod-field-left {
  flex: 0 0 220px;
}
.immod-field-right {
  flex-grow: 1;
}
.immod-preis {
  flex: 0 0 80px;
  text-align: right;
}

/*.immod-preis                        { width: 80px; text-align: right; }*/

#immod-texte                        { padding: 30px 0 0 0; }
.immod-text                         { padding: 0 0 30px 0; }
.immod-text-head                    { padding: 0 0 15px 0; font-size: 13pt; font-weight: normal; }
.immod-text-head h3                 {font-size: 13pt; font-weight: normal; border-bottom: 1px solid rgb(34, 57, 71); padding-bottom: 3px; }
.immod-text-body                    { line-height: 18pt; }
#immod-expose-link                  { padding: 0 0 15px 0; }
#immod-expose-link a                { display: block; text-align: right; }
#immod-expose-link-mobile           { display: none; float: left; padding: 0 0 20px 0; }
#immod-expose-link-mobile img       { display: block; float: left; }
#immod-expose-link-mobile-text      { float: left; padding: 17px 0 0 8px; display: block; }
#immod-grundriss                    { padding: 10px 0 15px 0; }
#immod-grundriss 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_arrow_wert                      { padding-top: 5px; width: 140px; }
.energie-wert                       { padding: 0 0 10px; 0;  }
.energiew-left                      { float: left; width: 45%; }
.energiew-right                     { float: left; width: 55%; }
.mobile                             { display: none; }
#immod-pdfs                         { float: right; width: 250px; }
#immod-ausstattung                  { padding-top: 15px; }
.immod-ausstattung-spalte           { width: 50%; float: left; }
.immod-ausstattung-spalte .tbl      { width: 100%; }
.immod-ausstattung-spalte .tbl-td   { padding-bottom: 3px; }
.aus-name                           { width: 160px; }
.aus-wert span                      { color: #888888; }
.tbl                                { display: table; }
.tbl-tr                             { display: table-row; }
.tbl-td                             { display: table-cell; padding-bottom: 8px; }
.immod-ausstattung-merkmal          { width: 50%; float: left; display: flex; padding-bottom: 5px; }
.merkmal-left                       { flex-grow: 1; }
.merkmal-right                      { flex: 0 0 28%; text-align: left; }
/* /Immobilien Details */

/* /Wohnungssuche - neues Design  */

#aktuelles                          {  }
.news                               { padding-bottom: 30px; }
.news-titel                         { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #186531; }
.news-body                          { padding-top: 15px; }
.news-text                          {  }
.news-text img                      { width: 20%; }

.news-gala                          { padding-top: 30px; }
.news-gala ul                       { list-style: none; padding: 0; }
.news-gala li                       { float: left; width: 20%; padding-bottom: 15px; height: 150px; }
.news-gala .gala-inner              { padding: 5px; }
.news-gala a                        { display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 150px; height: 150px; margin: 0 auto; }


.cgala															{ padding: 15px 0; list-style: none; }
.cgala li                           { float: left; width: 25%; height: 150px; padding-bottom: 20px; }
.cgala div                          { padding: 5px; }
.cgala a                            { display: block; width: 150px; height: 150px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 auto; }

#anfragedetails {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.ad-liste {
    display: flex;
}
.ad-titel {
    min-width: 170px;
}

#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#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 #dd6e25; }
#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: #007e3e; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { height: 105px; width: 100%; background-color: #1f803d; }










/* 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; color: #fff; }

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

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


@media screen and (max-width: 1700px){
	.imob-strasse, .imob-ort, .imob-etage {
    display: block;
    padding-left: 0;
    border-right: 0;
  }
}

@media screen and (max-width: 1600px){
  #istbl {
    padding-bottom: 30px;
  }
  #is-submit-buttonv2 {
    position: static;
  }
  .imob-big-infos {
    flex-wrap: wrap;
    gap: 0;
  }
  .imob-bi {
    flex: 0 0 50%;
  }
  #start-suche-flex {
    gap: 15px;
  }
}


@media screen and (max-width: 1400px){
  #start {
    flex-direction: column;
  }
  #start-suche {
    flex: 0 0 auto;
    padding-bottom: 50px;
  }
  #start-suche-flex {
    max-width: 600px;
    margin: 0 auto;
  }
  #infoboxen-start .infoboxen {
    flex-wrap: wrap;
    row-gap: 60px;
    justify-content: space-around;
  }
  #infoboxen-start .infb {
    flex: 0 0 50%;
  }
  #inhalt {
    flex-direction: column;
    padding-right: 0;
  }
  #inhalt .infoboxen {
    flex: 0 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  #immo-details {
    flex-direction: column;
    gap: 35px;
  }
  #immod-bilder-und-links {
    flex: 0 0 auto;
  }
  #immod-pdfs {
    float: none;
  }
  #immod-bilder-container {
    display: flex;
    gap: 50px;
  }
  #immod-bilder {
    float: none;
  }
  #clear-bilder {
    display: none;
  }
}


@media screen and (max-width: 1100px){
  #inhalt .infoboxen {
    flex-direction: column;
    align-items: center;
  }
}


@media screen and (max-width: 1000px){
  #head, #navbar {
    display: none;
  }
  #head-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 2px solid #007e3e;
  }
  #head-mobile > div:nth-child(1) img {
    display: block; height: 60px;
  }
  #head-mobile > div:nth-child(2){
    font-size: 28pt;
  }



  .offcanvas-title {
    flex-grow: 1;
  }
  #mobile-menu-logo{
    height: 60px;
    display: block;
  }
  
  #mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #mobile-menu-list > li {
    border-bottom: 1px solid #d3d3d3;
  }
  #mobile-menu-list > li:first-child {
    border-top: 1px solid #d3d3d3;
  }
  .mobile-menu-submenu1 .mobile-menu-element {
    border-top: 1px solid #d3d3d3;
  }
  .mobile-menu-submenu1 .mobile-menu-element a {
    padding-left: 20px;
  }
  
  .mobile-menu-element {
    display: flex;
    padding: 3px;
  }
  
  .mobile-menu-element > a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 4px 0;
  }
  
  .mobile-menu-element-submenu-button {
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18pt;
    border-left: 1px solid #d3d3d3;
  }
  
  .mobile-menu-submenu1 {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
  }



  .footerinfo-cont {
    flex-direction: column;
    gap: 50px;
  }
  #copyright {
    padding-top: 50px;
  }
  #infoboxen-start .infb {
    flex: 0 0 100%;
  }
  #infoboxen-start .infoboxen {
    gap: 60px;
  }
  #iabsaetze, #inhalt .infoboxen {
    padding-left: 10px;
    padding-right: 10px;
  }
  .imob-image {
    width: 33%;
  }

  .immo-details-area {
    float: none;
    width: auto;
  }
  #immo-details-area2 .immo-details-inner {
    padding-left: 0;
  }
}

@media screen and (max-width: 765px){
  #claim {
    display: none;
  }
  #logo {
    float: none;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  #logo img {
    max-width: 295px;
    width: 100%;
  }
  #istbl, .istd {
    display: block;
  }
  #istdslider, #istdfelder {
    width: auto;
  }
  #istdtrenner {
    display: none;
  }
  #istdslider .isinner {
    padding-bottom: 0;
  }
  #istdfelder .isinner {
    padding-top: 14px;
  }
  .imob-tbl, .imob-td {
    display: block;
  }
  .imob-image {
    width: 50%;
  }
  .imob-infos-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .imob-details {
    padding-top: 15px;
  }
  #immo-energie-text {
    float: none;
    width: auto;
  }
  #statisch-flex {
    flex-direction: column;
  }
  #statisch-flex > div {
    flex: 0 0 100%;
    text-align: center;
  }
  #statisch-flex a {
    margin-top: 20px;
    position: static;
  }
}


@media screen and (max-width: 440px){
  .ddb-item {
    flex-direction: column;
    gap: 15px;
  }
  .ddb-cont {
    gap: 45px;
  }
  .ifb-flex {
    flex-direction: column;
  }
  .ifb-flex-right .ifb-flex-image {
    order: 1;
  }
  .ifb-flex-right .ifb-flex-content {
    order: 2;
	}
  .ifb-flex-image img {
    max-width: 75%;
  }
  #immod-bilder-container {
    flex-direction: column;
  }
  #immod-grundriss img {
    float: none;
  }

  .energie-wert {
    display: flex;
    gap: 10px;
  }
  .energiew-left {
    float: none;
    width: auto;
  }
  .energiew-right {
    float: none;
    width: auto;
  }
  .energie-wert > div:nth-child(3) {
    display: none;
  }
}




#designbody                 				{ color: #000; background: none; background-color: #fff; }
#designbody p               				{ padding-bottom:17px; }
#designbody ul              				{ padding-left:17px; }
#designbody ol              				{ padding-left:34px; }