/* Ganze Tabelle zentriert auf der Seite */


.table-container {
  display: inline-block;
  background: white;
  padding: 20px;
  margin: 30px 0;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.2s, box-shadow 0.2s;
}

/*  Handy: automatisch vergrößern */
@media (max-width: 1200px) 
{
  .content-container
  {
    transform: scale(1.8);
    transform-origin: top left;
  }
}
.asm-map {
      width: 80%;
      height: 400px;
      margin: 10px 0;
      align: center;
    }

table {
  /* margin: 0 auto; */ /* zentriert horizontal */
  border-collapse: collapse; /* saubere Ränder */
  /* width: 100%; */ /*  optional */
  min-width: 300px;
  height: auto;
  border: 1px solid #f0f0f0;
  background-color: #f7f8f9;
}

/* Tabellenzellen und Kopfzellen */
td, th {
  text-align: center;    /* horizontal zentrieren */
  vertical-align: middle; /* vertikal zentrieren */
 /*  padding: 1px; */
 /* border: 1px solid #999; */
}

/* Optional: Tabellenzeilen */
tr {
  /* Kein spezielles Styling nötig für Zentrierung,
     kann aber für Hintergrundfarben etc. verwendet werden */
}

/* Optional: Tabellenkopf fett machen */
th {
  font-weight: bold;
  background-color: #f2f2f2;
}

.g {
  font-size: 20px;
}

table.lst {
  margin: 10 auto; /* zentriert horizontal */
  border-collapse: collapse; /* saubere Ränder */
 /* width: 80%; */ /*  optional */
  height: auto;
  border: 2px solid #000;
  background-color: #f7E8E9;
}

table.lst, 
table.lst th, 
table.lst td  {
  border: 2px solid #000;
  padding: 4px;
}