* {
  padding: 0;
  margin: 0;
}

:root {
  --ci-primary: #384b76;
  --ci-secondary: #ac8442;
}

.farbe-blau {
  color: #0d57ca;
}


.nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgb(166 133 42 / 65%);
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-nav {
  width: 100%;
  justify-content: space-between;
}

.nav-link {
  font-size: 1.7rem;
}

/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-regular.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700italic.woff') format('woff'),
    /* Modern Browsers */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/gwgwerdau/fonts/open-sans-v15-latin_latin-ext-700italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

#intern-full-size {
  padding: 35px;
}

.wohnungsanfrage td {
  padding: 3px 0;
}

.wohnungsanfrage {
  width: 100%;
  padding-bottom: 30px;
}

body {
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13pt;
  color: #434343;
  background-color: #fff;
  position: relative;
}

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}

td {
  padding: 0;
  margin: 0;
}

img {
  border: 0;
}

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

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

.clearboth {
  clear: both;
}

a {
  color: var(--ci-primary);
}

a:hover {
  color: var(--ci-primary);
}

header,
nav,
main,
aside,
footer {
  display: block;
}

.inhalt-hg {
  background-color: #f7f7f7;
}

.inh-abs-text {
  padding: 0 10px;
}

#page {
  max-width: 2000px;
  margin: 0 auto;
}

#page-head {
  box-sizing: border-box;
  position: relative;
  height: auto;
}

#page-head-top {
  height: 215px;
  width: 100%;
}

#page-head-mobile {
  display: none;
}

#phm-table {
  display: table;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}

#phm-logo {
  display: table-cell;
}

#phm-logo a {
  display: inline-block;
}

#phm-logo img {
  display: block;
  width: 120px;
}

#phm-menu {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

#mobile-menu-button {
  display: inline-block;
  padding: 17px 20px 17px 10px;
  font-size: 16pt;
  cursor: pointer;
}

#header-hg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  display: none !important;
}

#header-hg img {
  display: block;
}

#header-hg.header-hg-content {
  z-index: -1;
}

#logo-steine {
  position: absolute;
  left: 106px;
  top: 42px;
  z-index: 60;
}

#logo-steine img {
  display: block;
  width: 172px;
}

#logo-text {
  position: absolute;
  left: 102px;
  top: 157px;
  z-index: 60;
}

#logo-text {
  left: 400px;
  top: 157px;
}

#logo-text img {
  display: block;
  width: 675px;
}

#logo-att-und-sicher {
  position: absolute;
  top: 45px;
  right: 13%;
}

#logo-att-und-sicher img {
  display: block;
  width: 300px;
  /*transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -moz-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  -o-transform: rotate(9deg);*/
}

#head-green {}

#head-green-hg {
  background-color: var(--ci-primary);
  height: 56px;
}

#head-gallerie {
  padding-bottom: 25px;
  background-color: var(--ci-secondary);
}

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

#navigation {
  position: absolute;
  top: 134px;
  right: 20px;
  z-index: 60;
  width: 65%;
  box-sizing: border-box;
  padding: 0 112px;
}

#navigation {
  width: 72%;
  padding: 0 60px;
  top: 217px;
}


#mietanfrageform td {
  vertical-align: top;
}


#websuche {
  position: absolute;
  z-index: 10;
  top: 156px;
  right: 100px;
}

#websuche {
  top: 113px;
}

#telefon-kontakt {
  position: absolute;
  left: 105px;
  top: 248px;
  z-index: 50;
}

#telefon-kontakt {
  top: 220px;
}

#telefon-kontakt a {
  display: inline-block;
}

#telefon-kontakt img {
  display: block;
  float: left;
  padding-top: 13px;
}

#telefon-kontakt span {
  display: block;
  float: left;
  padding-left: 20px;
  font-size: 35pt;
  color: #434343;
}

#telefon-kontakt img {
  height: 38px;
}

