.flag-icon {
    width: 20px;
    height: 15px;
    display: inline-block;
    background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
}

.flag-icon-de {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2MDAiIHZpZXdCb3g9IjAgMCA1IDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMGg1djNoLTV6IiBmaWxsPSIjMDAwIi8+CiAgPHBhdGggZD0iTTAgMWg1djFoLTV6IiBmaWxsPSIjZmYwMDAwIi8+CiAgPHBhdGggZD0iTTAgMmg1djFoLTV6IiBmaWxsPSIjZmZjZTAwIi8+Cjwvc3ZnPg==');
}

.flag-icon-gb {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJ0Ij4KPHBhdGggZD0ibTYwMCwzMDAgMjAwLDAgMCwxMDAgLTIwMCwweiIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9InMiPgo8cGF0aCBkPSJtMCwwIDYwMCwwIDAsNjAwIC02MDAsMHoiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8cGF0aCBkPSJtMCwwIDEyMDAsMCAwLDYwMCAtMTIwMCwweiIgZmlsbD0iIzAwMjQ3ZCIvPgo8ZyBjbGlwLXBhdGg9InVybCgjcykiPgo8cGF0aCBkPSJtMCwwIDEyMDAsMCAwLDYwMCAtMTIwMCwweiIgZmlsbD0iIzAwMjQ3ZCIvPgo8cGF0aCBkPSJtMCwwIDIwMCw2MDAgMTAwMCwwIDAsLTYwMCAtMTAwMCwweiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEyMCIvPgo8cGF0aCBkPSJtMCw2MDAgMTIwMCwtNjAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMTIwIi8+CjxwYXRoIGQ9Im0wLDAgMTIwMCw2MDAgMCwtNjAwIC0xMjAwLDB6IiBmaWxsPSJub25lIiBzdHJva2U9IiNjZjE0MmIiIHN0cm9rZS13aWR0aD0iODAiLz4KPHBhdGggZD0ibTAsNjAwIDEyMDAsLTYwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjgwIi8+CjwvZz4KPHBhdGggZD0ibTYwMCwwIDAsNjAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMjAwIi8+CjxwYXRoIGQ9Im0wLDMwMCAxMjAwLDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyMDAiLz4KPHBhdGggZD0ibTYwMCwwIDAsNjAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNjZjE0MmIiIHN0cm9rZS13aWR0aD0iMTIwIi8+CjxwYXRoIGQ9Im0wLDMwMCAxMjAwLDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSIxMjAiLz4KPC9zdmc+');
}

/* Flaggen leicht abrunden und optisch angleichen */
.navbar img[alt="Deutsch"],
.navbar img[alt="English"] {
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}