.modal-backdrop {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
.modal-content {
  background: white;
  padding: 2rem;
  border-radius: 0.5rem;
  width: 90%;
}

.modal-content {
  font-size: 15px !important; /* Oder eine gewünschte kleinere Größe */
  line-height: 1.4;
}

/* .modal-content table.import-preview th,
.modal-content table.import-preview td {
    font-size: 14px;
} */

table.import-preview {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* WICHTIG: Verhindert zu breite Spalten */
}

table.import-preview th, 
table.import-preview td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  word-wrap: break-word;  /* Bricht Wörter am Rand */
  white-space: normal;    /* Erlaubt Zeilenumbruch */
  overflow-wrap: break-word; /* Alternative für ältere Browser */
  font-size: 14px !important;
  /* word-wrap: break-word; Bricht lange Wörter */
  min-width: 120px; /* Mindestbreite pro Spalte */
  max-width: 300px; /* Optional: Maximale Breite */
  overflow: hidden;       /* Verhindert Überlaufen */
  text-overflow: ellipsis; /* Optional: ... bei zu langem Text */
}

table.import-preview th {
  background-color: #f2f2f2;
  font-weight: bold;
}

table.import-preview tr:nth-child(even) {
  background-color: #f9f9f9;
}