#telefon-kontakt span {
  font-size: 24pt;
}

#telefon-kontakt span {
  color: #fff;
}

#page-content {
  position: relative;
}

#big-pic {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
}

#big-pic img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 2000px;
}

#big-pic-verlauf {
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  z-index: 10;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(20%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

#big-pic-text {
  position: absolute;
  z-index: 10;
  right: 170px;
  bottom: 95px;
}

#big-pic-text h1 {
  font-weight: normal;
  font-size: 48pt;
  color: #fff;
}

#startboxen-links {
  width: 370px;
  position: absolute;
  left: 58px;
  top: 62px;
  z-index: 60;
}

#startbox-1 {}

.infobox {
  background-color: #f7f7f7;
  padding: 28px;
  margin-bottom: 70px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  max-width: 370px;
  border: 1px solid #e6e6e6;
}

.infobox-titel {
  padding-bottom: 35px;
  text-align: center;
}

.infobox-titel h3 {
  font-weight: normal;
  font-size: 15pt;
}

#submenubox .infobox-titel {
  text-align: left;
  padding-bottom: 15px;
}

.infobox-content {}

.infobox-content img {
  display: inline-block;
  width: 100%;
}

.infobox-bel-cal-info {
  padding: 0 10px 15px 10px;
  text-align: center;
  font-size: 11pt;
}

#wss {
  padding-top: 20px;
}

#wsuche-ergebnis {
  text-align: center;
  color: #b93026;
}

.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;
  font-weight: bold;
}

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

#footer {
  padding-top: 30px;
  text-align: center;
  position: relative;
}

#copyright {
  padding-bottom: 25px;
}

#footer-nav {
  padding-bottom: 25px;
  font-size: 11pt;
  text-transform: uppercase;
}

#welt-kulturerbe {
  position: absolute;
  right: 50px;
  top: 20px;
}

#welt-kulturerbe img {
  display: block;
  width: 180px;
}


.havarie-tabelle {
  display: table;
  border: 1px solid #000;
  border-bottom: 0;
  border-right: 0;
}

.havarie-tbl-tr {
  display: table-row;
}

.havarie-tbl-tr-header {}

.havarie-tbl-td {
  display: table-cell;
  padding: 5px 10px;
  vertical-align: middle;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.havarie-tbl-tr-header .havarie-tbl-td {
  background-color: #276b24;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}

.havarie-trenner-horiz .havarie-tbl-td {
  background-color: #e4e4e4;
}

.havarie-trenner-horiz .havarie-tbl-td div {
  width: 100%;
  height: 2px;
}

#inhalt-text .havarie-tbl-td p {
  padding-bottom: 0;
}




#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 {
  display: table;
  width: 100%;
  padding: 5px 10px 5px 0;
  box-sizing: border-box;
  border-bottom: 2px solid #a0a0a0;
}

#manv-logo {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

#manv-logo img {
  display: inline-block;
  height: 60px;
}

#nav-close {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: 22pt;
  width: 30px;
}

#mnav-body {
  padding-top: 5px;
}

#mnav-body a {
  text-decoration: none;
  color: #b93026;
}

#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: #9b0f17;
}

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


.sub1liclick {
  display: none !important;
}


.submenu {
  padding-left: 21px;
}

.submenu li {}

.submenu li a {
  padding: 3px 0;
  display: inline-block;
}


#cookie-info {
  position: fixed;
  bottom: 0px;
  z-index: 10000;
  width: 100%;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

#cookie-info-content {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 4px;
  box-sizing: border-box;
  text-align: center;
}

#cookie-info-tbl {
  display: table;
  margin: 0 auto;
}

#cookie-info-text {
  display: table-cell;
  font-size: 9pt;
  vertical-align: middle;
}

#cookie-info-button {
  display: table-cell;
  font-size: 14pt;
  vertical-align: middle;
}

#cookie-info-abstand {
  display: table-cell;
  width: 15px;
}

