/* index-spezififische Besonderheiten in den styles */
html, body{background: #f8f9fa!important}
div.filterCollapse{margin: 1em}
ul.filterList{margin-left:1em;}
div.row.vorstellung{margin: 1em}
text#headlineheaderMobil{display: none;float: right;color: black;font-weight: 300;font-size: 1.7em;margin-left: 10px;}

div.bodyWrapper{padding-top: 20%;vertical-align: middle; text-align: center; }
form#searchForm{width: 100%;margin: auto;padding: 2em 0em;max-width: 750px;}
div#map{border-left: 1px solid lightgray;border-right: 1px solid lightgray;border-bottom: 1px solid lightgray;border-radius: 0em 0em 1em 1em;}
div.bottomAlign{text-align: center;position: fixed;width: 100%;bottom: 0; left: 0;}
img {height: auto;max-width: 100%;}
.bg-teal {background: teal;}
.bg-overlay, .overlay-dark {position: relative;z-index: 0;}
.shape-bottom {z-index: -1;}
.shape-bottom {position: absolute;top: auto;bottom: -1px;left: 0;right: 0;}
.fa-4x{font-size: 4em !important;}
.fw-300{font-weight:300;}
div#berufsgruppeMenuButton{cursor: pointer;padding: 7px;text-align: center; background: white;color: #16181b;border-radius: 0.5em;border: 1px solid white;}
div#berufsgruppeMenuButton:hover{background:white; color:teal;}
.different.dropdown{top: 2em; right:4em;}
.different.dropdown-menu.show{top: 10px !important;left: -5px !important;border-radius: 8px;background: #f8f9fa;width: 200px;}
.different.dropdown-item:focus, .different.dropdown-item:hover{color: #16181b; background-color: white; border-radius: 8px;font-weight: 500;}

@media only screen and (max-device-width: 767px) {
  div#mobilheaderWrapper{padding-top: 1em;}
  text#headlineheader{display: none;}
  text#headlineheaderMobil{display: inline;}
  img#logoMobil{float:left;}
  .navbar.navbar-default.navbar-fixed-top{display:none;}
  form#searchForm{padding: 3em 0em;}
  div.bodyWrapper{padding-top: 0px;}
  div.filterCollapse{margin: 1em 0em;}
  div.bottomAlign{position:inherit;}
}