/* Slogan: Punkt rot leuchtend, Slogan mit Lichtkante */
.sd{position:relative;display:inline-block;color:transparent!important;-webkit-text-fill-color:transparent!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}
.sd::before{content:"";position:absolute;left:50%;bottom:.17em;width:.2em;height:.2em;margin-left:-.1em;border-radius:50%;
 background:radial-gradient(circle at 38% 35%,#ff8a96 0,#ff1f3d 38%,#c8001f 100%);
 box-shadow:0 0 .06em #ff2a45,0 0 .22em rgba(255,30,60,.85),0 0 .6em rgba(255,30,60,.45),0 0 1.1em rgba(255,30,60,.22);
 animation:sdGlow 2.8s ease-in-out infinite}
@keyframes sdGlow{0%,100%{box-shadow:0 0 .06em #ff2a45,0 0 .22em rgba(255,30,60,.8),0 0 .6em rgba(255,30,60,.4),0 0 1.1em rgba(255,30,60,.18)}
 50%{box-shadow:0 0 .08em #ff4a60,0 0 .3em rgba(255,40,70,1),0 0 .85em rgba(255,40,70,.6),0 0 1.6em rgba(255,40,70,.3)}}
.hero h1 em{background-image:linear-gradient(100deg,#1f2942 0%,#0764c1 38%,#7cc0ff 50%,#0764c1 62%,#1f2942 100%)!important;background-size:260% 100%!important;background-position:100% 0;
 -webkit-background-clip:text!important;background-clip:text!important;color:transparent;animation:sgSheen 7s cubic-bezier(.45,0,.2,1) 1.4s infinite;filter:drop-shadow(0 .04em .08em rgba(7,100,193,.18))}
html:not(.theme-light) .hero h1 em{background-image:linear-gradient(100deg,#fff 0%,#9ec8ff 38%,#fff 50%,#9ec8ff 62%,#fff 100%)!important}
@keyframes sgSheen{0%{background-position:100% 0}35%,100%{background-position:0 0}}
.motto{letter-spacing:.01em}
@media (prefers-reduced-motion:reduce){.sd::before,.hero h1 em{animation:none}}