#cookie-info-spacer {
  width: 100%;
  height: 33px;
  background-color: #fff;
}

#cookie-info-button {
  cursor: pointer;
}


#content {
  padding: 35px 281px 0 106px;
}

#inhalt-text {
  float: right;
  width: 77%;
  padding: 0 0 0 70px;
  box-sizing: border-box;
}

#infoboxen {
  max-width: 370px;
  float: left;
  width: 370px;
}

#inhalt-text p {
  padding-bottom: 17px;
}

#inhalt-text ul {
  padding-left: 25px;
}

#inhalt-text ol {
  padding-left: 20px;
}

#seitentitel {
  padding-bottom: 25px;
}

#seitentitel h1 {
  font-size: 24pt;
  font-weight: normal;
  color: #b93026;
}

#seitentitel h1 {
  color: #fff;
  background-color: #94130c;
  padding: 2px 10px;
  font-size: 22pt;
}

.inh-abs-titel {
  padding-bottom: 20px;
}

.inh-abs-titel h2 {
  font-weight: normal;
  font-size: 20pt;
  color: #b93026;
}

.inh-abs-titel h2 {
  color: #fff;
  background-color: #276b24;
  padding: 2px 10px;
  font-size: 16pt;
}

.content-trenner {
  width: 100%;
  height: 30px;
}

.form-feld {
  margin-bottom: 20px;
}

.feld-name {
  padding-bottom: 5px;
}

.feld-input {
  font-family: 'open_sans_regular', arial, verdana, trebuchet ms, sans-serif;
}

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

.btn {
  padding: 5px;
  width: 125px;
}


#immo-suche {
  padding-top: 22px;
}

#wsuche-slider {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-right: 25px;
}

#wsuche-merkmale {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-left: 50px;
}

#is-felder-links {
  float: left;
  width: 150px;
}

#is-felder-rechts {
  float: left;
  width: 150px;
}

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

#wohngebiet-left {
  width: 125px;
}

#ws-submit {
  display: inline-block;
  padding: 5px 10px 7px 10px;
  background-color: #276b24;
  color: #fff;
  cursor: pointer;
}

.immo-navigation {
  padding: 20px 0;
}

.imnav-top {
  border-top: 1px solid #408677;
  margin-top: 25px;
}

.immo-anzahl-objekte {
  display: inline-block;
  padding-right: 35px;
}

.immo-anzahl-navigation {
  display: inline-block;
}

.immo-nav-button-left {
  background-color: #949494;
  color: #fff;
  padding: 5px 7px 5px 5px;
  display: inline-block;
  margin-right: 5px;
}

a .immo-nav-button-left {
  background-color: #276b24;
}

.immo-nav-button-right {
  background-color: #949494;
  color: #fff;
  padding: 5px 5px 5px 7px;
  display: inline-block;
  margin-left: 5px;
}

a .immo-nav-button-right {
  background-color: #276b24;
}

#immo-liste {}

.immo-objekt {
  margin-bottom: 25px;
  padding-top: 25px;
  border-top: 1px solid #408677;
}

.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: #b93026;
  line-height: 26px;
}

.imob-small-infos {}

.imob-strasse {
  display: inline-block;
  padding-right: 15px;
  border-right: 1px solid #223947;
}

.imob-ort {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #223947;
}

.imob-etage {
  display: inline-block;
  padding-left: 15px;
}

.imob-big-infos {}

.imob-bi {
  padding-right: 55px;
  float: left;
  width: 105px;
  padding-top: 20px;
}

.imob-bi-name {
  font-size: 10pt;
}

.imob-bi-inhalt {
  font-size: 17pt;
}

.imob-ausstattung {}

.imob-ausst-info {
  padding-right: 55px;
  float: left;
  width: 110px;
  padding-top: 20px;
  font-size: 11pt;
}

.imob-ausst-info i {
  color: #408677;
}

.imob-details {
  vertical-align: middle;
  width: 225px;
  text-align: right;
}

