/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* Erzwungene Mobil-Optimierung für das NOVA-Child */
@media (max-width: 767px) {
  
  /* 1. Tabelle im OnPage Composer und Beschreibungen scrollbar machen */
  .opc-RichText table, 
  .product-detail-description table,
  .opc-RichText .table-responsive,
  table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* 2. Blauen Hintergrund der linken Tabellen-Spalte entfernen */
  .opc-RichText table tr td:first-child,
  .product-detail-description table tr td:first-child,
  table tr td:first-child {
    background-color: transparent !important;
    color: #333333 !important; /* Setzt dunkle Schrift, damit sie auf weiß lesbar bleibt */
  }
}