/* COVER ****************************************************/
#cover{
  background-color: #F2F2F2;
  background: url(Bilder/Cover.png);
  background-position: center center;
  background-size: cover;
  display: inline-block;
}

.Cover_Text{
  width: 100%;
  float: left;
}

#cover h1{
  margin: 0 auto 0 auto;
  margin-top: 1vh;
  font-size: 80px;
  height: auto;
}

#cover h2{
  margin: 0 auto 0 auto;
  margin-top: 1.5vh;
  font-size: 75px;
}

.Countdown{
  width: 100%;
  float: right;
  margin-top: 0px;
}

.Countdown_Tabelle{
  margin-top: 70px;
  margin-right: 37px;
  background: #ddd;
  border: 3px solid #494949;
  border-radius: 4px;
  box-shadow: 0 0 5px 3px #ccc;
  width: 25%;
  float: right;
}

.Countdown_Info{
  font-size: 2.35vw;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-align: center;
}

  .Countdown_Text{
    font-size: 145%;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
  }


#days{
  color: #D8D8D8;
  background-color: #494949;
  margin-left: 3px;
  border: 3px solid #494949;
  border-radius: 4px;
  min-width: 25%;
}
#hours{
  color: #D8D8D8;
  background-color: #494949;
  border: 3px solid #494949;
  border-radius: 4px;
  min-width: 25%;
}
#minutes{
  color: #D8D8D8;
  background-color: #494949;
  border: 3px solid #494949;
  border-radius: 4px;
  min-width: 25%;
}
#seconds{
  color: #D8D8D8;
  background-color: #494949;
  margin-right: 3px;
  border: 3px solid #494949;
  border-radius: 4px;
  min-width: 25%;
}

.Spruch{
 width: 70vw;
 float: left;
 margin-left: 15vw;
 background: #f9f9f9a1;
 border-radius: 5px;
 position: absolute;
 bottom: 60px;
}

.Spruch p{
  font-size: 30px;
  margin: 20px 20px 20px 20px;
}

@media screen and (max-height: 850px) {
  #cover{
    min-height: 850px;
  }

  .Spruch{
    position: unset;
    margin-top: 180px;
  }
}

@media screen and (min-height: 850px) {
  #cover{
    background-attachment: fixed;
  }
}

@media screen and (max-width: 1120px){
  .Countdown_Tabelle{
    margin-top: 50px;
  }
  .Countdown_Text{
    font-size: 100%;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
  }
}

@media screen and (max-width: 930px){

   #cover h1{
     font-family: 'LiebeErika';
     font-size: calc(10px + 6vw);
   }

   #cover h2{
   font-family: 'LiebeErika';
   font-size: calc(10px + 6vw);
   }

   .Spruch{
     width: 90vw;
     float: left;
     margin-left: 5vw;
   }

   .Spruch p{
     font-size: 21px;
   }

 }