#map {
  position: relative;
  height: 500px;
  width: 100%;
  margin-top: 50px;
}
.leaflet-map-pane { width: 100%; }

.leaflet-pane, .leaflet-top, .leaflet-bottom { z-index: 1!important; }
.mapcontainer { width: 100%; height: 400px; display: inline-block; }

.path-checkout #mapid { width: 100%; height: 35vh; display:block; margin-bottom: 50px; margin-top: 20px; }
.abholungpopup-wrapper.innerpopup { height: 400px; }
.takeawaylist { overflow-y: auto; }
.takeawaylist ul li { padding: 16px 0px; margin: 0px; line-height: 1.2em; border-top: 1px solid #000; }
.takeawaylist ul li:hover { cursor: pointer; text-decoration: underline; }
.takeawaylist b {
font-weight: normal;
font-size: 1.3em;
line-height: 1.1em;
margin-bottom: 10px; }


@media only screen and (min-width: 0px) and (max-width: 768px) {

 .mapcontainer {
      margin-right: 0px;
      height: 230px;
  }

  .takeawaylist {
   margin: 10px 0px 10px 0px;
  }

.abholungpopup-wrapper.innerpopup { height: auto; }

}