.imob-details a {
  padding: 5px 10px 7px 10px;
  background-color: #276b24;
  display: inline-block;
  color: #fff;
  white-space: nowrap;
}

.imob-details a:hover {
  color: #fff;
}



/* 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-headline {
  padding-bottom: 20px;
}

#immo-werbung {
  font-size: 17pt;
  font-weight: normal;
  padding-bottom: 20px;
  color: #b93026;
  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-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(64, 136, 118);
  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;
}

/* /Immobilien Details */

#wse-anzahl {
  cursor: pointer;
}

#wse-text {
  cursor: pointer;
}

.map-info-window {
  max-width: 260px;
  width: 185px;
  color: #000;
}

.map-headline {
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 11pt;
  color: #9b0f17;
}

.map-adresse {
  padding-bottom: 15px;
  font-size: 11pt;
}

.map-table {
  display: table;
  padding-bottom: 15px;
  font-size: 11pt;
  width: 100%;
}

.map-row {
  display: table-row;
}

.map-cell {
  display: table-cell;
}

.map-cell.cell-left {
  padding: 2px 10px 2px 0;
}

.map-cell.cell-right {
  padding: 2px 0 2px 10px;
  text-align: right;
}

.map-details {
  font-size: 12pt;
}

.map-details a {
  display: block;
  text-align: right;
}

.gm-style-iw div div {
  overflow-x: hidden !important;
}


.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;
  border: 1px solid #b3b3b3;
}

.gala-bild img {
  display: none;
}


#ansprechpartner {}

.asp-liste {
  padding-bottom: 30px;
}

.asp {
  float: left;
  width: 50%;
  padding-bottom: 40px;
}

.asp:nth-child(odd) {
  clear: left;
}

.asp-pic {
  float: left;
  width: 40%;
}

.asp-pic img {
  width: 100%;
  display: block;
}

.asp-infos {
  /*float: left; width: 50%;*/
  box-sizing: border-box;
  /*padding-left: 35px;*/
}

.asp-anrede {
  padding-bottom: 5px;
}

.asp-name {
  font-weight: bold;
}

.asp-trenner {
  width: 52px;
  height: 2px;
  background-color: #548034;
  margin: 15px 0;
}

.asp-info {}


#aktuelles {}

.news-kategorie {
  padding-top: 20px;
}

.news-meldungen {
  padding-bottom: 20px;
}

.news {
  display: table;
  width: 100%;
}

.news-datum {
  display: table-cell;
  vertical-align: top;
  font-weight: bold;
  width: 140px;
}

.news-infos {
  display: table-cell;
  vertical-align: top;
}

#immo-bestand-wohngebiete .bildgala {
  padding-top: 10px;
}

/* Intern */
#intranetlogin {
  padding: 10px 0 30px 0;
}

#login-box {
  border-style: solid;
  border-width: 1px;
  width: 400px;
  padding: 50px 20px;
  margin: 0 auto;
}

#login-benutzer {}

#login-passwort {}

#login-send {
  padding-top: 30px;
}

#login-ready {
  padding: 50px 0;
}

.logFrmTitel {
  float: left;
  padding-right: 20px;
  width: 150px;
  font-size: 11pt;
  padding-top: 5px;
}

.logFrmFeld {
  float: left;
}

.logFrmFeld input {
  cursor: pointer;
  padding: 5px 10px;
  border-style: solid;
  border-width: 1px;
}




@media screen and (min-width: 1900px) and (max-width: 1999px) {
  #telefon-kontakt {
    right: 9%;
  }

  #websuche {
    right: 100px;
  }

  #navigation {
    width: 76%;
    padding: 0 60px;
  }

  #page-content {
    padding: 0 165px;
  }

  #startboxen-links {
    top: 25px;
    width: 310px;
  }

  .infobox {
    margin-bottom: 10px;
  }

  #content {
    padding-right: 9%;
  }

  #inhalt-text {
    width: 75%;
  }

  .gala-bild-container {
    width: 20%;
  }

}

