/* ==================================================
   SYNOLOGY SCHNELLÜBERSICHT
================================================== */

.table-scroll {
  width: 100%;
  overflow: visible;
}

@media (max-width: 900px) {
  .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


/* Tabelle über die komplette verfügbare Breite */

.overview-table {
  width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.94rem;
}


/* Spaltenbreiten */

.overview-table th:first-child,
.overview-table td:first-child {
  width: 15%;
}

.overview-table th:not(:first-child),
.overview-table td:not(:first-child) {
  width: 17%;
}


/* Grundformat */

.overview-table th,
.overview-table td {
  padding: 13px 16px;
  vertical-align: middle;
  border: 0;
}


/* ==================================================
   KOPFZEILE
================================================== */

.overview-table thead th {
  padding-top: 17px;
  padding-bottom: 17px;

  background: rgba(255, 255, 255, 0.06);

  color: #ffffff;
  font-weight: 700;

  text-align: center;
  white-space: nowrap;
}

.overview-table thead th:first-child {
  text-align: left;
}

/* ==================================================
   STICKY MODELL-KOPFZEILE
================================================== */

/* Sticky innerhalb der Vergleichsseite ermöglichen */
.product-content.section-surface {
  overflow: visible;
}

/* Tabellencontainer */
.table-scroll {
  width: 100%;
  overflow: visible;
}

/* Modellzeile */
.overview-table thead th {
  position: sticky;
  top: 70px;
  z-index: 50;
  background: #1c2630;
}

/* Auf kleinen Displays weiterhin horizontal scrollbar */
@media (max-width: 900px) {
  .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* ==================================================
   DATENZEILEN
================================================== */

/* Standard */

.overview-table tbody tr:not(.table-category) td {
  background: rgba(255, 255, 255, 0.015);
}


/* Jede zweite Datenzeile */

.overview-table tbody tr:not(.table-category):nth-child(even) td {
  background: rgba(255, 255, 255, 0.045);
}


/* Erste Spalte */

.overview-table tbody td:first-child {
  font-weight: 600;
  text-align: left;
  color: #e8edf3;
}


/* Werte */

.overview-table tbody td:not(:first-child) {
  text-align: center;
  color: #f2f5f8;
}


/* dezente Trennlinie */

.overview-table tbody tr:not(.table-category) td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.035);
}


/* Hover */

.overview-table tbody tr:not(.table-category):hover td {
  background: rgba(255, 255, 255, 0.075);
}


/* ==================================================
   RUBRIKEN
================================================== */

.overview-table .table-category th {
  padding: 11px 16px;

  background: rgba(41, 151, 255, 0.13);

  color: #74b9ff;

  font-size: 0.92rem;
  font-weight: 700;

  text-align: left !important;

  border-top: 10px solid transparent;
  border-bottom: 1px solid rgba(41, 151, 255, 0.18);
}


/* Erste Rubrik ohne Abstand nach oben */

.overview-table tbody .table-category:first-child th {
  border-top: 0;
}


/* ==================================================
   KAUFEN
================================================== */

.overview-table .table-buy-row td {
  padding-top: 18px;
  padding-bottom: 18px;
}

.overview-table .table-buy-row .btn-amazon {
  display: inline-block;

  min-width: 95px;

  padding: 9px 16px;

  text-align: center;
}

.overview-table .table-buy-row td,
.overview-table .table-buy-row td {
  padding-top: 16px;
  padding-bottom: 18px;
}

.overview-table .table-price-row td:not(:first-child),
.overview-table .table-price-row td:not(:first-child) {
  font-weight: 700;
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 900px) {

  .overview-table {
    min-width: 1050px;
  }

  .overview-table th,
  .overview-table td {
    padding: 11px 13px;
  }

}
.content-card {
  overflow: visible !important;
}

.table-scroll {
  overflow: visible !important;
}

.overview-table thead th {
  position: sticky !important;
  top: 70px;
  z-index: 999;
  background: #1c2630;
}