table th { font-weight: bold; }
table td, table th { padding: 9px 8px; text-align: left;border: 1px solid #ddd; }
table { /* Styling der Tabelle */ }

.table-scrollable {
  width: 100%!important;
  overflow-y: auto!important;
  margin: 0 0 1em!important;	
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none!important;
  width: 14px!important;
  height: 14px!important;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px!important;
  border: 3px solid #fff!important;
  background-color: rgba(0, 0, 0, .3)!important;
}

/* Mobile*/ 
@media only screen and (max-width: 480px) {
	
	table.responsive { margin-bottom: 0; margin-left:-3px; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	
	table.responsive th:nth-child(4n), table.responsive td:nth-child(4n), table.responsive td:nth-child(4n), table.responsive.pinned td { display: none; }
	table.responsive th:nth-child(5n), table.responsive td:nth-child(5n), table.responsive td:nth-child(5n), table.responsive.pinned td { display: none; }
	table.responsive th:last-child{ }

}