#map_container_vertrieb div[class*="col-"] {

  padding: 0;

}

#map_canvas_vertrieb {

  height: 2045px;

}
.location-info-window .cta-group a.vertriebBox {
  height: 53px ;
  padding: 5px 20px;
}
.vertriebBox svg{
  width: 20px;

}
.vertriebBox {
  font-size: 16px;
}
.vertriebBox span{
  display: block;
}
#map_container_vertrieb #location_container_vertrieb {

  border-top: 1px solid rgba(0, 0, 0, 0.23);

  border-bottom: 1px solid rgba(0, 0, 0, 0.23);

  /*
  height: 1100px;
  */

  box-sizing: border-box;

  overflow: hidden;

  position: relative;

}

#map_container_vertrieb #location_container_vertrieb h2 {

  background-color: #0168b3;

  color: white;

  margin: 0;

  padding: 20px 30px;

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

}

#map_container_vertrieb #location_container_vertrieb .location-item {

  position: relative;

  display: block;

  min-height: 100px;

  padding: 20px 80px 20px 30px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

  color: #555555;

  box-sizing: border-box;

  margin-right: 10px;

  margin-left: 10px;

}

#map_container_vertrieb #location_container_vertrieb .location-item h5 {

  font-weight: bold;

  text-transform: uppercase;

  font-size: 16px;

  margin: 0 0 5px 0;

}

#map_container_vertrieb #location_container_vertrieb .location-item h6 {


  text-transform: uppercase;

  font-size: 14px;

  margin: 0 0 5px 0;

}

#map_container_vertrieb #location_container_vertrieb .location-item .location {

  color: #0168b3;

  padding: 5px;

  margin: 0;

  background-color: #f5f5f5;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  display: inline-block;

}

#map_container_vertrieb #location_container_vertrieb .location-item .location svg {

  margin-right: 5px;

}

#map_container_vertrieb #location_container_vertrieb .location-item .hover-icon {

  position: absolute;

  right: 30px;

  top: 35px;

  opacity: 0;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

}

#map_container_vertrieb #location_container_vertrieb .location-item:hover,

#map_container_vertrieb #location_container_vertrieb .location-item:active {

  background: #f5f5f5;

  text-decoration: none;

  cursor: pointer;

}

#map_container_vertrieb #location_container_vertrieb .location-item:hover .location,

#map_container_vertrieb #location_container_vertrieb .location-item:active .location {

  background-color: #0168b3;

  color: white;

}

#map_container_vertrieb #location_container_vertrieb .location-item:hover .location svg path,

#map_container_vertrieb #location_container_vertrieb .location-item:active .location svg path {

  fill: white;

}

#map_container_vertrieb #location_container_vertrieb .location-item:hover .hover-icon,

#map_container_vertrieb #location_container_vertrieb .location-item:active .hover-icon {

  opacity: 1;

  right: 20px;

}

.gm-style-iw {

  width: 350px;

}

.gm-style-iw > div {

  display: block !important;

  width: 100% !important;

  max-width: none !important;

}

.location-info-window {

  background-color: #0168b3;

  position: relative;

}

.vertriebLocation-info-window {

  background-color: #0168b3;
text-align: center;
  position: relative;

}

.location-info-window header {

  background-color: #0168b3;

  background-size: cover;

  background-position: center;

  height: 105px;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.location-info-window .vertriebPicture {
  width: 50%;

}
.location-info-window h3.vertriebHeadline {

  color: #0168b3;
  background: white;
  padding: 10px;
  width: 100% ;
}

.location-info-window h3.vertriebHeadline small {
  display: block;

}

.location-info-window .location-address {

  padding: 160px 20px 10px 20px;

  color: white;

}

.location-info-window .location-address.vertriebAdress {

  padding: 10px 20px 10px 20px;

  color: white;

}

.location-info-window .contact {

  padding: 10px 20px;

  margin: 0;

  color: #fff;
  font-size: 14px;

}

.location-info-window .contact li a,
.location-info-window .contact li span,
.location-info-window .contact li{

  font-size: 14px;

}

.location-info-window .contact li {

  list-style: none;

  margin: 0;

  padding: 0;

  color: #fff;

}

.location-info-window .contact a {

  color: white;

}

.location-info-window .cta-group {

  padding: 20px;

}

.location-info-window .cta-group a {

  display: inline-block;

  border: 1px solid rgba(255, 255, 255, 0.4);

  width: 50%;

  color: white;

  padding: 10px 20px;

  text-align: center;

  height: 70px;

  font-weight: bold;

}

.location-info-window .cta-group a svg {

  margin-bottom: -6px;

  margin-right: 10px;

}

.location-info-window .cta-group a:hover {

  background-color: rgba(0, 0, 0, 0.1);

  cursor: pointer;

  text-decoration: none;

}

#location_container_vertrieb_mobile > div {

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

  padding: 20px 20px ;

}

