*                                   { padding: 0; margin: 0; }

.form-check-input {
  border: var(--bs-border-width) solid #a4a4a4;
}

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

body                                { background-color: #fff;
                                      font-family: 'Open Sans', sans-serif;
                                      font-size: 12pt;
                                      color: #000;
                                      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: #2f8621; }
a:hover                             { color: #2f8621; }

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

#wsuche-slider                      { padding-top: 25px; }
.wsuche-slider 											{ float: left; width: 33.33%; box-sizing: border-box; }
.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; margin-top: -5px; }
.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; }
#wslider-left                       { padding-right: 30px; }
#wslider-center                     { padding: 0 15px; }
#wslider-right                      { padding-left: 30px; }
#wsuche-submit                      { text-align: center; padding: 15px 0 20px 0; }
#wsuche-submit-btn                  { cursor: pointer; display: inline-block; padding: 7px 20px; background-color: #3aa428; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


#start-content {
  max-width: 1050px;
  text-align: center;
  margin: 0 auto;
  padding: 30px 0 60px 0;
}
#start-bild-video {
  padding: 20px 0;
}
#start-bild-video-player-container {
  max-width: 65%;
}
#start-bild-video-player {
  display: flex;
  justify-content: center;
}
#start-bild-video-player iframe {
  aspect-ratio: 16 / 9;
  width: 100% !important;
}


.noUi-target {
  background: #d6d6d6;
  border: 0;
}
.noUi-horizontal {
  height: 12px;
}
.noUi-horizontal .noUi-handle {
  top: -8px;
}


.dropdown-menu {
  border-radius: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #1a6b08;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #1a6b08;
}

.img-container, .img-container a {
  position: relative;
  display: block;
}
.img-icon {
	position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: #2f8621;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  border: 1px solid #fff;
}
.img-icon svg {
  color: #fff;
}
.inh-abs-text a:has(img) {
  position: relative;
  display: block;
}
.inh-abs-text a:has(img) .img-icon {
  bottom: initial;
  top: 5px;
}

.inh-abs-text a:has(img.imgleft) .img-icon {
  right: initial;
  left: 5px;
}


.carousel-item-content .img-icon {
  left: 50%;
  transform: translateX(-50%);
  top: 5px;
  right: initial;
  bottom: initial;
}

.gala-bild-container a {
  position: relative;
}

.wrap                               { max-width: 2000px; margin: 0 auto; }
#fixed-header                       { position: fixed; left: 0; top: 0; width: 100%; height: 8rem; z-index: 100; background-color: #fff; }
#head                               {  }
#header-tbl                         { width: 100%; }
#header-logo                        { width: 13rem; float: left; }
#header-logo a                      { display: inline-block; margin-left: 47px; margin-top: 28px; margin-bottom: 24px; }
#header-logo a img                  { display: block; width: 100%; }
#header-right                       { vertical-align: top; float: right; width: calc(100% - 13rem); }

#kontakt-header                     { float: right; padding-right: 58px; padding-top: 32px; text-align: right; }
#kontakt-header {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-top: 10px;
}
#kontakt-telefon {
  order: 2;
  padding-top: 10px;
}
#anfahrt-mail-suche {
  order: 1;
}
#kontakt-telefon                    { font-size: 1.1rem; font-weight: 300; height: 33px }
#kontakt-telefon a                  { color: #000; }
#kontakt-telefon i                  { color: #2a8914; }
#anfahrt-mail-suche                 { padding-top: 10px; font-size: 18pt; display: table; float: right; height: 33px; }
.icon-container                     { display: table-cell; padding: 0 15px; vertical-align: top; }
.icon-container:last-child          { padding-right: 0; }
.icon-container i                   { color: #2a8914; }

#websuche                           { display: table; }
#suche-lupe                         { display: table-cell; cursor: pointer; vertical-align: top; }
#suche-slider                       { display: table-cell; vertical-align: top; }
#suche-form                         { width: 0; overflow: hidden; }
#suche-form-felder                  { width: 224px; }
#suche-felder-tbl                   { display: table; width: 224px; }
.suche-felder-cell                  { display: table-cell; vertical-align: top; }
.suche-felder-cell input            { display: block; padding: 3px; margin-top: 6px; width: 182px; }
#suche-senden                       { width: 23px; height: 23px; border: 1px solid #2a8914; cursor: pointer; margin-top: 6px; }
#suche-pfeil                        { width: 0; height: 0; margin-left: 9px; margin-top: 5px; border: 7px solid #2a8914; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid transparent; }

#navpunkte {
  gap: 58px;
}
#navigation                         { padding: 15px 58px 0 40px; }
#navigation ul                      { list-style: none; padding: 0; }
#navigation nav > ul {
  display: flex;
  gap: 75px;
  justify-content: flex-end;
  align-items: flex-start;
}
#navigation ul li                   { display: block; font-size: 1.2rem; }
.mainli                             { position: relative; padding: 6px 0; padding-bottom: 23px; padding-top: 15px; }
#navigation ul li a                 { color: #000; } 

