.info2017 {
  color: grey;
}

.infoVgl {
  color: grey;
}

.diffpos {
  color: #008000;
}

.diffneg {
  color: #ff0000;
}

h2 {
  padding: 0;
  margin: 5px 0px;

  font-size: 16px;
}

/*@media screen and (max-width: 750px) {
  #map {
    width: 100vw;
    height: 100vw;
  }
  .menu {
    width: 100vw;
  }
}

@media screen and (min-width: 750px) {
  #map {
    width: 100vw;
    height: 100vw;
  }
  .menu {
    width: 100vw;
  }
}*/
#map .leaflet-tooltip-custom {
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 12px;
  padding: 1px 4px;
  text-align: center;

  overflow: hidden;
}

#map .hidden-tooltip {
  display: none;
}
/*#map .leaflet-tooltip-custom2 {
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 12px;
  padding: 1px;
}*/

#map .leaflet-popup-close-button {
  width: 100%;
  height: 100%;
  color: rgb(255, 255, 255);
  padding: 0px 0px;
}

.tooltip-sprengelname {
  color: rgb(0, 0, 0);
  font-size: 12px;
}

.tooltip-wahlergebnis {
  color: rgb(0, 0, 0);
  font-size: 12px;
}

.tooltip-wahlbeteiligung {
  /*color: rgb(33, 134, 68);*/
  color: rgb(0, 0, 0);
  font-size: 12px;
}

.map-info-div {
  z-index: 4000;
  margin: 10px;
  padding: 0;

  max-width: calc(100% - 20px);

  box-sizing: border-box;
}

.info-button {
  box-sizing: border-box;
  width: 40px;
  height: 40px;

  pointer-events: auto;
  background-color: white;
  border: none;
  color: black;
  padding: 0;
  margin: 0;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center; /* Centers the icon horizontally */
  align-items: center; /* Centers the icon vertically */
  font-size: 18px;
  font-weight: bold;

  border: 2px solid rgb(161, 161, 161);
  border-radius: 50%;
}

.info-field {
  box-sizing: border-box;
  max-width: 100%;

  pointer-events: auto;
  background-color: white;
  border: none;
  color: black;
  padding: 0;
  margin: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10pt;
  white-space: nowrap;

  overflow: auto;

  border: 2px solid rgb(161, 161, 161);
  border-radius: 4px;
}

.info-field th {
  min-width: 40px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}

.info-field:hover {
  background-color: #e0e0e0;
}

.info-hidden {
  display: none;
}

.info-button:hover {
  background-color: #e0e0e0;
}

.hidden-info-div {
  display: none;
}

.info-icon {
  height: 28px;
}

/*.leaflet-control-attribution {
  display: none;
}*/
.btn-download {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  z-index: 4000;
  background-color: var(--menu-color-hex);
  border: none;
  border-radius: 5px;

  pointer-events: auto;

  display: flex;
  justify-content: center; /* Horizontally center the content */
  align-items: center; /* Vertically center the content */
}

.btn-download:hover {
  background-color: var(--button-hover-hex);
}
.btn-download-hidden {
  display: none;
}

.map-hidden {
  display: none;
}

.chrome .leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  /* https://github.com/Leaflet/Leaflet/issues/3575 */
  mix-blend-mode: plus-lighter;
}
/*@media only screen and (max-width: 600px) {
  
}*/
/*#map .leaflet-bottom {
  padding-bottom: var(--addressbar-height);
}*/