*                           { padding: 0; margin: 0; }

@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-regular.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-regular.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-regular.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-regular.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300italic.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300italic.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300italic.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300italic.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-300italic.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-italic.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-italic.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-italic.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-italic.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-italic.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:500;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500italic.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500italic.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500italic.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500italic.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-500italic.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600italic.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600italic.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600italic.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600italic.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-600italic.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700italic.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700italic.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700italic.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700italic.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-700italic.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800italic.eot');src:local(''),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800italic.woff2') format('woff2'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800italic.woff') format('woff'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800italic.ttf') format('truetype'),url('/static/wbgdlzbf/fonts/open-sans/open-sans-v34-latin-800italic.svg#OpenSans') format('svg')}

body                        { background-color: #fff;
                              font-family: 'Open Sans', sans-serif;
                              font-size: 12pt;
                              color: #363231;
                              background-image: url(/static/wbgdlzbf/hg3.jpg);
                              background-position: top center;
                              background-repeat: repeat-y;
                            }
                            
h1, h2, h3                  { word-break: break-word }
td                          { word-break: break-word }
.tbl                        { display: table; }
.tbltr                      { display: table-row; }
.tbltd                      { display: table-cell; }

a                           { color:#c46e00; }
a:link                      { text-decoration:none; }
a:visited                   { text-decoration:none; }
a:active                    { text-decoration:none; }
a:hover                     { color:#ff8f03; text-decoration:none; }

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

.img-container, .img-container a {
  position: relative;
  display: block;
}
.gala-bild-container a {
  position: relative;
}
.img-icon {
	position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: #1a3792;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  border: 1px solid #fff;
  color: #fff;
}
.img-icon svg {
  color: #fff;
}

.wrap                       { max-width: 1920px; margin: 0 auto; }
#mobile-head                { display: none; }
#mobile-head .tbl           { width: 100%; }
#mobile-head .tbltd         { vertical-align: middle; }
#mobile-head img            { height: 55px; display: block; padding: 10px; }
#headtd1                    { width: 25%; }
#headtd2                    {  }
#headtd3                    { width: 25%; text-align: right; }
#mobile-menu-button         { display: inline-block !important; padding: 5px 15px; }
#mobile-menu-button i       { font-size: 22pt; }
#mobile-claim               { text-align: center; }
#head                       { padding-top: 10px; background-color: #fff; }
#head-cont                  { display: flex; }
#logo                       { float: left; width: 300px; }
#logo a                     { display: block; }
#logo a img                 { display: block; margin: 0 auto; }
#rechte-seite               { flex-grow: 1; position: relative; }
#wbg-name                   { padding-top: 16px; font-size: 22pt; }
#wbg-claim                  { padding-top: 15px; /*padding-left: 70px;*/ font-size: 15pt; }
.wbgc-blau                  { font-weight: 500; color: #176da0; font-size: 17pt; }
#websuche                   { position: absolute; right: 34px; top: 31px; height: 31px; text-align: right; }
#websuche i                 { font-size: 23pt; color: #176da0; }

#suche                      { display: flex;}
#suche-lupe                 { cursor: pointer; padding-top: 3px; }
#suche-slider               { overflow: hidden; width: 0px; padding-top: 2px; }
#suche-form                 { width: 270px; }
#suche-form form            { display: flex; }
#suche-eingabe              { margin: 0 10px; }
#suche-eingabe input        { padding: 3px; }
#suche-senden               { width: 34px; height: 34px; border: 1px solid #003b66; cursor: pointer; }
#suche-pfeil                { width: 0; height: 0; margin-left: 10px; margin-top: 4px; border: 16px solid #003b66; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 13px solid transparent; }

#seitentitel                { padding-bottom: 25px; }
#seitentitel h1             { font-size: 25pt; font-weight: normal; color: #002e56; }
.inh-abs-titel              { padding-bottom: 20px; }
.inh-abs-titel h2           { font-weight: normal; font-size: 21pt; color: #176da0; }
.content-trenner            { width: 80%; margin: 45px auto; border-bottom: 1px solid #b5d4e6; }
.inh-abs-text               { line-height: 24px; }
#inhalt-text p              { padding-bottom: 17px; }
#inhalt-text ul             { padding-left: 17px; }
#inhalt-text ol             { padding-left: 20px; }
#inhalt-text                { box-sizing: border-box; padding: 40px 60px; flex-grow: 1; }
#inhalt-text                { font-size: 14pt; }
#inhalt-text.inhalt-left    { flex-grow: 1; }

#content .wrap              { background-color: rgba(255, 255, 255, 0.45); display: flex; gap: 50px; }

#navigation {
  max-width: 1920px;
  margin: 0 auto;
  height: 85px;
  padding: 0 89px;
  border-bottom: 1px solid #b5d4e6;
}
.nav-item {
  padding-top: 31px;
  padding-bottom: 6px;
  padding-right: 15px;
}
.nav-link {
  color: #002e56;
  padding: 7px 10px 5px 10px;
  display: block;
  font-size: 17pt;
  font-weight: 600;
}
.dropdown-menu {
  background-color: #e6e6e6;
}
.dropdown-item {
  font-size: 1.2rem;
}
.dropdown-item:hover {
  background-color: #e6e6e6;
}
.dropdown-item.active:hover {
  background-color: #004385;
}


#nav.navmobile li ul li                 { display: block; }
#nav.navmobile ul li ul li a.subtext    { /*max-width: 75%; deaktiviert da es keine weitere Sub Ebene gibt */ }
#nav.navmobile .mainliclick             { border: 1px solid #d3d3d3; box-sizing: border-box; padding: 0 !important; position: relative; width: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 14px; height: 34px; }
#nav.navmobile .mainliclick .arrow-down { position: absolute; left: 11px; top: 14px; }
#nav.navmobile .mainliclick.isclicked .arrow-down { border-bottom-color: #707b8b; border-top-color: transparent; top: 8px; }

#nav.navmobile .sub1liclick             { float: right; }
.navmobile .sub1liclick                 { border: 1px solid #d3d3d3; box-sizing: border-box; padding: 0 !important; position: relative; float: right; width: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navmobile .sub1liclick .arrow-right    { margin-right: 9px; position: absolute; left: 14px; top: 10px; }
.navmobile .sub1liclick.isclicked       { right: 0; }
.navmobile .sub1liclick.isclicked .arrow-right { top: 10px; left: 8px; padding-right: 0; }

#nav.navmobile .sub2liclick             { float: right; }
.navmobile .sub2liclick                 { border: 1px solid #d3d3d3; box-sizing: border-box; padding: 0 !important; position: relative; float: right; width: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navmobile .sub2liclick .arrow-right    { margin-right: 9px; position: absolute; left: 14px; top: 10px; }
.navmobile .sub2liclick.isclicked       { right: 0; }
.navmobile .sub2liclick.isclicked .arrow-right { top: 10px; left: 8px; padding-right: 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                          { position: relative; text-align: center; padding-top: 15px; color: #002e56; font-size: 18pt; border-bottom: 2px solid #a0a0a0; padding-bottom: 10px; }
#nav-close                          { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                          { padding-top: 5px; }
#mnav-body a                        { text-decoration: none; color: #002e56; }
#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; text-transform: uppercase; }
.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 #002e56; 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: #002e56; }
.show-sub-nav.isclicked             { top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                            { display: none; }
.mnavul2                            { display: none; }
.mnavul3                            { display: none; }



#gallerie                   { position: relative; }
#gala-bild                  { background-color: #fff; }
#gala-bild img              { display: block; width: 100%; max-width: 2000px; margin: 0 auto; }

.chevron-down               { width: 45px; height: 45px; background-color: #ff8f03;
                              -webkit-transform: rotate(45deg);
                              -moz-transform: rotate(45deg);
                              -o-transform: rotate(45deg);
                              -ms-transform: rotate(45deg);
                              transform: rotate(45deg);
                              margin: 0 auto;
                              position: relative;
                            }
.chevron-linie1             { background-color: #fff; width: 4px; height: 22px; position: absolute; top: 20px; left: 19px;
                              -webkit-transform: rotate(90deg);
                              -moz-transform: rotate(90deg);
                              -o-transform: rotate(90deg);
                              -ms-transform: rotate(90deg);
                              transform: rotate(90deg);
                            }
.chevron-linie2             { background-color: #fff; width: 4px; height: 22px; position: absolute; top: 10px; right: 12px; }

#arrow-down-top             { padding-top: 90px; padding-bottom: 60px; }

#start-content              { padding-bottom: 60px; }
#start-headlines            { text-align: center; padding-bottom: 60px; }
#start-headlines h1         { color: #176da0; font-weight: normal; font-size: 30pt; }
#start-headlines h2         { color: #000; font-weight: normal; font-size: 15pt; padding: 15px 0; }
.start-headlines            { text-align: center; padding-top: 120px; }
.start-headlines h1         { color: #176da0; font-weight: normal; font-size: 30pt; }
.start-headlines h2         { color: #000; font-weight: normal; font-size: 15pt; padding: 15px 0; }


#start-table                { display: table; width: 100%; font-size: 11pt; border: 1px solid #accae0; }
.start-table-row            { display: table-row; }
.start-table-cell           { display: table-cell; vertical-align: top; }
.cell-inner                 { padding: 20px; }
.blue-cell                  { background-color: #126b98; color: #fff; }
.cell-white                 { background-color: #fff; }
.cell-left                  { width: 50%; }
.cell-right                 { width: 50%; }
.img-cell                   {  }
.img-cell div               { display: none; position: absolute; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.img-cell img               { display: block; width: 100%; }

#box-logo                   { float: left; width: 50%; }
#box-logo img               { display: block; max-width: 155px; margin: 0 auto; padding-top: 45px; }
#box-text-right             { float: left; width: 50%; }

#btr-head                   { padding-bottom: 35px; font-size: 14.5pt; word-break: break-word; }

#box-text-large             { padding-top: 30px; }
#box-left                   { float: left; width: 50%; }
#box-right                  { float: left; width: 50%; }


.box-head                   { text-transform: uppercase; text-align: center; color: #0d2a3e; }
.box-head h3                { font-weight: normal; font-size: 16pt; }
.box-arrow                  { text-align: center; color: #e27500; font-size: 18pt; padding: 30px 0; }
.info-left                  { float: left; width: 50%; text-align: center; color: #0d2a3e; }
.info-right                 { float: left; width: 50%; text-align: center; color: #0d2a3e; }
.info-head                  { font-size: 19pt; }
.info-text                  {  }

.box-content-termine        { padding: 0 45px; }

.termintbl                  { width: 100%; }
.termintbl .tbltd           { /*vertical-align: middle;*/ vertical-align: top; }
.termin-left                { float: left; width: 46%; }
.termin-trenner             { float: left; width: 8%; }
.termin-trenner div         { width: 1px; height: 67px; background-color: #003b66; margin: 0 auto; }
.termin-right               { float: left; width: 46%; }
.termin-datum               { border: 1px solid #003b66; display: block; width: 55px; text-align: center; }
.termin-monat               { display: block; padding: 6px 0; text-transform: uppercase; color: #003b66; }
.termin-tag                 { display: block; padding: 6px 0; background-color: #003b66; color: #fff; }
.termin-text                { display: block; padding: 0 15px; box-sizing: border-box; }
.termin-text span           { color: #0d2a3e; word-break: break-word; font-size: 14pt; }
.cell-inner-big             { padding: 80px 20px; }

#start-content .wrap        { position: relative; }
#start-table-arrow          { position: absolute; bottom: -22px; width: 100%; }


#start-bild-info            { padding-top: 75px; }
#start-bild-headlines       { text-align: center; padding-bottom: 60px; }
#start-bild-headlines h2    { color: #176da0; font-weight: normal; font-size: 30pt; }
#start-bild-headlines h3    { color: #000; font-weight: normal; font-size: 15pt; padding: 15px 0; }

#start-bilder               { background-color: #fff; padding: 4px 3px 0 3px; }
#bilder-reihe-1             { padding-bottom: 35px; }
#bilder-reihe-2             {  }
.start-bild                 { float: left; width: 33.33%; /*padding-bottom: 28px; nur notwendig wenn die 2. Reihe angezeigt wird*/ }
.start-bild-infotext        { display: none; }
#start-bilder-text          { display: none; padding: 25px; font-size: 11pt; line-height: 22px; }
#start-bilder-text h3       { font-weight: normal; font-size: 16pt; padding-bottom: 20px; }
#sbild4                     { padding-bottom: 0; }
#sbild5                     { padding-bottom: 0; }
#sbild6                     { padding-bottom: 0; }
.start-bild-headline        { text-align: center; color: #176da0; font-size: 13pt; padding: 2px 0; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.7); display: block; }
.start-bild-headline h3     { font-weight: normal; font-size: 13pt; }
.start-bild img             { display: block; max-width: 376px; }
.start-bild-link            { cursor: pointer; display: inline-block; position: relative; }
.bild-links                 {  }
.bild-mitte                 { text-align: center; }
.bild-mitte img             {  }
.bild-rechts                {  }
.bild-rechts .start-bild-link { float: right; }
.start-bild-link:hover .start-bild-headline { background-color: rgba(23, 109, 160, 0.7); color: #fff; }
.start-bild-rows-clear      { clear: both; }

#footer                     { padding-top: 50px; }
#footer-nav                 { padding-top: 30px; height: 31px; }
#footer-nav ul              { list-style: none; text-align: justify; }
#footer-nav li              { display: inline-block; text-align: -webkit-match-parent; text-transform: uppercase; }
#footer-nav a               { color: #002e56; padding: 4px 10px 5px 10px; display: block; font-size: 10pt; }
.foot100                    { padding-left: 100%; }

#footerboxen                { 
    display: grid; grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: stretch;   }
.fussbox                    { max-width: 485px; width: 100%; background-color: #fff; }
.fussbox-cont               { height: 100%; }
.fussbox-cont .box-inner    { box-shadow: 0px 0px 5px #ddd; }


#mobile-footer-nav          { text-align: center; padding-top: 30px; text-transform: uppercase; font-size: 13pt; }
#mobile-footer-nav a        { color: #002e56; }

#copyright                  { text-align: center; font-size: 13pt; padding: 25px 0; }


#wsuche-wrap                { max-width: 1200px; margin: 0 auto; height: 0; position: relative; }
#wsuche                     { position: absolute; bottom: -55px; right: 0; background-color: #fff; z-index: 100; }
#wsuche-head                { background-color: #002e56; color: #fff; padding: 10px 10px; text-transform: uppercase; font-size: 11pt; }
#wsuche-head span           { font-size: 14pt; font-weight: bold; }
#wsuche-felder              {  }
#wsuche-felder-inner        { padding: 20px 10px 10px 10px; }

#infoboxen                  { flex: 0 0 420px; padding-top: 25px; width: 100%;}
.infobox                    { margin-bottom: 30px; width: 100%; }
.box-inner                  { box-shadow: 0px 0px 5px #ddd; height: 100%; }
.box-headline               { background-color: #fff; padding: 8px 15px; }
.box-headline h3            { font-weight: 700; font-size: 16pt; text-align: center; }
.box-headline h3 a          {  }
.ifb-box-content            { padding: 10px; background-color: #fff; font-size: 13pt; }
.box-image                  { text-align: center; }
.box-image a                { text-align: center; display: block; }

#whganf-cont {
  /* display: flex; */
}

.form-feld                  { margin-bottom: 20px; }
.feld-name                  { padding-bottom: 5px; }
.feld-input                 { font-family: 'Open Sans', sans-serif; }
.formlist label             { display: block; padding-bottom: 5px; font-family: 'Open Sans', 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; }
#anregung_beschwerde        { height: 300px; width: 100%; box-sizing: border-box; }
#nachricht                  { height: 110px; width: 100%; box-sizing: border-box; }
.ffeld                      { width: 100%; padding: 6px; border: 1px solid #a9a9a9; font-family: 'Open Sans', sans-serif; box-sizing: border-box; height: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


.ifb                        { max-width: 300px; }
.ifb label                  { float: left; width: 75%; }
.ifb input                  {  }


#sitemap                    {  }
li.smap0                    { padding: 5px 0; text-transform: uppercase; }
#inhalt-text ul li.smap0 ul { padding-left: 30px; }
li.smap1                    { padding: 5px 0; text-transform: none; }
#inhalt-text ul li.smap1 ul { padding-left: 30px; }
li.smap2                    { padding: 5px 0; text-transform: none; }
#sitemap a                  { color: #002e56; }


.slider                     { margin-bottom: 15px; }
.slider .tbl                { width: 100%; }
.slider .tbltd              { vertical-align: middle; }
.slider-name                { text-align: center; padding-bottom: 5px; }
.slider-value               { width: 35px; text-align: center; }
.slider-spacer              { padding: 0 20px; }

#start-suche-counter-submit { padding-top: 20px; }
#start-suche-counter-submit .tbl { width: 100%; text-align: center; }
#start-suche-counter-submit .tbltd { vertical-align: middle; }
.tbltd.wscounter            { width: 70%; background-color: #176da0; color: #fff; }
#wscount                    { font-size: 18pt; padding-top: 5px; }
#wscount-info               { padding-bottom: 5px; }
.tbltd.spacer               { width: 3px; background-color: #fff; }
.tbltd.wssubmit             { cursor: pointer; background-color: #ff8f03; color: #fff; }
#ws-sub-btn                 { font-size: 18pt; padding-top: 5px; }
#ws-sub-text                { padding-bottom: 5px; }


.noUi-horizontal 						{ height: 12px; }
.noUi-horizontal .noUi-handle { top: -9px; }
.noUi-handle                { background: #176da0; box-shadow: none; }
.noUi-connect               { background: rgb(208, 208, 208); }

#immo-suche-slider          { float: left; width: 50%; }
#immo-suche-felder          { float: left; width: 50%; }
#immo-suche-felder .inner   { padding-left: 70px; padding-top: 24px; }
#felder-links               { float: left; width: 33.33%; padding-left: 35px; }
#felder-rechts              { float: left; width: 33.33%; }

.immo-feld                  { padding-bottom: 8px; }
.immo-feld-left             { float: left; width: 30px; padding-top: 1px; }
.immo-feld-right            { float: left; width: 75%; }


#immo-suche-felder #start-suche-counter-submit { padding-top: 23px; width: 75%; }


#immo-liste                 { padding-top: 20px; display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-evenly; }
.immo-objekt                { margin-bottom: 25px; background-color: rgba(23, 109, 160, 0.13); flex: 0 0 45%; display: flex; }
.immo-objekt *              { word-break: break-word; }
.immo-pic                   { float: left; width: 220px; }
.immo-pic a                 { display: block; width: 200px; background-position: center center; background-size: cover; height: 200px; margin: 10px; box-sizing: border-box; }
.immo-infos                 { width: 100%; padding: 10px; box-sizing: border-box; position: relative; }
.immo-infos .tbl            { width: 100%; padding-top: 5px; }
.tbltd.immo-feld-name       { padding-bottom: 10px; }
.immo-werbung               { font-weight: bold; color: #176da0; padding-bottom: 15px; font-size: 14pt; }
.immo-street                { font-weight: bold; padding-bottom: 10px; }
.immo-ort                   { padding-bottom: 10px; font-weight: normal; display: inline-block; padding-left: 15px; }
.immo-info-tbls             {  }
.immo-feld-name             { width: 120px; }
.immo-info-left             { width: 50%; }
.immo-info-right            { width: 50%; }
.immo-button                { position: absolute; bottom: 15px; right: 15px; }
.immo-button a              { display: inline-block; background-color: #d1710b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; margin-top: 22px; cursor: pointer; color: #FFF; }
.immo-pic.no-image          { height: 1px; }


.immo-navigation            { padding: 10px; background-color: #176da0; color: #fff; }
.immo-navigation-anz        { display: inline-block; padding-right: 20px; }
.immo-navigation-arrows     { display: inline-block; }

.immo-navigation a          {  }
.immo-navigation i          { font-size: 14pt; }



/* Immobilien Details */
#immo-details                       {  }
#immo-nummer                        { display: none; font-size: 75%; text-align: right; padding: 0 0 15px 0; float: right; }
#immo-nummer-mobile                 { display: none !important; font-size: 75%; padding: 0 0 15px 0; float: right; }
#immo-werbung                       { font-size: 120%; padding: 0 0 25px 0; color: #ff8a03; float: left; }
.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; display: flex; }
.immod-field::after                 { display: block; content: ''; clear: both; }
.immod-field-left                   { flex: 0 0 200px; }
.immod-field-right                  {  }
.immod-preis                        { flex: 0 0 100px; 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, 59, 113); 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: center; }
#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-img       { display: block; float: left; font-size: 20pt; }
#immod-expose-link-mobile-text      { float: left; padding: 8px 0 0 8px; display: block; }
#immod-grundriss                    { padding: 0 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: 300px; margin: 0 auto; display: flex; flex-direction: column; }
#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-bild                         { width: 300px; height: 200px; margin-bottom: 30px;}
.immod-bild a                       { display: block; width: 300px; height: 200px; background-repeat: no-repeat; background-size: cover; }
#immod-energieinformationen         { padding: 20px 0 5px 0; }
#immo-energie-grafik                { float: left; width: 400px; padding-top: 26px; }
#immo-energie-text                  { float: left; /*width: 41%;*/ }
#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; }
#immo-details-map                   { max-width: 500px; padding-top: 25px; padding-left: 35px; }
#immod-ausstattung                  { padding-top: 15px; }
.immod-ausstattung-spalte           { width: 50%; float: left; }
.immod-ausstattung-spalte .tbl      { width: 100%; }
.immod-ausstattung-spalte .tbltd    { padding-bottom: 3px; }
.aus-name                           { width: 160px; }
.aus-wert span                      { color: #888888; }
.immo-headline                      { padding-bottom: 15px; }
/* /Immobilien Details */



.news-link                          { text-align: right; }
.news-link a                        { display: inline-block; background-color: #d1710b; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; margin-top: 22px; cursor: pointer; color: #FFF; }


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

#inhalt-text.inhalt-left .gala-bild-container { width: 25%; padding-bottom: 25px; }


.asp                                { float: left; width: 50%; min-height: 115px; padding-bottom: 25px; }
.asp-name                           { font-weight: bold; }
.asp-left                           { width: 75px; float: left; }
.asp-right                          { width: 60%; float: left; }
.asp-pos                            { padding: 5px 0; }


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


.wgebiet                            { max-width: 260px; width: 100%; box-sizing: border-box; }
.wgebiet-head												{ font-weight: bold; font-size: 11pt; color: #002e56; padding-bottom: 15px; }

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

/* Digitaler Hausaushang */
#diha {
  max-width: 1000px;
}
#dihacont {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    background-color: #002e56;
    padding: 10px 10px;
}
#dihadoccont {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.dihadoc {
  display: flex;
  gap: 30px;
}
.dhdtitel {
  flex-grow: 1;
}
.dihadoc.dhdheadline {
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
  font-weight: 600;
}
.dhdabldat {
  flex: 0 0 105px;
  text-align: right;
}
.dhdabldatmobile {
  display: none;
}

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




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

.iframe-daten-info { background-color: #ccc; padding: 50px 10px; text-align: center; }
.idi-text a { color: #000; }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
.idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #955a1b; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 6px 10px; }









.abp-meldung {
  display: flex;
  gap: 60px;
}
.abp-meldung + .abp-meldung {
  padding-top: 55px;
  margin-top: 55px;
  border-top: 1px solid #b5d4e6;
}
.abp-meldung-bild {
  flex: 0 0 250px;
  position: relative;
}
.abp-meldung-bild img {
  display: block;
  width: 250px;
  height: 250px;
  object-fit: cover;
}
.abp-meldung-infos {
  flex-grow: 1;
}
.abp-meldung-button {
  text-align: right;
}
.clear {
  clear: both;
}
.highlight {
  font-weight: bold;
  border-bottom: 2px solid red;
}
.abp-search {
  display: flex;
  gap: 20px;
  padding-bottom: 30px;
}
.abp-search-field {
  flex: 0 0 400px;
}
.abp-search-submit {
  padding-top: 32px;
}
#start-meldungen {
  border: 1px solid #accae0;
  background-color: #fff;
  padding: 40px;
  max-width: 1600px;
  margin: 65px auto;
}

#start-meldungen .abp-meldung-titel h2 {
  font-size: 16pt;
}


/*
 * Responsive Styles
 */

@media screen and (min-width: 1000px) and (max-width: 1400px) {
  #felder-links, #felder-rechts {
    width: 50%;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
  #rechte-seite               { width: 69%; }
  #websuche                   { top: 41px; }
  #wsuche-wrap                { height: auto; }
  #wsuche                     { position: static; height: auto; max-width: 50%; margin: 0 auto; }
  #wsuche-head                { text-align: center; }
  .img-cell img               { display: none; }
  .img-cell                   { position: relative; }
  .img-cell div               { display: block; }
  .start-bild-link            { width: 93%; }
  .start-bild img             { width: 100%; }
  #inhalt-text.inhalt-left    { width: 66%; }
  #infoboxen                  { padding-right: 25px; }
  .gala-bild-container        { padding-bottom: 25px; }
  .gala-bild                  { width: 80%; height: 160px; }
  #inhalt-text.inhalt-left .gala-bild-container { width: 33.33%; padding-bottom: 35px; }
}

@media screen and (min-width: 1000px) and (max-width: 1150px) {
	#desktop-head               { display: none; }
  #mobile-head                { display: block; }
  #head                       { padding-top: 0; }
}

@media screen and (min-width: 765px) and (max-width: 999px) {
	#desktop-head               { display: none; }
  #mobile-head                { display: block; }
  #head                       { padding-top: 0; }
  #wsuche-wrap                { height: auto; }
  #wsuche                     { position: static; height: auto; max-width: 60%; margin: 0 auto; }
  #wsuche-head                { text-align: center; }
  #start-table                { display: block; }
  .start-table-row            { display: block; }
  .start-table-cell           { display: block; width: auto; }
  .cell-left                  { width: auto; }
  .cell-right                 { width: auto; }
  .img-cell                   { display: none !important; }
  #sbrc1                      { display: none; }
  .start-bild img             { width: 100%; }
  .start-bild                 { width: 50%; }
  .start-bild-link            { width: 90%; }
  #sbild1 .start-bild-link    { margin-left: 10px; }
  #sbild2                     { text-align: right; }
  #sbild2 .start-bild-link    { margin-right: 10px; }
  #sbild3                     { text-align: left; float: none; clear: both; margin: 0 auto; padding-top: 20px; }
  #sbild3 .start-bild-link    { margin-left: 17px; float: none; }
  #sbild4                     { text-align: right; }
  #sbild4 .start-bild-link    { margin-right: 10px; }
  #sbild5                     { text-align: left; }
  #sbild5 .start-bild-link    { margin-left: 10px; }
  #sbild6                     { text-align: right; }
  #sbild6 .start-bild-link    { margin-right: 10px; }
  #sbild4                     { padding-bottom: 28px; }
  #footer-nav                 { display: none; }
  #mobile-footer-nav          { display: block; }
  #inhalt-text.inhalt-left    { float: none; width: auto; }
  #infoboxen                  { float: none; margin: 0 auto; padding-top: 0; padding-right: 0; }
  #immo-suche-slider          { float: none; width: auto; }
  #immo-suche-felder          { float: none; width: auto; }
  #immo-suche-felder .inner   { max-width: 80%; padding-left: 0; margin: 0 auto; }
  #felder-links               { width: 50%; padding-left: 0; }
  #felder-rechts              { width: 50%; }
  #immo-suche-felder #start-suche-counter-submit { width: auto; }
  .felder-liste               { width: 335px; margin: 0 auto; }
  .immo-infos                 { width: 68%; }
  .tbltd.immo-feld-name       { padding-bottom: 5px; }
  #immo-nummer                { display: none; }
  #immo-werbung               { float: none; width: auto; }
  #immod-areas 								{ float: none; width: auto; }
  #immod-bilder-und-links     { float: none; width: auto; }
  #immo-energie-grafik 				{ padding-top: 0; float: none; width: auto; }
  #immo-energie-text          { padding: 15px 0 0 5px; float: none; width: auto; }
  .energiew-left              { width: 22%; }
  #immod-expose-link 				  { display: none; }
  #immod-grundriss            { text-align: center; }
  #immod-grundriss img 				{ float: none; display: inline-block; }
  #immod-grund-pdf            { text-align: center; }
  #immod-google-maps-link     { float: none; text-align: center; }
  #immod-bilder               { float: none; width: auto; }
  #immod-bilder ul li.lileft  { padding: 10px; }
  #immod-bilder ul li.liright { padding: 10px; }
  #immo-nummer-mobile         { display: block; }
  #immod-expose-link-mobile   { display: block; }
  .gala-bild-container        { width: 33.33%; }
  .gala-bild                  { width: 80%; }
  #inhalt-text.inhalt-left .gala-bild-container { width: 33.33%; padding-bottom: 35px; }
}

@media screen and (min-width: 0px) and (max-width: 764px) {
	#desktop-head               { display: none; }
  #mobile-head                { display: block; }
  #head                       { padding-top: 0; }
  #wsuche-wrap                { height: auto; }
  #wsuche                     { position: static; height: auto; }
  #wsuche-head                { text-align: center; }
  #start-table                { display: block; }
  .start-table-row            { display: block; }
  .start-table-cell           { display: block; width: auto; }
  .cell-left                  { width: auto; }
  .cell-right                 { width: auto; }
  .img-cell                   { display: none !important; }
  .start-bild img             { width: 100%; }
  .start-bild                 { width: auto; float: none; padding-top: 25px; }
  .start-bild-link            { width: auto; max-width: 376px; margin: 0 auto; display: block; }
  .start-bild-headline        { max-width: 376px; box-sizing: border-box; }
  #sbild3 .start-bild-link    { float: none; }
  #sbild4                     { padding-bottom: 28px; }
  #sbild5                     { padding-bottom: 28px; }
  #sbild6 .start-bild-link    { float: none; }
  #footer-nav                 { display: none; }
  #mobile-footer-nav          { display: block; }
  #copyright-text             { padding: 0 20px; }
  .info-left                  { float: none; width: auto; }
  .info-right                 { float: none; width: auto; padding-top: 30px; }
  .termin-left                { float: none; width: auto; }
  .termin-right               { float: none; width: auto; padding-top: 30px; }
  .termin-trenner             { display: none; }
  .tddatum                    { width: 57px; }
  .termintbl                  { width: 80%; margin: 0 auto; }
  .box-content-termine        { padding: 0; }
  #box-logo                   { float: none; width: auto; }
  #box-logo img               { padding-top: 10px; padding-bottom: 20px; }
  #box-text-right             { float: none; width: auto; }
  #box-left                   { float: none; width: auto; }
  #box-right                  { float: none; width: auto; padding-top: 25px; }
  .cell-inner-big             { padding: 40px 20px; }
  #btr-head                   { text-align: center; }
  #arrow-down-top             { padding-top: 35px; padding-bottom: 40px; }
  #start-headlines h1         { font-size: 27pt; }
  .start-headlines h1         { font-size: 27pt; }
  #start-bild-headlines h2    { font-size: 27pt; }
  #inhalt-text.inhalt-left    { float: none; width: auto; }
  #infoboxen                  { float: none; margin: 0 auto; width: 100%; max-width: 300px; box-sizing: border-box; padding: 0 25px; padding-top: 0; }
  .infobox                    { width: auto; }
  .formlist li                { float: none; width: auto; }
  .formlist li.left           { padding-right: 0px; }
  .formlist li.right          { padding-left: 0px; }
  #immo-suche-slider          { float: none; width: auto; }
  #immo-suche-felder          { float: none; width: auto; }
  #immo-suche-felder .inner   { max-width: 80%; padding-left: 0; margin: 0 auto; }
  #felder-links               { width: 50%; padding-left: 0; }
  #felder-rechts              { width: 50%; }
  #immo-suche-felder #start-suche-counter-submit { width: auto; }
  .felder-liste               { width: 335px; margin: 0 auto; }
  .immo-pic                   { float: none; width: auto; }
  .immo-infos                 { float: none; width: auto; }
  .immo-info-tbls             { width: 100%; float: none; }
  .immo-button                { float: none; text-align: left; }
  .immo-pic.no-image          { height: auto; }
  .immo-navigation-anz        { display: block; padding-bottom: 10px; text-align: center; padding-right: 0; }
  .immo-navigation-arrows     { display: block; text-align: center; }
  .immo-details-area 						{ float: none; width: auto; }
  #immo-details-area2 .immo-details-inner { padding: 5px; }
  #immo-details-area2           { padding-top: 20px; }
  #immo-nummer                  { display: none; }
  #immo-werbung                 { float: none; width: auto; }
  #immod-areas 									{ float: none; width: auto; }
  #immod-bilder-und-links       { float: none; width: auto; }
  #immo-energie-grafik 					{ display: none; }
  #immo-energie-text            { padding: 15px 0 0 5px; float: none; width: auto; }
  .energiew-left                { width: 22%; }
  #immod-expose-link 						{ display: none; }
  #immod-grundriss              { text-align: center; }
  #immod-grundriss img 					{ float: none; display: inline-block; }
  #immod-grund-pdf              { text-align: center; }
  #immod-google-maps-link       { float: none; text-align: center; padding-bottom: 30px; }
  #immod-bilder                 { float: none; width: auto; }
  #immod-bilder ul li.lileft    { padding: 10px; }
  #immod-bilder ul li.liright   { padding: 10px; }
  #immo-nummer-mobile           { display: block; }
  #immod-expose-link-mobile     { display: block; }
  .mobile                       { display: block; }
  .energiew-left                { width: 40%; }
  .energiew-right               { width: 60%; }
  .immo-liste-werbung-label     { top: 18px; }
  .immod-ausstattung-spalte     { float: none; width: auto; }
  .gala-bild-container          { width: 50%; }
  .gala-bild                    { width: 80%; }
  #inhalt-text.inhalt-left .gala-bild-container { width: 50%; padding-bottom: 35px; }
  .asp                          { float: none; width: auto; }
  
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
}

@media screen and (min-width: 0px) and (max-width: 700px) {
  .dihadoc.dhdheadline {
    display: none;
  }
  .dihadoc {
    gap: 0px;
    flex-direction: column;
  }
  .dhdabldat {
    flex: 0 0 100%;
    text-align: left;
  }
  .dhdabldatmobile {
    display: inline-block;
  }
}

@media screen and (min-width: 0px) and (max-width: 600px) {
  .inh-abs-text img {
    width: 100% !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 530px) {
  #mobile-claim               { display: none; }
  #immo-suche-felder .inner   { max-width: 100%; }
  .felder-liste               { width: auto; margin: 0; }
  #felder-links               { float: none; width: auto; }
  #felder-rechts              { float: none; width: auto; }
}

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

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




#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; }
#cookie-info-button                 { cursor: pointer; }









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

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

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

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

.cb-btn { background-color: #d1710b; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; border: 1px solid #d3d3d3; }
.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; }
}




@media screen and (max-width: 1400px){
  .immo-button {
   position: static;
  }
}

@media screen and (max-width: 1300px){
  #nav a {
    font-size: 13pt;
  }
  .immo-objekt {
    flex: 0 0 100%;
  }
  .immo-button {
    position: absolute;
  }
}

@media screen and (max-width: 1200px){
  #footerboxen {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .immod-field-left {
    flex: 0 0 150px;
  }
}

@media screen and (max-width: 1000px){
  #inhalt-text {
    padding-left: 10px;
    padding-right: 10px;
  }
  .akt-item {
    flex-direction: column;
  }
  .abp-meldung {
    flex-direction: column;
    gap: 20px;
  }
}

@media screen and (max-width: 768px){
  .immo-objekt {
    flex-direction: column;
  }
  .immo-button {
    position: static;
  }
  .immo-ort {
    display: block;
    padding-left: 0;
  }
  .abp-search-field {
    flex: 0 0 60%;
  }
}







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