@media screen and (min-width: 1800px) and (max-width: 1899px) {
  #telefon-kontakt {
    right: 7%;
  }

  #websuche {
    right: 100px;
  }

  #navigation {
    width: 77%;
    padding: 0 60px;
    /*left: 370px;*/
  }

  #page-content {
    padding: 0 120px;
  }

  #startboxen-links {
    top: 25px;
    width: 310px;
    left: 15px;
  }

  .infobox {
    margin-bottom: 10px;
  }

  #content {
    padding-right: 7%;
  }

  #inhalt-text {
    width: 74%;
  }

  .gala-bild-container {
    width: 20%;
  }

}

@media screen and (min-width: 1100px) and (max-width: 1799px) {
  #startbox-1 {
    float: left;
    width: 33.33%;
  }

  #startbox-2 {
    float: left;
    width: 33.33%;
  }

  #startbox-3 {
    float: left;
    width: 33.33%;
  }

  #startbox-1 .infobox {
    margin: 0 auto;
  }

  #startbox-2 .infobox {
    margin: 0 auto;
  }

  #startbox-3 .infobox {
    margin: 0 auto;
  }

  #startboxen-links {
    position: static;
    width: auto;
    padding-top: 35px;
  }

  #telefon-kontakt {
    right: 20px;
  }

  #websuche {
    right: 100px;
  }

  #logo-steine {
    left: 20px;
  }

  #logo-text {
    left: 320px;
  }

  /*#navigation                         { left: 285px; }*/
  #content {
    padding: 35px 20px 0 20px;
  }

  #inhalt-text {
    padding-right: 70px;
  }

  #logo-att-und-sicher {
    right: 11%;
  }
}

