/* begin CD hover text */

#case1 {
  position: relative;
  
}

#case1:after {
  content: "Orbit Culture";
  position: absolute;
  width: 100%; 
  text-align: center;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 50;
}

#case1:hover::after {
  visibility: visible;
  opacity: 1;
}


#case2 {
  position: relative;
  
}

#case2:after {
  content: "Alcest";
  position: absolute;
  width: 100%; 
  text-align: center;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 50;
}

#case2:hover::after {
  visibility: visible;
  opacity: 1;
}

#case3 {
  position: relative;
  
}

#case3:after {
  content: "Urfaust";
  position: absolute;
  width: 100%; 
  text-align: center;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 50;
}

#case3:hover::after {
  visibility: visible;
  opacity: 1;
}

  
#case4 {
  position: relative;
  
}

#case4::after {
  content: "Midnight Odyssey";
  position: absolute;
  width: 100%; 
  text-align: center;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 50;
}

#case4:hover::after {
  visibility: visible;
  opacity: 1;
}

  
#case5 {
  position: relative;
  
}

#case5::after {
  content: "Triptykon";
  position: absolute;
  width: 100%; 
  text-align: center;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 50;
}

#case5:hover::after {
  visibility: visible;
  opacity: 1;
}

  
#case6 {
  position: relative;
  
}

#case6::after {
  content: "Heilung";
  position: absolute;
  width: 100%; 
  text-align: center;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 50;
}

#case6:hover::after {
  visibility: visible;
  opacity: 1;
}