.home-wrap #logo {
  top: 310px;
  right: 389px;
}
.main.home-wrap #headerImage {
  height: 616px !important;
}
.main.home-wrap #headerImage .bx-viewport {
  max-height: 616px;
}
#quicklinks {
  float: left;
  width: 100%;
  position: relative;
}
#homenews {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 75px;
  margin-top: 45px;
}

#homenews .firstFont h4 strong {
  color: #cd0101;
  font-size: 50px;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  margin-top: 43px;
}
#homenews .firstFont h4 {
  font-size: 45px;
  color: #000;
  text-align: center;
  font-weight: normal;
  font-family: "Lato-Light";
}
#homenews li {
  float: left;
  width: 100%;
}
#homenews .teaserPicture {
  width: 100%;
  float: left;
  background: #ccc;
  position: relative;
  margin: 0;
  height: 208px;
}
#homenews .bx-viewport {
  margin-top: 65px;
}
.bgSlider2 {
  float: left;
}
#homenews .teaserPicture img {
  float: left;
  width: auto;
  border: 0;
  max-height: 100%;
  margin: 0;
}
#homenews .aktuellbereichText {
  float: right;
  width: 48%;
}
#homenews .aktuellbereichText h4 {
  font-size: 25px;
  text-align: left;
  font-family: "Lato-Medium";
  font-weight: normal;
  margin-top: 57px;
  color: #000000;
  position: relative;
  padding-bottom: 8px;
}
#homenews h4 a {
  font-size: 25px;
  color: #000000;
}
#homenews .aktuellbereichText h4::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 190px;
  height: 1px;
  background: #e1e1e1;
  content: "";
}
#homenews .alles-main {
  max-width: 1142px;
}
#wrap.home-wrap #homenews .teaserText {
  float: right;
  width: 100%;
  margin-top: 12px;
  text-align: center;
}
#wrap.home-wrap #homenews .teaserPicture img {
  float: left;
  left: 50%;
  margin: auto 0;
  max-height: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
}
#homenews .teaserText {
  float: left;
  width: 100%;
  margin-top: 35px;
}
#homenews .teaserText h4 {
  text-align: left;
}
#homenews .contentElement {
  float: left;
  margin-bottom: 25px;
  width: 100%;
  margin-top: 41px;
}
#homenews p {
  color: #919191;
  font-size: 18px;
  text-align: center;
}
#homenews .bildText {
  float: left;
  width: 100%;
  position: relative;
}
#homenews li h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  float: left;
  width: 100%;
  text-align: center;
}
#homenews li h4 a {
  color: #fff;
  position: relative;
  font-size: 21px;
  font-family: "Lato-Regular";
  font-weight: normal;
  float: left;
  width: calc(100% - 30px);
  background: url(../images/newsbg.png) top left repeat;
  padding: 2px 15px 7px;
}
#homenews li h4 a::after {
  position: absolute;
  left: 0;
  top: -16px;
  content: "";
  height: 16px;
  width: 100%;
  background: url(../images/bildunterschrift2.png) top right repeat;
}
#homenews .bx-wrapper {
  max-width: none !important;
  position: relative;
}
#quicklinks #ql01 {
  float: left;
  width: 50%;
  z-index: 1;
  background: url(../images/ql01.png) no-repeat scroll left top;
  height: 444px;
  margin-right: -6px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#ql01:hover h4,
#ql02:hover h4 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  text-transform: uppercase;
  margin-top: 144px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#ql01 p,
#ql02 p,
#ql01 h4,
#ql02 h4 {
  display: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#ql01:hover p,
#ql02:hover p {
  text-align: center;
  color: #fff;
  font-family: "Lato-Light";
  font-weight: normal;
  margin-top: 5px;
  font-size: 36px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  display: block;
}
#ql01:hover {
  background: url(../images/ql01-hover.png) no-repeat scroll left top !important;
  height: 387px !important;
  width: 50% !important;
  z-index: 50 !important;
  float: left !important;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#quicklinks #ql02 {
  float: right;
  width: 50%;
  z-index: 1;
  margin-top: 60px;
  text-align: right;
  background: url(../images/ql02.png) no-repeat scroll right top;
  height: 387px;
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out;
}
#quicklinks #ql02:hover {
  background-image: url(../images/ql02-hover.png);
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out;
}
#quicklinks #ql03 {
  float: left;
  width: 100%;
  z-index: 1;
  margin-top: -50px;
  background: url(../images/ql03.png) no-repeat scroll left top;
  height: 543px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

/* #ql03:hover {
    background: url(../images/ql03-hover.png) no-repeat scroll left top !important;
		-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
} */
#ql01 h4 {
  font-family: "Lato-SemiBold";
  font-weight: normal;
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 144px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#ql01 p {
  color: #fff;
  font-family: "Lato-Light";
  font-weight: normal;
  margin-top: 5px;
  text-align: center;
  font-size: 36px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#ql02 h4 {
  font-family: "Lato-SemiBold";
  font-weight: normal;
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  margin-top: 144px;
  text-align: center;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#ql02 p {
  color: #fff;
  font-family: "Lato-Light";
  font-weight: normal;
  margin-top: 5px;
  text-align: center;
  font-size: 36px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#ql03 h4 {
  font-family: "Lato-SemiBold";
  font-weight: normal;
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  margin-top: 200px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#ql03 p {
  color: #fff;
  font-family: "Lato-Light";
  font-weight: normal;
  margin-top: 5px;
  font-size: 36px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.home-wrap #ortsplan {
  float: left;
  width: 100%;
  margin-top: -159px;
  background: url(../images/ortsplan.png) no-repeat scroll left top;
  height: 656px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.home-wrap #ortsplan a {
  background: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#ortsplan h4 {
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  margin-top: 200px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#ortsplan p {
  color: #fff;
  font-family: "Lato-Light";
  font-weight: normal;
  margin-top: 5px;
  font-size: 36px;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.home-wrap #ortsplan:hover {
  background: url(../images/ortsplan-hover.png) no-repeat scroll left top !important;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.home-wrap #ortsplan:hover h4 {
  color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.home-wrap #ortsplan:hover p {
  color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.alles-home h4 {
  font-family: "Lato-SemiBold";
  font-weight: normal;
}
.home-wrap #ortsplan h4 {
  color: #ce0101;
  font-size: 40px;
  text-transform: uppercase;
  display: block;
  float: right;
  position: absolute;
  bottom: 0px;
  width: auto;
  right: 212px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.home-wrap #ortsplan a {
  background: none;
  bottom: 677px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.home-wrap #ortsplan p {
  color: #000000;
  font-family: "Lato-Light";
  font-weight: normal;
  margin-top: 5px;
  font-size: 36px;
  display: block;
  position: relative;
  float: right;
  clear: both;
  bottom: -78px;
  left: -212px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
