/* headline Animation */

.uk-h1,
.uk-h2 {
    transition: all 0.17s ease;
}

/* Zustand 1 */
.styling-1 {
    text-shadow: 6px 0px 3px rgba(249, 201, 118, 0.4);
}

/* Zustand 2 */
.styling-2 {
    text-shadow: -2px 0px 4px rgba(249, 251, 118, 0.5);
}

/* Zustand 3 */
.styling-3 {
    text-shadow: 3px 0px 10px rgba(249, 211, 118, 0.4);
}

/* Zustand 4 */
.styling-4 {
    text-shadow: -5px 0px 8px rgba(249, 221, 118, 0.4);
}

/* Zustand 5 */
.styling-5 {
    text-shadow: 0px 0px 8px rgba(249, 231, 118, 0.4);
}

/* Zustand 6 */
.styling-6 {
    text-shadow: 5px 0px 8px rgba(249, 191, 118, 0.5);
}

/* --- Gespiegelte Zustände --- */

/* Zustand 7 (Spiegelung von 1) */
.styling-7 {
    text-shadow: -2px 0px 2px rgba(249, 201, 118, 0.4);
}

/* Zustand 8 (Spiegelung von 2) */
.styling-8 {
    text-shadow: 2px 0px 2px rgba(249, 251, 118, 0.4);
}

/* Zustand 9 (Spiegelung von 3) */
.styling-9 {
    text-shadow: -3px 0px 10px rgba(249, 211, 118, 0.4);
}

/* Zustand 10 (Spiegelung von 4) */
.styling-10 {
    text-shadow: 3px 0px 8px rgba(249, 221, 118, 0.3);
}

/* Zustand 11 (Spiegelung von 5) */
.styling-11 {
    text-shadow: 0px 0px 8px rgba(249, 231, 118, 0.4);
}

/* Zustand 12 (Spiegelung von 6) */
.styling-12 {
    text-shadow: -5px 0px 8px rgba(249, 191, 118, 0.4);
}