.bikenear-marker-wrap {
  background: transparent;
  border: 0;
}

.bikenear-marker {
  width: 34px;
  height: 34px;
  border: 3px solid white;
  border-radius: 50% 50% 50% 10%;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  box-shadow: 0 5px 12px rgba(18, 49, 41, .34);
}

.bikenear-marker i {
  color: white;
  font: 800 15px/1 Manrope, sans-serif;
  font-style: normal;
  transform: rotate(45deg);
}

.bikenear-marker.water-house { background: #287fbd; }
.bikenear-marker.water-house i { color: #dff4ff; font-size: 13px; }
.bikenear-marker.public-fountain { background: #00a8a8; }
.bikenear-marker.public-fountain i { font-size: 12px; }
.bikenear-marker.water-point { background: #315c91; }
.bikenear-marker.water-point i { font-size: 12px; }
.bikenear-marker.ebike { background: #3d7b4d; }
.bikenear-marker.picnic { background: #ad6c2f; }
.bikenear-marker.tent { background: #e66b4f; }
.bikenear-marker.generic,
.bikenear-marker.altro { background: #52645e; }

.marker-cluster { background: rgba(23, 60, 50, .24); }
.marker-cluster div {
  color: white;
  background: #173c32;
  font: 800 13px/34px Manrope, sans-serif;
}

@media (max-width: 850px) {
  .explore > .map-panel {
    order: -1 !important;
  }

  .explore > .discovery {
    order: 0 !important;
  }
}

.translation-panel {
  margin: 18px 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf9;
}
.translation-panel summary { cursor: pointer; font-weight: 800; }
.translation-panel[open] summary { margin-bottom: 18px; }