.content {
  max-width: 1600px;
  margin: auto;
  
}
  
div.dataTables_wrapper  div.dataTables_filter {
  width: 100%;
  text-align: left;
  white-space: normal;
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 14px;
  font-weight: normal;
}

  body.index {
  background-color: #7894c6;
  margin-top: 60px;
  text-align: center;
  font: 90%/1.45em "Verdana", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
}

table#course_table.dataTable tbody tr:hover {
  background-color: #ffa;
}

table#course_table.dataTable tbody tr:hover > .sorting_1 {
  background-color: #ffa;
}

table#course_table.dataTable thead:hover {
  background-color: #ffa;
}

.button_oben {
  background-color: #7894c6; 
  border: none;
  transition-duration: 0.7s;
  color: white;
  padding: 10px 25px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 14px;
  font-weight: normal
}

.button_oben_2 {
  background-color: #a9cf73; 
  border: none;
  transition-duration: 0.7s;
  color: white;
  padding: 10px 25px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 14px;
  font-weight: normal
}

.button_oben:hover {
  background-color: #2459b8; 
  color: white;
}

.button_oben_2:hover {
  background-color: #6db944; 
  color: white;
}

.table-primary {
  color: white;
  font-weight: normal;
}