#location_container_vertrieb_mobile a,

#location_container_vertrieb_mobile a:hover {

  color: #0168b3;

}

#location_container_vertrieb_mobile span {

  display: block;

}

#location_container_vertrieb_mobile h5 {

  font-weight: bold;

  font-size: 18px;

}

#location_container_vertrieb_mobile h6 {

  font-weight: bold;

  font-size: 16px;

}

#location_container_vertrieb_mobile .category {

  background-color: #0168b3;

  padding: 20px;

  color: white;

  font-size: 20px;

}

#map_container div[class*="col-"] {

  padding: 0;

}

#map_canvas {

  height: 2045px;

}

#map_container #location_container {

  border-top: 1px solid rgba(0, 0, 0, 0.23);

  border-bottom: 1px solid rgba(0, 0, 0, 0.23);

  /*
  height: 1100px;
  */

  box-sizing: border-box;

  overflow: hidden;

  position: relative;

}

#map_container #location_container h2 {

  background-color: #0168b3;

  color: white;

  margin: 0;

  padding: 20px 30px;

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

}

#map_container #location_container .location-item {

  position: relative;

  display: block;

  min-height: 100px;

  padding: 20px 80px 20px 30px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

  color: #555555;

  box-sizing: border-box;

  margin-right: 10px;

  margin-left: 10px;

}

#map_container #location_container .location-item h5 {

  font-weight: bold;

  text-transform: uppercase;

  font-size: 16px;

  margin: 0 0 5px 0;

}


#map_container #location_container .location-item .location {

  color: #0168b3;

  padding: 5px;

  margin: 0;

  background-color: #f5f5f5;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  display: inline-block;

}

#map_container #location_container .location-item .location svg {

  margin-right: 5px;

}

#map_container #location_container .location-item .hover-icon {

  position: absolute;

  right: 30px;

  top: 35px;

  opacity: 0;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

}

#map_container #location_container .location-item:hover,

#map_container #location_container .location-item:active {

  background: #f5f5f5;

  text-decoration: none;

  cursor: pointer;

}

#map_container #location_container .location-item:hover .location,

#map_container #location_container .location-item:active .location {

  background-color: #0168b3;

  color: white;

}

#map_container #location_container .location-item:hover .location svg path,

#map_container #location_container .location-item:active .location svg path {

  fill: white;

}

#map_container #location_container .location-item:hover .hover-icon,

#map_container #location_container .location-item:active .hover-icon {

  opacity: 1;

  right: 20px;

}

.gm-style-iw {

  width: 350px;

}

.gm-style-iw > div {

  display: block !important;

  width: 100% !important;

  max-width: none !important;

}

.location-info-window {

  background-color: #0168b3;

  position: relative;

}

.location-info-window header {

  background-color: #0168b3;

  background-size: cover;

  background-position: center;

  height: 105px;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.location-info-window header h3 {

  color: #0168b3;

  background: white;

  padding: 10px;

  bottom: -40px;

  left: 20px;

  position: absolute;

  max-width: 85%;

  width: 85%!important;

}

.location-info-window header h3 small {

  display: block;

}

.location-info-window .location-address {

  padding: 160px 20px 10px 20px;

  color: white;

}

.location-info-window .contact {

  padding: 10px 20px;

  margin: 0;

  color: #fff;

}

.location-info-window .contact li {

  list-style: none;

  margin: 0;

  padding: 0;

  color: #fff;

}

.location-info-window .contact a {

  color: white;

}

.location-info-window .cta-group {

  padding: 20px;

}

.location-info-window .cta-group a {

  display: inline-block;

  border: 1px solid rgba(255, 255, 255, 0.4);

  width: 50%;

  color: white;

  padding: 10px 20px;

  text-align: center;

  height: 70px;

  font-weight: bold;

}

.location-info-window .cta-group a svg {

  margin-bottom: -6px;

  margin-right: 10px;

}

.location-info-window .cta-group a:hover {

  background-color: rgba(0, 0, 0, 0.1);

  cursor: pointer;

  text-decoration: none;

}

#location_container_mobile > div {

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

  padding: 20px 20px ;

}

#location_container_mobile a,

#location_container_mobile a:hover {

  color: #0168b3;

}

#location_container_mobile span {

  display: block;

}

#location_container_mobile h5 {

  font-weight: bold;

  font-size: 18px;

}

#location_container_mobile .category {

  background-color: #0168b3;

  padding: 20px;

  color: white;

  font-size: 20px;

}