#location-map__container {
    position: relative;
    /*width: 352px;
    height: auto;*/
  }
  @media (min-width: 76rem) {
    #location-map__container {
      height: 1019px;
      width: 850px;
    }
  }
  .location-map__item.stadtnetz2 {
    top: 23%;
    left: 21%;
    width: 56%;
  }
  .location-map__item.stoeckheim-sued2 {
    top: 87%;
    left: 46%;
    width: 9%;
  }
  .location-map__item.lamme2 {
    top: 51%;
    left: 13%;
    width: 7%;
  }
  .location-map__item.oelper2 {
    top: 33%;
    left: 5%;
    width: 28%;
  }
  .location-map__item.gliesmarode2 {
    top: 37%;
    left: 61%;
    width: 14%;
  }
  .location-map__item.ziegelkamp2 {
    top: 38%;
    left: 77%;
    width: 6%;
  }
  .location-map__item.mascherode2 {
    top: 74%;
    left: 65%;
    width: 9%;
  }
  .location-map__item.stoeckheim-zoo2 {
    top: 79%;
    left: 41%;
    width: 10%;
  }

.location-map__legend {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.location-map__legend li {
  margin-left: 0;
  padding-left: 0;
}

.location-map__legend li::before {
  display: inline-block;
  content: " ";
  width: .6em;
  height: .6em;
  border-radius: 1.2rem;
  background-color: var(--color-highlight);
  margin-right: .3rem;
}

.location-map__legend li.stadtnetz::before {
  background-color: #f8c57c;
}

.location-map__legend li.oelper::before {
  background-color: #bae1d2;
}

.location-map__legend li.gliesmarode::before {
  background-color: #66cedd;
}

.location-map__legend li.stoeckheim-sued::before {
  background-color: #199c69;
}

.location-map__legend li.stoeckheim-zoo::before {
  background-color: #039;
}

.location-map__legend li.lamme::before {
  background-color: #a8438d;
}

.location-map__legend li.mascherode::before {
  background-color: #cb8ebb;
}

.location-map__legend li.ziegelkamp::before {
  background-color: #97bf0d;
}