body {
  padding-top: 70px;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .card-columns {
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .card-columns {
    column-count: 3;
  }
}

@media (min-width: 1200px) {
  .card-columns {
    column-count: 3;
  }
}

/*Anzeige der Werk-Details (Bezeichnungen), rechtsbündig*/
.table th {
  text-align: left;
  vertical-align: middle;
}

/*Anzeige der Werk-Details (Werte), linksbündig*/
.table td {
  text-align: left;
  vertical-align: middle;
}

.tabbable .nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}
.tabbable .nav-tabs .nav-link {
  white-space: nowrap;
}

#table-details th {
  text-align: left;
}

#detail-messages * {
  text-align: center;
}