.stylish2-table {
  background: #f8fafc;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 12px rgba(44,62,80,0.07);
          box-shadow: 0 2px 12px rgba(44,62,80,0.07);
  margin-bottom: 1.5em;
  font-size: 0.82rem;
}
.stylish2-table th {
  background: -webkit-gradient(linear, left top, left bottom, from(#07689F), to(#8db7cf));
  background: linear-gradient(180deg, #07689F 0%, #8db7cf 100%);
  color: #fff;
  border: none !important;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-size: 0.82rem;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}
.stylish2-table tr {
  border-radius: 6px;
}
.stylish2-table td {
  background: #fff;
  border: none !important;
  padding: 0.6em 1em;
  vertical-align: middle;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

/* ---------------------------------------------------
   1. Stylische Tabelle (Data Table)
--------------------------------------------------- */
.stylish-table {
  background: #f8fafc;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 12px rgba(44,62,80,0.07);
          box-shadow: 0 2px 12px rgba(44,62,80,0.07);
  margin-bottom: 1.5em;
  font-size: 0.82rem;
}
.stylish-table th {
  background: -webkit-gradient(linear, left top, left bottom, from(#07689F), to(#8db7cf));
  background: linear-gradient(180deg, #07689F 0%, #8db7cf 100%);
  color: #fff;
  border: none !important;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-size: 0.82rem;
  padding-top: 1em;
  padding-bottom: 1em;
}
.stylish-table tr {
  border-radius: 6px;
}
.stylish-table td {
  background: #fff;
  border: none !important;
  padding: 0.6em 1em;
  vertical-align: middle;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.stylish-table thead tr {
  border-bottom: 2px solid #e0e5ec;
}
.stylish-table td:first-child,
.stylish-table th:first-child {
  border-top-left-radius: 8px;
}
.stylish-table td:last-child,
.stylish-table th:last-child {
  border-top-right-radius: 8px;
}
.stylish-table tbody tr {
  cursor: pointer;
  -webkit-transition: background 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s, background 0.2s;
  transition: box-shadow 0.2s, background 0.2s, -webkit-box-shadow 0.2s;
}
.stylish-table tbody tr:hover td {
  background: #e3f0ff;
  -webkit-box-shadow: 0 4px 20px -6px #2f80ed1a;
          box-shadow: 0 4px 20px -6px #2f80ed1a;
}