/* Vul browservenster */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* Kaart absoluut, 100% scherm */
#map-container {

  height: 100%;
  width: 100%;
}

/* Paneel ook absoluut, overlay */
#panel {
  position: absolute;
  top: 80px;  /* of 16px + ruimte voor knop, etc. */
  left: 20px; /* pas aan naar wens */
  z-index: 10;
  max-height: 80vh; /* als het paneel veel content heeft, kan binnen het paneel gescrold worden */
}

  .leaflet-control-zoom.leaflet-bar.leaflet-control {
      position: absolute !important;
      bottom: 20px;
      right: 10px;
      top: auto !important; /* overschrijft de top-position */
  }