/* Hier können Sie bei Bedarf Ihre eigenen CSS-Definitionen einfügen. */

@media only screen and (max-width: 768px) {

  /* Alle Tabellen und übergeordneten Container */
  table, table * {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  /* Tabellenzeilen als Block */
  table tr {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px;
  }

  /* Tabellenzellen als Block, Blocksatz-Text, ohne Rahmen */
  table td, table th {
    display: block !important;
    width: 100% !important;
    padding: 10px !important;
    text-align: justify !important;      /* Blocksatz */
    word-wrap: break-word !important;    /* lange Wörter umbrechen */
    hyphens: auto !important;            /* Silbentrennung erlauben */
    border: none !important;             /* keine inneren Rahmen */
  }

  /* Links innerhalb der Zellen inline lassen */
  table td a, table th a {
    display: inline !important;
  }

table td strong,
table td b,
table th strong,
table th b {
    display: inline !important;
}

  /* Tabelle selbst ohne äußere Rahmen */
  table {
    border: none !important;  
    border-collapse: collapse !important;
  }

  /* Header optional hervorheben */
  table th {
    background-color: #f2f2f2 !important;
    font-weight: bold !important;
  }

  /* Horizontales Scrollen verhindern */
  body, html {
    overflow-x: hidden !important;
  }
}