/* Wird in unter "Meine Kurse" verwendet im User Modi */
.ResponTable {
  display: block;
  /*max-width: 1162px; /* maximale gesamt breite */
  font-size: 14px;
}
.body {
  display: flex;
  flex-direction:row; /*   anzeige in reihe */
}
/* Tabellen Kopf Format */
.body:first-child {
  font-weight: bold;
  text-align: left;
}
.body > li{
  /*width: 12%; /* responsive breite*/
  /*min-width: 150px; /* mindest breite*/
  list-style: none;
  padding: 8px;
}
li#Wname   { width:200px; }
li#Wstatus { width:200px; }
li#Wdate   { width:220px; }
li#Wuel    { width:200px; }
li#Wtn     { width:100px; }
li#Wmax    { width:70px; }
li#Winfo   { width:200px; }

.body ul {
  list-style: none;
  margin: 0px;
  padding: 5px 0 5px 0;
}
/* H2 wird zurueckgesetzt und fuer moile version
  wird eine anders Formatierung neutzt */
.ResponTable h2 {
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #000;
  font-weight: normal;
}
/* ****************************************************  */
/* Abwechselnde Hindergruende ****/
.body:nth-child(even) {
  background-color: #fff;
}
.body:nth-child(odd) {
  background-color:#DFDFDF;
}
.body:hover {
  background-color: #CFCFCF;
  box-shadow: 6px 6px 6px hsla(300,15%,25%,0.3) inset;
}
.zusatz { display: none; }
/* **************************************************** */
/* Zeig nur bei Kleiner Aufloesung  dt an */
@media screen and (max-width: 640px) {
  .ResponTable {
    width: 100%;
    max-width: none;
    border: none;
  }
  .body {
    display: block;
    margin: 0px;
    padding: 0px;
  }
  .body > li {
    max-width: none;
    border: none;
    margin: 0;
    padding: 3px 0 3px 0;
  }
  li#Wname ,li#Wstatus,li#Wdate ,li#Wuel ,li#Wtn ,li#Wmax ,li#Winfo {
    width:100%;
  }

  .body ul {
    list-style: none;
    margin: 0px;
    padding: 0 0 5px 100px;
    width: auto;
  }
  .zusatz {
    font-weight: bold;
    position:absolute;
    width: 95px;
    padding: 3px 0 3px 0;
    text-align: right;
    display: block;
     /*border: 1px solid #000; */
  }
  .body:first-child { display: none; }

  .ResponTable h2 {
    font-size: 18px;
    margin: 8px 0 8px 0;
    color: #00A0FF;
    font-weight: bold;
  }

  .body:nth-child(even) { background-color: #fff; }
  .body:nth-child(odd)  { background-color:#fff; }
  .body:hover {
    background-color: #fff;
    box-shadow: none;
  }
}