body {
  display: flex;
  justify-content: center; /* horizontal zentrieren */
  align-items: center;     /* vertikal zentrieren */
  min-height: 100vh;
  margin: 0;
  background: #2a2a2a;
}

.advent-kranz {
  position: relative;
  width: 55%;
  max-width: 800px;
  margin: 0 auto; /* horizontal zentrieren, falls flex mal nicht reicht */
  left: -1vw; 
}

.kranz {
  width: 100%;
  height: auto;
}

.flame {
  position: absolute;
  width: 20px;
  height: 40px;
  background: radial-gradient(circle at 50% 20%, #fffacd 0%, #ff8c00 60%, #ff0000 100%);
  border-radius: 50% 50% 50% 50%;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -120%);
  filter: drop-shadow(0 0 8px orange);
  animation: flicker 0.3s infinite alternate;
}

@keyframes flicker {
  0% { transform: translate(-50%, -120%) scale(1); opacity: 1; }
  50% { transform: translate(-50%, -125%) scale(1.1); opacity: 0.9; }
  100% { transform: translate(-50%, -115%) scale(0.95); opacity: 1; }
}