.btn.btn-primary {
  color: #003e73 !important;
  border: 1px solid #003e73 !important;
  background-color: #fff !important;
}
.img-icon {
	position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: #003e73;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  border: 1px solid #fff;
}
.img-icon svg {
  color: #fff;
}
.navbootstrap {
  font-weight: 300;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  height: 30px;
  font-size: 18pt;
  line-height: 18pt;
}

.navbootstrap .navbar-nav .nav-item {
  margin-right: 22px; /* Abstand zwischen den Menüpunkten */
}
.navbar-nav a.nav-link.dropdown-toggle {
  color: #003e73;
}
.navbootstrap .navbar-nav .nav-item:last-child {
  margin-right: 0; /* Kein zusätzlicher Abstand beim letzten Element */
}
.navbar-nav .dropdown-toggle::after {
  display: none;
}
.navbar-nav .dropdown-toggle svg {
  padding-left: 10px;
}
.dropdown-menu {
  background-color: #003e73;
}
.dropdown-item {
  color: #fff;
  text-transform: capitalize;
}
.dropdown-item.active, .dropdown-item:active {
  color: #003e73;
}
.nav-link {
  color: #003e73;
}

.nav0cp {
  cursor: pointer;
}
.img-container, .img-container a {
  position: relative;
  display: block;
}
.controls {
  padding-top: 10px;
  display: flex;
  gap: 15px;
  justify-content: center;
  height: 41px;
}
.controls button {
  flex: 0 0 40px;
}
.geschichte-liste-trenner {
    margin: 0 auto;
    width: 80%;
    border-bottom: 1px solid #777;
}
.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 1.0);
}

.skip-link {
  position: absolute;
  top: 10px;
  left: -9999px;
  background-color: #005a9c;
  color: #fff;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 4px;
  z-index: 1000;
  transition: left 0.3s;
}

/* Sobald der Skip-Link den Fokus erhält, wird er in den sichtbaren Bereich verschoben */
.skip-link:focus {
  left: 10px;
}

.vkbild a {
  position: relative;
}

