/* Freigegebene Vorschau: Buchstabenlicht nur im Hero-Vornamen. */
.hero h1>.hero-jennifer{color:var(--paper);white-space:nowrap}
body.js .hero-jennifer>.hero-letter{animation:hero-letter-glow 4.5s ease-in-out infinite;animation-delay:calc(var(--letter-index)*.23s)}
.hero.hero-title-paused .hero-jennifer>.hero-letter{animation-play-state:paused}
@keyframes hero-letter-glow{
 0%,3%,20%,100%{color:var(--paper);text-shadow:none}
 9%,12%{color:var(--green);text-shadow:0 0 12px color-mix(in srgb,var(--green) 60%,transparent),0 0 28px color-mix(in srgb,var(--green) 27%,transparent)}
}
@media(prefers-reduced-motion:reduce){body.js .hero-jennifer>.hero-letter{animation:none;text-shadow:none}}

/* Zeitversatz in externer CSS-Datei für die Live-Sicherheitsregeln. */
.hero-jennifer>.hero-letter:nth-child(1){--letter-index:0}
.hero-jennifer>.hero-letter:nth-child(2){--letter-index:1}
.hero-jennifer>.hero-letter:nth-child(3){--letter-index:2}
.hero-jennifer>.hero-letter:nth-child(4){--letter-index:3}
.hero-jennifer>.hero-letter:nth-child(5){--letter-index:4}
.hero-jennifer>.hero-letter:nth-child(6){--letter-index:5}
.hero-jennifer>.hero-letter:nth-child(7){--letter-index:6}
.hero-jennifer>.hero-letter:nth-child(8){--letter-index:7}