/* Weiterfunkeln Shimmer-Text Effekt */
/* Farben aus dem offiziellen Design-System (--gradient-headline, Gold 500) */
.wf-target-text {
    position: relative;
    display: inline-block;
    background-image: linear-gradient(
        95deg,
        #241D18 0%,
        #3D332B 10%,
        #96702C 30%,
        #C0994F 46%,
        #E3C795 52%,
        #C0994F 58%,
        #96702C 72%,
        #3D332B 92%,
        #241D18 100%
    ) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    animation: wf-target-shimmer 6s linear infinite !important;
}

@keyframes wf-target-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.wf-spark {
    position: absolute;
    color: #C0994F !important;
    -webkit-text-fill-color: #C0994F !important;
    background: none !important;
    opacity: 0;
    pointer-events: none;
    text-shadow:
        0 0 4px #fff,
        0 0 8px #E3C795,
        0 1px 2px rgba(0, 0, 0, 0.15);
    animation-name: wf-sparkle-pop;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    z-index: 10;
    font-size: 16px;
}

@keyframes wf-sparkle-pop {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0deg);
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(90deg);
    }
    100% {
        opacity: 0;
        transform: scale(0.3) rotate(180deg);
    }
}