.sp-index-table {
width:100%;
}

.sp-index-overview {
	margin:auto auto;
	width:100%;
}
.sp-index-title {
  color: var(--hglighter);
  text-transform: uppercase;
  font-family: 'Merriweather Sans', serif;
  letter-spacing: 2px;
  font-size: 8px;
  margin: 0px 0px 5px 0px;
  text-align: center;
	width:100%;
}

.sp-index-table th, .sp-table th {

  text-align: center;
  background: #2c2d35;
  font-size: 10px;
  font-weight: bold;
}

.sp-index-table tr td:first-child, .sp-table tr td:first-child {
padding: 2px;
  margin: 2px 0px;
  width: calc(100%/6);
  box-sizing: border-box;
  background: var(--hggreyer);
  color: var(--fontnormal);
  font-size: 9px;
}

.sp-index-table td, .sp-td {
  padding: 2px;
  margin: 2px 0px;
  width: calc(100%/6);
  box-sizing: border-box;
  font-size: 10px;
	text-align: center;
  color: #8c8f8a;
	font-weight:bold;

}

.sp-td {
	background:var(--hgaccent);}

.sp-meal {
border-bottom: 2px solid var(--hggreyer);
border-top: 2px solid var(--hggreyer);
	font-weight:bold;
}

.sp-parallel-classes {
font-size:8px;
font-weight:normal;}

.sp-teacher-circle {
float:right;
	width:15px;
	height:15px;
  line-height: 18px;
  border-radius: 50%;
  background: var(--hg1tab);
  color: var(--fontnormal);
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  cursor: help;
  padding: 2px;
	margin:2px;
	font-weight:normal;
}