
#Advent1 {
  z-index: 1;
  position: relative;
  top: 0px;
  left: 0;
  margin: auto;
  padding: 0;
  width: 100%;
  /* max-width: max Grösse kann man anpassen max-width: 800px; */
  height: auto;
}


#AdventGrafik {
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

#Advent2 {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Rand 1 zum Testen */
  border: 0px solid #FF7F00;
}

#Advent2 table {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#Advent2 td {
    font-family: Arial, sans-serif;
  width: 16.66%;
  height: 25%;
  margin: 0;
  padding: 0;
  text-align: center;
}

#Advent2 a {
    font-family: Arial, sans-serif;
    text-decoration: none;
}

#Advent2 .tag {
    line-height: 100%;
    font-size: calc(0.5rem + 2.0vw);
    background-color: rgba(255, 255, 255, 0);
    transition: all 0.5s linear;
    padding: 15px;

    /* Ziffernfarbe */
    color: #6F6F6F;

    /* Rand ? */
    border: 0px solid #6F6F6F;
    border-radius: 10%;
}

#Advent2 a:hover .tag {
    /* Ziffernfarbe MouseOver */
    color: #FFFFFF;
    border: 1px solid transparent;

    /* Hintergrundfarbe + Transparenz MouseOver */
    background-color: rgba(27, 27, 27, 0.5);
}