body { margin:0; font-family: system-ui, sans-serif; }

/* höhere Karte */
#map { height: 82vh; }

.toolbar {
  padding:8px 12px; display:flex; gap:8px; align-items:center; flex-wrap:wrap;
  background:#f5f5f5; border-bottom:1px solid #ddd;
}
button { padding:6px 10px; border:1px solid #bbb; border-radius:6px; background:#fff; cursor:pointer; }
button:disabled { opacity:.5; cursor:not-allowed; }

/* exakt mittig (horizontal + vertikal) */
.poi-num{
  width:26px; height:26px; border-radius:50%;
  display:grid; place-items:center;     /* <-- zentriert */
  background:#2b6cb0; color:#fff;
  font-weight:700; font-size:13px;
  border:2px solid #fff;
  box-shadow:0 0 4px rgba(0,0,0,.3);
}

#routeinfo { margin-left:auto; font-weight:600; }

/* optional – wird aktuell nicht benötigt, kann bleiben */
#legs {
  width:100%; padding:6px 12px; background:#fafafa; border-top:1px solid #ddd;
  font:13px/1.4 sans-serif;
}
#legs ul { margin:4px 0 0; padding-left:18px; }