.job-besetzen-ab {
  font-size: 0.85rem;
}
.job-infos a {
  font-size: 1.6rem;
}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-regular.eot);src:local('Montserrat Regular'),local(Montserrat-Regular),url(/static/wbghubbf/fonts/montserrat-v14-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-regular.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-regular.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-regular.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-regular.svg#Montserrat) format("svg")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-300.eot);src:local('Montserrat Light'),local(Montserrat-Light),url(/static/wbghubbf/fonts/montserrat-v14-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300.svg#Montserrat) format("svg")}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:300;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-300italic.eot);src:local('Montserrat Light Italic'),local(Montserrat-LightItalic),url(/static/wbghubbf/fonts/montserrat-v14-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300italic.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300italic.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300italic.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-300italic.svg#Montserrat) format("svg")}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:400;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-italic.eot);src:local('Montserrat Italic'),local(Montserrat-Italic),url(/static/wbghubbf/fonts/montserrat-v14-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-italic.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-italic.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-italic.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-italic.svg#Montserrat) format("svg")}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:500;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-500italic.eot);src:local('Montserrat Medium Italic'),local(Montserrat-MediumItalic),url(/static/wbghubbf/fonts/montserrat-v14-latin-500italic.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500italic.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500italic.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500italic.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500italic.svg#Montserrat) format("svg")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-500.eot);src:local('Montserrat Medium'),local(Montserrat-Medium),url(/static/wbghubbf/fonts/montserrat-v14-latin-500.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-500.svg#Montserrat) format("svg")}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:600;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-600italic.eot);src:local('Montserrat SemiBold Italic'),local(Montserrat-SemiBoldItalic),url(/static/wbghubbf/fonts/montserrat-v14-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600italic.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600italic.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600italic.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600italic.svg#Montserrat) format("svg")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:url(/static/wbghubbf/fonts/montserrat-v14-latin-600.eot);src:local('Montserrat SemiBold'),local(Montserrat-SemiBold),url(/static/wbghubbf/fonts/montserrat-v14-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600.woff2) format("woff2"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600.woff) format("woff"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600.ttf) format("truetype"),url(/static/wbghubbf/fonts/montserrat-v14-latin-600.svg#Montserrat) format("svg")}

.hyphenate { /*hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; word-break: break-word;*/ }

:root{
  --news_startseite_img_size: 240px;
}

#content-spalten { display: flex; gap: 100px; }
#content-left { flex-grow: 1; }
#content-right { flex: 0 0 340px; }

#news-startseite { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 100px; padding-top: 35px; padding-bottom: 80px; }
.news-startseite { display: flex; gap: 25px; position: relative; align-content: flex-start; }
.news-startseite-bild { flex: 0 0 var(--news_startseite_img_size); }
.news-startseite-bild img { display: block; width: 100%; height: 100%; object-fit: cover; max-height: var(--news_startseite_img_size); }
.news-startseite-content { flex-grow: 1; }
.news-startseite-datum { padding-bottom: .85rem; }
.news-startseite-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-startseite { flex-wrap: wrap; }
.news-startseite-bild { flex: 0 0 100%; height: var(--news_startseite_img_size); }
.news-startseite-bild img { height: var(--news_startseite_img_size); }

#vk-startseite { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 100px; padding-top: 35px; padding-bottom: 80px; }

.box-right-titel { background-color: #015a9e; padding: 15px; }
.box-right-titel h3 { color: #fff !important; margin: 0 !important; }
.box-right-content { padding: 15px; border: 1px solid #015a9e; }
.box-right-navigation-link { padding: 5px 0; }

#aktuelles-liste { padding-top: 25px; }
.aktuelles-liste-eintrag { display: flex; }
.aktuelles-liste-eintrag + .aktuelles-liste-eintrag { padding-top: 90px; }
.aktuelles-liste-bild { flex: 0 0 30%; position: relative; }
.aktuelles-liste-bild img { width: 100%; display: block; }
.aktuelles-liste-trenner { flex: 0 0 50px; }
.aktuelles-liste-infos { flex-grow: 1; }
.aktuelles-liste-datum { padding-bottom: .85rem; }
#aktuelles-liste .aktuelles-liste-titel h2 { /*color: #000; font-weight: bold;*/ }
#aktuelles-liste .aktuelles-liste-titel a { text-decoration: none; /*color: #000; font-weight: bold;*/ }
#aktuelles-liste .aktuelles-liste-titel a:hover { /*color: #000;*/ }
#aktuelles-details-datum { padding-bottom: .85rem; }
.aktuelles-details-bild { margin-bottom: 35px; }
.aktuelles-details-bild img { margin: 0 auto; display: block; max-height: 400px; width: 100%; object-fit: contain; }


#ip-suchanfragen { padding-top: 50px; }
.ip-suchanfrage { display: flex; padding: 10px; background-color: #dceaf7; margin-bottom: 35px; }
.ip-suchanfrage:last-child { margin-bottom: 0; }
.ip-suchanfrage-selektion { flex-grow: 1; }
.ip-suchanfrage-options { flex: 0 0 140px; text-align: right; }
.ip-suchanfrage-options a { text-decoration: none !important; }
.ip-suchanfrage-hms { display: flex; flex-grow: 1; }
.ip-suchanfrage-hm { flex: 0 0 33.33333%; }
.ip-hm-titel { font-weight: bold; }
.ip-suchanfrage-infos { display: flex; }
.ip-suchanfrage-emailinfo { flex: 0 0 245px; }
.ip-suchanfrage-merkmale { display: flex; flex-wrap: wrap; font-size: 10pt; padding-top: 8px; }
.ip-suchanfrage-merkmal { padding-right: 60px; }
.merkmal-unchecked i { color: #a5a5a5; }
.merkmal-checked i { color: #008e18; }

#pressematerial { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px; }
.pressematerial { flex: 0 0 45%; padding-bottom: 5%; padding-top: 5%; }
.pressematerial:nth-child(1), .pressematerial:nth-child(2) { padding-top: 0; }
.pressematerial-preview { padding-bottom: 25px; }
.pressematerial-preview img { display: block; width: 100%; max-height: 300px; object-fit: contain; object-position: left; }
.pressematerial-download + .pressematerial-download { padding-top: 15px; }


#presse-liste { padding-top: 25px; padding-bottom: 60px; }
.presse-liste-eintrag { display: flex; }
.presse-liste-eintrag + .presse-liste-eintrag { padding-top: 90px; }
.presse-liste-bild { flex: 0 0 30%; position: relative; }
.presse-liste-bild img { width: 100%; display: block; }
.presse-liste-trenner { flex: 0 0 50px; }
.presse-liste-infos { flex-grow: 1; }
.presse-liste-datum { padding-bottom: .85rem; }
#presse-liste .presse-liste-titel a { text-decoration: none; /*color: #000; font-weight: bold;*/ }
#presse-liste .presse-liste-titel a:hover { /*color: #000;*/ }
#presse-details-datum { padding-bottom: .85rem; }
.presse-details-bild { margin-bottom: 35px; }
.presse-details-bild img { margin: 0 auto; display: block; max-height: 400px; width: 100%; object-fit: contain; }

#presse-downloads { padding-top: 45px; padding-bottom: 35px; }
.presse-download { display: flex; align-items: center; }
.presse-download + .presse-download { padding-top: 50px; }
.presse-download-icon { flex: 0 0 80px; position: relative; }
.presse-download-icon img { display: block; width: 100%; }
.presse-download-trenner { flex: 0 0 60px; }
.presse-download-text { flex-grow: 1; }


.kontaktbox-flex { display: flex; align-items: flex-end; justify-content: center; }
.kontaktbox-bild { flex: 0 0 125px; }
.kontaktbox-bild img { display: block; width: 100%; }
.kontaktbox-daten { background-color: #015a9e; }
.kontaktbox-trenner { flex: 0 0 30px; }


#head-login-btn { cursor: pointer; }
#head-login-box { position: absolute; right: 55px; top: 30px; height: 0px; overflow: hidden; }
#head-login-box.open { height: 68px; }
#head-login-box-content { background-color: #003d73; white-space: nowrap; padding: 10px 14px 11px 14px; }
#head-login-box a, #head-login-box a:hover, #head-login-box a:focus { display: block; color: #fff; text-decoration: underline; font-size: 11pt; }


#ip-navigation { padding-bottom: 25px; }
#ip-navigation-container { background-color: #dceaf7; padding: 10px; display: flex; }
#ip-loggedin-user { flex-grow: 1; }
#ip-navigation-button { flex: 0 0 200px; text-align: right; padding-top: 10px; }


#wgebiete { display: flex; }
#wgebiete-karte { flex-grow: 1; }
#wgebiete-kategorien { flex: 0 0 350px; padding-top: 62px; }
.wgebiete-kategorie { display: flex; padding-left: 25px; }
.wgebiete-kategorie-checkbox { flex: 0 0 30px; }
.wgebiete-kategorie-icon { flex: 0 0 30px; }
.wgebiete-kategorie-icon img { display: block; }
.wgebiete-kategorie-text { flex-grow: 1; }


#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: #013e74; }
#immogallery .fa-chevron-left, #immogallery .fa-chevron-right { color: #fff; }
#immogallery .carousel-indicators li { background-color: #013e74; }
#immogallery .carousel-indicators .active { background-color: #015a9e; }
#immogallery img { max-height: 450px; object-fit: contain; }
.carousel-caption { font-weight: 600; }

#slider-area {
	position: fixed; right: 0; top: 50%; width: 0px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#textslider { position: relative; width: 550px; right: 60px; top: 0; padding-bottom: 25px; }
#textslider.open { right: 550px; }
#textslider-flex { display: flex; }
#textslider-button {
    width: 60px;
    height: 100px;
    background-color: #ef6611;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#textslider-button:hover {
    background-color: #c15512;
}
#textslider-button-text {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 34px;
    left: 7px;
    font-weight: 300;
    font-size: 15pt;
}
#textslider-content {
    width: 490px;
    padding: 20px 25px;
    background-color: #013e74;
    color: #fff;
    font-size: 10pt;
    font-weight: 300;
    border-left: 5px solid #005a9e;
    max-height: 100px;
    overflow-y: hidden;
}

#textslider-content a, #textslider-content a:hover, #textslider-content a:focus { color: #fff; text-decoration: underline; }



#mp-login-head { position: absolute; top: 39px; right: 110px; }
#page.sticky #mp-login-head { top: 17px; }
#page.sticky #pagesearch-button { top: 9px;
-webkit-transition: all 550ms linear;
    -moz-transition: all 550ms linear;
    -o-transition: all 550ms linear;
    transition: all 550ms linear;
}


.immo-flexbox { display: flex; border: 1px solid #d3d3d3; margin-bottom: 25px; padding: 10px; }
.immo-flex-image { flex: 0 0 45%; }
.immo-flex-content { flex-grow: 1; }
.immo-flex-content-container { padding-left: 25px; }
.immo-badges { padding-top: 15px; }

.transition500linear {
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -ms-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}

.transition350linear {
  -webkit-transition: all 350ms linear;
  -moz-transition: all 350ms linear;
  -ms-transition: all 350ms linear;
  -o-transition: all 350ms linear;
  transition: all 350ms linear;
}


.wahlbezirk { flex: 0 0 50%; }
.wahlbezirk:nth-child(even) .wahlbezirk-daten { padding-left: 12%; }
.wahlbezirk:nth-child(odd) .wahlbezirk-daten { padding-right: 12%; }
.wbz-tbl { display: table; width: 100%; }
.wbz-tr-head { white-space: nowrap; }
.wbz-tr { display: table-row; }
.wbz-td { display: table-cell; padding: 3px 6px; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
.wbz-td:first-child { border-left: 0; }
.wbz-tr-head .wbz-td { font-weight: bold; background-color: #015a9e; color: #fff; }
.wbz-td-lfdnr { text-align: right; }
.wbz-tr:first-child .wbz-td { border-top: 0; }

.mitarbeiter { flex: 0 0 33.33333%; }
/* .mitarbeiter:nth-child(3n+1) .mitarbeiter-daten { padding-right: 30px; }
.mitarbeiter:nth-child(3n+2) .mitarbeiter-daten { padding-right: 15px; padding-left: 15px; }
.mitarbeiter:nth-child(3n+3) .mitarbeiter-daten { padding-left: 30px; } */
.ma-pos-info p:last-child { margin-bottom: 0; }
.asp-bild img { display: block; width: 75%; margin: 0 auto; height: 360px; object-position: bottom; object-fit: contain; }

.veranstaltungen-tbl { display: table; width: 100%; }
.vst-tbl-row { display: table-row; }
.vst-tbl-cell { display: table-cell; vertical-align: top; padding-bottom: 15px; }
.vst-tbl-cell-info { white-space: nowrap; font-weight: 600; }
.vst-tbl-cell-spacer { width: 8%; }
.vst-tbl-cell-inhalt {  }

.kontaktboxen { padding-top: 20px; }
.kontaktbox { padding-bottom: 35px; text-align: center; }
.kontaktbox:last-child { padding-bottom: 0; }
.kontaktbox-text-oben { padding-bottom: 20px; color: #003e73; font-weight: 500; }
.kontaktbox-text-oben p:last-child { margin-bottom: 0; }
.kontaktbox-text-unten { padding-top: 20px; color: #003e73; font-weight: 500; }
.kontaktbox-text-unten p:last-child { margin-bottom: 0; }
.kontaktbox-blau { background-color: #015a9e; display: inline-block; }
.kontaktbox-blau-content { padding: 25px; color: #fff; }
.kontaktbox-blau-content p:last-child { margin-bottom: 0; }
.kontaktbox-blau-content a, .kontaktbox-blau-content a:hover { color: #fff; }

.inh-abs-dokumente {  }
.inh-abs-dokument { display: flex; gap: 40px;align-items: center; padding-bottom: 45px; margin-bottom: 26px; }
.inh-abs-dokument:last-child { padding-bottom: 0; }
.inh-abs-dokument-bild { max-width: 250px; }
.inh-abs-dokument-bild a { display: block; position: relative; }
.inh-abs-dokument-bild img { width: 100%; display: block; }
.inh-abs-dokument-informationen { flex-grow: 1; color: #003e73; font-weight: 500; font-size: 16pt; position: relative; }
.inh-abs-dokument-informationen div { padding-left: 65px; }
.inh-abs-dokument-informationen div p:last-child { margin-bottom: 0; }
.inh-abs-dokument-text-link { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.inh-abs-dokument-bild-overlay { position: absolute; right: -50px; bottom: -30px; width: 86px; }
.inh-abs-dokument-bild-image { border: 1px solid #004070; }


.mieterportal-dokumente { padding-bottom: 45px; margin-bottom: 26px; }
.mieterportal-dokument { display: flex; align-items: center; padding-bottom: 15px; }
.mieterportal-dokument-bild { max-width: 60px; }
.mieterportal-dokument-bild img { display: block; width: 100%; }
.mieterportal-dokument-informationen { flex-grow: 1; font-size: 16pt; position: relative; }
.mieterportal-dokument-informationen div { padding-left: 15px; }
.mieterportal-dokument-informationen a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }


.partner-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.partner-container { flex: 0 0 160px; }
.partner-container img { width: 100%; max-width: 80%; filter: grayscale(1); }
.partner-container img:hover { filter: grayscale(0); }


.piktogramme-flex { padding-top: 30px; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; justify-content: space-between; }
.piktogramm-container { flex: 0 0 17%; background-color: #015a9e; margin: 0 15px 45px 15px; color: #fff; text-align: center; padding: 20px; }
/*.piktogramm-container:hover { background-color: #013e74; }*/
.piktogramm {  }
.piktogramm-text { padding-bottom: 20px; font-size: 16pt; }
.piktogramm-img img { display: block; width: 110px; margin: 0 auto; }



#content-4-boxes { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; grid-column-gap: 60px; grid-row-gap: 60px; }
.content-4-box { display: flex; background-color: #015a9e; color: #fff; position: relative; }
.content-4-box-titel { padding: 8px 20px; font-size: 2.2rem; position: absolute; width: 100%; text-align: center; top: 50%; 
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content-4-box-titel-static { padding: 8px 20px; font-size: 2.2rem; position: absolute; width: 100%; text-align: center; top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content-4-box-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
#content-main .content-4-box h2 { color: #fff !important; font-size: 1.6rem; }
.content-4-box-content { padding: 20px; opacity: 0; text-align: center; }
.content-4-box-content .inh-abs-text { font-size: 11pt; }
.content-4-box-content .inh-abs-text p:last-child { margin-bottom: 0; }
#content-4-boxes a, #content-4-boxes a:hover { color: #fff; }
.content-4-box:hover { background-color: #013e74; }
.content-4-box:hover .content-4-box-content { opacity: 1; }
.content-4-box:hover .content-4-box-titel { opacity: 0; }


.google-karte-kategorie { display: flex; cursor: pointer; flex-flow: row wrap; align-items: center; padding-bottom: 15px; }
.google-karte-kategorie:last-child { padding-bottom: 0; }
.google-karte-kategorie-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 0; padding-right: 8px; }
.google-karte-kategorie-text { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
.google-karte-titel { font-weight: 500; color: #013e74; font-family: 'Montserrat', sans-serif; font-size: 17px; }
.google-karte-infotext { padding-top: 15px; }
.google-karte-infotext p:last-child { margin-bottom: 0; }

.acc-button { cursor: pointer; }

/*.fullsizegala { max-height: 400px; margin-bottom: 30px; }
.fullsizegala img { display: block; width: 100%; max-height: 400px; height: 400px; object-fit: cover; object-position: center center; }*/

.fullsizegala { width: 100%; margin-bottom: 35px; }
.fullsizegala img { display: block; width: 100%; }

.fullsizegalav2 { width: 100%; margin-bottom: 35px; position: relative; }
.fullsizegalav2 img { display: block; width: 100%; }
.fullsizegalav2-button { position: absolute; cursor: pointer; top: 50%; z-index: 10; font-size: 9pt;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;  
}
.fullsizegalav2-button .fa-circle { color: #015a9e; }
.fullsizegalav2-button .fa-chevron-left { color: #fff; }
.fullsizegalav2-button .fa-chevron-right { color: #fff; }
.fullsizegalav2-button:hover .fa-circle { color: #013e74; }
.fullsizegalav2-prev { left: 10px; }
.fullsizegalav2-next { right: 10px; }


.flexbox3er-container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexbox3er { flex: 0 0 350px; height: 350px; position: relative; display: block; margin-bottom: 40px; }
.wgebiet-name { position: absolute; left: 0; top: 15px;     text-align: center; font-weight: bold; text-transform: uppercase; font-size: 14pt; padding: 0 15px; width: 100%; color: #fff; z-index: 10; }
.flexbox3er img { display: block; object-fit: cover; object-position: center center; /*opacity: 0.5;*/ width: 350px; height: 350px;  -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }
/*.flexbox3er:hover img { opacity: 1; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }*/
.flexbox3er:hover .wgebiet-name { opacity: 0; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }


.wgebiet-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(1 90 158 / 85%); opacity: 1; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }
.flexbox3er:hover .wgebiet-overlay { opacity: 0; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }


#box-unten { width: 225px; height: 225px; margin: 0 auto; }
#box-unten-content { position: relative; }
.box-unten-titel { position: absolute; left: 0; top: 15px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 14pt; padding: 0 15px; width: 100%; color: #003e73; }
#box-unten img { display: block; opacity: 0.5; object-fit: cover; object-position: center center; opacity: 0.5; width: 225px; height: 225px; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }
#box-unten:hover img { opacity: 1; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }
#box-unten:hover .box-unten-titel { opacity: 0; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; }
.box-unten-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }



.mp-asp-liste { display: flex; flex-wrap: wrap; }
.mp-asp { flex: 0 0 47%; margin-bottom: 50px; border: 1px solid #d3d3d3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.mp-asp:nth-child(even) { margin-left: 30px; }
.mp-asp:nth-child(odd) { margin-right: 30px; }
.mp-asp-image-container { width: 100%;  }
.mp-asp-image { width: 100%; height: 400px; object-fit: contain; object-position: bottom; border-bottom: 1px solid #d3d3d3; }
.mp-asp-infos { padding: 0 30px 25px 30px; }


#mnavli-userinfo { padding-left: 20px; padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #a0a0a0; }






#infoslider { position: relative; right: 60px; top: 0; width: 360px; z-index: 20;
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -ms-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;

  /*-moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
#infoslider.open { right: 360px; }
#infoslider-flex { display: flex; }
#infoslider-button { width: 60px; height: 250px; background-color: #015a9e; position: relative; cursor: pointer; border: none;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
#infoslider-button:hover { background-color: #013e74; }
#infoslider-button-text {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  white-space: nowrap;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 110px;
  left: -78px;
  font-weight: 300;
  font-size: 15pt;
}
#infoslider-content { width: 300px; padding: 25px; background-color: #013e74; color: #fff; font-size: 10pt; font-weight: 300; border-left: 5px solid #005a9e; }
#infoslider-content a, #infoslider-content a:hover { text-decoration: underline; color: #fff; }





*                                     { padding: 0; margin: 0; }

body                                  { background-color: #fff;
                                        font-family: 'Montserrat', sans-serif;
                                        font-weight: 400;
                                        font-size: 13pt;
                                        color: #000;
                                        position: relative;
                                        overflow-y: scroll;
                                      }


a                                     { color: #003e73; }
/*
a:link                                { text-decoration: none; }
a:visited                             { text-decoration: none; }
a:active                              { text-decoration: none; }
a:hover                               { color: #003e73; text-decoration: none; }
*/





.clear                                { clear: both; }

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

#page                                 { position: relative; }

.wrap                                 { max-width: 2000px; margin: 0 auto; padding: 0 47px; position: relative; }

#pagesearch, #page-head, #ph-logo a img, #ph-telefon a, #navigation, #mp-login-head {
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

#page-content {
  -webkit-transition: padding 400ms linear;
  -moz-transition: padding 400ms linear;
  -ms-transition: padding 400ms linear;
  -o-transition: padding 400ms linear;
  transition: padding 400ms linear;
}

#siteoverlay                          { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75;
  																			-webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear;
																			}

#pagesearch                           { position: absolute; right: 67px; top: 40px; }
#pagesearch-button                    { font-size: 16pt; position: absolute; right: 67px; top: 34px; z-index: 120;
-webkit-transition: all 550ms linear;
    -moz-transition: all 550ms linear;
    -o-transition: all 550ms linear;
    transition: all 550ms linear;
}
#page.sticky #pagesearch              { top: 18px; }
#pagesearch i.fa-search               { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
#pagesearch-form                      { width: 103px; /*overflow: hidden;*/ position: absolute; z-index: 110; top: -6px; right: -10px; -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear; }
#page.sticky #pagesearch-form         { top: -8px; right: -12px; }
#pagesearch-form.open                 { width: 406px; background-color: #fff; z-index: 130; }
#pagesearch-form-inner                { width: 300px; }
#pagesearch-form-inner .d-table-cell  { vertical-align: top; }
#page-head                            { position: fixed; z-index: 60; background-color: #fff; top: 0; left: 0; width: 100%; height: 212px; }
#page.sticky #page-head               { height: 120px; box-shadow: 0 3px 7px 0 #e4e4e4; -webkit-box-shadow: 0 3px 7px 0 #e4e4e4; }

#ph-flex                              { display: flex; }
#ph-logo                              { flex: 0 0 180px; position: relative; }
#ph-logo a                            { display: block; position: absolute; top: 8px; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#ph-logo a img                        { display: block; height: 318px; margin: 0 auto; }
#page.sticky #ph-logo a img           { height: 178px; box-shadow: 0 3px 7px 0 #e4e4e4; -webkit-box-shadow: 0 3px 7px 0 #e4e4e4; }

 
#ph-telefon                           { flex: 0 0 221px; text-align: right; }
#ph-telefon a                         { margin-top: 110px; display: inline-block; font-size: 17pt; line-height: 17pt; font-weight: 500; }
#page.sticky #ph-telefon a            { margin-top: 54px; }
#ph-telefon a span                    { color: #050505; display: inline-block; padding: 3px 8px 3px 0; }
#ph-navigation                        { flex-grow: 1; }
#navigation                           { padding-right: 10.624%; /* ca. 160px von 1506 */ padding-top: 108px; }
#page.sticky #navigation              { padding-top: 50px; }
#mainnav                              { font-weight: 300; list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-end; height: 25px; font-size: 18pt; line-height: 18pt; }
.mainli                               { position: relative; display: inline-block; display: block; padding-bottom: 50px; }
.mainlink                             { padding: 3px 20px 0 20px; height: 31px; display: block; color: #003e73; cursor: pointer; }
.mainlink-text                        { text-transform: uppercase; }
.mainsub                              { display: inline-block; padding: 0 0 0 5px; }
#mainnav li:last-child .mainlink      { padding-right: 0; }
.sub1                                 { list-style: none; position: absolute; left: 16px; top: 50px; min-width: 200px; padding: 5px 0; background-color: #003d73; text-align: left; }
a.sub1link 													  { display: block; padding: 3px 10px; font-size: 10pt; white-space: nowrap; color: #fff; }
.sub1.sub1left   										  { left: auto; right: -10px; text-align: right; }



#page-content                         { padding-top: 212px; max-width: 2000px; margin: 0 auto; }
#page.sticky #page-content            { padding-top: 120px; }

#bigimage                             { position: relative; }
#bigimage img                         { display: block; width: 100%; }
#bigimage-text                        { position: absolute; bottom: 95px; left: 0; width: 100%; text-align: center; }
#bigimage-text h1                     { background-color: #fff; display: inline-block; text-transform: uppercase; line-height: 27px; margin-bottom: 0; font-size: 27pt; font-weight: 300; padding: 10px; }



#start-boxen                          { background-color: #005a9e; }
#start-boxen-headlines-desktop        { background-color: #fff; padding: 20px 0; text-transform: uppercase; }
.start-boxen-flex                     { display: flex; max-width: 1400px; margin: 0 auto; justify-content: space-between; }
.start-box-flex                       { flex: 0 0 340px; }
.start-box-headline-desktop           { text-align: center; }
.start-box-headline-desktop h3        { margin-bottom: 0; color: #003e73; font-size: 21pt; line-height: 21pt; font-weight: 300; }
.start-box-headline-mobile            { display: none; }
.start-box-content                    { color: #fff; text-align: center; padding: 34px 0; font-weight: 300; font-size: 10pt; }
.start-box-content a, .start-box-content a:hover { color: #fff; }
.start-box-content a  { text-decoration: underline; }
.start-box-content p:last-child       { margin-bottom: 0; }


#page-footer                          { background-color: #003e73; /*height: 95px;*/ text-align: center; color: #fff; }
#page-footer a, #page-footer a:hover  { color: #fff; }
#footer-navigation                    { padding-top: 20px; }
.footer-navigation-trenner            { display: inline-block; color: #fff; padding: 0 6px; }
#footer-copyright                     { padding-top: 12px; font-size: 10pt; padding-bottom: 20px; }


#mobile-menu-switch 								  { display: none; }
#mobile-navigation                    { display: none; }
#page-head-mobile                     { display: none; }


#content { display: flex; margin: 0 auto; padding-right: 7.624%; padding-left: 212px; padding-top: 40px; padding-bottom: 20px; }
#content-main { flex-grow: 1; margin-bottom: 45px; }
#content-main h1 { font-size: 2.3rem; font-weight: 400; color: #003d73; margin-bottom: 1.1rem; }
#content-main h2 { font-size: 1.8rem; font-weight: 400; color: #003d73; margin-bottom: .85rem; }
#content-main h3 { font-size: 1.8rem; font-weight: 400; color: #003d73; margin-bottom: .85rem; }
#content-main h4 { font-size: 1.8rem; font-weight: 400; color: #003d73; margin-bottom: .85rem; }
#content-main h5 { font-size: 1.8rem; font-weight: 400; color: #003d73; margin-bottom: .85rem; }
#content-main a { /*text-decoration: underline;*/ }
#content-main main { padding-right: 80px; }
#content-main ul { overflow: auto; padding-left: 21px; }
#content-main ol { padding-left: 30px; overflow: auto; }
#content-aside { flex: 0 0 340px; display: none; }
.content-trenner { width: 100%; height: 2rem; }


#content { flex-wrap: wrap; }
#content-main { flex: 0 0 100%; }
#content-aside { flex: 0 0 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
#content-main main { padding-right: 0; }


.infobox { margin-bottom: 45px; }
.infobox-titel { padding: 0 0 10px 0; text-transform: uppercase; }
.infobox-titel h3 { margin-bottom: 0; color: #003e73; font-size: 21pt; line-height: 21pt; font-weight: 300; }
.infobox-content { background-color: #005a9e; color: #fff; padding: 20px; font-size: 10pt; font-weight: 300; }
.infobox-content a, .infobox-content a:hover { color: #fff; }
.infobox-text {  }
.infobox-text p:last-child { margin-bottom: 0; }
.infobox-text a { text-decoration: underline; }
.infobox-text ul { overflow: auto; list-style: none; padding-left: 21px; }
.infobox-text ol { padding-left: 30px; overflow: auto; }


.bildgala { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.gala-bild-container { flex: 0 0 25%; }
.gala-bild-container a { display: block; padding: 0 10% 10% 0; }
.gala-bild-container a img { display: block; width: 100%; }




.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:last-child { margin-bottom: 0; }
#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-infotext a, #coi-infotext a:hover, #coi-infotext a:focus { color: #fff; text-decoration: underline; }
#coi-infotext-mobile a, #coi-infotext-mobile a:hover, #coi-infotext-mobile a:focus { color: #fff; text-decoration: underline; }
.coi-infolinks { padding: 10px 0 5px 0; }
.coi-infolinks a, .coi-infolinks a:hover { color: #fff; text-decoration: underline; }
#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 {  }
.iframe-daten-info { background-color: rgba(5, 5, 5, 0.16); color: #fff; padding: 50px 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; }
}

.faq-fragen                           { margin-bottom: 2rem; padding-left: 1.5rem; }
.faqantworten                         { margin-top: 3rem; }
.faq-antwort-frage                    { font-weight: bold; padding-left: 1.5rem; }
.faq-antwort                          { padding-left: 1.5rem; padding-bottom: 1rem; }
.faq-bereich-titel                    { margin-top: 3rem; }

#scrolltoplink { position: fixed; bottom: 50px; z-index: 50; opacity: 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
#scrolltoplink.show { opacity: 1; }
#scrolltoplink a { font-size: 11pt; color: #015a9e; }



#immoliste .immo-row { display: flex; flex-wrap: wrap; }
#immoliste .immo-row > div[class*='col-'] { display: flex; }
#immoliste .card-title { font-size: 1.3rem; }
.immo-info-value { font-weight: bold; font-size: 11pt; }
.immo-info-name { font-size: 10pt; }
.badge-dushe { background-color: #013e74; color: #fff; }
.badge-wanne { background-color: #01818e; color: #fff; }
.badge-bmf { background-color: #7a00ff; color: #fff; }
.badge-aufzug { background-color: #ff5e00; color: #fff; }
.badge-kmf { background-color: #ff0000; color: #fff; }
.badge-loggia { background-color: #007d0f; color: #fff; }

#intranet-navigation { padding-bottom: 25px; }
#intranet-navigation-container { background-color: #dceaf7; padding: 10px; display: flex; }
#intranet-loggedin-user { flex-grow: 1; }
#intranet-navigation-button { flex: 0 0 200px; text-align: right; padding-top: 10px; }

#intranet-regkey-create { padding-bottom: 25px; }
#intranet-regkey-list { padding-bottom: 25px; }
.intranet-regkey-container { background-color: #dceaf7; padding: 10px; /*display: flex;*/ }
.intranet-regkey-form {  }
.intranet-mnr-form { }
.intranet-mnr-result { padding-left: 50px; }
.intranet-regkey { font-weight: bold; font-size: 2.5rem; margin-top: -10px; padding-left: 30px; }
.intranet-error { padding: 6px 0 0 30px; font-weight: bold; }
.intranet-tr-hover:hover { background-color: #fff; }


#button-immomio {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #003d73;
    color: #fff;
    max-width: 370px;
    text-align: center;
    font-size: 24pt;
    transform: scale(0.7);
    transition: all ease-in-out 500ms;
}
.button-big {
  transform: scale(1.5) !important;
}
.button-norm {
  transform: scale(1) !important;
}
#button-immomio a {
    display: inline-block;
    padding: 20px;
    color: #fff;
}

#immomio-reg {
  text-align: center;
}
#immomio-reg a {
  font-size: 20pt;
}

div#immomio-graybox {
    background-color: #dedede;
    padding: 25px 30px 15px 30px;
}


@media screen and (max-width: 1900px){
  .mp-asp { flex: 0 0 46%; }
}

@media screen and (max-width: 1800px){
  .immo-col { flex: 0 0 50%; max-width: 50%; }
  .mp-asp-image { height: 360px; }
  .asp-bild img { height: 330px; }
}


@media screen and (max-width: 1700px){
	#navigation { padding-right: 4.624%; }
  #content { padding-right: 3%; }
  .news-startseite { flex-wrap: wrap; }
  .news-startseite-bild { flex: 0 0 100%; }
  .news-startseite-bild img { height: var(--news_startseite_img_size); }
  .mitarbeiter { flex: 0 0 50%; }
  .emptyasp { display: none; }
  
  
  #aktuelles-liste.interne-news .aktuelles-liste-eintrag { flex-wrap: wrap; }
  #aktuelles-liste.interne-news .aktuelles-liste-bild { flex: 0 0 65%; }
  #aktuelles-liste.interne-news .aktuelles-liste-trenner { display: none; }
  #aktuelles-liste.interne-news .aktuelles-liste-infos { flex: 0 0 100%; padding-top: 25px; }
}

@media screen and (max-width: 1600px){
  #navigation { padding-right: 0; }
}

@media screen and (max-width: 1600px){
	#navigation { padding-right: 0; }
  #ph-telefon { flex: 0 0 180px; }
  #ph-telefon a { font-size: 15pt; line-height: 15pt; }
  #mainnav { font-size: 17pt; line-height: 17pt; }
  #content { padding-right: 0; padding-left: 192px; }
  .mp-asp-image { height: 350px; }
}

@media screen and (max-width: 1500px){
	#mainnav { font-size: 15pt; line-height: 15pt; }
  #navigation { padding-top: 107px; }
  #page.sticky #navigation { padding-top: 55px; }
  .gala-bild-container { flex: 0 0 33.33333%; }
  .mp-asp-image { height: 320px; }
  .mp-asp { flex: 0 0 45%; }
  .flexbox3er { flex: 0 0 300px; height: 300px; }
  .flexbox3er img { width: 300px; height: 300px; }
  /*#box-unten { width: 300px; height: 300px; }
  #box-unten img { width: 300px; height: 300px; }*/
  .piktogramm-container { flex: 0 0 250px; }
  .asp-bild img { height: 300px; }
  .wahlbezirk { flex: 0 0 100%; padding-bottom: 60px; }
  .wahlbezirk:last-child { padding-bottom: 0; }
  .wbz-tbl { width: auto; min-width: 550px; }
  .wahlbezirk:nth-child(even) .wahlbezirk-daten { padding-left: 0; }
  .wahlbezirk:nth-child(odd) .wahlbezirk-daten {padding-right: 0;}
  #vk-startseite  { grid-template-columns: 1fr 1fr; grid-gap: 100px; }
  .nav-link {
    font-size: 16pt;
  }  
}

@media screen and (max-width: 1400px){
	#ph-telefon { flex: 0 0 150px; }
  #ph-telefon a { font-size: 12pt; line-height: 12pt; }
  #mainnav { font-size: 13pt; line-height: 13pt; }
  #page.sticky #navigation { padding-top: 54px; }
  #start-boxen-headlines-desktop { padding-left: 20px; padding-right: 20px; }
  #start-boxen-content { padding: 0 20px; }
  #content-main main { padding-right: 50px; }
  .mp-asp-image { height: 280px; }
  .inh-abs-dokument-bild { flex: 0 0 20%; }
  #navigation { padding-top: 104px; }
  .nav-link {
    font-size: 14pt;
  }    
}

@media screen and (max-width: 1300px){
	.mp-asp-image { height: 320px; }
  #content-main main { padding-right: 80px; }
	#pagesearch                           { display: none; }
  #page-head                            { display: none; }
  #page-head-mobile                     { display: block; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; height: 85px; z-index: 70; box-shadow: 0 3px 7px 0 #e4e4e4; -webkit-box-shadow: 0 3px 7px 0 #e4e4e4; }
  #page-head-mobile-logo                { padding: 10px 20px; display: inline-block; position: fixed; left: 0; top: 0; }
  #page-head-mobile-logo a              { display: block; }
  #page-head-mobile-logo a img          { display: block; /*height: 65px;*/ height: 115px;
  																				box-shadow: 0 3px 7px 0 #dcdcdc; -webkit-box-shadow: 0 3px 7px 0 #dcdcdc;
  																			}
  #page-content                         { /*padding-top: 85px;*/ padding-top: 110px; }
  #page.sticky #page-content            { /*padding-top: 85px;*/ padding-top: 110px; }
  #content                              { padding-left: 0; }
  .wrap                                 { padding: 0 20px; }


  #mobile-menu-switch 									{ position: fixed; right: 20px; top: 23px; display: block; z-index: 80; padding: 8px 0 2px 10px; }
  #mm-button                            { width: 30px; height: 30px; position: relative; cursor: pointer;
                                          -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: 4px; width: 50%; background: #003e73; 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: 10px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 20px; }
  #mm-button.open span                  { background: #fff; }
  #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: 3px; top: 7px; }
  #mm-button.open span:nth-child(2)     { left: calc(50% - 3px); top: 7px; }
  #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: 3px; top: 17px; }
  #mm-button.open span:nth-child(6)     { left: calc(50% - 3px); top: 17px; }
  
  
  #mobile-navigation                    { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; max-width: 440px; visibility: hidden;
                                          -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear;
                                        }
  #mobile-navigation.open               { opacity: 1; visibility: visible; left: 0; }
  #nav-content                          { width: 100%; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; }
  #ios-menu-korrektur                   { width: 100%; height: 70px; }
  #mnav-head                            { padding: 15px 0 5px 0; max-height: 58px; }
  #mnav-head .tbl                       { width: 80%; margin: 0 auto; }
  #mnav-head .tbl-td                    { vertical-align: top; }
  #mm-search-btn                        { width: 46px; }
  #mm-search-btn button                 { height: 38px; }
  #mm-search-btn span                   { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; }

  #mnav-body                            { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; }
  #mnav-body a                          { text-decoration: none; font-weight: bold; }
  #mnav-body a:hover                    {  }
  #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: #003e73; }
  .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; }
  


	#content-spalten { flex-wrap: wrap; justify-content: center; gap: 30px; }

  #aktuelles-liste.interne-news .aktuelles-liste-eintrag { flex-wrap: nowrap; }
  #aktuelles-liste.interne-news .aktuelles-liste-bild { flex: 0 0 30%; }
  #aktuelles-liste.interne-news .aktuelles-liste-trenner { display: block; }
  #aktuelles-liste.interne-news .aktuelles-liste-infos { flex: auto; flex-grow: 1; padding-top: 0px; }

}

@media screen and (max-width: 1200px){
	#content-main main { padding-right: 50px; }
  .mp-asp-image { height: 290px; }
  .asp-bild img { height: 275px; }
  #wgebiete { flex-wrap: wrap; }
  #wgebiete-kategorien { flex: 0 0 100%; padding-top: 30px; display: flex; flex-wrap: wrap; }
  .wgebiete-kategorie { flex: 0 0 33.3333%; padding-left: 0; }
  .wgebiete-kategorie-text label { padding-right: 20px; }
}

@media screen and (max-width: 1100px){
  .mp-asp-image { height: 380px; }
  .mp-asp { flex: 0 0 46%; }
  #bigimage-text h1 { font-size: 24pt; line-height: 24pt; }
	#start-boxen-headlines-desktop { display: none; }
  .start-box-headline-mobile { display: block; padding-top: 30px; }
  .start-box-headline-mobile h3 { margin-bottom: 0; font-size: 21pt; line-height: 21pt; font-weight: 300; color: #fff; text-align: center; text-transform: uppercase; }
  .start-boxen-flex { flex-wrap: wrap; justify-content: space-evenly; }
  #content { flex-wrap: wrap; display: block; }
  #content-main { flex: 0 0 100%; }
  #content-main main { padding-right: 0; }
  #content-aside { flex: 0 0 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
  .infobox { max-width: 370px; width: 100%; padding: 0 15px; }
  .gala-bild-container { flex: 0 0 25%; }  
}

@media screen and (max-width: 1000px){
  #slider-area { display: none; }
	#bigimage-text { position: static; }
  #start-boxen-content { padding-top: 15px; padding-bottom: 15px; }
  .mp-asp { flex: 0 0 45%; }
  .mp-asp-image { height: 360px; }
  .flexbox3er { flex: 0 0 50%; max-width: 325px; height: auto; }
  .flexbox3er img { width: 100%; height: 325px; }
  /*#box-unten { width: 100%; max-width: 325px; height: 325px; }
  #box-unten img { width: 100%; max-width: 325px; height: 325px; }*/
  .content-4-box { flex: 0 0 100%; }
  #content-4-boxes { grid-template-columns: repeat(1, 1fr); }
  .mitarbeiter { flex: 0 0 50%; }
  .emptyasp { display: none; }
  .mitarbeiter:nth-child(3n+1) .mitarbeiter-daten { padding-right: 0; }
  .mitarbeiter:nth-child(3n+2) .mitarbeiter-daten { padding-right: 0; padding-left: 0; }
  .mitarbeiter:nth-child(3n+3) .mitarbeiter-daten { padding-left: 0; }
  .mitarbeiter:nth-child(2n+1) .mitarbeiter-daten { padding-right: 30px; }
  .mitarbeiter:nth-child(2n+2) .mitarbeiter-daten { padding-left: 30px; }
  .presse-liste-bild { flex: 0 0 24%; }
  .aktuelles-liste-bild { flex: 0 0 24%; }
  #button-immomio {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 20px auto 0px auto;
  }
  .huha-boxen {
    justify-content: space-around;
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .huha-box {
    flex: 0 0 45%;

  }
}

@media screen and (max-width: 900px){
	.mp-asp-image { height: 320px; }
}

@media screen and (max-width: 800px){
	.gala-bild-container { flex: 0 0 33.33333%; }
  .mp-asp-image { height: 290px; }
  .wbz-tbl { min-width: 1px; width: 100%; }
}

@media screen and (max-width: 765px){
	#bigimage-text h1 { font-size: 3.5vw; line-height: 3.5vw; }
	.start-box-flex { flex: 0 0 100%; }
  .infobox { padding: 0; }
  .infobox-titel h3 { font-size: 19pt; line-height: 19pt; }
  .mp-asp { flex: 0 0 100%; }
  .mp-asp:nth-child(odd) { margin-right: 0; }
  .mp-asp:nth-child(even) { margin-left: 0; }
  .mp-asp-image { height: 400px; }
  
  .fullsizegala { max-height: 300px; }
  .fullsizegala img { max-height: 300px; height: 300px; }
  
  .immo-flexbox { flex-wrap: wrap; }
  .immo-flex-image { flex: 0 0 100%; padding-bottom: 25px }
  .immo-flex-image img { max-width: 75%; }
  .immo-flex-content { flex: 0 0 100%; }
  .immo-flex-content-container { padding-left: 0; }
  .flexbox3er-container { justify-content: center; }
  .flexbox3er { flex: 0 0 100%; }
  .piktogramme-flex { justify-content: center; }
  
  .inh-abs-dokument { flex-wrap: wrap; }
  .inh-abs-dokument-bild { flex: 0 0 50%; }
  .inh-abs-dokument-informationen { flex: 0 0 100%; padding-top: 35px; font-size: 14pt; }
  .inh-abs-dokument-informationen div { padding-left: 0; }
  .kontaktbox-blau-content { padding: 10px; }
  
  .veranstaltungen-tbl { display: block; }
  .vst-tbl-row { display: block; padding-bottom: 15px; }
  .vst-tbl-cell { display: block; padding-bottom: 5px; }
  .vst-tbl-cell-spacer { display: none; }
  
  .wahlbezirk-daten { overflow-x: auto; width: calc(100vw - 50px); }
  .wbz-tbl { max-width: 100%; white-space: nowrap; }
  
  #wgebiete-kategorien { display: block; }
  
  #ip-navigation-container { flex-wrap: wrap; }
  #ip-navigation-button { flex: 0 0 100%; text-align: left; }
  
  .aktuelles-liste-eintrag { flex-wrap: wrap; }
  .aktuelles-liste-bild { flex: 0 0 65%; }
  .aktuelles-liste-trenner { display: none; }
  .aktuelles-liste-infos { flex: 0 0 100%; padding-top: 25px; }
  
  #aktuelles-liste.interne-news .aktuelles-liste-eintrag { flex-wrap: wrap; }
  #aktuelles-liste.interne-news .aktuelles-liste-bild { flex: 0 0 65%; }
  #aktuelles-liste.interne-news .aktuelles-liste-trenner { display: none; }
  #aktuelles-liste.interne-news .aktuelles-liste-infos { flex: 0 0 100%; padding-top: 25px; }
  
  
  
  .presse-liste-eintrag { flex-wrap: wrap; }
  .presse-liste-bild { flex: 0 0 65%; }
  .presse-liste-trenner { display: none; }
  .presse-liste-infos { flex: 0 0 100%; padding-top: 25px; }
  
	#content-main h1, #content-main h2, #content-main h3, #content-main h4, #content-main h5 { hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; }
  .presse-download-icon { flex: 0 0 60px; }
  .presse-download-trenner { flex: 0 0 20px; }
  
  .kontaktbox-flex { display: block; }
  .kontaktbox-bild { max-width: 60%; margin: 0 auto; padding-bottom: 20px; }
  .kontaktbox-trenner { display: none; }
  .kontaktbox-daten { display: inline-block; }
  
  .pressematerial { flex: 0 0 100%; }
  .pressematerial:nth-child(2) { padding-top: 5%; }
  
  #news-startseite { grid-template-columns: 1fr; grid-gap: 50px; }
  #vk-startseite  { grid-template-columns: 1fr; grid-gap: 50px; }
}

@media screen and (max-width: 700px){
	.asp-bild img { height: 255px; }
}

@media screen and (max-width: 650px){
  .immo-col { flex: 0 0 100%; max-width: 100%; }
}

@media screen and (max-width: 600px){
	.asp-bild img { height: 215px; }
  .cell-immo-feld, .cell-immo-wert { font-size: 12pt; }
  .huha-boxen {
    justify-content: space-around;
    flex-wrap: wrap;    
  }
  .huha-box {
    flex: 0 0 100%;
  }  
}

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

@media screen and (max-width: 550px){
	.mitarbeiter { flex: 0 0 100%; }
  .asp-bild img { height: auto; width: 50%; }
  .mitarbeiter:nth-child(2n+1) .mitarbeiter-daten { padding-right: 0; }
  .mitarbeiter:nth-child(2n+2) .mitarbeiter-daten { padding-left: 0; }
}

@media screen and (max-width: 540px){
	#bigimage-text h1 { font-size: 4.5vw; line-height: 6.5vw; }
  .immo-flex-image img { max-width: 100%; }
  #scrolltoplink { bottom: 95px; }
}

@media screen and (max-width: 450px){
	.presse-liste-bild { flex: 0 0 100%; }
  .aktuelles-liste-bild { flex: 0 0 100%; }
  .button-big {
    transform: scale(1) !important;
  }
  .button-norm {
    transform: scale(0.8) !important;
  }
}

@media screen and (max-width: 360px){
	#immobilienliste .col-12 { padding-left: 0; padding-right: 0; }
}








#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, #consent-banner-links a:hover { text-decoration: underline; color: #fff; }

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






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