#home_view {
  /*background-image: url(../img/backgrounds/bg02.jpg);
  background-repeat: no-repeat;*/

  z-index: 0;
}
#home_view .background {
  width: 100%;
  height: 100%;
  background-color: #000;


  transform-origin: 50% 100%;

  position: fixed;

  opacity: 1;

  display: flex;
  flex-direction: row;
}
#home_view .background .piece {
  position: relative;
  background-image: url(../img/backgrounds/bg02.jpg);
  background-repeat: no-repeat;
  width: 25%;
  height: 100%
}
#home_view .background .piece1 {
  background-position: 0% 50%;
}
#home_view .background .piece2 {
  background-position: 33.3% 50%;
}
#home_view .background .piece3 {
  background-position: 66.6% 50%;
}
#home_view .background .piece4 {
  background-position: 100% 50%;
}


#home_view .background2 {
  width: 0%;
  margin: 0px auto;
  height: 100%;
  background-color: #fff;
  opacity: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  top: 100%;
  left: 0;
  max-height: 100%;
}
#home_view .background2 .piece {
  position: relative;
  /*background-image: url(../img/fff_50x50.jpg);*/
  background-color: #fff;
  background-repeat: repeat;
  width: 0%;
  height: 100%;
}
#home_view .background2 .piece1 {
  background-position: 0% 50%;
}
#home_view .background2 .piece2 {
  background-position: 33.3% 50%;
}

#home_view .halfCircle {
  width: 200px;
  height: 100px;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  border: 10px solid gray;
  border-bottom: 0;
}
#home_view .quickSearch {
  bottom: -350px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#home_view .quickSearch.visible {
  opacity: 1;
  bottom: 15px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#home_view .quickSearch select {
  -webkit-appearance:none;
  border: 1px #fff solid;
  border-radius: 5px;
  background: none;
  color: #fff;
  padding: 15px;
  width: 100%;
  cursor: pointer;
}
#home_view .quickSearch button {
  -webkit-appearance:none;
  border: 1px #fff solid;
  border-radius: 5px;
  background: #fff;
  color: #000;
  padding: 15px 5px;
  width: 100%;
  cursor: pointer;
}

#home_view_blog {
  background-image: url(../img/backgrounds/bg_werkstatt.jpg);
  background-repeat: no-repeat;
}

#home_view_testDrive {
  background-image: url(../img/backgrounds/bg03.jpg);
  background-repeat: no-repeat;
}

#home_view_testDrive .quickSearch {
  bottom: 100px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#home_view_testDrive .quickSearch.visible {
  opacity: 1;
  bottom: 65px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#home_view_testDrive .quickSearch select {
  -webkit-appearance:none;
  border: 1px #fff solid;
  border-radius: 5px;
  background: none;
  color: #fff;
  padding: 15px;
  width: 100%;
  cursor: pointer;
}
#home_view_testDrive .quickSearch button {
  -webkit-appearance:none;
  border: 1px #fff solid;
  border-radius: 5px;
  background: #fff;
  color: #000;
  padding: 15px 5px;
  width: 100%;
  cursor: pointer;
}

#home_view_services {
  background-image: url(../img/backgrounds/bg_werkstatt.jpg);
  background-repeat: no-repeat;
}

#home_view_contact {
}

#home_view_locations {
}
#home_view_locations select {
  -webkit-appearance:none;
  border: 1px #fff solid;
  border-radius: 5px;
  background: none;
  color: #fff;
  padding: 15px;
  width: 100%;
  cursor: pointer;
}

#home_view_contact .topBox {
  background-image: url(../img/backgrounds/bg_werkstatt.jpg);
  background-repeat: no-repeat;
}

.textClass {
  background-color: none;
  width: 50px;
  height: 50px;

  border-radius: 100px;

  border: 0px #E4002B solid;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*.textClass::before {
  background-color: red;
  content: '\00a0';
  position: absolute;
  width: 50px;
  height: 50px;
  left: -3px;
}*/


.leaflet-tile {
    -webkit-filter: hue-rotate(180deg) invert(100%);
}

.leaflet-top a {
  color: #000 !important;
}

#map {
  z-index: 100;
}
.leaflet-bottom {
  /*display: none;*/
}
.leaflet-container .leaflet-control-attribution {
  background-color: rgba(0,0,0,0.7) !important;
}
.leaflet-container .leaflet-control-attribution a {
  color: rgba(100,100,100,0.7) !important;
}