/* Font: Asap */
@font-face{font-family:'Asap';font-style:normal;font-weight:400;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-regular.eot);src:local('Asap Regular'),local(Asap-Regular),url(/static/wbgasbf/fonts/asap/asap-v11-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-regular.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-regular.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-regular.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-regular.svg#Asap) format("svg")}
@font-face{font-family:'Asap';font-style:normal;font-weight:500;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-500.eot);src:local('Asap Medium'),local(Asap-Medium),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500.svg#Asap) format("svg")}
@font-face{font-family:'Asap';font-style:italic;font-weight:400;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-italic.eot);src:local('Asap Italic'),local(Asap-Italic),url(/static/wbgasbf/fonts/asap/asap-v11-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-italic.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-italic.svg#Asap) format("svg")}
@font-face{font-family:'Asap';font-style:italic;font-weight:500;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-500italic.eot);src:local('Asap Medium Italic'),local(Asap-MediumItalic),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500italic.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-500italic.svg#Asap) format("svg")}
@font-face{font-family:'Asap';font-style:normal;font-weight:600;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-600.eot);src:local('Asap SemiBold'),local(Asap-SemiBold),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600.svg#Asap) format("svg")}
@font-face{font-family:'Asap';font-style:italic;font-weight:600;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-600italic.eot);src:local('Asap SemiBold Italic'),local(Asap-SemiBoldItalic),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600italic.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-600italic.svg#Asap) format("svg")}
@font-face{font-family:'Asap';font-style:normal;font-weight:700;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-700.eot);src:local('Asap Bold'),local(Asap-Bold),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700.svg#Asap) format("svg")}
@font-face{font-family:'Asap';font-style:italic;font-weight:700;src:url(/static/wbgasbf/fonts/asap/asap-v11-latin-700italic.eot);src:local('Asap Bold Italic'),local(Asap-BoldItalic),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700italic.woff) format("woff"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/asap/asap-v11-latin-700italic.svg#Asap) format("svg")}

/* Font: Raleway */
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-regular.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-regular.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-regular.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-regular.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-regular.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:300;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300italic.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300italic.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-300italic.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:400;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-italic.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-italic.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-italic.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:500;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500italic.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500italic.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-500italic.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:600;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600italic.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600italic.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-600italic.svg#Raleway) format("svg")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:700;src:url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700italic.eot);src:local(),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700italic.woff2) format("woff2"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700italic.woff) format("woff"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700italic.ttf) format("truetype"),url(/static/wbgasbf/fonts/raleway/raleway-v17-latin-700italic.svg#Raleway) format("svg")}

/* Font: Caveat */
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;src:url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-regular.eot);src:local('Caveat Regular'),local(Caveat-Regular),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-regular.woff2) format("woff2"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-regular.woff) format("woff"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-regular.ttf) format("truetype"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-regular.svg#Caveat) format("svg")}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;src:url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-700.eot);src:local('Caveat Bold'),local(Caveat-Bold),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-700.woff2) format("woff2"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-700.woff) format("woff"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-700.ttf) format("truetype"),url(/static/wbgasbf/fonts/caveat/caveat-v7-latin-700.svg#Caveat) format("svg")}

/*Style Override*/
.btn-primary {
    color: #fff;
    background-color: #627f21;
    border-color: #729523;
}
.btn-outline-primary {
    color: #627f21;
    border-color: #627f21;
}
.text-right {
  text-align: right !important;
}
.navigation {
  flex-grow: 1;
  font-family: 'Asap', sans-serif;
  font-weight: 700;
  padding-left: 50px;
  font-size: 14pt;  
}
.skip-link {
  position: absolute;
  top: 10px;
  left: -9999px;
  background-color: #627f21;
  color: #fff;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 4px;
  z-index: 1000;
  transition: left 0.3s;
}
.skip-link:hover {
  color: #fff;
}
/* Sobald der Skip-Link den Fokus erhält, wird er in den sichtbaren Bereich verschoben */
.skip-link:focus {
  left: 10px;
}

#mgz {
  width: 300px;
}

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


.wohnung { display: flex; align-items: center; margin-bottom: 50px; position: relative; }
.wohnung-detail-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wohnung:last-child { margin-bottom: 0; }
.wohnung-bild { flex: 0 0 25%; }
.wohnung-bild img { width: 100%; }
.wohnung-daten { flex-grow: 1; }
.wohnung-daten-container { padding-left: 25px; }
.wohnung-daten-headline { font-size: 15pt; font-weight: 500; margin-bottom: 20px; }
.wohnung-infos { display: flex; justify-content: space-between; }
.wohnung-info { text-align: center; }
.wohnung-info-titel { border-bottom: 1px solid #627f21; padding-bottom: 2px; margin-bottom: 2px; font-size: 14pt; font-weight: 500; padding: 0 20px; }
.wohnung-info-wert { padding: 0 20px; }


.wd-headline { position: relative; }
.wd-headline-hg { display: block; width: 100%; }
.wd-headline-text { position: absolute; left: 30px; color: #fff; font-weight: 800; font-size: 15pt; top: 50%; transform: translateY(-50%); }
.wd-table-content { padding: 10px 30px 0 30px; }
.wd-table-titel {  }
.wd-table-wert { text-align: right; }


#immogallery .carousel-control-next, #immogallery .carousel-control-prev { opacity: 0.6; }
#immogallery .carousel-control-next:hover, #immogallery .carousel-control-prev:hover { opacity: 0.9; }
#immogallery .fa-circle { color: #627f21; }
#immogallery .fa-chevron-left, #immogallery .fa-chevron-right { color: #fff; }
#immogallery .carousel-indicators li { background-color: #627f21; }
#immogallery .carousel-indicators .active { background-color: #556f1a; }
#immogallery img { max-height: 450px; object-fit: contain; }
.carousel-caption { font-weight: 600; color: #fff; }



.noUi-target { box-shadow: none; background: #627f21; border: 0; }
.noUi-horizontal { height: 6px; }
.noUi-handle { box-shadow: none; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.noUi-handle:after { display: none; }
.noUi-handle:before { background: transparent; width: auto; height: auto; top: -1px; font-size: 15pt; }
.noUi-handle-lower.noUi-handle:before { content: "\f105"; left: 12px; }
.noUi-handle-upper.noUi-handle:before { content: "\f104"; left: 12px; }
.noUi-horizontal .noUi-handle { top: -11px; }

#wsuche-container { display: flex; padding-bottom: 40px; }
#wsuche-slider { flex: 0 0 40%; }
#wsuche-merkmale { flex-grow: 1; }
#wsuche-merkmale .wsuche-container { padding-left: 30px; }

.slider-table { display: table; width: 100%; }
.slider-td { display: table-cell; vertical-align: top; }
.slider-td.slider-left { width: 55px; text-align: center; }
.slider-center { padding: 0 16px; }
.slider-td.slider-right { width: 55px; text-align: center; }
.start-slider-titel { text-align: center; font-size: 11pt; }
.slider-inner { height: 17px; margin-top: 8px; }


.accordion .card-header:after { font-family: "Font Awesome 5 Free";   font-weight: 900; content: "\f106"; float: right;  }
.accordion .card-header.collapsed:after { content: "\f107";  }
.acc-head { cursor: pointer; }
.acc-head { background-color: #627f21; }
.acc-head.collapsed { background-color: rgba(0,0,0,.03); }

.acc-mitarbeiter { flex: 0 0 50%; padding-bottom: 35px; }
.acc-mitarbeiter:last-child { padding-bottom: 0; }
.acc-mitarbeiter-bild { flex: 0 0 30%; }
.acc-mitarbeiter-bild img { width: 100%; display: block; }
.acc-mitarbeiter-infos { flex-grow: 1; font-size: 11pt; }
.acc-mitarbeiter-infos-container { padding-left: 20px; }
.acc-mitarbeiter:nth-child(odd) .acc-mitarbeiter-details { padding-right: 20px; }
.acc-mitarbeiter:nth-child(even) .acc-mitarbeiter-details { padding-left: 20px; }


#wsuche-merkmale-container { display: flex; flex-wrap: wrap; }
#wsuche-checkboxen { flex: 0 0 60%; }
#wsuche-checkboxen .row { padding-right: 20px; }
#wsuche-wohngebiet { flex: 0 0 40%; }


.boxen-asp-rel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.boxen-asp-name { width: 100%; bottom: 100%; color: #12304d; background-color: rgb(255 255 255 / 90%); font-size: 17pt; }
.boxen-asp-name div { padding: 4.5% 9.5%; }
.boxen-asp-infotext { font-size: 1rem; padding: 0 !important; }



* { padding: 0; margin: 0; }

body {
  font-family: 'Asap', sans-serif;
  font-size: 13pt;
  font-weight: 400;
  color: #12304d;
}



a { color: #627f21; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { color: #627f21; text-decoration: none; }

.clear { clear: both; }

header, nav, main, footer { display: block; }
footer { padding-top: 60px; margin-top: 120px; }

.hg-design-headline { position: absolute; font-family: 'Caveat', cursive; font-size: 60pt; color: #12304d; margin-bottom: 0; max-width: 1145px; width: 100%; left: 50%; transform: translateX(-50%); opacity: 0.7; }
.hg-design-headline span { display: block; padding: 0 8.33333%;
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.hg-design-top { margin-top: 120px; position: relative; }
.hg-design-top .hg-design-headline { bottom: 25px; }
.hg-design-top img { display: block; width: 100%; margin: 0 auto; }
.hg-design-bottom { margin-bottom: 120px; position: relative; }
.hg-design-bottom .hg-design-headline { top: 0; }
.hg-design-bottom img { display: block; width: 100%; margin: 0 auto; }


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

.wrap-container { padding: 0 20%; }
.wrap-container-spacing { padding-top: 40px; }
.wrap-container-design-spacing { padding-top: 40px; padding-bottom: 40px; }
.wrap { max-width: 1145px; margin: 0 auto; min-height: 50px; width: 100%; position: relative;}

header { padding-top: 30px; height: 180px; position: relative; }
#head-flex { display: flex; align-items: flex-end; position: relative; }
#head-desktop-telefon { position: absolute; top: 0; right: 0; font-family: 'Asap', sans-serif; font-size: 14pt; font-weight: 500; }
#head-desktop-logo { flex: 0 0 221px; }
#head-desktop-logo a { display: block; }
#head-desktop-logo a img { display: block; max-width: 221px; width: 100%; margin-bottom: 15px; }
#head-desktop-navigation { flex-grow: 1; }
#head-mobile-nav-button { display: none; }
#mainnav { font-family: 'Asap', sans-serif; font-weight: 700; list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; padding-left: 16.8%; }
.mainli { position: relative; display: flex; }
.mainlink { display: block; font-size: 14pt; }
.mainlink-text { text-transform: uppercase; color: #7A6E63; }
.mainsub { display: block; color: #7A6E63; padding: 2px 0 0 5px; font-size: 12pt; }
.submenu-container { display: none; overflow: visible !important; position: absolute; left: 0; top: 20px; min-width: 140px; z-index: 10; padding-top: 24px; }
.sub1 { list-style: none; padding: 20px 18px 14px 18px; background-color: #fff; text-align: left; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
a.sub1link { display: block; padding: 5px 10px; white-space: nowrap; text-transform: uppercase; }
a.sub1link:hover { color: #40600a; }
.sub1.sub1left { left: auto; right: -10px; text-align: right; }
.nav-green-stripe { background-color: #7aa538; display: none; position: absolute; height: 3px; width: 100%; bottom: -16px; left: 0; }
.mainopen .mainlink-text, .mainopen .mainsub { color: #627f21; }
.sub1open a.sub1link { color: #40600a; }
#mobile-navigation { display: none; }


#page-panorama { position: relative; max-width: 1920px; width: 100%; margin: 0 auto; overflow-x: hidden; }
#page-panorama img { display: block; width: 1920px; height: 550px; object-fit: cover; object-position: center center; }
#page-panorama-overlay {
  /*background-color: #000;
  opacity: 0.15;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; */
} 
#page-panorama-text {
  /*position: absolute;
  left: 0;
  top: 0;*/
  font-family: 'Caveat', cursive;
  font-size: 66pt;
  color: #627f21;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  letter-spacing: -1px;
}
#page-panorama-text p { margin-bottom: 0 !important; }


/* Text mit der Aufteilung 1-col 10-col 1-col */
.seitentitel { font-family: 'Asap', sans-serif; text-transform: uppercase; font-size: 28pt; font-weight: 700; text-align: center; margin: 0; padding: 70px 0 40px 0; }
.seitentitel-start { padding: 120px 0 110px 0; }
.inh-abs-titel { padding-bottom: 5px; }
.inh-abs-titel h2, .inh-abs-text h2 { font-family: 'Asap', sans-serif; font-weight: 700; font-size: 24pt; }
.inh-abs-text  { padding-bottom: 1rem; }
.inh-abs-text ul { overflow: auto; padding-left: 21px; }
.inh-abs-text ol { overflow: auto; padding-left: 22px; }
.inh-abs-text p:last-child { margin-bottom: 0; }
.inh-abs-2-columns { column-count: 2; column-gap: 60px; }
.content-normal { padding: 0 8.33333%; /*padding-bottom: 40px;*/ }
.content-trenner { width: 100%; height: 30px; }


.boxen-container { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; justify-content: center; padding-bottom: 50px; }
.boxen-container .card { flex: 1 0 0%; margin-right: 15px; margin-left: 15px; }
.boxen-size-4 .card { flex: 0 0 22%; }
.boxen-size-3 .card { flex: 0 0 30%; }
.boxen-size-2 .card { flex: 0 0 46%; }
.card-body p:last-child { margin-bottom: 0; }


.content-2spalten { display: flex; padding-bottom: 40px; }
.content-2spalten h2 { margin-bottom: 55px; padding-top: 25px; }
.content-2spalten-image { flex: 0 0 40.6%; }
.content-2spalten-image img { display: block; width: 100%; border-radius: 100%; }
.content-2spalten-inhalt { flex-grow: 1; }
.content-2spalten-text p:last-child { margin-bottom: 0; }

.content-2spalten.img-left .content-2spalten-image { order: 1; }
.content-2spalten.img-left .content-2spalten-inhalt { order: 2; }
.content-2spalten.img-left .content-2spalten-text { padding-left: 18.4%; }
.content-2spalten.img-right .content-2spalten-image { order: 2; }
.content-2spalten.img-right .content-2spalten-inhalt { order: 1; }
.content-2spalten.img-right .content-2spalten-text { padding-right: 18.4%; }




#footer { padding-bottom: 100px; min-height: 356px; max-width: 1920px; margin: 0 auto; background-image: url(/static/wbgasbf/footer-image.png); background-position: 97px 25px; background-repeat: no-repeat; }
#footer-flex { display: flex; align-items: flex-end; }
#footer-kontakt { flex: 0 0 50%; }
#footer-kontakt-links { font-family: 'Asap', sans-serif; }
#footer-navigation { flex: 0 0 50%; }
#footer-logo { padding-bottom: 44px; }
#footer-logo a { display: block; max-width: 163px; width: 100%; }
#footer-logo img { display: block; width: 100%; }

#footer-nav-flex { display: flex; justify-content: flex-end; padding-bottom: 14px; }
#footer-nav-punkte { padding-top: 3px; }
#footer-nav-socialmedia { flex: 0 0 80px; text-align: right; font-size: 16pt; }

#footer-big-text { font-family: 'Caveat', cursive; font-size: 64pt; position: absolute; top: 48px; right: -310px; color: #627f21; opacity: 0.7; letter-spacing: -1px; }

.bildgala 														{ display: flex; padding: 15px 0 0 0; flex-wrap: wrap; gap: 18px }
.gala-bild-container 									{ flex: 0 0 23%; margin-bottom: 30px; }
.gala-bild-container a 								{ display: block; width: 100%; position: relative; }
.gala-bild-container a img 						{ display: block; width: 100%; }



/* Bootstrap Override */
.btn { font-family: 'Asap', sans-serif; font-weight: 600; font-size: 12pt; }
.boxen-container .btn { /*padding-left: 60px; padding-right: 60px;*/ width: 95%; }
.form-control { border-radius: 0.3rem; background-color: #e5ecda; }
.custom-select { border-radius: 0.3rem; background-color: #e5ecda; }
.btn { border-radius: 2rem; }
.custom-file-label::after { content: "auswählen"; }
.h2, h2 { font-weight: 700; }
.card {border-radius: 0px 0px 20px 20px;}
.card-img, .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0; }
.pb-4, .py-4 { padding-bottom: 1rem!important; }

@media screen and (max-width: 1900px){
	#mainnav { padding-left: 13%; }
  .hg-design-headline { font-size: 52pt; }
}

@media screen and (max-width: 1800px){
	#mainnav { padding-left: 10%; }
}

@media screen and (max-width: 1700px){
	#mainnav { padding-left: 6%; }
  .mainlink { font-size: 13pt; }
  .mainsub { font-size: 11pt; }
  #footer-big-text { font-size: 5.03vw; right: -30%; }
}

@media screen and (max-width: 1600px){
	#head-desktop-logo { flex: 0 0 195px; }
	header { height: 170px; }
  #footer-big-text { font-size: 4.5vw; right: -30%; }
}

@media screen and (max-width: 1500px){
	.wrap-container { padding: 0px 17%; }
  .wrap-container-spacing { padding-top: 40px; }
  .wrap-container-design-spacing { padding-top: 40px; padding-bottom: 40px; }
  #footer-big-text { right: -22%; }
  .hg-design-headline span { padding: 0 12.33333%; }
  .hg-design-headline { font-size: 48pt; }
}

@media screen and (max-width: 1400px){
	.wrap-container { padding: 0px 14%; }
  .wrap-container-spacing { padding-top: 40px; }
  .wrap-container-design-spacing { padding-top: 40px; padding-bottom: 40px; }
  #page-panorama-text { font-size: 6.6vw; }
  #footer-big-text { right: -16%; }
}

@media screen and (max-width: 1300px){
	.wrap-container { padding: 0px 11%; }
  .wrap-container-spacing { padding-top: 40px; }
  .wrap-container-design-spacing { padding-top: 40px; padding-bottom: 40px; }
  #footer-big-text { right: -11%; }
  .hg-design-headline span { padding: 0 15.33333%; }
  .hg-design-headline { font-size: 42pt; }
}

@media screen and (max-width: 1200px){
	.wrap-container { padding: 0px 7%; }
  .wrap-container-spacing { padding-top: 40px; }
  .wrap-container-design-spacing { padding-top: 40px; padding-bottom: 40px; }
  #footer-big-text { right: -5%; }
  .hg-design-headline { width: 99%; }
}

@media screen and (max-width: 1100px){
	header { height: auto; padding-top: 10px; height: 200px; }
	.wrap-container { padding: 0px 10px; }
  .wrap-container-spacing { padding-top: 40px; }
  .wrap-container-design-spacing { padding-top: 40px; padding-bottom: 40px; }
  #footer-big-text { right: 2%; }
  .boxen-container { margin-left: 0; margin-right: 0; }
  #head-desktop-navigation { display: none; }
  #head-mobile-nav-button { display: block; }
  .navigation {
    display: none;
  }
  .hg-design-headline span { padding: 0 8.33333%; }
  
  
  #head-flex { flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
  #head-desktop-telefon { position: static; order: 2; flex: 0 0 50%; text-align: right; }
  #head-desktop-telefon a { display: inline-block; padding-bottom: 5px; }
  #head-desktop-logo { order: 1; }
  #head-mobile-nav-button { order: 3; flex: 0 0 100%; text-align: center; }
  
  #mm-button-container { padding: 30px 10px 25px 10px; display: inline-block; cursor: pointer; }
  #mm-button { width: 52px; height: 30px; position: relative;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
	}
  #mm-button span { display: block; position: absolute; height: 5px; width: 50%; background: #7a6e63; opacity: 1; left: 0;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
		transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
	}
  #mm-button span:nth-child(even) { left: 50%; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
  #mm-button span:nth-child(odd) { left:0px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
  #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; }
  #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 12px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 24px; }
  #mm-button.open span { background: #7a6e63; }
  #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #mm-button.open span:nth-child(1) { left: 4px; top: 9px; }
  #mm-button.open span:nth-child(2) { left: calc(50% - 4px); top: 9px; }
  #mm-button.open span:nth-child(3) { left: -50%; opacity: 0; }
  #mm-button.open span:nth-child(4) { left: 100%; opacity: 0; }
  #mm-button.open span:nth-child(5) { left: 4px; top: 27px; }
  #mm-button.open span:nth-child(6) { left: calc(50% - 4px); top: 27px; }
  
  #mobile-navigation { background-color: rgb(255 255 255 / 95%); z-index: 50; text-align: center; position: absolute; top: 200px; left: 0; width: 100%; text-transform: uppercase; font-family: 'Asap', sans-serif; }
  #mobile-navigation a { display: inline-block; padding: 6px 0; }
  #mobile-navigation a.manv1 { padding: 4px 0; }
  #nav-content { padding: 40px 0 30px 0; }
  #mnav-body ul {
    padding-left: 0;
  }
  .manv0 { font-weight: 700; color: #7A6E63; }
  .manv0-active { color: #627f21; }
  .manv1 { color: #627f21; font-weight: 500; }
  .manv1-active { color: #40600a; }
  .mnavul1 { display: none; padding-bottom: 15px; padding-left: 0; }
  .mnavul2 { display: none; }
  .mnavli0 { position: relative; list-style: none; }
  .mnavli1 { list-style: none; }
  .show-sub-nav.showsub1 { position: absolute; top: 0; right: 5px; padding: 5px 10px 4px 10px; border-left: 2px solid #627f21; cursor: pointer; }
}

@media screen and (max-width: 1000px){
	.seitentitel { padding: 60px 0 30px 0; }
  .seitentitel-start { padding: 120px 0 55px 0; }
  .boxen-size-3 .card { flex: 0 0 45%; }
  .boxen-size-4 .card { flex: 0 0 45%; }
  .content-2spalten { flex-wrap: wrap; }
  .content-2spalten-image { flex: 0 0 100%; }
  .content-2spalten-inhalt { flex: 0 0 100%; }
  .content-2spalten.img-left .content-2spalten-text { padding-left: 0; }
  .content-2spalten.img-right .content-2spalten-text { padding-right: 0; }
  .content-2spalten.img-right .content-2spalten-image { order: 1; }
  .content-2spalten.img-right .content-2spalten-inhalt { order: 2; }
  
  #footer { background-position: -280px 50px; }
  #footer-flex { flex-wrap: wrap; align-items: center; }
  #footer-kontakt { flex: 0 0 100%; }
  #footer-navigation { flex: 0 0 100%; }
  #footer-logo a { margin: 0 auto; }
  #footer-nav-flex { justify-content: center; flex-wrap: wrap; }
  #footer-nav-punkte { flex: 0 0 100%; text-align: center; }
  #footer-nav-punkte a { display: block; padding: 5px 0; }
  #footer-nav-punkte span { display: none; }
  #footer-nav-socialmedia { flex: 0 0 100%; text-align: center; padding-top: 6px; }
  #footer-big-text { position: static; text-align: center; padding-top: 15px; font-size: 7vw; }
  
  
  #wsuche-container { flex-wrap: wrap; }
  #wsuche-slider { flex: 0 0 100%; padding-bottom: 25px; }
  #wsuche-merkmale { flex: 0 0 100%; }
  #wsuche-merkmale .wsuche-container { padding-left: 0; }
  
  .acc-mitarbeiter { flex: 0 0 100%; }
  .acc-mitarbeiter:nth-child(odd) .acc-mitarbeiter-details { padding-right: 0; }
  .acc-mitarbeiter:nth-child(even) .acc-mitarbeiter-details { padding-left: 0; }
  
  .hg-design-headline { font-size: 36pt; }
  
}

@media screen and (max-width: 850px){
  .boxen-size-2 .card { flex: 0 0 100%; max-width: 400px; }
  .boxen-size-2 .mb-6 { margin-bottom: 1.5rem!important; }
}

@media screen and (max-width: 765px){
  header { height: 154px; }
  #mobile-navigation { top: 154px; }
	#head-desktop-logo { flex: 0 0 100px; }
  #head-desktop-telefon { flex-grow: 1; font-size: 16pt; }
  #page-panorama-text { font-size: 8.5vw; text-align: center; }
  #page-panorama img { height: 365px; }
  .boxen-size-3 .card { flex: 0 0 100%; max-width: 400px; }
  .boxen-size-4 .card { flex: 0 0 100%; max-width: 400px; }
  .inh-abs-2-columns { column-count: 1; }
  footer { padding-top: 30px; }
  .content-normal { padding-left: 0; padding-right: 0; }
  #wsuche-checkboxen { flex: 0 0 50%; }
  #wsuche-wohngebiet { flex: 0 0 50%; }
	.wahlbezirk-daten { width: 100%; overflow-x: scroll; }
  .wrap-container-spacing { padding-top: 20px; }
  .wrap-container-design-spacing { padding-top: 20px; padding-bottom: 20px; }
  
  .hg-design-top .hg-design-headline { bottom: 5px; }
  .hg-design-bottom { margin-bottom: 25px; }
  
  .gala-bild-container { flex: 0 0 47%; }
  
  .wohnung { flex-wrap: wrap; }
  .wohnung-bild { flex: 0 0 50%; }
  .wohnung-daten { flex: 0 0 100%; padding-top: 15px; }
  .wohnung-daten-container { padding-left: 0; }
  
  .seitentitel { font-size: 26pt; }
  
}

@media screen and (max-width: 650px){
	#page-panorama-text { font-size: 10.5vw; }
  .hg-design-headline { font-size: 6vw; }
}

@media screen and (max-width: 600px){
	.hg-design-headline { width: 98%; }
}

@media screen and (max-width: 550px){
	#page-panorama-text { font-size: 12.5vw; }
  .acc-mitarbeiter-details { flex-wrap: wrap; }
  .acc-mitarbeiter-bild { padding-bottom: 10px; flex: 0 0 40%; }
  .acc-mitarbeiter-infos { flex: 0 0 100%; }
  .acc-mitarbeiter-infos-container { padding-left: 0; }
  .acc-mitarbeiter { padding-bottom: 55px; }
  .wohnung { justify-content: center; }
  .wohnung-daten-headline { text-align: center; }
  .wohnung-bild { flex: 0 0 75%; }
  .wohnung-infos { flex-wrap: wrap; }
  .wohnung-info { flex: 0 0 50%; }
  .wohnung-info-titel { padding: 0 0 10px 0; margin: 0 20px; }
  .wohnung-info-wert { padding: 0; margin: 0 20px; }
}

@media screen and (max-width: 450px){
	#page-panorama-text { padding: 0 20px; }
}

@media screen and (max-width: 420px){
  #wsuche-checkboxen { flex: 0 0 100%; }
  #wsuche-wohngebiet { flex: 0 0 100%; padding-top: 20px; }
}


/*


Buttons: Asap 18pt SemiBold




  font-family: 'Asap', sans-serif;
  font-family: 'Raleway', sans-serif;



  font-family: adobe-handwriting-ernie,sans-serif;
  font-weight: 400;
  font-style: normal;
  
  ersetzen durch 
  
  font-family: 'Caveat', cursive;



font-weight für Asap und Raleway
300 light
400 regular
500 medium
600 semi-bold
700 bold


1145px == Content Breite außer Footer
p = W/G*100

60% Content --> 40% Rand --> 20% pro Seite

*/









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

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

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

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

/*.cb-btn { background-color: #3ca8cb; 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 */

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









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