.tech-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 2rem;
  table-layout: fixed;
  font-size: 1rem; /* überall gleiche Schriftgröße */
}

/* Kopfzeile */
.tech-table th {
  font-weight: 700; /* bold */
  text-align: left;
  padding: 1rem;
  border-bottom: 1px solid #777; /* Trenner unter Header */
}

/* Zellen */
.tech-table td {
  padding: 1rem;
  vertical-align: top;
  border-bottom: 1px solid #777; /* Zeilentrenner */
}

/* Spaltentrenner (nur innen, kein Außenrahmen) */
.tech-table th:not(:last-child),
.tech-table td:not(:last-child) {
  border-right: 1px solid #777;
}

/* Kein Rahmen unten in der letzten Zeile */
.tech-table tbody tr:last-child td {
  border-bottom: none;
}

/* Project Name fett */
.tech-table td:first-child {
  font-weight: 700;
}

/* Hover-Zustand */
.tech-table tbody tr:hover{
  background-color: #0c7500; /* grün */
  color: #fff;
  cursor: pointer;
}

/* Zeilen als klickbar markieren */
.tech-table tbody tr.row-link {
  cursor: pointer;
}

/* Link soll die gesamte Zelle einnehmen */
.row-link-anchor {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}


/* --------------------------------------- */
/* Mobile Tables */
/* --------------------------------------- */
.technical-data-table-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .technical-data-table {
    display: none;
  }
}


/* Sortierbare Header */
.tech-table th {
  cursor: pointer;
  user-select: none;
  position: relative;
}

/* Sort-Pfeile */
.tech-table th::after {
  content: '↕';
  font-size: 0.8em;
  opacity: 0.4;
  margin-left: 0.5rem;
}

.tech-table th.sort-asc::after {
  content: '↑';
  opacity: 1;
}

.tech-table th.sort-desc::after {
  content: '↓';
  opacity: 1;
}

/* Kein Hover-Hintergrund für Header */
.tech-table thead tr:hover {
  background: none;
}