@media screen and (min-width: 1700px) and (max-width: 1799px) {
  #navigation {
    width: 78%;
    padding: 0 60px;
  }

  #page-content {
    padding: 0;
  }

  #inhalt-text {
    width: 76%;
  }

  #telefon-kontakt {
    left: 20px;
  }

  .gala-bild-container {
    width: 20%;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1699px) {
  #navigation {
    width: 76%;
    padding: 0 60px;
  }

  #page-content {
    padding: 0;
  }

  #inhalt-text {
    width: 75%;
  }

  .gala-bild-container {
    width: 20%;
  }

  #telefon-kontakt {
    left: 20px;
  }

  #logo-att-und-sicher {
    right: 11%;
  }

  #logo-att-und-sicher img {
    width: 250px;
  }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
  #navigation {
    width: 75%;
    padding: 0 60px;
  }

  #page-content {
    padding: 0;
  }

  #inhalt-text {
    width: 73%;
  }

  .imob-image {
    width: 200px;
  }

  .immo-details-area {
    float: none;
    width: auto;
  }

  #immo-details-area2 .immo-details-inner {
    padding-left: 5px;
  }

  .immod-preis {
    text-align: left;
  }

  #immod-areas {
    width: 60%;
  }

  #immod-bilder-und-links {
    width: 40%;
  }

  #immo-energie-text {
    width: 80%;
  }

  .gala-bild-container {
    width: 25%;
  }

  #telefon-kontakt {
    left: 20px;
  }

  #logo-att-und-sicher {
    right: 6%;
    top: 25px;
  }

  #logo-att-und-sicher img {
    width: 250px;
  }

  #websuche {
    right: 30px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1499px) {
  #navigation {
    padding: 0 30px;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
  #navigation {
    width: 72%;
  }

  #page-content {
    padding: 0;
  }

  #inhalt-text {
    width: 71%;
  }

  .imob-image {
    width: 200px;
  }

  .imob-etage {
    padding-left: 0;
    display: block;
  }

  .imob-ort {
    padding-left: 0;
    display: block;
    padding-right: 0;
    border-right: 0;
  }

  .imob-strasse {
    border-right: 0;
  }

  .immo-details-area {
    float: none;
    width: auto;
  }

  #immo-details-area2 .immo-details-inner {
    padding-left: 5px;
  }

  .immod-preis {
    text-align: left;
  }

  #immod-areas {
    width: 60%;
  }

  #immod-bilder-und-links {
    width: 40%;
  }

  #immo-energie-text {
    width: 80%;
  }

  .gala-bild-container {
    width: 25%;
  }

  #telefon-kontakt {
    left: 20px;
  }

  #logo-att-und-sicher {
    right: 6%;
    top: 25px;
  }

  #logo-att-und-sicher img {
    width: 250px;
  }

  #websuche {
    right: 30px;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1399px) {
  #navigation {
    width: 72%;
  }

  #page-content {
    padding: 0;
  }

  #big-pic-text {
    right: 70px;
    bottom: 50px;
  }

  #inhalt-text {
    width: 67%;
    padding: 0 35px 0 35px;
  }

  .imob-image {
    width: 200px;
  }

  .imob-etage {
    padding-left: 0;
    display: block;
  }

  .imob-ort {
    padding-left: 0;
    display: block;
    padding-right: 0;
    border-right: 0;
  }

  .imob-strasse {
    border-right: 0;
  }

  .imob-bi {
    padding-right: 25px;
  }

  .imob-details {
    width: 110px;
  }

  .imob-details a span {
    display: none;
  }

  .immo-details-area {
    float: none;
    width: auto;
  }

  #immo-details-area2 .immo-details-inner {
    padding-left: 5px;
  }

  .immod-preis {
    text-align: left;
  }

  #immod-areas {
    width: 60%;
  }

  #immod-bilder-und-links {
    width: 40%;
  }

  #immo-energie-text {
    width: 80%;
  }

  .gala-bild-container {
    width: 33.333%;
  }

  #telefon-kontakt {
    left: 20px;
  }

  #logo-att-und-sicher {
    right: 6%;
    top: 25px;
  }

  #logo-att-und-sicher img {
    width: 250px;
  }

  #websuche {
    right: 30px;
  }
  #logo-text img {
    width: 600px;
  }
  #logo-text {
    top: 160px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
  #logo-text img {
    width: 740px;
  }

  #navigation {
    width: 76%;
  }

  #page-content {
    padding: 0;
  }

  #big-pic-text {
    right: 70px;
    bottom: 50px;
  }

  #big-pic-text h1 {
    font-size: 36pt;
  }

  #inhalt-text {
    width: 66%;
    padding: 0 35px 0 35px;
  }

  .imob-image {
    width: 200px;
  }

  .imob-etage {
    padding-left: 0;
    display: block;
  }

  .imob-ort {
    padding-left: 0;
    display: block;
    padding-right: 0;
    border-right: 0;
  }

  .imob-strasse {
    border-right: 0;
  }

  .imob-bi {
    padding-right: 25px;
  }

  .imob-details {
    width: 110px;
  }

  .imob-details a span {
    display: none;
  }

  .immo-details-area {
    float: none;
    width: auto;
  }

  #immo-details-area2 .immo-details-inner {
    padding-left: 5px;
  }

  .immod-preis {
    text-align: left;
  }

  #immod-areas {
    width: 60%;
  }

  #immod-bilder-und-links {
    width: 40%;
  }

  #immo-energie-text {
    width: 80%;
  }

  .immod-ausstattung-spalte {
    float: none;
    width: auto;
  }

  .gala-bild-container {
    width: 33.333%;
  }

  #telefon-kontakt {
    left: 20px;
  }

  #logo-att-und-sicher {
    right: 6%;
    top: 25px;
  }

  #welt-kulturerbe {
    position: static;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  #welt-kulturerbe img {
    margin: 0 auto;
  }

  #logo-att-und-sicher img {
    width: 250px;
  }

  #websuche {
    right: 30px;
  }
  #logo-text img {
    width: 485px;
  }
  #logo-text {
    top: 165px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {
  #telefon-kontakt {
    /*top: 252px;*/
  }

  #logo-text {
    top: 121px;
  }

  #logo-text img {
    width: 650px;
  }

  #navigation {
    width: 73%;
    top: 221px;
  }


  #page-content {
    padding: 0;
  }

  #startbox-1 .infobox {
    width: 88%;
  }

  #startbox-2 .infobox {
    width: 88%;
  }

  #startbox-3 .infobox {
    width: 88%;
  }

  #big-pic-text {
    right: 70px;
    bottom: 50px;
  }

  #big-pic-text h1 {
    font-size: 36pt;
  }

  #inhalt-text {
    width: 67%;
    padding: 0 35px 0 35px;
  }

  #infoboxen {
    max-width: 340px;
  }

  .imob-image {
    width: 200px;
  }

  .imob-etage {
    padding-left: 0;
    display: block;
  }

  .imob-ort {
    padding-left: 0;
    display: block;
    padding-right: 0;
    border-right: 0;
  }

  .imob-strasse {
    border-right: 0;
  }

  .imob-bi {
    padding-right: 25px;
  }

  .imob-details {
    width: 110px;
  }

  .imob-details a span {
    display: none;
  }

  .immo-details-area {
    float: none;
    width: auto;
  }

  #immo-details-area2 .immo-details-inner {
    padding-left: 5px;
  }

  .immod-preis {
    text-align: left;
  }

  #immod-areas {
    width: 60%;
  }

  #immod-bilder-und-links {
    width: 40%;
  }

  #immo-energie-text {
    width: 80%;
  }

  .immod-ausstattung-spalte {
    float: none;
    width: auto;
  }

  .gala-bild-container {
    width: 33.333%;
  }

  .asp-infos {
    padding-left: 20px;
  }

  #telefon-kontakt {
    left: 20px;
  }

  #logo-att-und-sicher {
    right: 6%;
    top: 25px;
  }

  #welt-kulturerbe {
    position: static;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  #welt-kulturerbe img {
    margin: 0 auto;
  }

  #logo-att-und-sicher img {
    width: 250px;
  }

  #websuche {
    right: 30px;
  }
  #logo-text img {
    width: 485px;
  }
  #logo-text {
    top: 165px;
  }
  .nav-link {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 0px) and (max-width: 1099px) {
  #startboxen-links {
    position: static;
    width: auto;
    padding-top: 35px;
  }

  /*#page-head                          { display: none; }*/
  #page-head-top {
    display: none;
  }

  #head-green {
    display: none;
  }

  #page-head-mobile {
    display: block;
  }

  #big-pic-text {
    padding: 15px;
    position: static;
    text-align: center;
  }

  #big-pic-text h1 {
    font-size: 26pt;
    color: #434343;
  }

  .infobox {
    margin: 0 auto 40px auto;
  }

  #content {
    padding: 20px;
  }

  #inhalt-text {
    float: none;
    width: auto;
    padding: 0;
  }

  #infoboxen {
    float: none;
    margin: 0 auto;
    padding-top: 35px;
  }

  #footer {
    padding-top: 0;
  }

  #welt-kulturerbe {
    position: static;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  #welt-kulturerbe img {
    margin: 0 auto;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1099px) {
  .gala-bild-container {
    width: 25%;
  }
}

