/*** T3SB identifier: t3sbsCSSassets_13445 */

/* t3sbs_assets_13445 */
#c13444,
#c13446 {
  width: 100%;
}

#c13444 figure.table,
#c13444 .contenttable,
#c13446 figure.table,
#c13446 .contenttable {
  margin: 0;
  width: 100%;
}

#c13444 .table-responsive,
#c13446 .table-responsive {
  width: 100%;
  overflow-x: auto;
}

/* Desktop Ansicht */
@media (min-width: 768px) {
  #c13444 table,
  #c13446 table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }

  #c13444 thead th,
  #c13446 thead th {
    background-color: #6f6b67 !important;
    color: #ffffff !important;
    font-weight: 700;
    border: 1px solid #ffffff;
    height: 190px;
    line-height: 1.15;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: bottom;
  }

  #c13444 thead th:first-child,
  #c13446 thead th:first-child {
    width: 90px;
    min-width: 90px;
    max-width: 95px;
    padding: 0 8px 12px 8px;
    text-align: left;
    vertical-align: bottom;
    writing-mode: horizontal-tb;
    transform: none;
    white-space: normal;
  }

  #c13444 thead th:not(:first-child),
  #c13446 thead th:not(:first-child) {
    width: 68px;
    min-width: 68px;
    max-width: 68px;

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    text-align: left;
    vertical-align: bottom;

    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;

    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 10px;
  }

  /* Zeilenfarben auf tr, damit globales tr:hover erhalten bleibt */
  #c13444 tbody tr:nth-child(odd),
  #c13446 tbody tr:nth-child(odd) {
    background-color: #e9e9e9;
  }

  #c13444 tbody tr:nth-child(even),
  #c13446 tbody tr:nth-child(even) {
    background-color: #f4f4f4;
  }

  /* Zellen transparent lassen, damit tr:hover sichtbar bleibt */
  #c13444 tbody td,
  #c13446 tbody td {
    background-color: transparent !important;
    color: #1f1f1f;
    border: 1px solid #cccccc;
    padding: 12px 20px 12px 10px;
    text-align: right;
    vertical-align: top;
    white-space: normal;
    box-sizing: border-box;
  }

  /* Erste Body Spalte bleibt linksbündig */
  #c13444 tbody td:first-child,
  #c13446 tbody td:first-child {
    width: 95px;
    min-width: 95px;
    max-width: 95px;
    padding: 12px 10px;
    text-align: left;
  }

  /* Alle anderen Body Spalten rechtsbündig */
  #c13444 tbody td:not(:first-child),
  #c13446 tbody td:not(:first-child) {
    width: 68px;
    min-width: 68px;
    max-width: 68px;
    padding-right: 20px;
    text-align: right;
  }

  /* Bootstrap Schatten entfernen, Farben behalten */
  #c13444 table.table > :not(caption) > * > *,
  #c13446 table.table > :not(caption) > * > * {
    box-shadow: none;
  }
}