/* Language switch: translatable text blurs out, swaps, and sharpens again.
   Keyframes (not transitions) so existing hover transitions stay untouched. */
.lang-out [data-de],
.lang-out .only-de,
.lang-out .only-en,
.lang-out .lang-fx {
    animation: lang-blur-out .2s ease forwards;
}

.lang-in [data-de],
.lang-in .only-de,
.lang-in .only-en,
.lang-in .lang-fx {
    animation: lang-blur-in .32s ease both;
}

@keyframes lang-blur-out {
    to {
        filter: blur(6px);
        opacity: .25;
    }
}

@keyframes lang-blur-in {
    from {
        filter: blur(6px);
        opacity: .25;
    }
}