.header .header__lang-flag--ua {
    background: -webkit-gradient(linear, left top, left bottom,
    from(#0057b7),
    color-stop(50%, #0057b7),
    color-stop(50%, #ffd700),
    to(#ffd700)
    );
    background: -o-linear-gradient(top,
    #0057b7 0,
    #0057b7 50%,
    #ffd700 50%,
    #ffd700 100%
    );
    background: linear-gradient(180deg,
    #0057b7 0,
    #0057b7 50%,
    #ffd700 50%,
    #ffd700 100%
    );
}

.header .header__lang-flag--en {
    background:
        /* красный крест */
        linear-gradient(90deg, transparent 47%, #c8102e 47%, #c8102e 53%, transparent 53%),
        linear-gradient(0deg, transparent 47%, #c8102e 47%, #c8102e 53%, transparent 53%),

            /* белый крест */
        linear-gradient(90deg, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%),
        linear-gradient(0deg, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%),

            /* красные диагонали */
        linear-gradient(45deg, transparent 49%, #c8102e 49%, #c8102e 51%, transparent 51%),
        linear-gradient(-45deg, transparent 49%, #c8102e 49%, #c8102e 51%, transparent 51%),

            /* белые диагонали */
        linear-gradient(45deg, transparent 44%, #ffffff 44%, #ffffff 56%, transparent 56%),
        linear-gradient(-45deg, transparent 44%, #ffffff 44%, #ffffff 56%, transparent 56%),

            /* синий фон */
        #012169;
}

.header .header__lang-flag--de {
    background: -webkit-gradient(linear, left top, left bottom,
    from(#000000),
    color-stop(33.33%, #000000),
    color-stop(33.33%, #dd0000),
    color-stop(66.66%, #dd0000),
    color-stop(66.66%, #ffce00),
    to(#ffce00)
    );
    background: -o-linear-gradient(top,
    #000000 0,
    #000000 33.33%,
    #dd0000 33.33%,
    #dd0000 66.66%,
    #ffce00 66.66%,
    #ffce00 100%
    );
    background: linear-gradient(180deg,
    #000000 0,
    #000000 33.33%,
    #dd0000 33.33%,
    #dd0000 66.66%,
    #ffce00 66.66%,
    #ffce00 100%
    );
}