:root {
  --book-back: rgba(17, 8, 24, 0.8);
  --site-color: rgba(255, 255, 255, 0.05);
  --buch-font: 'Simple print', cursive;
  --font-size: 2rem;
  --rahmen-img: url('/Buch_Luma3/rahmen-elemente.png') 220 round; /* 30 = Slice-Bereich im Bild */
  --font-responsive: 1.4rem;
  --line-responsive: 1.4rem;
  --glow-shadow: 0px 0px 20px rgba(73, 28, 194, 0.59);

  
  --kristall-text: #110930;
  --kristall-textglow: 
    1px 2px 4px white,
    0 0 2px #110930,
    0 0 12px white;
  --cosmic-shadow: drop-shadow(0 0 12px rgb(43, 0, 178));
  --buch-einband: url('/images/magic_book_dpurple.png');  
 }
/* luma pink: #ff69b4
cosmic purple: #3a00f0 onyx purple: #330034*/
@keyframes pulseglow1 {
  0% {
    filter: drop-shadow(0 0 8px rgba(10, 84, 13, 0.7));
  }
  50% {
    filter: drop-shadow(0 0 10px rgba(14, 152, 30, 0.86));
  }
  100% {
    filter: drop-shadow(0 0 8px rgba(10, 84, 13, 0.7));
  }  
} 

@keyframes pulseglow2 {
  0% {
    filter: drop-shadow(0 0 8px rgba(56, 33, 184, 0.6));
  }
  50% {
    filter: drop-shadow(0 0 10px rgb(23, 188, 207));
  }
  100% {
    filter: drop-shadow(0 0 8px rgba(56, 33, 184, 0.6));
  }
}

.seite-links {  

  border: 1.2rem solid transparent; 
  border-image: var(--rahmen-img); 
  
}

.bild-glow1{
  filter: drop-shadow(0 0 12px rgba(20, 95, 34, 0.9));
  animation: pulseglow1 4s infinite ease-in-out;
}

.bild-glow2{
  filter: drop-shadow(0 0 12px rgba(56, 33, 184, 0.6));
  animation: pulseglow2 4s infinite ease-in-out;
}


.kristall-button span {
  color: var(--kristall-text); 
  text-shadow: var(--kristall-textglow);
  font-family: 'Lily Script', serif;
  
}
.kristall-button:hover {
  filter: var(--cosmic-shadow);
}