/* MOBILE FIXES */
@media (max-width: 600px) {

  /* Container darf nicht breiter sein als der Bildschirm */
  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* iframe sauber responsiv */
  #widgetMatches {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
  }

  /* Tabellen NICHT table-layout: fixed – das zerstört DataTables */
  table {
    width: 100% !important;
  }

  /* Tabellenzellen dürfen umbrechen */
  th, td {
    white-space: normal !important;
    word-break: break-word;
  }

  /* DataTables erzeugt oft min-width → entfernen */
  table.dataTable {
    width: 100% !important;
  }

  /* DataTables-Wrapper darf nicht breiter sein */
  div.dataTables_wrapper {
    width: 100% !important;
    overflow-x: auto;
  }
}