#text-container-blutregen {
    position: relative;
    display: inline-block;
    width: 100%;
}

#blut-regen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px; /* Tropfen können tiefer laufen */
    pointer-events: none;
    z-index: 10;
}

.blut-tropfen {
    position: absolute;
    width: 8px;
    height: 24px;
    background: linear-gradient(to bottom, #b10018 60%, #ff0033 100%);
    border-radius: 50% 50% 70% 70%/60% 60% 90% 90%;
    opacity: 0.85;
    top: 0;
    animation: tropfen-fallen 2s linear forwards;
    filter: drop-shadow(0 2px 4px #b1001866);
}

@keyframes tropfen-fallen {
    0% { top: 0; opacity: 1;}
    85% { opacity: 1;}
    100% { top: 90px; opacity: 0; }
}
