.table-scroll{
    display: block;      /* wichtig, falls der Wrapper inline ist */
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-scroll table{
  border-collapse: collapse;
  width: max-content;   /* wichtig: Tabelle darf breiter sein als Container */
  min-width: 100%;      /* aber nicht kleiner als Container */
}

.table-scroll th,
.table-scroll td{
  white-space: nowrap;  /* optional, sorgt dafür, dass es wirklich horizontal wird */
}

/* Tabellen in Blog-Content sauber stylen (auch Word/Excel-Paste) */
.blog-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.5rem 0 !important;
}

.blog-content table td,
.blog-content table th {
  padding: .6rem .75rem !important;
  border: 1px solid #e5e7eb !important;
  vertical-align: top !important;
}

/* Word/Excel-Paste: Absätze in Zellen killen die Optik */
.blog-content table p {
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Lange Tabellen: mobil scrollbar statt Layout sprengen */
.blog-content .table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.blog-content .table-wrap table {
  min-width: 680px; /* optional, damit Spalten nicht komplett zerquetscht werden */
}