.kreise{--kreise-abstand:0%;--kreise-logo:.4s}@media (min-width:40rem){.kreise{--kreise-abstand:12%}}.kreise-linse{opacity:0}@media (prefers-reduced-motion:no-preference){[data-kreise] .kreise-links{translate:calc(-1 * var(--kreise-abstand) + (15% + var(--kreise-abstand)) * var(--kreise-e,1)) 0}[data-kreise] .kreise-rechts{translate:calc(var(--kreise-abstand) - (15% + var(--kreise-abstand)) * var(--kreise-e,1)) 0}[data-kreise] .kreise-linse{clip-path:circle(50% at calc(150% + 2 * var(--kreise-abstand) - (30% + 2 * var(--kreise-abstand)) * var(--kreise-e,1)) 50%);opacity:var(--kreise-linse,0)}[data-kreise]:not([data-kreise-logo]) .kreise-logo{opacity:0}[data-kreise-logo] .kreise-logo{animation:kachelPlopp var(--kreise-logo) var(--kachel-kurve) both}}