.herfst-blad{opacity:0;animation:herfst-val var(--duur,11s) linear var(--vertraging,0s) infinite;will-change:transform;font-size:1.6rem;position:absolute;top:-10%}@keyframes herfst-val{0%{opacity:0;transform:translate(0,0)rotate(0)}8%{opacity:.9}50%{transform:translate3d(var(--zwaai,40px), 55vh, 0) rotate(180deg)}92%{opacity:.9}to{transform:translate3d(calc(var(--zwaai,40px) * -.6), 115vh, 0) rotate(360deg);opacity:0}}.herfst-banner{clip-path:polygon(3% 6%,100% 0%,97% 94%,0% 100%);background:#1a1a1a;padding:.35em .9em;display:inline-block;transform:rotate(-1.5deg)}.herfst-banner--paars{clip-path:polygon(4% 8%,99% 0%,96% 92%,0% 100%);background:#7c3aed;transform:rotate(-2deg)}.herfst-badge{filter:drop-shadow(0 12px 24px #00000073);animation:5s ease-in-out infinite herfst-wiebel}@keyframes herfst-wiebel{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(3deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.herfst-blad{opacity:.5;animation:none;top:auto;bottom:10%}.herfst-badge{animation:none}}