@media screen and (min-width: 765px) and (max-width: 999px) {
  #seitentitel h1 {
    word-break: break-word;
  }

  .inh-abs-titel h2 {
    word-break: break-word;
  }

  .imob-image {
    width: 200px;
  }

  .imob-etage {
    padding-left: 0;
    display: block;
  }

  .imob-ort {
    padding-left: 0;
    display: block;
    padding-right: 0;
    border-right: 0;
  }

  .imob-strasse {
    border-right: 0;
  }

  .imob-bi {
    padding-right: 25px;
  }

  .imob-details {
    width: 110px;
  }

  .imob-details a span {
    display: none;
  }

  .immo-details-area {
    float: none;
    width: auto;
  }

  #immo-details-area2 .immo-details-inner {
    padding-left: 5px;
  }

  .immod-preis {
    text-align: left;
  }

  #immod-areas {
    width: 60%;
  }

  #immod-bilder-und-links {
    width: 40%;
  }

  #immo-energie-text {
    width: 80%;
  }

  .gala-bild-container {
    width: 33.333%;
  }
}

@media screen and (min-width: 0px) and (max-width: 764px) {
  #seitentitel h1 {
    word-break: break-word;
  }

  .inh-abs-titel h2 {
    word-break: break-word;
  }

  #infoboxen {
    width: auto;
  }

  .formlist li {
    float: none;
    width: auto;
  }

  .formlist li.left {
    padding-right: 0px;
  }

  .formlist li.right {
    padding-left: 0px;
  }

  #wsuche-slider {
    float: none;
    width: auto;
    padding-right: 0;
  }

  #wsuche-merkmale {
    float: none;
    width: auto;
    padding-left: 0;
  }

  .imob-tbl {
    display: block;
  }

  .imob-td {
    display: block;
  }

  .imob-infos {
    padding-right: 0;
  }

  .imob-details {
    width: auto;
    text-align: left;
  }

  .imob-infos-inner {
    padding: 20px 0;
  }

  .immo-navigation {
    text-align: center;
  }

  .immo-anzahl-objekte {
    display: block;
    padding-right: 0;
  }

  .immo-anzahl-navigation {
    display: block;
    padding-top: 15px;
  }

  .imob-image {
    width: auto;
    max-width: 300px;
  }

  .imob-strasse {
    padding-right: 0;
    border-right: 0;
    display: block;
  }

  .imob-ort {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    display: block;
    padding-top: 5px;
  }

  .imob-etage {
    padding-left: 0;
    display: block;
    padding-top: 5px;
  }

  .imob-bi {
    width: auto;
    padding-right: 35px;
  }

  .imob-ausst-info {
    width: auto;
    padding-right: 35px;
  }

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

  #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-area2 .immo-details-inner {
    padding-left: 5px;
  }

  .immod-ausstattung-spalte {
    float: none;
    width: auto;
  }

  #immo-energie-text {
    float: none;
    width: auto;
  }

  .immod-preis {
    text-align: left;
  }

  .gala-bild-container {
    width: 33.333%;
  }

  .asp {
    float: none;
    width: auto;
  }


  .havarie-tabelle {
    display: block;
  }

  .havarie-tbl-tr {
    display: block;
  }

  .havarie-tbl-td {
    display: block;
  }

  .havarie-tbl-tr-header {
    display: none;
  }

  .havarie-trenner1 {
    display: none;
  }

  .havarie-trenner2 {
    display: none;
  }

  .havarie-trenner-horiz .havarie-tbl-td {
    display: none;
  }

  .havarie-trenner-horiz .havarie-tbl-td.havarie-trenner3 {
    display: block;
  }

  .havarie-trenner3 div {
    height: 25px;
  }

  .havarie-gw {
    font-weight: bold;
  }

  .slider-td span {
    font-size: 10pt;
    white-space: nowrap;
  }

}

@media screen and (min-width: 0px) and (max-width: 660px) {
  .gala-bild-container {
    width: 50%;
  }

  .asp-pic {
    float: none;
    width: auto;
  }

  .asp-infos {
    float: none;
    width: auto;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .asp-pic img {
    max-width: 50%;
  }

  .news {
    display: block;
  }

  .news-datum {
    display: block;
    padding-bottom: 10px;
  }

  .news-infos {
    display: block;
  }
}

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

@media screen and (min-width: 0px) and (max-width: 415px) {
  .gala-bild-container {
    width: auto;
    float: none;
  }

  .gala-bild {
    width: 200px;
    height: 200px;
  }
}

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