.lang-flag {
    --flag-width: 1.35rem;
    --flag-height: 0.95rem;
    display: inline-block;
    width: var(--flag-width);
    height: var(--flag-height);
    min-width: var(--flag-width);
    border-radius: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.16);
    vertical-align: middle;
    flex-shrink: 0;
}

.lang-flag--de {
    background-image: linear-gradient(to bottom, #000 0 33.333%, #dd0000 33.333% 66.666%, #ffce00 66.666% 100%);
}

.lang-flag--at {
    background-image: linear-gradient(to bottom, #ed2939 0 33.333%, #fff 33.333% 66.666%, #ed2939 66.666% 100%);
}

.lang-flag--ch {
    background-image:
        linear-gradient(90deg, transparent 0 36%, #fff 36% 64%, transparent 64% 100%),
        linear-gradient(to bottom, transparent 0 30%, #fff 30% 70%, transparent 70% 100%),
        linear-gradient(#d52b1e, #d52b1e);
}

.lang-flag--gb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cg stroke='%23fff' stroke-width='6'%3E%3Cpath d='M0 0 60 30M60 0 0 30'/%3E%3C/g%3E%3Cg stroke='%23c8102e' stroke-width='4'%3E%3Cpath d='M0 0 60 30M60 0 0 30'/%3E%3C/g%3E%3Cg stroke='%23fff' stroke-width='10'%3E%3Cpath d='M30 0v30M0 15h60'/%3E%3C/g%3E%3Cg stroke='%23c8102e' stroke-width='6'%3E%3Cpath d='M30 0v30M0 15h60'/%3E%3C/g%3E%3C/svg%3E");
}

.lang-flag--us {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 100'%3E%3Crect width='190' height='100' fill='%23fff'/%3E%3Cg fill='%23b22234'%3E%3Crect width='190' height='7.69' y='0'/%3E%3Crect width='190' height='7.69' y='15.38'/%3E%3Crect width='190' height='7.69' y='30.76'/%3E%3Crect width='190' height='7.69' y='46.14'/%3E%3Crect width='190' height='7.69' y='61.52'/%3E%3Crect width='190' height='7.69' y='76.9'/%3E%3Crect width='190' height='7.69' y='92.31'/%3E%3C/g%3E%3Crect width='76' height='53.85' fill='%233c3b6e'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Ccircle cx='31' cy='10' r='3'/%3E%3Ccircle cx='50' cy='10' r='3'/%3E%3Ccircle cx='69' cy='10' r='3'/%3E%3Ccircle cx='21.5' cy='22' r='3'/%3E%3Ccircle cx='40.5' cy='22' r='3'/%3E%3Ccircle cx='59.5' cy='22' r='3'/%3E%3Ccircle cx='12' cy='34' r='3'/%3E%3Ccircle cx='31' cy='34' r='3'/%3E%3Ccircle cx='50' cy='34' r='3'/%3E%3Ccircle cx='69' cy='34' r='3'/%3E%3Ccircle cx='21.5' cy='46' r='3'/%3E%3Ccircle cx='40.5' cy='46' r='3'/%3E%3Ccircle cx='59.5' cy='46' r='3'/%3E%3C/g%3E%3C/svg%3E");
}