:root {
--ivy-glow: drop-shadow(0 0 14px #0d8735);
--firefly-glow: radial-gradient(circle, cyan, teal, midnightblue, transparent);
--firefly-shade: rgba(255, 255, 200, 0.5);  
}

.floating-glow {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--firefly-glow);
  pointer-events: none;
  animation: glowFade 4s ease-out forwards;
  opacity: 0.8;
}


#firefly {
  position: fixed;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--firefly-glow);
  pointer-events: none;
  opacity: 0.8;
  box-shadow: 0 0 8px 4px var(--firefly-shadow);
  z-index: 9999; 
  animation: pulse 2s infinite ease-in-out;
}

.symbol {
  animation: float 4s ease-in-out infinite;
  /*filter: drop-shadow(0 0 5px #ffffffaa);*/
  /*neu*/
  transition: transform 0.3s ease-in-out; 
}
.symbol :hover {
  transform: translateY(-5px) rotate(5deg); /* kombiniert Effekt */
}

.sun { filter: var(--gold-shadow); }
.moon { filter: var(--silver-shadow); }


.efeu-button {
 width: 120px;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.4s ease, 
    filter 0.4s ease;
   animation: pulse 2.5s infinite ease-in-out; 
  
}
img.efeu-button:hover {
  animation-play-state: paused;
  animation: twinkle 2.5s infinite ease-in-out;  
  filter: var(--ivy-glow); 
   
}

    section {
      padding: 3rem 1.5rem; 
    }
#glow-area{
      position: relative; 
    }
    .ivy-frame {
      background-image: url('images/efeu-rahmen.png'); 
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      padding-left: 60px;
      padding-right: 60px;
      position: relative;
    }
    .poem-text {
      font-family: 'Great Vibes', cursive;
      font-size: 1.3rem;
      line-height: 2.2rem;
      text-align: center;
    }
    .poem-text a {
      color: var(--light-text); 
      text-decoration: none;
      font-weight: bold;
    }
    .poem-text a:hover {
      text-decoration: underline;
    }


/* Smartphone */
@media (max-width: 480px) {   
 
  .poem-text {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
  .efeu-button {
    width: 100px;
  }   
} 
  
/* Tablets */
@media (min-width: 481px) and (max-width: 899px) {  }
  
/* Desktop */  
@media (min-width: 900px) {  }