.timeData{
  grid-column: 1;
  /*font-size: 2vw;*/
  padding: auto;
  /*margin: auto;*/
}

table, tr, td, th {
  border: 1px solid black;
  border-collapse: collapse;
}

table{
  width: 95vw;
  margin: auto;
}

td:not(.test){
  width: 17vw;
}


.fullTimeEl{

  background-color: orange;
}

.event{

}

.expand-bottom{
  border-bottom: none;
}

.expand-top{
  border-top: none;
}

.green{
  background-color: lime;
}

.tutorium{
  background-color: #fcd303;
}

.vorlesungsvideo{
  background-color: yellow;
}

.uebungsblatt{
  background-color: pink;
}

.uebungsblatt_s{
  background-color: purple;
  color: white;
}

.pause{
  background-color: #82e098;
}

.abgabe{
  background-color: red;
}

.puffer{
  background-color: lightgrey;
}

.vorbereitung{
  background-color: #eeaa66;
}

.freizeit{
  background-color: aqua;
  /*background-color: transparent;
  color: transparent;*/
}

.censored{
  background-color: gray;
}

.censored div{
  display: none;
}

.censored::after{
  content: "PRIVAT";
  color: white;
}

#headline{
  grid-column: 1/9;
}

.timeEl{
  /*font-size: 1em;*/
  max-height: 0;
  height: 0px !important;

  text-align: center;

/*  border-top: none !important;
  border-bottom: none !important;*/
/*  height: 0.75em;
  min-height: 0.75em;*/
}

.test{
  font-size: 0.75em;
}

tr{
  height: 0 !important;
}

.epoch{
  height: 2.5vh !important;
}

tr{
  border-top: none;
  border-bottom: none;
}

.fullTimeEl{
    border: 1px solid black;
    font-size: 1.5vh;
}

#foreDrop{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: black;

}

.hidden{
  display: none;
}







.lds-container{
  width: 100vw;
  height: 100vw;
  text-align: center;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 20vw;
  height: 20vw;

  top: 50vh;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 15vw;
  height: 15vw;
  margin: 8px;
  border: 5vh solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}