.at-hb-tablewrap{
  width: 100%;
  overflow-x: auto;
  margin: 12px 0;
}

.at-hb-table{
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 980px;
}

/* Zellen: nur senkrechte Linien (zwischen Spalten) */
.at-hb-table th,
.at-hb-table td{
  padding: 0.5rem;
  vertical-align: top;
  border-left: 1px solid #000;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}

/* keine Linie ganz links (nur Linien zwischen Spalten) */
.at-hb-table th:first-child,
.at-hb-table td:first-child{
  border-left: none;
}

/* Header: zentriert + untere Linie */
.at-hb-table thead th{
  text-align: center;
  font-weight: 700;
  border-bottom: 1px solid #000;
  border-top: none;
}

/* Body: optional Zebra */
.at-hb-table tbody tr:nth-child(even){
  background: #eee;
}
/* Menge & Gebinde zentrieren */
.hb-menge,
.hb-gebinde,
.hb-abfuell {
  text-align: center;
}

/* weitere Spalten: optional etwas ruhiger */
.hb-abfuell,
.hb-herkunft{
  opacity: .9;
}
.hb-bem{
  opacity: .9;
  min-width: 260px;
}
.at-hb-table{
  font-size: 1rem;
}

/* ca. 8 Zeilen sichtbar + Rest scrollt */
.at-hb-tablewrap{
  /* anpassbar, falls deine Zeilen höher/niedriger sind */
  --hb-head-h: 48px;   /* Header-Höhe */
  --hb-row-h: 48px;    /* Zeilen-Höhe */
  max-height: calc(var(--hb-head-h) + (6 * var(--hb-row-h)));
  overflow: auto;      /* vertical + horizontal scroll, falls nötig */
}