table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
thead tr th {
  font-size: 12px;
  color: rgba(41, 19, 52, 0.6);
}

tbody tr th {
  font-size: 14px;
  color: black;
}

th, td {
    border-bottom: 1px solid #ddd;
    padding: 12px 16px;
    text-align: left;
}

#pagination {
    text-align: center;
    margin-top: 20px;
}

#pageNumbersContainer {
    text-align: center;
    margin-top: 10px;
}

button {
    margin: 0 5px;
    padding: 8px 12px;
    border: 1px solid #007BFF;
    background-color: white;
    color: #007BFF;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #007BFF;
    color: white;
}

.page-item {
    display: inline-block;
}

.page-link {
  display:flex;
  align-content:center;
  justify-content:center;
  text-decoration: none;
  padding: 8px 12px;
  color: black;
}

.page-link:hover {
    background-color: rgba(42, 18, 53, 0.2);
    color: black;
}
.page-link.active {
    background-color: #279f7f; /* Hintergrundfarbe der aktiven Seite */
    color: white; /* Textfarbe der aktiven Seite */
}
.paginationRow {
  padding-left: 4px;
  display: flex;
  align-content:center;
  justify-content:start;
  height: 40px;
}
.page-item.first .page-link {
    border-top-left-radius: 60px;  /* Rundung oben links */
    border-bottom-left-radius: 60px; /* Rundung unten links */
}

.page-item.last .page-link {
    border-top-right-radius: 60px;  /* Rundung oben rechts */
    border-bottom-right-radius: 60px; /* Rundung unten rechts */
}