.excel-table-container,
.excel-table-container > div,
.excel-table-container > div > table {
  display: flex;
  flex-direction: column;
  align-items: center;
}



.excel-table-container > div > table > thead {
  display: none;
}

.excel-table-container > div > table > tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  gap: 0;
  max-width: 1310px;
}

.excel-table-container > div > table > tbody > tr.even, .excel-table-container > div > table > tbody > tr.odd {
  display: flex;
  flex: 0 0 310px;
  flex-direction: column;
  background-color: #171717de;
  margin: 8px;
  border-radius: 12px;
  padding: 5px;
  border: 1px solid #df3e21;
}


.excel-table-container > div > table > tbody > tr > td.col-datum {
  color: #c3c3c3;
  padding: 12px 12px 0 12px !important;
}

.excel-table-container > div > table > tbody > tr > td.col-zeitung {
  color: #858585;
  padding: 0 12px 0 12px !important;
  text-align: right;
}
.excel-table-container > div > table > tbody > tr > td.col-artikel {
  color: #8ac5cc;
  font-size: 16px;
  padding: 12px 12px 0 12px !important;
  min-height: 100px;
}

.excel-table-container > div > table > tbody > tr > td.col-link {
  color: #e33f21;
  padding: 12px !important;
}

.excel-table-container > div > table > tbody > tr > td.col-link a {
  text-decoration: none;
  color: #e33f21;
}

/* View Switch Button */
.view-switch-button {
  margin-bottom: 20px;
  padding: 8px 16px;
  background-color: #e33f21;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.view-switch-button:hover {
  background-color: #c93115;
}

/* DataTables Elemente im Tile-View ausblenden */
.excel-table-container.tile-view [id$="_length"],
.excel-table-container.tile-view [id$="_info"],
.excel-table-container.tile-view [id$="_paginate"],
.excel-table-container.tile-view [id$="_filter"] {
  display: none;
}

/* Nur anwenden, wenn tile-view Klasse vorhanden ist */
.excel-table-container:not(.tile-view) .excel-table {
  display: table;
}

.excel-table-container:not(.tile-view) .excel-table > thead {
  display: table-header-group;
}

.excel-table-container:not(.tile-view) .excel-table > tbody {
  display: table-row-group;
}

.excel-table-container:not(.tile-view) .excel-table > tbody > tr {
  display: table-row;
}

.excel-table-container:not(.tile-view) .excel-table > tbody > tr > td {
  display: table-cell;
}