#navigation ul li ul                { position: absolute; left: 0; top: 65px; background-color: #2a8914; z-index: 200; border: 1px solid #3ea62d; }
#navigation ul li ul li             { font-size: 19pt; display: block; width: 208px; }
#navigation ul li ul li a           { padding: 5px 10px; font-size: 11pt; text-transform: initial; display: block; white-space: nowrap; white-space: initial; text-align: left; color: #fff; }
#navigation ul li ul li ul          { left: 208px; top: 0; background-color: #cae4de; }
#navigation ul li ul li ul li       { font-size: 19pt; display: block; width: 208px; }
#nav-top-100                        { display: none; }

#navigation ul li ul.lastli {
  right: 0;
  left: initial;
}

#page                               { padding-top: 8rem; }
#bild-gross                         { position: relative; margin-bottom: 20px; }
#bild-gross img                     { display: block; width: 100%; height: calc(100vh - 8rem); object-fit: cover; }

#start-boxen                        { position: absolute; width: 100%; bottom: -77px; left: 0; z-index: 25; }
.start-box-ifb                      { width: 25%; float: left; }
.infobox                            { border: 1px solid #fff; max-width: 345px; margin: 0 auto; }
.infobox-bild                       { position: relative; }
.infobox-bild img                   { display: block; width: 100%; }
.infobox-bild-text                  { position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); }
.bildbox-titel-abstand              { display: block; padding: 10px; }
.bildbox-titel-large                { display: block; color: #3aa428; font-size: 25pt; font-weight: normal; }
.bildbox-titel-small                { display: block; color: #fff; font-size: 13pt; font-weight: normal; }
.infobox-bild-link                  { position: absolute; width: 100%; height: 100%; z-index: 10; }

#start-bild-text                    { position: absolute; z-index: 25; top: 55px; right: 58px; max-width: 850px; }
#start-bild-text-abstand            { padding: 25px 26px; background-color: rgba(0, 0, 0, 0.7); }
#start-bild-text-gross              { color: #fff; font-size: 35pt; }
#start-bild-text-klein              { color: #3aa428; font-size: 25pt; }
#start-bild-fliestext-klein         { color: #fff; padding-top: 10px; }

#footer                             { padding: 15px 0 15px 0; }
#footer-copyright                   { text-align: center; padding: 0 10px 15px 10px; }
#footer-navi                        { text-align: center; }
#footer-navi nav {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
}

#header-mobile                      { display: none; position: fixed; width: 100%; height: 70px; background-color: #fff; z-index: 100; border-bottom: 1px solid #f3f3f3; }
#header-mobile-inner                { padding: 5px; }
#header-table                       { display: table; width: 100%; }
#headerm-logo                       { display: table-cell; vertical-align: middle; }
#headerm-logo img                   { display: inline-block; height: 60px; }
#headerm-links                      { display: table-cell; vertical-align: middle; font-size: 16pt; text-align: right; width: 100px; padding-right: 5px; }
#headerm-menu                       { display: table-cell; vertical-align: middle; width: 40px; text-align: center; font-size: 16pt; }
#mobile-menu-button                 { display: inline-block; padding: 5px 8px; font-size: 20pt; cursor: pointer; }
.headerm-spacer                     { display: table-cell; vertical-align: middle; width: 2px; padding: 0 4px; }
.headerm-spacer div                 { width: 2px; height: 35px; background-color: #d3d3d3; }


#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-head                          { position: relative; text-align: center; padding-top: 15px; color: #000; 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: #3aa428; }
#mnav-body ul                       { list-style: none; padding: 0; margin: 0; }
#mnav-body ul li a                  { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; }
#mnav-body ul li                    {  }
.manv0                              { padding-left: 20px; }
.manv1                              { padding-left: 40px; }
.manv2                              { padding-left: 60px; }
.manv3                              { padding-left: 80px; }
.mnavli0                            { position: relative; }
.mnavli1                            { position: relative; }
.mnavli2                            { position: relative; }
.mnavli3                            {  }
.show-sub-nav                       { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; color: #0067b3; }
.marrow                             { border: 6px solid #0067b3; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.isclicked .marrow                  { border-top-color: transparent; border-bottom-color: #0067b3; }
.show-sub-nav.isclicked             { top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                            { display: none; }
.mnavul2                            { display: none; }
.mnavul3                            { display: none; }


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

.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }
#cookie-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; padding-top: 10px; }
#coi-infotext-mobile { display: none; }
#coi-infotext-mobile p { margin-bottom: 0; padding-bottom: 0; }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
.coi-infolinks { padding: 10px 0 5px 0; }
#coi-form-tbl { display: table; width: 100%; }
#coi-form {  }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons button.btn-dark { color: #888; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }

#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }
#cookie-info-spacer { background-color: #7da7d8; }
.iframe-daten-info { background-color: rgb(201 201 201); color: #fff; padding: 20px 10px; text-align: center; }
.idi-text { color: #3a3a3a; }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}


#content                            { padding: 10px 55px; }
#inhalt-text                        { float: left; width: 80%; box-sizing: border-box; padding-right: 160px; padding-bottom: 30px }
#inhalt-text p              				{ padding-bottom: 17px; }
#inhalt-text ul             				{ padding-left: 17px; }
#inhalt-text ol             				{ padding-left: 20px; }
#seitentitel                				{ padding-bottom: 25px; }
#seitentitel h1             				{ font-size: 21pt; font-weight: normal; color: #298714; }
.inh-abs-titel              				{ padding-bottom: 20px; }
.inh-abs-titel h2           				{ font-weight: 300; font-size: 17pt; color: #000; }
.content-trenner            				{ width: 100%; height: 30px; }
.inh-abs-text               				{ line-height: 26px; }
#infoboxen                          { width: 345px; float: right; padding-top: 62px; }
#infoboxen .infobox                 { margin-bottom: 30px; border: 1px solid #36a523; padding-bottom: 15px; }
#infoboxen .infobox.nurbild         { padding-bottom: 0; }
.ifb-bild                           { padding-bottom: 10px; }
.ifb-bild img                       { display: block; width: 100%; }
.ifb-titel                          { text-align: center; padding: 0 15px 10px 15px; }
.ifb-titel h3                       { font-size: 18pt; font-weight: normal; color: #2a8914; }
.ifb-text                           { padding: 0 15px; }
.ifb-text p                 				{ padding-bottom: 17px; }
.ifb-text p:last-child              { padding-bottom: 0; }


.treffer-nav                        { margin-bottom: 20px; font-size: 15pt; }
.treffer-anzahl                     { float: left; display: none; }
.treffer-arrows                     { float: right; }

#links                              { max-width: 2000px; width: 100%; display: table; margin: 0 auto; padding: 15px 55px; box-sizing: border-box; }
.links-spalte                       { display: table-cell; box-sizing: border-box; padding: 0 10px; }
.links-head                         { padding-bottom: 10px; }
.links-head-titel-1                 { text-transform: uppercase; }
.links-head-titel-2                 { font-style: italic; padding-top: 3px; }
.links-liste                        {  }
.links-liste ul                     { list-style: none; padding-left: 0; }
.links-liste ul li                  {  }
.links-liste ul li a                { padding: 2px 0; display: inline-block; font-size: 12pt; }



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


.asp-kat                            { padding-bottom: 30px; max-width: 800px; }
.asp-kat-titel                      { font-size: 13pt; background-color: #2a8914; padding: 5px; color: #fff; }
.asp-kat-mitarbeiter                { background-color: rgba(42, 137, 20, 0.1); padding: 0 5px; }
.mitarbeiter                        { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3; }
.mitarbeiter:last-child             { border-bottom: 0; }
.ma-tbl                             { display: table; width: 100%; }
.ma-left                            { display: table-cell; vertical-align: top; width: 45%; }
.ma-right                           { display: table-cell; vertical-align: top; }
.ma-name                            { font-weight: bold; }
.ma-position                        { padding-top: 3px; }
.tel-email-tbl                      { display: table; }
.tel-email-tr                       { display: table-row; }
.ma-telefon                         { display: table-cell; vertical-align: top; }
.ma-telefon-nummer                  { display: table-cell; vertical-align: top; }
.tel-email-tbl-abstand              { display: table-cell; vertical-align: top; width: 30px; }
.ma-email                           { display: table-cell; vertical-align: top; }
.ma-email-adresse                   { display: table-cell; vertical-align: top; }


#google-marker-kats                 { padding-top: 15px; }
.google-marker-kat                  { display: table; width: 33.33%; float: left; padding: 10px 0; height: 64px; }
.google-marker-icon                 { display: table-cell; width: 55px; cursor: pointer; vertical-align: middle; }
.google-marker-icon img             { display: block; padding-right: 15px; width: 40px; }
.google-marker-titel                { display: table-cell; vertical-align: middle; cursor: pointer; font-size: 10pt; }
.gm-style-iw div div                { overflow-x: hidden !important; }
.wgebiet-head                       { font-weight: bold; font-size: 11pt; color: #2a8914; }
.wgebiet-info                       { padding-top: 15px; }
.wgebiet                            { max-width: 260px; width: 100%; box-sizing: border-box; }


#buero-und-sprechzeiten             {  }
#buero-und-sprechzeiten table       {  }
#buero-und-sprechzeiten table tr    {  }
#buero-und-sprechzeiten table tr td { vertical-align: top; }
#buerozeiten                        { float: left; width: 300px; }
#sprechzeiten                       { float: left; width: 300px; }


.form-feld                  { margin-bottom: 20px; }
.feld-name                  { padding-bottom: 5px; }
.feld-input                 { font-family: 'open_sans_regular', arial, verdana, trebuchet ms, sans-serif; }
label                       { 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; }


#gallery-controls {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  gap: 15px;
}

#gallery-controls button {
  width: 32px;
  text-align: center;
}


#wohnungen-liste                    {  }
.wohnung                            { margin-bottom: 20px; border: 1px solid #36a523; position: relative; }
.wohnung-link                       { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.wohnung-inner                      { padding: 5px 90px 5px 5px; position: relative; }
.wohnung-button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.wohnung-tbl                        { display: table; width: 100%; }
.wohnung-bild                       { display: table-cell; vertical-align: top; width: 200px; }
.wohnung-bild img                   { display: block; width: 200px; }
.wohnung-daten                      { display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 25px; }
.wohnung-daten-tbl                  { display: table; width: 100%; }
.wohnung-adresse                    { display: table-cell; vertical-align: top; width: 35%; }
.wohnung-preis                      { display: table-cell; vertical-align: top; width: 20%; }
.wohnung-flaeche                    { display: table-cell; vertical-align: top; width: 20%; }
.wohnung-zimmer                     { display: table-cell; vertical-align: top; width: 30%; }
.info-head                          { font-weight: bold; padding-bottom: 2px; text-align: center; }
.info-content                       { text-align: center; }

#wd-plzort                          { padding-bottom: 30px; }
.wd-tbl-titel                       { font-weight: bold; }
.wd-tbl                             { display: table; padding-bottom: 35px; }
.wd-tbl-tr                          { display: table-row; }
.wd-tbl-td                          { display: table-cell; padding: 3px; }
.wd-tdb-trenner div                 { width: 15px; height: 10px; }
#wd-informationen                   { float: left; width: 33.33%; }
#wd-preise                          { float: left; width: 33.33%; }
#wd-energie                         { float: left; width: 33.33%; }
.wd-preis                           { text-align: right; }
.wd-text                            { padding-bottom: 20px; }
.wd-text-head                       { font-weight: bold; }
.wd-text-content                    {  }
#wd-kontakt                         {  }
#wd-kontakt a                       { display: inline-block; background-color: #3aa428; color: #fff; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.expose-download a                  { display: inline-block; background-color: #3aa428; color: #fff; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#formds                             { display: table; width: 100%; }
#formds-check                       { display: table-cell; vertical-align: top; width: 25px; }
#formds-text                        { display: table-cell; vertical-align: top; }

.bottomspace                        { padding-bottom: 20px; }

#inhalt-text.no-ifb                 { width: auto !important; float: none !important; padding-right: 0 !important; }

@media screen and (min-width: 1900px) and (max-width: 1934px){
  /*#header-right                       { width: 81%; }*/
}

@media screen and (min-width: 1800px) and (max-width: 1899px){
  /* #header-right                       { width: 80%; } */
  #inhalt-text                        { width: 79%; }
}

@media screen and (min-width: 1700px) and (max-width: 1799px){
  #navigation                         { padding: 10px 56px 0 40px; }
  #inhalt-text                        { width: 77%; }
  /* #header-right                       { width: 79%; } */
  .gala-bild-container                { width: 13%; }
}

@media screen and (min-width: 1600px) and (max-width: 1699px){
  #navigation                         { padding: 10px 56px 0 40px; }
  #inhalt-text                        { width: 76%; }
  /* #header-right                       { width: 78%; } */
  .gala-bild-container                { width: 13%; }
}

@media screen and (min-width: 1500px) and (max-width: 1599px){
  #inhalt-text                        { width: 74%; padding-right: 80px; }
  /* #header-right                       { width: 76%; } */
  #content                            { padding: 10px 42px 10px 55px; }
  .gala-bild-container                { width: 13%; }
}

@media screen and (min-width: 1400px) and (max-width: 1499px){
  #inhalt-text                        { width: 72%; padding-right: 80px; }
  /* #header-right                       { width: 75%; } */
  #content                            { padding: 10px 42px 10px 55px; }
  .gala-bild-container                { width: 15%; }
}

@media screen and (min-width: 1100px) and (max-width: 1499px){
  .wsuche-slider                      { width: 50%; }
  #wslider-center                     { padding: 0 0 0 30px; }
  #wslider-right                      { padding: 0 30px 0 0; float: none; clear: both; padding-top: 25px; }
}

@media screen and (min-width: 1475px) and (max-width: 1599px){
  /*#navigation                         { padding: 10px 40px 0 40px; }*/
}

@media screen and (min-width: 1400px) and (max-width: 1474px){
  /*#navigation                         { padding: 10px 40px 0 40px; }*/
  #start-boxen                        { position: static; padding-bottom: 15px; }
  .start-box-ifb                      { width: 33.33%; padding-top: 30px; }
  #start-box-4                        { clear: both; float: none; margin: 0 auto; }
  #bild-gross                         { margin-bottom: 0; }
}

@media screen and (min-width: 1300px) and (max-width: 1399px){
  /*#navigation                         { padding: 10px 40px 0 40px; }*/
  #start-boxen                        { position: static; padding-bottom: 15px; }
  .start-box-ifb                      { width: 33.33%; padding-top: 30px; }
  #start-box-4                        { clear: both; float: none; margin: 0 auto; }
  #bild-gross                         { margin-bottom: 0; }
  #header-spacer                      { display: none; }
  #inhalt-text                        { width: 70%; padding-right: 80px; }
  /* #header-right                       { width: 73%; } */
  #content                            { padding: 10px 42px 10px 55px; }
  .gala-bild-container                { width: 15%; }
  #wd-energie                         { float: none; clear: both; width: auto; }
  #wd-informationen                   { width: 50%; }
  #wd-preise                          { width: 50%; }

  #links {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }
  .links-spalte {
    display: block;
  }
  .wohnung-tbl {
    display: block;
  }
  .wohnung-bild {
    display: block;
  }
  .wohnung-daten {
    display: block;
    padding-left: 0;
    padding-top: 10px;
  }
  .wohnung-button {
    transform: translateY(0);
    top: initial;
    bottom: 10px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
  /* #navigation                         { padding: 10px 40px 0 40px; } */
  #start-boxen                        { position: static; padding-bottom: 15px; }
  .start-box-ifb                      { width: 33.33%; padding-top: 30px; }
  #start-box-4                        { clear: both; float: none; margin: 0 auto; }
  #bild-gross                         { margin-bottom: 0; }
  #header-spacer                      { display: none; }
  /* #header-logo                        { text-align: center; width: 300px; }
  #header-logo a                      { margin-left: 0; } */
  #inhalt-text                        { width: 68%; padding-right: 80px; }
  /* #header-right                       { width: 74%; } */
  #content                            { padding: 10px 42px 10px 31px; }
  .gala-bild-container                { width: 15%; }
  #wd-energie                         { float: none; clear: both; width: auto; }
  #wd-informationen                   { width: 50%; }
  #wd-preise                          { width: 50%; }
  #links {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }
  .links-spalte {
    display: block;
  }
  .wohnung-tbl {
    display: block;
  }
  .wohnung-bild {
    display: block;
  }
  .wohnung-daten {
    display: block;
    padding-left: 0;
    padding-top: 10px;
  }
  .wohnung-button {
    transform: translateY(0);
    top: initial;
    bottom: 10px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1199px){
  /* #navigation                         { padding: 10px 40px 0 40px; } */
  #start-boxen                        { position: static; padding-bottom: 15px; }
  .start-box-ifb                      { width: 33.33%; padding-top: 30px; }
  #start-box-4                        { clear: both; float: none; margin: 0 auto; }
  #bild-gross                         { margin-bottom: 0; }
  #header-spacer                      { display: none; }
  /* #header-logo                        { text-align: center; width: 270px; }
  #header-logo a                      { margin-left: 0; } */
  #inhalt-text                        { width: 65%; padding-right: 80px; }
  /* #header-right                       { width: 75%; } */
  #content                            { padding: 10px 42px 10px 18px; }
  #links                              { padding: 15px; }
  .links-spalte                       { padding: 0 5px; }
  .gala-bild-container                { width: 20%; }
  .wohnung-tbl                        { display: block; width: auto; }
  .wohnung-bild                       { display: block; width: auto; }
  .wohnung-daten                      { display: block; width: auto; padding-left: 0; padding-top: 10px; }
  #wd-energie                         { float: none; clear: both; width: auto; }
  #wd-informationen                   { width: 50%; }
  #wd-preise                          { width: 50%; }
  /*#bild-gross img                     { height: auto; }*/
  #navpunkte {
      gap: 35px;
  }
  #links {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }
  .links-spalte {
    display: block;
  }
  .wohnung-tbl {
    display: block;
  }
  .wohnung-bild {
    display: block;
  }
  .wohnung-daten {
    display: block;
    padding-left: 0;
    padding-top: 10px;
  }
  .wohnung-button {
    transform: translateY(0);
    top: initial;
    bottom: 10px;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1099px){
  #links                              { padding: 15px; }
  .links-spalte                       { padding: 0 5px; }
  .gala-bild-container                { width: 14%; }
  #wd-energie                         { width: 40%; }
  #wd-informationen                   { width: 30%; }
  #wd-preise                          { width: 30%; }
  #links {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }
  .links-spalte {
    display: block;
  }
}

@media screen and (min-width: 765px) and (max-width: 1099px){
	#fixed-header                       { display: none; }
  #header-mobile                      { display: block; }
  #page                               { padding-top: 70px; }
  #start-bild-text                    { position: static; max-width: 100%; }
  #start-bild-text-abstand            { padding: 10px; }
  #start-boxen                        { position: static; }
  .start-box-ifb                      { width: 50%; padding-top: 30px; }
  #bild-gross                         { margin-bottom: 20px; }
  #cookie-info-tbl                    { padding: 0 5px; }
  #inhalt-text                        { width: auto; float: none; padding-right: 0; }
  #infoboxen                          { width: auto; float: none; padding-top: 30px; }
  #content                            { padding: 10px 10px; }
}

@media screen and (min-width: 765px) and (max-width: 1000px){
  #start-bild-text-gross              { font-size: 6vw; }
  #start-bild-text-klein              { font-size: 3vw; }
  .gala-bild-container                { width: 16%; }
  .wsuche-slider                      { width: 50%; }
  #wslider-center                     { padding: 0 0 0 30px; }
  #wslider-right                      { padding: 0 30px 0 0; float: none; clear: both; padding-top: 25px; }
}

@media screen and (min-width: 765px) and (max-width: 999px){
	#links                              { display: none; }
  #wd-energie                         { float: none; clear: both; width: auto; }
  #wd-informationen                   { width: 50%; }
  #wd-preise                          { width: 50%; }
  .google-marker-kat                  { width: 50%; }
  .wohnung-tbl {
    display: block;
  }
  .wohnung-bild {
    display: block;
  }
  .wohnung-daten {
    display: block;
    padding-left: 0;
    padding-top: 10px;
  }
  .wohnung-button {
    transform: translateY(0);
    top: initial;
    bottom: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 764px){
	#fixed-header                       { display: none; }
  #header-mobile                      { display: block; }
  #page                               { padding-top: 70px; }
  #start-bild-text                    { position: static; }
  #start-bild-text-abstand            { padding: 10px; }
  #start-boxen                        { position: static; }
  .start-box-ifb                      { width: auto; float: none; padding-top: 30px; }
  #bild-gross                         { margin-bottom: 20px; }
  #start-bild-text-gross              { font-size: 7vw; }
  #start-bild-text-klein              { font-size: 4vw; }
  #cookie-info-tbl                    { padding: 0 5px; }
  #inhalt-text                        { width: auto; float: none; padding-right: 0; }
  #infoboxen                          { width: auto; float: none; padding-top: 30px; }
  #seitentitel h1                     { font-size: 7vw; }
  .inh-abs-titel h2                   { font-size: 5vw; }
  #content                            { padding: 10px 10px; }
  #links                              { display: none; }
  #start-bild-fliestext-klein         { font-size: 10pt; }
  .gala-bild-container                { width: 33.33%; }
  
  .formlist li.left                   { float: none; width: auto; padding-right: 0; }
  .formlist li.right                  { float: none; width: auto; padding-left: 0; }
  
  .wohnung                            { border: 0; }
  .wohnung-inner                      { display: block; border: 1px solid #36a523; }
  .wohnung-tbl                        { display: block; width: auto; }
  .wohnung-bild                       { display: block; width: auto; }
  .wohnung-daten                      { display: block; width: auto; padding-left: 0; padding-top: 10px; }
  .wohnung-daten-tbl                  { display: block; width: auto; }
  .wohnung-adresse                    { display: block; width: auto; }
  .wohnung-preis                      { display: block; width: auto; padding-top: 10px; }
  .wohnung-flaeche                    { display: block; width: auto; padding-top: 10px; }
  .wohnung-zimmer                     { display: block; width: auto; padding-top: 10px; }
  .info-head                          { text-align: left; }
  .info-content                       { text-align: left; }
  #wd-energie                         { width: auto; float: none; }
  #wd-informationen                   { width: auto; float: none; }
  #wd-preise                          { width: auto; float: none; }
  .google-marker-kat                  { width: 100%; float: none; }
  
  .wsuche-slider                      { float: none; width: auto; }
  #wslider-left                       { padding: 0 0 15px 0; }
  #wslider-center                     { padding: 0 0 15px 0; }
  #wslider-right                      { padding: 0; }
  .wohnung-button {
    position: static;
    transform: translateY(0);
  }
  .wohnung-tbl {
    padding-bottom: 10px;
  }
  .wohnung-inner {
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 630px){
	#cookie-info-spacer                 { height: 90px; }
  .ma-tbl                             { display: block; }
  .ma-left                            { display: block; width: auto; }
  .ma-right                           { display: block; padding-top: 15px; width: auto; }
}

@media screen and (min-width: 0px) and (max-width: 435px){
  .treffer-anzahl                     { float: none; text-align: center; }
  .treffer-arrows                     { float: none; text-align: center; padding-top: 10px; }
}

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

@media only screen and (max-width: 1300px) {
  #navigation nav > ul {
    gap: 7%;
  }
}

@media only screen and (max-width: 1100px) {
  #start-bild-video-player-container {
    max-width: 100%;
  }
  #bild-gross img {
    height: auto;
  }
}


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

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

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
#consent-banner-links a { color: #fff; }

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

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


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

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

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





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