#schnelltest {
  position: absolute;
    right: 0;
    top: 170px;
    background: #fff;
    border: 3px solid #2c69ae;
    width: auto;
    z-index: 99;
}
#schnelltest a {
  float: left;
  width: calc(100% - 48px);
  padding: 24px;
  color: #2c69ae;
  font-family: 'Source-Sans-Pro';
  font-weight: bold;
  font-size: 19px;
}
#alles-home {
  float: left;
  width: 97.3%;
  border: 15px solid #bfc5c4;
}
#alles01 {
  height: 557px;
  padding-right: 1%;
  width: 99%;
  position: relative;
}
#alles02 {
  width: 100%;
  max-width: 1113px;
  margin: 25px auto 0;
}
body {
  background: url(../images/body-bg.jpg) no-repeat scroll center 557px;
}
#cm {
  bottom: 42px;
  position: absolute;
  right: 7%;
}
#cm a {
  color: #a9dc10;
  font-size: 12px;
}
#headerImage ul {
  height: 557px;
}
#homenews {
  border-bottom: 1px solid #fff;
  float: left;
  margin-left: 3%;
  margin-right: 3%;
  position: relative;
  width: 94%;
}
.bx-pager-item a {
  font-family: "Yanone-Kaffeesatz" !important;
  font-weight: normal;
}
#homenews .alleLesen {
  bottom: -138px;
  float: right;
  padding-right: 2%;
  position: absolute;
  right: -2%;
}
#homenews .alleLesen a {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
}
#homenews li {
  padding: 20px 10%;
  position: static !important;
  width: 80% !important;
  height: 126px;
}
#homenews .bx-wrapper .bx-viewport {
  height: 178px !important;
}
#homenews li.news h4 {
  float: left;
  font-size: 23px;
  font-family: "Yanone-Kaffeesatz";
  font-weight: normal;
  padding-left: 1.5%;
  text-transform: uppercase;
  width: 65%;
  margin-bottom: 9px;
  color: #a9dc10;
}
#homenews li.news .teaserText {
  font-size: 15px;
  color: #fff;
  width: 65%;
  padding-left: 1.5%;
  float: left;
}
#homenews li.news .teaserText a.weiterlesen {
  text-transform: uppercase;
  color: #fff;
  float: right;
  text-decoration: underline;
  margin-top: 23px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  right: 0;
}
#homenews li.news .teaserPicture {
  margin-right: 4%;
  width: 29%;
  float: left;
  margin-top: 5px;
}
#kontrast-alles {
  left: 29%;
  top: 17px;
}
#kontakt {
  background: url("../images/content-bild.png") no-repeat scroll left bottom
    #fff;
  border: 2px solid #c7c7c7;
  color: #2c69ae;
  margin-bottom: 0;
  padding: 13px 3% 20px 7%;
  width: 89%;
  font-size: 14px;
  position: relative;
  line-height: 15px;
}
#kontakt h4 {
  width: 21%;
  float: left;
  margin-top: 7px;
}
#kontakt a.mail {
  font-size: 13px;
  color: #0e236e;
}
#kreis {
  background: rgb(255 255 255 / 85%);
  color: #0e0e0e;
  float: left;
  font-size: 14px;
  height: 195px;
  left: 50%;
  transform: translateX(-100%);
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  position: relative;
  text-align: center;
  top: 155px;
  width: 205px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#kreis h4,
#kreis h4 a {
  font-size: 25px;
  color: #3c56a5;
  font-family: "Yanone-Kaffeesatz";
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0px;
}
#kreis h4,
#kreis p {
  float: left;
}
#kreis p {
  font-size: 15px;
}
#wasserzaehler {
  position: absolute;
  right: 0;
  top: calc(50% - 48.5px);
  width: auto;
  z-index: 99;
  background: #c22525;
}
#wasserzaehler a {
  float: left;
  width: calc(100% - 48px);
  padding: 24px;
  color: #ffffff;
  font-family: 'Source-Sans-Pro';
  font-weight: normal;
  font-size: 20px;
  background: none;
}
#layout02 {
  width: 16.5%;
  float: left;
  margin-left: 0;
}
#layout03 {
  background: none repeat scroll 0 0 #2c69ae;
  border: 2px solid #00358e;
  float: left;
  width: 50.02%;
  height: 356px;
  position: relative;
}
#layout04 {
  width: 33.1%;
  float: left;
}
#layout02 a.ort,
#layout02 a.termine,
#layout04 a.oeffnung,
#layout04 a.amts {
  float: left;
  width: 97.4%;
  height: 176px;
}
#layout02 a.ort {
  background: url(../images/ort.jpg) no-repeat left top;
  border: 2px solid #c7c7c7;
}
#layout02 a.ort:hover {
  background: url(../images/ort-hover.jpg) no-repeat left top;
}
#layout02 a.termine {
  background: url(../images/termine.jpg) no-repeat left top;
  border: 2px solid #68a300;
}
#layout02 a.termine:hover {
  background: url(../images/termine-hover.jpg) no-repeat left top;
}
#layout04 #oeffnung {
  background: url(../images/oeffnung-home.jpg) no-repeat left top;
  width: 48.8%;
  border: 2px solid #68a300;
  margin-bottom: 0;
}
#layout04 #oeffnung a {
  background: none;
  height: 176px;
}
#layout04 a.amts {
  background: url(../images/amts.jpg) no-repeat left top;
  width: 48.8%;
  border: 2px solid #00358e;
}
#layout04 a.amts:hover {
  background: url(../images/amts-hover.jpg) no-repeat left top;
}
#menuequick,
#menuequick a {
  color: #0e236e;
  font-size: 13px;
}
#menuequick {
  margin-top: 25px;
}
#wappen {
  float: right;
  margin-left: 10%;
  width: 51%;
  margin-bottom: 22px;
  margin-top: 5px;
}
#zeit {
  left: 34.3%;
  top: 69px;
}
#badenlogo,
#wahlen {
  float: left;
  margin-top: 10px;
  position: relative;
}
#wahl {
  position: absolute;
  right: 0;
  top: 266px;
  background: #fff;
  border: 3px solid #2c69ae;
  width: auto;
  z-index: 99;
}
#wahl a {
  float: left;
  width: calc(100% - 48px);
  padding: 24px;
  color: #2c69ae;;
  font-family: 'Source-Sans-Pro';
  font-weight: bold;
  font-size: 19px;
}

#badenlogo {
  width: 80%;
}
#badenlogo a:last-child {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: white;
  color: #04305e;
  font-family: "Yanone-Kaffeesatz";
  padding-bottom: 0.2rem;
}
#badenlogo .download {
  padding: 0;
  background: none;
}
#wahlen img {
  width: 60%;
}